/* Start:/local/templates/neti/css/swiper-bundle.min.css?175007634318451*/ /** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}: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;overflow:clip;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/neti/css/style.min.css?1786605514229310*/ @charset "UTF-8"; body, button, html, input, textarea { font-family: Commissioner, sans-serif; } .h2 { font-family: Commissioner; font-size: 28px; font-weight: 600; line-height: 1.3; margin-bottom: 40px; } .header__menu-items { border-left: 1px solid #BCCFF4; border-right: 1px solid #BCCFF4; } .approach__slider, .brands__slider, .contacts__columns, .guarantees__slider, .hero, .modal__container, .product-page__gallery-main, .product-page__image-wrapper, .wrapper, body._lock { overflow: hidden; } .developers__elements-title, .examples-completed-tasks__title, .hero--index .hero__element, .sub-title, .technology-stack__description, .technology-stack__item-top-title { font-family: Commissioner; font-style: normal; } * { padding: 0; margin: 0; border: 0; } *, :after, :before, input { -webkit-box-sizing: border-box; box-sizing: border-box; } a, div { -webkit-tap-highlight-color: transparent; } aside, footer, header, label, nav, section { display: block; } body, html { height: 100%; min-width: 320px; font-size: 16px; scrollbar-gutter: stable; padding: 0 !important; } html { scroll-behavior: smooth; } body { line-height: 1.3; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #f8f9fb; } button, input, textarea { font-size: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: transparent; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:hover, a:visited { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } .contacts { position: relative; } .contacts::before { width: 420px; height: 420px; background: #C0EDD7; content: ''; position: absolute; left: 44px; bottom: 0; border-radius: 50%; filter: blur(125px); z-index: -1; } .btn { display: inline-flex; padding: 15px 30px; justify-content: center; align-items: center; border-radius: 15px; font-weight: 500; font-size: 15px; line-height: 130%; } .btn--white { background-color: transparent; border: 1px solid #1ad079; color: #1ad079; transition: background-color .3s ease, box-shadow .3s ease; } .btn--white:hover { background: #1AD07914; } .btn--white:focus { background-color: #1AD079; } .btn--white:active { background-color: #1AD079; } .btn--green { background: #1ad079; color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s, box-shadow 0.3s ease; } .btn--green:hover { box-shadow: 0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004D; } .btn--green:focus { background-color: #C0EDD7; box-shadow: none; } .btn--arrow-up { position: relative; padding: 15px 42px 15px 30px; } .btn--arrow-up::after { position: absolute; content: ''; right: 15px; top: 15px; background-image: url('/local/templates/neti/css/../img/our-produsts/arrow-up.svg'); width: 18px; height: 18px; background-repeat: no-repeat; } .modal__header-title, .sub-title { line-height: 130%; color: #07133b; font-weight: 500; } .title { line-height: 130%; color: #07133b; font-weight: 600; font-size: 28px; margin-bottom: 40px; } .sub-title { font-size: 45px; } .seo-title { font-weight: 600; font-size: 28px; } .container-fw { margin: 0 auto; max-width: 1700px; padding: 0 10px; } .container { margin: 0 auto; max-width: 1460px; padding: 0 20px; width: 100%; } .wrapper { display: -ms-grid; display: grid; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; -ms-grid-columns: 100%; grid-template-columns: 100%; min-height: 100vh; } .modal__header, .modal__overlay { display: -webkit-box; display: -ms-flexbox; } .modal { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100vh; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.1s linear, visibility 0.1s linear; -o-transition: opacity 0.1s linear, visibility 0.1s linear; transition: opacity 0.1s linear, visibility 0.1s linear; } .modal__overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; display: flex; padding: 20px; } .modal__container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; width: 600px; margin: 140px auto auto; z-index: 10; padding: 40px 50px; border-radius: 12px; } .modal__input input, .modal__textarea textarea { border: 1px solid #07133b; padding: 18px 30px; font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; width: 100%; } .modal.active { visibility: visible; opacity: 1; } .modal__header { position: relative; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__container, .modal__policy { display: -webkit-box; display: -ms-flexbox; } .modal__header-title { font-size: 36px; text-align: center; margin-bottom: 30px; } .modal__header-close { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 50px; color: #d9d9d9; } .modal__input input { border-radius: 15px; margin-bottom: 20px; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .modal__input input:hover { cursor: pointer; border: 1px solid #1ad079; } .modal__input input::-webkit-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__input input::-moz-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__input input:-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__input input::-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__input input::placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__textarea textarea { border-radius: 15px; resize: vertical; min-height: 200px; margin-bottom: 30px; } .modal__textarea textarea:hover { cursor: pointer; border: 1px solid #1ad079; } .modal__textarea textarea::-webkit-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__textarea textarea::-moz-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__textarea textarea:-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__textarea textarea::-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__textarea textarea::placeholder { font-weight: 400; font-size: 16px; line-height: 150%; color: #ababab; } .modal__policy { display: flex; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; } .modal__policy-checkbox label { width: 33px; height: 33px; border: 1px solid #07133b; border-radius: 5px; -webkit-transition: border 0.5s; -o-transition: border 0.5s; transition: border 0.5s; } .modal__policy-checkbox label:hover { cursor: pointer; border: 1px solid #1ad079; } .calculation__column-checkbox input, .modal__policy-checkbox input { position: absolute; left: -100px; z-index: -1; opacity: 0; } .modal__policy-checkbox input:checked+label { border: 1px solid #1ad079; position: relative; } .modal__policy-checkbox input:checked+label::after { content: ""; position: absolute; top: 3px; left: 3px; width: 25px; height: 25px; background: #1ad079; border-radius: 5px; } .modal__policy-description { font-weight: 500; font-size: 14px; line-height: 17px; color: #777; opacity: 0.5; } .modal__btn { display: block; width: 100%; padding: 22px; } .btn-before { padding: 15px 15px 15px 42px; color: #1AD079; font-size: 15px; font-weight: 500; position: relative; border-radius: 15px; } .btn-before::before { content: ""; display: inline-block; width: 18px; height: 18px; background-image: url(/upload/services/icon.svg); background-repeat: no-repeat; transform: rotate(228deg); position: absolute; left: 15px; top: 16px; transition: background-color .3s ease; } .header { position: relative; top: 20px; width: 100%; z-index: 101; } .btn-before:hover { background-color: #1AD07914; } .btn-before:active { background-color: #C0EDD7; } .header.open { top: 0; padding: 0; } .header__wrapper.open { border-radius: 0; } .header__menu-item.active .header__menu-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } .header.mouse .header__menu-item:hover .header__menu-item-link { color: #1AD079; } .header__inner { display: flex; justify-content: center; margin: 0 20px; } .header__wrapper { position: fixed; top:0; margin: 0 auto; max-width: 1920px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0 0 100px rgba(3, 6, 54, 0.15); box-shadow: 0 0 100px rgba(3, 6, 54, 0.15); } .header__container { margin: 0 50px; position: relative; max-width: 1450px; padding: 20px 15px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 99px; } .header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 152px; flex: 0 0 152px; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; margin-right: 16px; } .header__menu-item-arrow, .header__menu-item-link { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .header__logo:hover { opacity: 0.5; } .brands__img, .header__logo-img, .hero__img { max-width: 100%; } .header__description { font-weight: 400; font-size: 12px; line-height: 120%; color: #00376A; -webkit-box-flex: 0; -ms-flex: 0 0 86px; flex: 0 0 86px; margin-right: 40px; } .header__phone { margin-left: 40px; } .header-phone-link { color: #00376A; font-size: 15px; line-height: 1.3; font-weight: 500; position: relative; padding: 0 0 0 42px; } .header-phone-link::after { content: ''; position: absolute; left: 15px; background-image: url('data:image/svg+xml,'); width: 18px; height: 18px; } .header__menu-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 37px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 80px; } .header-phone-link__icon { display: none; } .header__menu-item { position: relative; white-space: nowrap; } .header__menu-item-link { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; transition: opacity 0.3s, color .3s ease; } .header__menu-item-link:hover { color: #1ad079; } .header__menu-item.open.active .header__menu-item-link { color: #1ad079; } .header__menu-item-arrow { cursor: pointer; display: inline-block; width: 13px; height: 8px; margin-left: 5px; background-color: #07133b; -webkit-mask-image: url(/local/templates/neti/css/../img/header/arrow.svg); mask-image: url(/local/templates/neti/css/../img/header/arrow.svg); transition: opacity 0.3s; position: relative; top: 0px; transition: transform 0.3s ease, background-color 0.3s ease; } .header__menu-item-arrow:hover { opacity: 0.5; } .header__menu-item.active .header__menu-item-arrow { background-color: #1ad079; transform: rotate(180deg); } .header__menu-dropdown { display: none; position: absolute; top: 68px; left: -35px; background: #fff; border-radius: 15px; padding: 30px 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .header__menu-dropdown::before { cursor: pointer; content: ""; position: absolute; width: 100%; height: 40px; top: -40px; left: 0; } .header__menu-dropdown-item { min-width: 170px; white-space: normal; } .header__menu-dropdown-item:nth-child(1) { min-width: 110px; } .header__menu-dropdown-item-link { font-weight: 400; font-size: 14px; line-height: 130%; color: #07133b; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .header__menu-dropdown-item-link:hover { opacity: 0.5; } .header__menu-phone { margin-left: 35px; } .header__button { margin-left: auto; } .header__menu-phone-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; white-space: nowrap; font-weight: 500; font-size: 20px; line-height: 130%; color: #07133b; } .header__menu-phone-link::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/local/templates/neti/css/../img/header/phone.svg) center center/contain no-repeat; } .header__btn { padding: 15px 30px; background: #1ad079; color: #fff; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; font-size: 15px; } .brands__item, .developers__elements-navs-prev { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .header__btn.open { background-color: #096b3c; } .first-screen { position: relative; } .first-screen::before { position: absolute; right: 0; top: -2%; content: ''; background-image: var(--banner-img-detail); width: calc(100vw / 4* 2); height: 1211px; background-repeat: no-repeat; background-size: cover; z-index:-1; } .corporativnie-portali::before { top: 10%; width: 500px; height: 410px; } @media (min-width: 576px) and (max-width: 1285px) { .corporativnie-portali::before { display: none; } } .corporativnie-portali .hero.hero--banner { padding-top: 220px; } .first-screen.main-first-screen::before { display: none; } .hero { padding-top: 434px; padding-bottom: 152px; } .hero--banner { padding-top: 340px; padding-bottom: 182px; } .first-screen__light { position: relative; } .first-screen::after { content: ''; position: absolute; width: 420px; height: 420px; background: #C0EDD7; bottom: 40%; right: 0; border-radius: 50%; filter: blur(200px); z-index: -1; } .first-screen--b24-support::after { bottom: -420px; } .first-screen--bitrix-support::before, .first-screen--b24-support::before, .first-screen--bitrix-outstaff::before { right: 251px; top: 14px; height: 900px; } .first-screen__light::after { content: ''; position: absolute; width: 395px; height: 204px; background: #BCCFF4; top: -140%; left: -8%; border-radius: 50%; filter: blur(129px); z-index: -1; } .hero__wr { display: flex; width: 100%; } .hero-controls { display: flex; margin: 80px 0 0 0; gap: 8px; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } /*.hero .swiper-button-next, .hero .swiper-button-prev { position: static; }*/ .hero__prev { cursor: pointer; background: url('data:image/svg+xml,'); width: 24px; height: 24px; } .hero__prev.swiper-button-disabled, .hero__next.swiper-button-disabled { cursor: no-drop; opacity: 0.5; } .hero__next { cursor: pointer; background: url('data:image/svg+xml,'); width: 24px; height: 24px; } .hero__title { position: relative; z-index: 99; -ms-grid-row: 1; -ms-grid-column: 1; grid-area: title; font-weight: 700; font-size: 54px; line-height: 130%; color: #07133b; margin-bottom: 10px; max-width: 774px; } h1.hero__title { font-size: 36px; font-weight: 700; margin-bottom: 16px; } .heto__description { position: relative; max-width: 450px; margin-bottom: 50px; z-index: 99; color: #07133B; } .hero__button { position: relative; z-index: 99; } .hero.policy { padding-top: 160px; height: auto; } .main-slider-container .swiper, .main-slider-container .swiper-wrapper, .main-slider-container .swiper-slide { position: unset; } .main-slider-container .swiper { overflow: unset; } .main-slider-container { position: relative; max-width: 100%; margin-left: 20px; } .main-slider-container .hero__title { height: 140px; max-width: 690px; margin-bottom: unset; } .main-slider-container .swiper.mySwiper .swiper-slide[data-swiper-slide-index="5"] .hero__title { height: auto; } .main-slider-container .heto__description { height: 63px; margin: 20px 0; } .main-slider-container .hero__button { height: 50px; } @media(min-width: 1460px) { .main-slider-container { margin-left: calc((40px + (100% - 1500px) / 2)); } } @media(min-width: 1024px) and (max-width: 1550px) { .header__container { width: calc(100% - 125px); } } @media(min-width: 1550px) { .header__container { width: 1450px; } } @media(min-width: 1700px){ .main-slider-container .img-object-with-elem-index-slider { width: 62%; } .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { top: calc(-100% - -83px) !important; } } @media(min-width: 1800px) { .main-slider-container .img-object-with-elem-index-slider { width: 55%; } .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { top: calc(-40% - 125px) !important; } } @media(min-width: 1900px) { .main-slider-container .swiper .img-object-with-elem-index-slider { width: 55%; } .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { width: 42% !important; top: calc(-30% - 190px) !important; } } @media(min-width: 1450px) and (max-width: 1700px) { .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { top: calc(-30% - 120px) !important; margin-right: unset !important; } } @media(max-width: 1550px) { .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { background-image:url(/local/templates/neti/img/lvoysvhzkll7puvab60uie1pf5us3750.svg) !important; right: 0 !important; top: -161% !important; width: 65% !important; height: 1088px !important; margin-right: unset !important; } } @media(max-width: 570px){ .razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { top: -140% !important; width: 100% !important; } } @media(max-width: 395px) { .description_razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { display: flex; flex-direction: column; justify-content: flex-end; } } .img-object-with-elem-index-slider { position: absolute; right: 0; top: -161%; content: ''; width: 65%; height: 1088px; background-repeat: no-repeat; background-size: cover; } .img-object-with-elem-index-slider .theta-greeting { position: relative; right: -419px; top: 246px; } @media (max-width: 1570px) { .img-object-with-elem-index-slider .theta-greeting { top: 400px; height: 50%; } } @media (max-width: 1225px) { .img-object-with-elem-index-slider .theta-greeting { right: -250px; } } @media (max-width: 900px) and (min-width: 770px) { .img-object-with-elem-index-slider .theta-greeting { top: 540px; height: 400px; left: 105px; } } @media (max-width:770px) { .img-object-with-elem-index-slider .theta-greeting { top: 115px; } } .hero--banner .hero__title { margin-bottom: 16px; } .hero--index .hero__element, .hero__description { font-weight: 400; color: #07133b; line-height: 130%; } .developers__elements>.hero__title, .our-articles__wrapper>.hero__title { -ms-grid-row: 1; -ms-grid-column: 1; } .hero__description { -ms-grid-row: 2; f -ms-grid-column: 1; grid-area: description; font-size: 18px; margin-bottom: 40px; max-width: 460px; } .developers__elements>.hero__description { -ms-grid-row: 1; -ms-grid-column: 2; } .hero__button { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: button; z-index: 10; } .developers__elements>.hero__button { -ms-grid-row: 2; -ms-grid-column: 2; } .our-articles__wrapper>.hero__button { -ms-grid-row: 1; -ms-grid-column: 2; } .hero__slider { overflow: hidden; } .hero-slider__item { min-width: 100%; } .hero .swiper-button-next, .hero .swiper-button-prev, .hero .swiper-pagination-progressbar { position: static; } .hero .swiper-pagination .swiper-pagination-horizontal { background-color: #E0E0E0; } .hero .swiper-pagination-progressbar.swiper-pagination-horizontal { height: 2px; max-width: 160px; } .hero .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #00376A; } .hero__current, .hero__nextSlide { font-size: 21px; color: #00376A; font-weight: 500; } .hero__btn { padding: 15px 30px; font-size: 15px; } .hero__image { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; grid-area: image; margin-top: 100px; position: relative; z-index: 1; -ms-grid-column-align: end; justify-self: end; } .hero__image::before { pointer-events: none; content: ""; position: absolute; top: 100px; left: 80px; width: 440px; height: 410px; background: -o-radial-gradient(50% 50%, 50% 50%, rgba(26, 208, 121, 0.31) 0, rgba(26, 208, 121, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, rgba(26, 208, 121, 0.31) 0, rgba(26, 208, 121, 0) 100%); z-index: -1; } .product-page__title { color: #07133B; font-size: 54px; font-weight: 700; margin-bottom: 16px; } .hero--index .hero__image::before { pointer-events: none; width: 396px; height: 369px; top: 50px; left: 35px; background: -o-radial-gradient(50% 50%, 50% 50%, rgba(77, 129, 232, 0.3) 0, rgba(77, 129, 232, 0) 100%); background: radial-gradient(50% 50% at 50% 50%, rgba(77, 129, 232, 0.3) 0, rgba(77, 129, 232, 0) 100%); } .hero--index .hero__items { margin-bottom: 115px; } .approach__items, .hero--index .hero__elements, .product-page__image-items { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero--index .hero__element { max-width: 295px; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .brands { background: #fff; padding: 137px 0; margin-bottom: 100px; } .brands__slider { width: 100%; } .brands__slider-wrapper { width: 100%; height: 100%; } .developers__elements-navs-next, .developers__elements-navs-prev { width: 101px; height: 8px; background: url(/local/templates/neti/css/../img/developers/arrow.svg) center center/contain no-repeat; } .brands__slider-item { -ms-flex-negative: 0; flex-shrink: 0; } .brands__items, .footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__logo--services { display: none; } .footer__links a { color: #fff; } .footer__link { font-size: 18px; } .footer__link__services { font-size: 15px; } .footer__col { display: flex; flex-direction: column; gap: 16px; margin-left: 20px; } .footer__links { display: flex; justify-content: space-between; } .footer__wr { display: flex; justify-content: space-between; width: 50%; } .footer__bottom { justify-content: center; gap: 16px; } .brands__item { transition: opacity 0.3s; text-align: center; } .brands__item:hover { cursor: pointer; opacity: 0.5; } .how-work { padding: 120px 0; } .how-work__container { display: flex; gap: 20px; } .how-work-tabs { display: flex; flex-wrap: wrap; align-content: space-between; max-width: 700px; width: 100%; max-height: 400px; } .how-work-tabs__content { display: none; max-width: 700px; width: 100%; } .how-work-tabs__content.active { display: block; } .how-work-tabs__content.active svg path { fill: #1AD079; } .how-work-tabs__content .hw-tab-content__arrow { transition: transform .3s ease; } .how-work-tabs__el { cursor: pointer; width: 100%; padding: 40px; border-radius: 15px; background: #F3F3F6; font-size: 31px; box-shadow: 0px 2px 4px 0px #07133B14; color: #07133B; transition: color .3s ease, background .3s ease; font-weight: 500; } .how-work-tabs__content-head { display: none; } .how-work-tabs__el:hover { background: #fff; color: #1AD079; } .how-work-tabs__el:not(:last-of-type) { margin: 0 0 20px 0; } .how-work-tabs__el.active { background: #fff; color: #1AD079; } .how-work-tabs__content { padding: 40px; background: #fff; border-radius: 15px; box-shadow: 0px 2px 4px 0px #07133B14; font-size: 21px; font-weight: 500; color: #07133B; } .how-work-tabs__content p { margin: 0 0 16px 0; } .how-work__title { margin: 0 0 40px 0; } .calculation__wrapper { padding: 80px 72px; background: #07133B; border-radius: 15px; margin: 0 0 40px 0; } .header-mobile__btn { display: none; } .examples, .get-started, .prices-info, .technology-stack { margin-bottom: 150px; } .technology-stack__arrow { display: none; } .our-articles { padding-top: 120px; } .get-started { position: relative; } .get-started--padding.get-started--padding { padding: 120px 0 0 0; margin: 0; } .get-started::before { width: 420px; height: 420px; border-radius: 50%; background: #BCCFF4; content: ''; position: absolute; top: -20%; left: 0; z-index: -1; filter: blur(150px); } .cases-block { padding: 120px 0; } .cases-block__header { display: flex; justify-content: space-between; margin: 0 0 40px 0; position: relative; } .cases-block__main-title { font-family: Commissioner; font-size: 28px; font-weight: 600; line-height: 1.3; color: #07133B; } .cases-block__slider { overflow: hidden; } .cases-block__slider-wrapper { display: flex; position: relative; } .cases-block__item { flex-shrink: 0; } .cases-block__arrow { position: absolute; cursor: pointer; top: 38%; } .cases-block__arrow svg path { transition: fill .3s ease; } .cases-block__arrow:hover svg path { fill: #00376A; } .cases-block__arrow-left { left: -46px; top: 245px; } .cases-block__arrow-right { right: -46px; top: 245px; } .cases-block__img { margin: 0 0 16px 0; width: 100%; } .cases-block__img a { display: inline-block; width: 100%; height: 100%; } .cases-block__img img { border-radius: 15px; min-height: 190px; aspect-ratio: 23 / 17; width: 100%; height: 100%; } .case-page { padding-top: 160px; } .cases-block__title { font-family: Commissioner; font-size: 21px; font-weight: 500; line-height: 1.3; color: #07133B; transition: color .3s ease; cursor: pointer; display: inline-block; margin: 0 0 16px 0; } .cases-block__title:hover { color: #1AD079; } .cases-block__tags { display: flex; flex-wrap: wrap; gap: 8px 16px; } .cases-block__tag { font-family: Commissioner; font-size: 15px; font-weight: 400; line-height: 19.5px; color: #07133B; } .developers__elements { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "title description""nav button""slider slider"; } /*.developers__elements::before { content: ""; position: absolute; width: 683px; height: 665px; left: -280px; top: 190px; background: -o-radial-gradient(50% 50%, 52% 55.21%, rgba(77, 129, 232, 0.21) 0, rgba(77, 129, 232, 0) 100%); background: radial-gradient(52% 55.21% at 50% 50%, rgba(77, 129, 232, 0.21) 0, rgba(77, 129, 232, 0) 100%); z-index: -1; }*/ .developers__elements::after { content: ""; position: absolute; width: 720px; height: 670px; right: -280px; top: 190px; background: -o-radial-gradient(50% 50%, 52% 55.21%, rgba(77, 129, 232, 0.21) 0, rgba(77, 129, 232, 0) 100%); background: radial-gradient(52% 55.21% at 50% 50%, rgba(77, 129, 232, 0.21) 0, rgba(77, 129, 232, 0) 100%); z-index: -1; } .developers__elements-title { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: title; font-weight: 500; font-size: 31px; line-height: 130%; color: #07133b; } .developers__elements>.developers__elements-title, .our-articles__wrapper>.developers__elements-title { -ms-grid-row: 1; -ms-grid-column: 1; } .developers__elements-description { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: description; font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; margin-top: 10px; } .developers__elements>.developers__elements-description { -ms-grid-row: 1; -ms-grid-column: 2; } .developers__elements-navs { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: nav; -ms-grid-row-align: self-end; align-self: self-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .our-articles__button { -ms-grid-row-align: center; align-self: center; } .developers__elements-navs-prev { transition: opacity 0.3s; } .developers__elements-navs-prev:hover { cursor: pointer; opacity: 0.5; } .developers__elements-navs-next { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .developers__elements-navs-next:hover { cursor: pointer; opacity: 0.5; } .developers__elements-button { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: button; -ms-grid-column-align: end; justify-self: end; margin-top: auto; } .developers__elements>.developers__elements-button { -ms-grid-row: 2; -ms-grid-column: 2; } .our-articles__wrapper>.developers__elements-button { -ms-grid-row: 1; -ms-grid-column: 2; } .choose-directions { padding: 0 0 80px 0; } .choose-direction__box-wr { gap: 20px; display: flex; flex-wrap: wrap; } .choose-direction-box__img { width: 100px; height: 100px; background: #F3F3F6; border-radius: 15px; display: inline-flex; justify-content: center; align-items: center; position: relative; transition: background .3s ease; } .choose-direction-box__img img { width: 60px; height: 60px; } .choose-direction-box__img--ux::after { position: absolute; content: ''; background: #E0E0E0; width: 1px; height: 113px; right: 0; transform: rotate(45deg) translateX(-35px) translateY(36px); } .choose-direction-box__img--ux img { width: 40px; height: 40px; } .choose-direction-box__img--ux img:first-of-type { position: absolute; top: 10px; left: 16px; } .choose-direction-box__img--ux img:last-of-type { position: absolute; bottom: 10px; right: 16px; } .choose-direction-box { display: flex; gap: 20px; flex-direction: column; } .choose-direction-box__items { display: flex; gap: 20px; } .choose-direction-box__el { display: flex; flex-direction: column; align-items: center; gap: 20px; cursor: pointer; } .choose-direction-box__el:hover .choose-direction-box__img { background: #fff; } .choose-direction-box__el:hover .choose-direction-box__title { color: #1AD079; } .choose-direction-box__el.active .choose-direction-box__img { background: #fff; } .choose-direction-box__el.active .choose-direction-box__title { color: #1AD079; } .choose-direction__title { font-family: Commissioner; font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 40px; color: #07133B; } .choose-direction-box__title { color: #07133B; font-size: 15px; font-weight: 500; transition: color .3s ease; } .choose-direction-box__main-title { font-size: 21px; font-weight: 500; } .developers__elements-button-btn { padding: 25px 50px; } .developers__elements-slider { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: slider; overflow: hidden; width: 100%; } .developers__elements-slider-wrapper { width: 100%; height: 100%; } .developers__elements-slider-item { -ms-flex-negative: 0; flex-shrink: 0; } .developers__slider-scrollbar { position: relative; display: none; grid-area: "scrollbar"; background: #e4e4e4; height: 1px; margin-bottom: 35px; } .developers__slider-scrollbar-drag { position: absolute; top: -1px; left: 0; height: 3px; background: #07133b; border-radius: 50px; } .developers__elements-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; } .developers__elements-item { background: #fff; border-radius: 20px; padding: 40px 30px; display: flex; flex-direction: column; min-width: 258px; } .developers__elements-item-avatar { border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 124px; flex: 0 0 124px; } .developers__elements-item-avatar-img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .developers__elements-item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .developers__elements-item-name { font-weight: 500; font-size: 24px; line-height: 130%; color: #07133b; margin-bottom: 15px; } .developers__elements-item-job { font-weight: 500; font-family: Commissioner; font-size: 21px; line-height: 130%; color: #07133B; margin: 0 0 8px 0; } .developers__elements-item-skills-experience { font-weight: 400; font-size: 15px; line-height: 130%; color: #07133B; margin-bottom: 16px; } .developers__elements-item-btn { color: #1AD079; font-family: Commissioner; font-size: 15px; font-weight: 500; line-height: 1.3; padding: 15px 30px; border: 1px solid #1AD079; border-radius: 15px; } .developers__elements-item__price { font-family: Commissioner; font-size: 21px; font-weight: 500; line-height: 1.3; color: #1AD079; margin-bottom: 20px; } .developers__elements-item-skills-title { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; margin-bottom: 15px; } .developers__elements-item-skills-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .developers__elements-item-skills-item { background: #f3f3f6; border-radius: 20px; font-weight: 400; font-size: 16px; line-height: 130%; color: #07133b; padding: 7px 15px; -webkit-transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -o-transition: opacity 0.3s, box-shadow 0.3s; white-space: nowrap; } .appeal__elements-item, .technology-stack__item { -webkit-transition: -webkit-box-shadow 0.3s; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .developers__elements-item-skills-item:hover { cursor: pointer; opacity: 0.7; -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .appeal, .approach, .examples-completed-tasks, .guarantees { margin-bottom: 120px; } .questions__title { margin-bottom: 40px; } .appeal__title, .examples-completed-tasks__top, .guarantees__title { margin-bottom: 70px; } .appeal__elements { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .appeal__elements:not(:last-child), .calculation__column-inputbox:nth-child(2) { margin-bottom: 20px; } .appeal__elements:last-child, .technology-stack__bottom { padding-bottom: 120px; } .appeal__elements-item { background: #f3f3f6; border-radius: 20px; padding: 50px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .appeal__elements-item:hover { cursor: pointer; -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .appeal__elements-item-top, .product-page__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .appeal__elements-item-title { font-weight: 500; font-size: 24px; line-height: 130%; color: #07133b; } .appeal__elements-item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; width: 90px; max-height: 90px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .appeal__elements-item-icon-img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .appeal__elements-item-description { font-size: 20px; line-height: 130%; } .appeal__elements-item--one { -webkit-box-flex: 0; -ms-flex: 0 1 580px; flex: 0 1 580px; height: 365px; } .appeal__elements-item--two { -webkit-box-flex: 0; -ms-flex: 0 1 820px; flex: 0 1 820px; height: 365px; } .appeal__elements-item--three { -webkit-box-flex: 0; -ms-flex: 0 1 820px; flex: 0 1 820px; height: 310px; } .appeal__elements-button { position: relative; background: #1ad079; background: url(/local/templates/neti/css/../img/appeal/button-bg.svg) top 4px left 8px no-repeat, #1ad079; background-size: contain; border-radius: 20px; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; height: 310px; -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s; transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -o-transition: background-color 0.3s, box-shadow 0.3s; } .appeal__elements-button:hover { background-color: #096b3c; -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .appeal__elements-button-btn { width: 100%; height: 100%; font-weight: 500; font-size: 32px; line-height: 130%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 50px 60px; white-space: nowrap; } .appeal__elements-button-btn::after { content: ""; display: inline-block; width: 104px; height: 24px; margin-left: 15px; background: url(/local/templates/neti/css/../img/appeal/arrow.svg) center center/contain no-repeat; } .approach__title { text-align: center; margin-bottom: 76px; } .numbers-about-wr--padding { padding-top: 120px; } .numbers-about-wr { position: relative; } .numbers-about-wr::after { content: ''; width: 420px; height: 420px; background: #C0EDD7; border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; bottom: 0%; right: 0; } .numbers-about__title { color: #07133B; font-size: 28px; font-weight: 600; margin: 0 0 40px 0; } .numbers-about__desc { font-size: 18px; line-height: 1.3; max-width: 445px; color: #07133B; } .approach__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .approach__item-icon { margin-bottom: 27px; } .approach__item-icon-img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .approach__item-title { font-weight: 500; font-size: 36px; line-height: 130%; color: #07133b; margin-bottom: 20px; } .approach__item-description { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; max-width: 340px; } .examples__description-title, .examples__item-count, .examples__item-title, .examples__title { font-weight: 500; color: #f1eeff; line-height: 130%; } .approach__slider { width: 100%; margin-bottom: 30px; } .approach__slider-wrapper { width: 100%; height: 100%; } .approach__slider-item { -ms-flex-negative: 0; flex-shrink: 0; } .approach__slider-scrollbar { position: relative; display: none; background: #e4e4e4; height: 1px; margin-bottom: 35px; } .approach__slider-scrollbar-drag { position: absolute; top: -1px; left: 0; height: 3px; background: #07133b; border-radius: 50px; } .examples__wrapper, .our-products__wrapper { background: #07133b; border-radius: 40px; padding: 150px 130px; } .examples__title { font-size: 50px; margin-bottom: 70px; } .calculation__column-checkbox-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-gap: 20px; -moz-gap: 20px; gap: 20px; } .contacts-page__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-gap: 20px; -moz-gap: 20px; gap: 20px; } .examples__columns, .our-products__items, .technology-stack__items { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-gap: 20px; -moz-gap: 20px; gap: 20px; } .stack { position: relative; } .stack::after { content: ''; width: 420px; height: 420px; background: #BCCFF4; border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; bottom: -15%; left: 10%; } .services__items { display: grid; grid-template-columns: 1fr 1fr; row-gap: 40px; } .services__items__three { grid-template-columns: 1fr 1fr 1fr; @media screen and (min-width: 1367px) { row-gap: 80px; } @media screen and (min-width: 769px) and (max-width: 1366px) { row-gap: 40px; } } .examples__item, .examples__items { display: -webkit-box; display: -ms-flexbox; } .examples__column:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 580px; flex: 0 0 580px; } .examples__column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .examples__items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .examples__item { display: flex; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; padding: 25px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; border-radius: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .examples__item:hover { cursor: pointer; background: #141f45; border-radius: 20px; } .examples__item.active { background: #141f45; border-radius: 20px; } .examples__item.active .examples__item-count { background: #1ad079; } .examples__item-count { font-size: 32px; background: #141f45; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .examples__item-title { font-size: 20px; } .examples__description { display: none; background: #141f45; border-radius: 20px; padding: 50px 60px; } .examples__description.show { display: block; } .examples__description-title { font-size: 24px; margin-bottom: 40px; } .calculation__column-info, .examples__description-text { font-weight: 400; font-size: 18px; line-height: 130%; color: #dcdcdc; cursor: pointer; } .examples__description-text p:not(:last-child) { margin-bottom: 25px; } .examples-completed-tasks__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .examples-completed-tasks__column { width: calc(50% - 10px); } .examples-completed-tasks__title { font-weight: 500; font-size: 50px; line-height: 130%; color: #f1eeff; margin-bottom: 0; } .examples-completed-tasks__title-description { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 18px; line-height: 130%; color: #f1eeff; } .guarantees__wrapper { position: relative; } .guarantees__wrapper::before { content: ""; position: absolute; left: -460px; top: 190px; z-index: -1; width: 840px; height: 823px; background: -o-radial-gradient(50% 50%, 52% 55.21%, rgba(26, 208, 121, 0.21) 0, rgba(26, 208, 121, 0) 100%); background: radial-gradient(52% 55.21% at 50% 50%, rgba(26, 208, 121, 0.21) 0, rgba(26, 208, 121, 0) 100%); } .guarantees__wrapper::after, .product-info__items::before { background: -o-radial-gradient(50% 50%, 52% 55.21%, rgba(26, 208, 121, 0.21) 0, rgba(26, 208, 121, 0) 100%); z-index: -1; } .guarantees__wrapper::after { content: ""; position: absolute; width: 796px; height: 782px; top: -280px; right: -410px; background: radial-gradient(52% 55.21% at 50% 50%, rgba(26, 208, 121, 0.21) 0, rgba(26, 208, 121, 0) 100%); } .guarantees__slider { margin-bottom: 20px; } .guarantees__slider-item { -ms-flex-negative: 0; flex-shrink: 0; } .guarantees__slider-scrollbar { position: relative; display: none; background: #e4e4e4; height: 1px; margin-bottom: 35px; } .guarantees__item, .guarantees__items { display: -webkit-box; display: -ms-flexbox; } .guarantees__slider-scrollbar-drag { position: absolute; top: -1px; left: 0; height: 3px; background: #07133b; border-radius: 50px; } .guarantees__items { display: flex; padding-bottom: 150px; } .guarantees__item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 27px 40px 50px; background: #fff; border-radius: 20px; } .guarantees__item-image { margin-bottom: 35px; } .guarantees__item-image-img { max-width: 100%; } .guarantees__item-title { font-weight: 500; font-size: 36px; line-height: 130%; color: #07133b; margin-bottom: 43px; } .guarantees__item-description { margin-top: auto; font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; } .numbers-about { display: flex; } .but-start-work { text-align: center; } .numbers-about__info { width: 50% } .blog-page { padding-top: 240px; } .blog-page__more, .products-page__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .products-page { padding-top: 240px; } .numbers-about__items { display: grid; grid-template-columns: 1fr 1fr; gap: 36px 50px; width: 34%; } .numbers-about__item-count { font-weight: 700; font-size: 54px; line-height: 150%; color: #1ad079; } .numbers-about__item-description { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; max-width: 190px; } .prices-info__wrapper { padding: 150px 130px; background: #07133b; border-radius: 40px; } .calculation__main-title { font-family: Commissioner; font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 40px; color: #07133B; } .calculation__title { font-family: Commissioner; font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 40px; color: #07133B; } .calculation__elements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 60px; } .calculation__el-one { width: 46%; flex-shrink: 0; } .calculation__el-two { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; grid-area: el-two; } .calculation__el-res { display: flex; justify-content: space-between; margin: 68px 0 15px; align-items: center; gap: 16px; } .calculation__column-inputbox:first-child { margin-bottom: 34px; } .calculation__column-inputbox-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .calculation__column-inputbox-title { font-weight: 500; font-size: 21px; line-height: 130%; color: #FFFFFF; } .calculation__column-inputbox-count { font-size: 21px; line-height: 130%; color: #fff; } .calculation__column-inputbox-range input[type="range"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 1px; background-color: #8481aa; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ad079), to(#1ad079)); background-image: -o-linear-gradient(#1ad079, #1ad079); background-image: linear-gradient(#1ad079, #1ad079); background-size: 70% 100%; background-repeat: no-repeat; } .calculation__column-inputbox-range input[type="range"]:hover { cursor: pointer; } .calculation__column-inputbox-range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 41px; height: 41px; background: #1ad079; border: 8px solid #0b424a; border-radius: 50%; } .calculation__column-inputbox-range input[type="range"]::-moz-range-thumb { -moz-appearance: none; width: 30px; height: 30px; background: #1ad079; border: 8px solid #0b424a; border-radius: 50%; } .calculation__column-description { font-size: 31px; line-height: 130%; color: #f1eeff; } .calculation__column-result { font-weight: 500; font-size: 45px; line-height: 130%; color: #1ad079; flex-shrink: 0; } .calculation__column-title { color: #fff; font-weight: 500; font-size: 21px; line-height: 130%; } .calculation__spoller-title { font-weight: 500; font-size: 21px; color: #07133B; line-height: 130%; } .calculation__column-title { margin-bottom: 25px; } .calculation__column-checkbox-box:not(:last-child) { margin-bottom: 20px; } .calculation__column-checkbox label { width: 29px; height: 29px; border: 1px solid #1AD079; border-radius: 5px; -webkit-transition: border 0.5s; -o-transition: border 0.5s; transition: border 0.5s; } .calculation__bottom-item, .footer__logo-link { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .calculation__column-checkbox label:hover { cursor: pointer; border: 1px solid #1ad079; } .calculation__column-checkbox input:checked+label { border: 1px solid #1ad079; position: relative; } .calculation__column-checkbox input:checked+label::after { content: ""; position: absolute; top: 3px; left: 4px; width: 20px; height: 20px; background: #1ad079; border-radius: 4px; } .calculation__bottom-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .calculation__bottom-col { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 10px); flex: 0 1 calc(50% - 10px); display: flex; flex-direction: column; gap: 20px; } .calculation__bottom-item { background: #F3F3F6; border-radius: 20px; padding: 40px; transition: opacity 0.3s; } .calculation__bottom-item:hover { cursor: pointer; } .calculation__spoller-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calculation__spoller-title svg { transition: transform .3s ease; transform: rotate(180deg); } .calculation__spoller-title.active svg { transform: rotate(0); } .calculation__spoller-title:hover { cursor: pointer; } .calculation__spoller-title.active::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calculation__spoller-body { display: none; font-weight: 400; font-size: 18px; line-height: 130%; color: #07133B; margin-top: 16px; } .calculation__spoller-body.show { display: block; } .calculation__spoller-body p:not(:last-child) { margin-bottom: 30px; } .questions { position: relative; } .questions::before { width: 420px; height: 420px; border-radius: 50%; content: ''; position: absolute; top: 0; right: -10%; z-index: -1; background: #C0EDD7; filter: blur(200px); } .questions__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .questions__item { background: #f3f3f6; border-radius: 20px; padding: 35px 50px; -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s; transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -o-transition: background-color 0.3s, box-shadow 0.3s; } .questions__item.active { background: white; } .questions__item.active .questions__item-title { color: #00b35d; } .questions__item:hover { cursor: pointer; -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .questions__item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 21px; line-height: 130%; color: #07133b; cursor: pointer; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .questions__item-title svg { transition: transform .3s ease, fill .3s ease; transform: rotate(180deg); } .questions__item-title.active svg { transform: rotate(0); } .questions__item-title.active svg path { fill: #00b35d; } .questions__item-body { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; margin-top: 25px; display: none; padding-right: 30px; } .services__item-button, .technology-stack__item-bottom { margin-top: auto; } .services__item-button--bottom { display: none; } .services__item-button a:hover { background: #1AD07914; } .services__item-icon { margin: 0 0 18px 0; } .questions__item-body.show { display: block; } .contacts__columns { padding: 120px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; justify-content: space-between; } .contacts__column { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; max-width: 460px; } .contacts__column:nth-child(1) { min-height: auto !important; } .contacts__column-description { font-weight: 400; font-size: 18px; line-height: 130%; color: #fff; max-width: 360px; z-index: 1; position: relative; } .contacts__column-image-img, .footer__logo-img { max-width: 100%; height: 100%; margin: 0 0 36px 0; } .contacts__column-image, .prices-hero table { width: 100%; } .contacts__column-subtitle { font-weight: 500; font-size: 36px; line-height: 130%; color: #07133b; margin-bottom: 50px; } .contacts__column-form-input input { border: 1px solid #07133b; border-radius: 20px; padding: 25px 30px; margin-bottom: 30px; width: 100%; } .contacts__column-form-textarea textarea { border: 1px solid #07133b; border-radius: 20px; width: 100%; padding: 25px 30px; min-height: 227px; resize: vertical; margin-bottom: 40px; } .contacts__column-form-policy { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__column-form { max-width: 700px; width: 100%; box-shadow: 0px 4px 8px 0px #07133B0F; } .b24-window-popup-wrapper .b24-window-scrollable { position: relative; background: #ffffff; } .b24-form-wrapper.b24-form-border-bottom { border-bottom: unset !important; } .form-footer { background: #fff; border-radius: 15px; padding: 40px; } .contacts__title { font-size: 45px; line-height: 130%; color: #07133b; font-weight: 500; margin: 0 0 16px 0; } .contacts__title-java { font-size: 28px; } .form-footer__desc { color: #07133b; font-size: 18px; line-height: 1.3; } .form-footer__des-java { font-size: 15px; } .form-footer__btn { font-size: 15px; padding: 15px 30px; background: #1ad079; color: #fff; border-radius: 15px; cursor: pointer; transition: box-shadow .3s ease, background .3s ease; } .form-footer__btn:hover { box-shadow: 0px 1px 3px 1px #00000026, 0px 1px 2px 0px #0000004D; } .form-footer__btn:focus { background: #1AD079; } .form-footer__btn:active { background: #096B3C; } .input-el input { width: 100%; outline: none; border: 1px solid #BCCFF4; border-radius: 15px; padding: 16px 40px; color: #07133B; transition: border .3s ease; } .input-el input:focus, .textarea:focus { border: 1px solid #00376A; } .textarea { width: 100%; outline: none; border: 1px solid #BCCFF4; border-radius: 15px; padding: 16px 40px; } .input-el:not(:last-child) { margin: 0 0 20px 0; } .form-label { color: #07133B; padding: 0 0 0 42px; cursor: pointer; position: relative; z-index: 2; } .form-footer__agreement { display: -webkit-box; display: -ms-flexbox; align-items: center; display: flex; gap: 16px; position: relative; cursor: pointer; } .checkbox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkbox:checked~.checkmark { background: url('data:image/svg+xml,') } .checkmark { position: absolute; left: 0; width: 28px; height: 28px; border: 1px solid #BCCFF4; border-radius: 8px; z-index: 1; } .green-link { color: #1AD079; cursor: pointer; } .form-footer__footer { display: flex; justify-content: space-between; gap: 20px; } .form-footer__br { display: block; } .textarea::-webkit-resizer { position: absolute; bottom: 0; right: 0; } .footer__top, .technology-stack__top-columns { -webkit-column-gap: 20px; -moz-column-gap: 20px; } .contacts__column-form-policy-checkbox label { width: 33px; height: 33px; border: 1px solid #07133b; border-radius: 5px; -webkit-transition: border 0.5s; -o-transition: border 0.5s; transition: border 0.5s; } .contacts__column-form-policy-checkbox label:hover { cursor: pointer; border: 1px solid #1ad079; } .prices-hero td:first-child, .prices-hero tr:nth-child(2) td { border-left: 1px solid transparent !important; } .prices-hero td:last-child, .prices-hero tr:nth-child(2) td { border-right: 1px solid transparent !important; } .contacts__column-form-policy-checkbox input { position: absolute; left: -100px; z-index: -1; opacity: 0; } .contacts__column-form-policy-checkbox input:checked+label { border: 1px solid #1ad079; position: relative; } .contacts__column-form-policy-checkbox input:checked+label::after { content: ""; position: absolute; top: 3px; left: 3px; width: 25px; height: 25px; background: #1ad079; border-radius: 5px; } .contacts__column-form-policy-description { font-weight: 500; font-size: 14px; line-height: 17px; color: #777; opacity: 0.5; } .contacts__column-form-btn { width: 100%; padding: 22px 0; } .footer { background: #07133b; padding: 80px 0; } .footer__top { display: -ms-grid; display: grid; column-gap: 20px; -ms-grid-columns: 30% auto; grid-template-columns: 30% auto; grid-template-areas: "logo menu"; margin-bottom: 18px; } .footer__col--services { display: flex; flex-direction: row; width: 50%; } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo; } .footer__logo-link { transition: opacity 0.3s; } .footer__menu-item-link, .footer__submenu-item-link { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; font-weight: 400; line-height: 130%; } .footer__logo-link:hover { cursor: pointer; opacity: 0.7; } .footer__menu { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: menu; } .footer__menu-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } .footer__menu-item { position: relative; } .footer__menu-item-link { font-size: 16px; color: #fff; margin-bottom: 20px; display: block; transition: opacity 0.3s; } .footer__menu-item-link:hover { cursor: pointer; opacity: 0.7; } .footer__submenu { position: absolute; top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .footer__submenu-item { max-width: 120px; } .footer__submenu-item-link { font-size: 14px; color: #dcdcdc; transition: opacity 0.3s; } .footer__info-socials-item { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .footer__submenu-item-link:hover { cursor: pointer; opacity: 0.7; } .footer__info { -ms-grid-row: 1; -ms-grid-column: 5; grid-area: info; margin-bottom: 76px; -ms-grid-column-align: self-end; justify-self: self-end; } .footer__info-phone { margin-bottom: 40px; } .footer__info-phone-link { font-weight: 500; font-size: 21px; line-height: 130%; color: #fff; display: block; margin-bottom: 8px; transition: opacity 0.3s; } .footer__info-phone-link:hover { opacity: 0.7; } .footer__info-phone-description { font-weight: 400; font-size: 15px; line-height: 130%; color: #fff; } .footer__info-socials-youtube.footer__info-socials-youtube { background: url('/local/templates/neti/css/../img/footer/youtube.svg'); width: 40px; height: 40px; } .footer__bottom-copyright, .footer__bottom-policy-link { font-size: 12px; color: #dcdcdc; font-weight: 400; line-height: 130%; } .footer__info-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .footer__info-socials-item { transition: opacity 0.3s; } .footer__info-socials-item:hover { cursor: pointer; opacity: 0.7; } .footer__info-socials-vk { display: block; width: 30px; height: 18px; background: url(/local/templates/neti/css/../img/footer/icon-vk.svg) center center no-repeat; } .footer__info-socials-in { display: block; width: 30px; height: 18px; background: url(/local/templates/neti/css/../img/footer/icon-in.svg) center center no-repeat; } .footer__bottom-policy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-policy-link { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .footer__bottom-policy-link:hover { cursor: pointer; opacity: 0.7; } .technology-stack__title { margin-bottom: 16px; font-size: 45px; font-weight: 600; } .technology-stack__top-columns { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; column-gap: 16px; } .technology-stack__top { margin-bottom: 40px; } .technology-stack__top-column { width: calc(50% - 10px); } .technology-stack__description { font-weight: 400; font-size: 18px; line-height: 130%; color: #07133b; max-width: 460px; } .technology-stack__item { width: 100%; padding: 40px 30px; background: #f3f3f6; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 58px; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; align-items: flex-start; } .technology-stack__item-bottom-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; flex-wrap: wrap; } .technology-stack__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .technology-stack__item-top-title { font-weight: 500; font-size: 21px; line-height: 130%; color: #07133b; min-width: 280px; } .technology-stack__item-bottom-item { font-weight: 400; color: #07133b; line-height: 130%; font-family: Commissioner; font-style: normal; } .technology-stack__item-top-icon { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .technology-stack__item-top-icon-img { max-width: 100%; } .technology-stack__item-bottom-item { font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .services { background: #fff; padding: 120px 0; } .services__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: flex-start; align-items: flex-start; justify-content: space-between; } .services__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% / 4); font-family: Commissioner; font-weight: 600; font-size: 45px; line-height: 130%; color: #07133b; flex-shrink: 0; } .full__width { width: 100%; } .services__top-desc { margin: 36px 0 0 0; font-size: 18px; line-height: 1.3; max-width: 340px; font-weight: 400; } .get-started__items, .services__item { display: -webkit-box; display: -ms-flexbox; } .services__item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; border-radius: 20px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 460px; padding: 0 15px; } .services__item-title { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 31px; line-height: 130%; color: #07133b; margin-bottom: 25px; } .services__item-description { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 18px; line-height: 130%; color: #07133B; margin-bottom: 20px; } .services__item-button-btn { padding: 15px 40px 15px 15px; text-align: center; width: 100%; border-radius: 15px; position: relative; left: -15px; color: #1AD079; font-size: 15px; transition: background-color .3s ease; } .services__item-button-btn:hover { background-color: #1AD07914; } .services__item-button-btn:focus { background-color: #C0EDD7; } .services__item-button { padding: 15px 0; } .services__item-button-btn::after { position: absolute; width: 18px; height: 18px; content: ''; background: url('/upload/services/icon.svg'); right: 8px; top: 15px; } .get-started__items { display: flex; gap: 20px; padding: 0 0 40px 0; } .get-started__btn { padding: 15px 30px; } .get-started__item { background: #f3f3f6; border-radius: 20px; padding: 50px 40px; width: calc(50% - 10px); -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .comfortable-cooperation__box:hover, .our-articles__item:hover { -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; cursor: pointer; } .comfortable-cooperation { position: relative; } .comfortable-cooperation .numbers-about-wr { padding-bottom: 120px; } .comfortable-cooperation--index { padding: 120px 0; } .comfortable-cooperation--index .numbers-about-wr { padding: 0; } .our-articles__item.swiper-slide-next { margin-right: 0 !important; } .get-started__item-columns { display: -webkit-box; display: -ms-flexbox; flex-direction: column; display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .get-started__item-icon { font-family: Commissioner; font-size: 21px; font-weight: 500; line-height: 1.3; color: #00376A; position: relative; padding: 6px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } .get-started__item-icon-img { max-width: 100%; } .get-started__item:first-of-type .get-started__item-icon::before { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/blue3-4.svg') no-repeat; width: 40px; height: 40px; top: 0; left: 0px; } .get-started__item:first-of-type .get-started__item-icon::after { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/green1-4.svg') no-repeat; width: 40px; height: 40px; top: 0; right: -20px; } .get-started__item:nth-of-type(2) .get-started__item-icon::before { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/blue1-2.svg') no-repeat; width: 40px; height: 40px; top: 0; left: -1px; } .get-started__item:nth-of-type(2) .get-started__item-icon::after { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/green1-2.svg') no-repeat; width: 40px; height: 40px; top: 0; right: -20px; } .get-started__item:nth-of-type(3) .get-started__item-icon::before { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/blue1-4.svg') no-repeat; width: 40px; height: 40px; top: 0; left: -1px; transform: scale(-1, 1); } .get-started__item:nth-of-type(3) .get-started__item-icon::after { content: ''; position: absolute; background: url('/local/templates/neti/css/../img/get-started/green3-4.svg') no-repeat; width: 40px; height: 40px; top: 0; right: 1px; transform: scale(-1, 1); } .get-started__item:nth-of-type(4) .get-started__item-icon { border: 2px solid #1AD079; border-radius: 50%; } .get-started__item-title { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 31px; line-height: 130%; color: #07133b; margin: 16px 0; } .get-started__item-description { font-weight: 400; color: #07133b; font-family: Commissioner; font-style: normal; line-height: 130%; } .get-started__item-description { font-size: 18px; } .get-started__title { margin-bottom: 40px; font-size: 28px; } .our-articles__top { display: flex; justify-content: space-between; margin: 0 0 40px 0; } .our-articles__title { font-family: Commissioner; font-size: 31px; font-weight: 500; line-height: 1.3; margin: 0 0 16px 0; color: #07133B; display: flex; justify-content: space-between; position: relative; } .sub-title.our-articles__title h2{ font-family: Commissioner; font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 40px; color: #07133B; } .sub-title.our-articles__title .services__item-button-btn { font-weight: 400; } .blogs-slider__wrapper { display: flex; } .blogs { display: flex; gap: 20px; flex-wrap: wrap; } .blogs__item { background: #fff; border-radius: 15px; box-shadow: 0px 4px 8px 0px #07133B0F; } .blogs__item.swiper-slide { display: flex; flex-direction: column; height: auto; width: calc(100% / 3); box-shadow: 0px 4px 8px 0px #07133B0F; cursor: pointer; } .blogs__item.swiper-slide:hover { box-shadow: 0px 4px 8px 0px #07133B0F, 0px 0px 4px 0px #07133B0A; } .blogs__item.swiper-slide:hover .blog__title { color: #1AD079; } .worker-blogs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding-top: 80px; } .blog__img { display: flex; justify-content: center; background: #F3F3F6; padding: 8px; border-top-left-radius: 15px; border-top-right-radius: 15px; min-height: 270px; } .blog__title { color: #07133B; font-size: 21px; font-weight: 500; cursor: pointer; transition: color .3s ease; } .blog__title:hover { color: #1AD079; } .blog__img img { max-height: 270px; object-fit: cover; border-radius: 15px; width: 100%; } .blogs__info { padding: 40px; } .blog__category { display: block; margin: 0 0 16px 0; font-size: 15px; color: #07133B; } .blog-wrapper .services__item-button { font-size: 15px; } .our-clients { padding: 120px 0; background: #fff; @media ((min-width: 1366px) and (max-width: 1919px)) { padding: 80px 0; } } .our-clients__top { display: flex; justify-content: space-between; padding: 0 0 70px 0; border-bottom: 1px solid #BCCFF4; } .our-clients__bottom { margin: 40px 0 0 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; } .our-clients__btn--bottom { display: none; } .our-clients__btn-mobile { display: none; } .our-clients__el { display: flex; gap: 40px 8px; color: #07133B; font-size: 18px; } .our-clients__title { font-family: Commissioner; font-size: 28px; font-weight: 600; line-height: 1.3; margin: 0 0 40px 0; color: #07133B; } .our-clients__desc { font-size: 18px; color: #07133B; max-width: 341px; margin: 0 0 40px 0; } .our-clients__btn { color: #1AD079; padding: 15px 15px 15px 40px; position: relative; cursor: pointer; max-width: 175px; transition: 0.2s; font-size: 15px; } .our-clients__btn:hover { border-radius: 15px; gap: 8px; background: #1AD07914; } .our-clients__btn:active { border-radius: 15px; gap: 8px; background: #C0EDD7; } .our-clients__btn:focus { border-radius: 15px; gap: 8px; background: #C0EDD7; } .our-clients__btn::before { content: '+'; position: absolute; left: 19px; top: 50%; transform: translateY(-50%); color: #1AD079; font-size: 20px; } .our-articles__desc { color: #07133B; max-width: 295px; margin-bottom: 40px; font-size: 18px; } .our-clients__right { width: 50%; display: flex; flex-direction: column; justify-content: space-between; max-width: 636px; } .our-clients__logos { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; } .our-clients__logos img { transition: filter .3s ease; filter: grayscale(1); } .our-clients__logos img:hover { filter: none; cursor: pointer; } .developers__elements>.our-articles__title, .our-articles__wrapper>.our-articles__title { -ms-grid-row: 1; -ms-grid-column: 1; } .our-articles__button { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: button; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .developers__elements>.our-articles__button { -ms-grid-row: 2; -ms-grid-column: 2; } .our-articles__wrapper>.our-articles__button { -ms-grid-row: 1; -ms-grid-column: 2; } .our-articles__btn { border: 1px solid #1AD079; color: #1AD079; border-radius: 15px; padding: 15px 30px; font-size: 15px; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto 0 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .our-articles__btn a { color: #1AD079; } .our-articles__btn::after { display: inline-block; width: 146px; height: 8px; margin-left: 27px; -webkit-mask-image: url(/local/templates/neti/css/../img/our-articles/arrow-right.svg); mask-image: url(/local/templates/neti/css/../img/our-articles/arrow-right.svg); -webkit-mask-position: center center; transition: background-color 0.3 ease; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; } .our-articles__btn:hover { background: #1ad079; box-shadow: 0px 2px 4px 2px #00000026, 0px 2px 3px 0px #0000004D; } .our-articles__btn:hover a { color: #fff; } .our-articles__btn:focus { background: #1AD079; } .our-articles__items { display: flex; gap: 20px; } .our-articles__container { display: flex; width: 100%; } .our-articles__item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; background: #fff; border-radius: 15px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; min-width: calc(100% / 2 - 20px); } .our-articles__item:hover { box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .our-articles__img { max-height: 254px; } .our-articles__img img { height: 100%; width: 100%; object-fit: contain; } .our-articles__info { flex-shrink: 0.3; } .products-page__item .our-articles__img img { height: auto; width: 100%; } .our-articles__info { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .our-articles__item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px; margin-bottom: 90px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .our-articles__item-top-title { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; color: #07133b; max-width: 470px; } .our-articles__item-top-info { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 16px; line-height: 130%; color: #07133b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 10px; white-space: nowrap; } .our-articles__item-top-info-date { margin-bottom: 6px; } .our-articles__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; } .our-articles__item-bottom-button-btn { padding: 13px 59px; border-radius: 5px; font-size: 18px; } .our-articles__item-bottom-info { margin-left: auto; } .our-articles__item-bottom-info-name { font-size: 16px; margin-bottom: 5px; } .our-articles__item-bottom-info-job { font-size: 14px; } .our-articles__item-bottom-avatar { margin-left: 13px; width: 25px; } .our-articles__item-bottom-avatar-img { max-width: 100%; } .our-products__title, .prices-info__title { color: #f1eeff; } .our-products__item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; background: #141f45; border-radius: 20px; padding: 40px; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .our-products__item:hover { cursor: pointer; opacity: 0.8; } .our-products__item-title { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 32px; line-height: 130%; color: #fff; margin-bottom: 30px; } .our-products__item-description { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 20px; line-height: 130%; color: #dcdcdc; margin-bottom: 94px; } .our-products__item-button-btn { font-size: 18px; padding: 13px 59px; border-radius: 5px; } .comfortable-cooperation__box-text, .comfortable-cooperation__puzzle-element-text { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 24px; line-height: 130%; } .comfortable-cooperation__main-title { max-width: 700px; margin-bottom: 40px; color: #07133B; font-size: 28px; font-weight: 600; } .comfortable-cooperation__columns { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; padding: 0 0 80px 0; } .comfortable-cooperation__el { padding: 40px 40px 86px 40px; border-radius: 15px; } .comfortable-cooperation__el:first-of-type { background: linear-gradient(111.81deg, rgba(192, 237, 215, 0.4) 0%, rgba(191, 228, 225, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(2) { background: linear-gradient(111.81deg, rgba(191, 230, 222, 0.4) 0%, rgba(190, 221, 231, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(3) { background: linear-gradient(111.81deg, rgba(190, 223, 229, 0.4) 0%, rgba(189, 214, 238, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(4) { background: linear-gradient(111.81deg, rgba(192, 234, 218, 0.4) 0%, rgba(191, 225, 227, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(5) { background: linear-gradient(111.81deg, rgba(191, 227, 225, 0.4) 0%, rgba(190, 218, 234, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(6) { background: linear-gradient(111.81deg, rgba(190, 220, 232, 0.4) 0%, rgba(189, 210, 241, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(7) { background: linear-gradient(111.81deg, rgba(192, 231, 221, 0.4) 0%, rgba(190, 222, 230, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(8) { background: linear-gradient(111.81deg, rgba(191, 224, 228, 0.4) 0%, rgba(189, 215, 237, 0.4) 100%); } .comfortable-cooperation__el:nth-of-type(9) { background: linear-gradient(111.81deg, rgba(190, 217, 235, 0.4) 0%, rgba(188, 208, 244, 0.4) 100%); } .comfortable-cooperation__title { color: #07133B; font-family: Commissioner; font-size: 26px; line-height: 1.3; font-weight: 500; margin: 0 0 16px 0; display: flex; justify-content: space-between; align-items: center; } .comfortable-cooperation__desc { font-family: Commissioner; font-size: 18px; color: #07133B; line-height: 1.3; } .comfortable-cooperation__arrow { display: none; transition: transform .3s ease; } .comfortable-cooperation__el .comfortable-cooperation__arrow--hidden { display: none; } .blog-page__more-button, .contacts-page__box-content a { -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; } .comfortable-cooperation__box:hover { box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .comfortable-cooperation__box-text { display: none; color: #fff; } .contacts-page__box-title, .contacts-page__sub-title { font-weight: 400; line-height: 130%; color: #07133b; font-family: Commissioner; font-style: normal; font-size: 18px; } .contacts-page__box-title { font-weight: 500; } .contacts-page__box-title+.contacts-page__box-title { margin-top: 20px; } .comfortable-cooperation__box-text.show { display: block; } .contacts-page { padding-top: 240px; } .contacts-page__column:first-of-type { max-width: 460px; flex-shrink: 0; } .contacts-page__title { margin-bottom: 80px; font-size: 36px; font-weight: 700; } .contacts-page__sub-title { font-size: 31px; margin-bottom: 20px; max-width: 460px; } .contacts-page__box:not(:last-child) { margin-bottom: 59px; } .contacts-page__box-content { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 40px; color: #07133b; } .contacts-page__box-title a { color: #07133b; transition: opacity 0.3s; font-size: 21px; } .contacts-page__box-content a:hover { opacity: 0.8; } .prices-hero, .product-page { padding-top: 230px; margin-bottom: 150px; } .prices-hero__title { margin: 0 auto 45px; font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 80px; line-height: 130%; text-align: center; color: #07133b; max-width: 670px; } .prices-hero td, .prices-hero__description { font-family: Commissioner; font-style: normal; font-weight: 400; color: #07133b; line-height: 130%; } .prices-hero__description { font-size: 24px; text-align: center; margin: 0 auto 150px; max-width: 600px; } .prices-hero__table-head td { border: 1px solid transparent !important; } .prices-hero__table-head-title { font-family: Commissioner; font-style: normal; font-weight: 500; font-size: 24px; line-height: 130%; text-align: center; color: #07133b; margin-bottom: 20px; } .prices-hero__table-head-btn { padding: 22px 94px; } .prices-hero table, .prices-hero td, .prices-hero th { border: 1px solid rgba(0, 0, 0, 0.35); border-collapse: collapse; } .prices-hero tr:first-child td { padding-top: 0; padding-bottom: 0; } .prices-hero tr:nth-child(2) td { padding-top: 5px; } .prices-hero td { width: 33.333%; padding: 20px 0; font-size: 24px; } .prices-hero__table-category td, .prices-info__tabs-body-title, .prices-info__tabs-nav-item { font-family: Commissioner; font-style: normal; font-weight: 500; } .prices-hero td:not(:first-child) { text-align: center; } .prices-hero td span { display: inline-block; background: url(/local/templates/neti/css/../img/prices-hero/arrow-check.svg) center center no-repeat; width: 24px; height: 17px; background-size: contain; } .prices-hero__table-category td { padding-top: 40px; padding-bottom: 30px; font-size: 28px; line-height: 130%; color: #07133b; } .prices-info__box:not(:last-child) { margin-bottom: 150px; padding-bottom: 150px; border-bottom: 1px solid #fff; } .prices-info__tabs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 20px; } .prices-info__tabs-nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; padding: 24px 15px; font-size: 24px; line-height: 130%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #f1eeff; cursor: pointer; border-radius: 20px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .prices-info__tabs-nav-item.active, .prices-info__tabs-nav-item.active:hover { background-color: #1ad079; } .prices-info__tabs-nav-item:hover { background-color: #141f45; } .prices-info__tabs-body { padding: 50px 60px; background: #141f45; border-radius: 20px; } .prices-info__tabs-body-title { font-size: 36px; line-height: 130%; color: #f1eeff; margin-bottom: 40px; } .blog-page__more-button, .prices-info__tabs-body-description { font-family: Commissioner; font-style: normal; font-weight: 400; line-height: 130%; } .prices-info__tabs-body-description { font-size: 20px; color: #dcdcdc; } .prices-info__tabs-body-description p:not(:last-child) { margin-bottom: 30px; } .blog-page__title { margin-bottom: 16px; font-size: 36px; font-weight: 700; } .blog-page__desc { max-width: 460px; color: #07133B; font-size: 18px; font-weight: 400; } .blog-page__elements { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 60px; } .blog-page__element, .blog-page__element:first-child, .blog-page__more-button { display: -webkit-box; display: -ms-flexbox; } .blog-page__element { display: flex; background: #f3f3f6; border-radius: 20px; -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .blog-page__element:first-child { grid-column: 1/-1; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-page__element:first-child>* { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .blog-page__element:hover { cursor: pointer; -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .blog-page__element-image { padding: 40px; } .blog-page__element-image img { max-width: 100%; border-radius: 20px; border: 1px solid #07133b; } .blog-page .our-articles__item:hover { -webkit-box-shadow: none; box-shadow: none; } .blog-page__more-button { font-size: 20px; color: #07133b; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 22px; -moz-column-gap: 22px; column-gap: 22px; transition: opacity 0.3s; } .blog-page__more-button::after { content: ""; display: inline-block; width: 33px; height: 27px; background: url(/local/templates/neti/css/../img/blog-page/icon-more.svg) 0 0 / contain; } .blog-page__more-button:hover { opacity: 0.5; } .map { width: 100%; height: 800px; } .map [class*="copyrights-pane"] { display: none !important; } .map [class*="ground-pane"] { -webkit-filter: grayscale(1); filter: grayscale(1); } .article-page__info-date { font-size: 20px; font-weight: 500; line-height: 130%; color: #07133b; font-family: Commissioner; font-style: normal; } .article-page__info { margin-bottom: 44px; } .article-page__info-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .article-page__info-date { margin-bottom: 5px; } .article-page__info-user-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article-page__info-user-avatar { width: 48px; height: 48px; } .article-page__info-user-avatar-img { max-width: 100%; } .product-page__description p { font-weight: 400; font-size: 24px; color: #40465a; font-family: Commissioner; font-style: normal; } .article-page__body p { line-height: 130%; } .article-page__body p:not(:last-child) { margin-bottom: 25px; } .article-page__body img { max-width: 100%; border: 1px solid #000; border-radius: 20px; margin-bottom: 45px; } .article-page__body .img-50 { max-width: 50% } .product-page__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 140px; -moz-column-gap: 140px; column-gap: 140px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-page__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 580px; flex: 1 1 580px; min-width: 0; } .product-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 700px; flex: 1 1 700px; } .product-page__gallery-main-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .product-page__gallery-main-item { -ms-flex-negative: 0; flex-shrink: 0; } .product-page__top-image { height: 100%; } .product-page__top-image-img { max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .product-page__image-item { -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .product-page__image-item.swiper-slide-thumb-active { opacity: 0.7; } .product-page__image-item-img { max-width: 100%; border: 1px solid #000; border-radius: 20px; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-page__sub-title { font-family: Commissioner; font-style: normal; margin-bottom: 70px; } .product-page__description { margin-bottom: 40px; } .product-page__description p { line-height: 140%; } .product-page__description p:not(:last-child) { margin-bottom: 20px; } .product-page__btn { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 25px; width: 50%; font-size: 20px; border-radius: 20px; } .product-page__btn--green { text-align: center; } .product-page__btn--white::after { margin-left: 19px; } .product-info__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; position: relative; justify-content: space-between; } .products-page__items { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .product-info__item { display: flex; -ms-flex-direction: column; flex-direction: column; background: #fff; max-width: 380px; width: 100%; border-radius: 20px; } .product-info__item-title { font-family: Commissioner; font-weight: 500; font-size: 31px; line-height: 130%; color: #07133b; margin-bottom: 16px; } .product-info__item-text { font-family: Commissioner; font-weight: 400; font-size: 18px; color: #07133B; } .products-page__item-title, .products-page__title { font-weight: 500; color: #07133b; font-family: Commissioner; font-style: normal; line-height: 130%; } .product-info__item-text p:not(:last-child) { margin-bottom: 28px; } .product-info__item-button { margin-top: 40px; } .product-info__item-button-btn { display: block; text-align: center; padding: 25px; } .products-page__title { font-size: 80px; margin-bottom: 90px; font-weight: 700; } .products-page__items { display: flex; gap: 20px; } .products-page__item { cursor: pointer; background: #fff; border-radius: 20px; padding: 40px; -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .products-page__item:hover { -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px; } .products-page__columns { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row-reverse; -webkit-column-gap: 90px; -moz-column-gap: 90px; column-gap: 90px; } .products-page__column:first-child { -webkit-box-flex: 0; -ms-flex: 0 1 630px; flex: 0 1 630px; } .products-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 620px; flex: 1 1 620px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products-page__item-image-img { max-width: 100%; border-radius: 20px; } .products-page__item-title { font-size: 32px; margin-bottom: 30px; } .products-page__item-description { font-family: Commissioner; font-style: normal; font-weight: 400; font-size: 20px; line-height: 130%; color: #40465a; } .products-page__item-button { margin-top: 40px; } a.our-articles__btn:hover { color: #fff; } .products-page__btn { padding: 14px 60px; font-size: 18px; border-radius: 5px; } .icon-marker { cursor: pointer; width: 40px; height: 40px; position: relative; } .b24-window-popup-wrapper { background-color: unset !important; } .sticky-main-container { min-height: 100%; } .sticky-aricles-links { position: sticky; top: 130px; } @media (min-width: 769px) { .modal { z-index: 100; } .products-page__item-button { margin-top: 20px; } } @media (max-width: 1920px) { .modal__container { padding: calc(15px + 25 * (100vw - 768px) / 1152) calc(15px + 35 * (100vw - 768px) / 1152); margin: calc(115px + 25 * (100vw - 1024px) / 896) auto auto; } .approach__item-title, .contacts__column-subtitle, .guarantees__item-title, .modal__header-title { font-size: calc(24px + 12 * (100vw - 1024px) / 896); } .footer__menu-item-link, .modal__input input, .modal__textarea textarea { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__input input::-webkit-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__input input::-moz-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__input input:-ms-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__input input::-ms-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__input input::placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__textarea textarea::-webkit-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__textarea textarea::-moz-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__textarea textarea:-ms-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__textarea textarea::-ms-input-placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__textarea textarea::placeholder { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .modal__policy { margin-bottom: calc(30px + 5 * (100vw - 1024px) / 896); } .footer__submenu-item-link, .modal__policy-description { font-size: calc(10px + 4 * (100vw - 1024px) / 896); } .modal__btn { padding: calc(15px + 7 * (100vw - 768px) / 1152); } } .hero__image { margin-top: calc(50px + 50 * (100vw - 1024px) / 896); max-width: calc(342px + 255 * (100vw - 1024px) / 896); } .hero--index .hero__items { margin-bottom: calc(40px + 75 * (100vw - 1024px) / 896); } .hero--index .hero__element { font-size: calc(10px + 10 * (100vw - 1024px) / 896); } .brands { padding: calc(65px + 72 * (100vw - 1024px) / 896) 0; margin-bottom: calc(80px + 20 * (100vw - 768px) / 1152); } .appeal__elements:last-child, .guarantees__items, .prices-info__box:not(:last-child) { padding-bottom: calc(100px + 50 * (100vw - 1024px) / 896); } .calculation, .examples, .get-started, .prices-info { margin-bottom: calc(100px + 50 * (100vw - 1024px) / 896); } .developers__elements { padding-bottom: 0; } .approach__item-description, .developers__elements-description, .guarantees__item-description, .technology-stack__description { font-size: calc(12px + 6 * (100vw - 1024px) / 896); } .developers__elements-item-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 calc(86px + 38 * (100vw - 1024px) / 896); flex: 0 0 calc(86px + 38 * (100vw - 1024px) / 896); } .developers__elements-item-name { font-size: calc(18px + 6 * (100vw - 1024px) / 896); } .developers__elements-item-skills-item { font-size: calc(12px + 4 * (100vw - 1024px) / 896); } .appeal, .approach, .guarantees { margin-bottom: calc(100px + 20 * (100vw - 1024px) / 896); } .appeal__elements-item-title { font-size: calc(16px + 8 * (100vw - 768px) / 896); } .appeal__elements-item-icon { -webkit-box-flex: 0; -ms-flex: 0 0 calc(48px + 42 * (100vw - 1024px) / 896); flex: 0 0 calc(48px + 42 * (100vw - 1024px) / 896); } .appeal__elements-item-description { font-size: calc(12px + 8 * (100vw - 768px) / 896); } .appeal__elements-button, .appeal__elements-item--one, .appeal__elements-item--three, .appeal__elements-item--two { height: calc(215px + 150 * (100vw - 1024px) / 896); } .appeal__elements-button-btn { font-size: calc(20px + 12 * (100vw - 1024px) / 896); } .examples__wrapper, .our-products__wrapper, .prices-info__wrapper { padding: calc(100px + 50 * (100vw - 1024px) / 896) calc(52px + 78 * (100vw - 1024px) / 896); } .examples__column:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 calc(322px + 258 * (100vw - 1024px) / 896); flex: 0 0 calc(322px + 258 * (100vw - 1024px) / 896); } .examples__description-title { font-size: calc(14px + 10 * (100vw - 1024px) / 896); } .examples-completed-tasks__title { margin-bottom: 0; font-size: calc(30px + 20 * (100vw - 1024px) / 896); } /*.questions__item-body { font-size: calc(12px + 13 * (100vw - 1024px) / 896); }*/ .contacts__column-form-textarea textarea { min-height: calc(155px + 72 * (100vw - 1024px) / 896); } .technology-stack__item-top-icon { -webkit-box-flex: 0; -ms-flex: 0 0 calc(43px + 17 * (100vw - 1024px) / 896); flex: 0 0 calc(43px + 17 * (100vw - 1024px) / 896); } .our-articles__item { padding: calc(25px + 15 * (100vw - 1024px) / 896) calc(20px + 20 * (100vw - 1024px) / 896); } .our-articles__item-top { margin-bottom: calc(50px + 40 * (100vw - 1024px) / 896); } .our-articles__item-top-title { font-size: calc(18px + 14 * (100vw - 1024px) / 896); } .our-articles__item-top-info { font-size: calc(10px + 6 * (100vw - 1024px) / 896); } .our-articles__item-bottom-button-btn { padding: calc(7px + 6 * (100vw - 1024px) / 896) calc(47px + 12 * (100vw - 1024px) / 896); } .our-articles__item-bottom-info-name { font-size: calc(12px + 4 * (100vw - 1024px) / 896); } .our-articles__item-bottom-info-job { font-size: calc(10px + 4 * (100vw - 1024px) / 896); } .blog-page__element-image, .our-products__item { padding: calc(25px + 15 * (100vw - 1024px) / 896); } .our-products__item-title { font-size: calc(18px + 14 * (100vw - 1024px) / 896); } .our-products__item-description { font-size: calc(12px + 8 * (100vw - 1024px) / 896); margin-bottom: calc(50px + 44 * (100vw - 1024px) / 896); } .comfortable-cooperation__box-text, .prices-hero td, .prices-hero__table-head-title, .prices-info__tabs-nav-item { font-size: calc(12px + 12 * (100vw - 1024px) / 896); } .our-products__item-button-btn { padding: calc(7px + 6 * (100vw - 1024px) / 896) calc(48px + 11 * (100vw - 1024px) / 896); } .contacts-page__box:not(:last-child) { margin-bottom: calc(35px + 24 * (100vw - 1024px) / 896); } .prices-hero, .product-page { padding-top: calc(149px + 81 * (100vw - 1024px) / 896); margin-bottom: calc(100px + 50 * (100vw - 1024px) / 896); } .prices-hero__title { font-size: calc(45px + 35 * (100vw - 1024px) / 896); margin-bottom: calc(30px + 15 * (100vw - 1024px) / 896); } .prices-hero__description { font-size: calc(14px + 10 * (100vw - 1024px) / 896); margin-bottom: calc(100px + 50 * (100vw - 1024px) / 896); } .prices-hero__table-head-btn { padding: calc(12px + 10 * (100vw - 1024px) / 896) calc(45px + 49 * (100vw - 1024px) / 896); } .prices-hero td { padding: calc(15px + 5 * (100vw - 1024px) / 896) 0; } .prices-hero__table-category td { font-size: calc(16px + 12 * (100vw - 1024px) / 896); } .prices-info__box:not(:last-child) { margin-bottom: calc(100px + 50 * (100vw - 1024px) / 896); } .prices-info__tabs-body { padding: calc(40px + 10 * (100vw - 1024px) / 896) calc(40px + 20 * (100vw - 1024px) / 896); } .prices-info__tabs-body-title { font-size: calc(20px + 16 * (100vw - 1024px) / 896); margin-bottom: calc(25px + 15 * (100vw - 1024px) / 896); } .prices-info__tabs-body-description { font-size: calc(12px + 8 * (100vw - 1024px) / 896); } .products-page__title { /*font-size: calc(45px + 35 * (100vw - 1024px) / 896);*/ font-size: 36px; font-weight: 700; margin-bottom: calc(70px + 20 * (100vw - 1024px) / 896); } .blog-page__elements { margin-bottom: calc(35px + 25 * (100vw - 1024px) / 896); } .blog-page__more-button::after { width: calc(22px + 11 * (100vw - 1024px) / 896); height: calc(18px + 9 * (100vw - 1024px) / 896); } .blog-page__more-button { font-size: calc(16px + 4 * (100vw - 1024px) / 896); } .map { height: calc(540px + 260 * (100vw - 1024px) / 896); } .product-info__item-button-btn, .product-page__btn { padding: calc(12px + 13 * (100vw - 1024px) / 896); } .product-page__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 calc(322px + 258 * (100vw - 1024px) / 896); flex: 1 1 calc(322px + 258 * (100vw - 1024px) / 896); } .product-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 calc(385px + 315 * (100vw - 1024px) / 896); flex: 1 1 calc(385px + 315 * (100vw - 1024px) / 896); } .product-page__btn, .product-page__image-item-img { border-radius: calc(10px + 10 * (100vw - 1024px) / 896); } .product-page__description p:not(:last-child) { margin-bottom: calc(13px + 7 * (100vw - 1024px) / 896); } /*.product-page__description p { font-size: calc(6px + 12 * (100vw - 1024px) / 896); }*/ .product-page__description p { font-size: 18px; } .products-page__item { padding: calc(25px + 15 * (100vw - 1024px) / 896); } .products-page__columns { -webkit-column-gap: calc(40px + 50 * (100vw - 1024px) / 896); -moz-column-gap: calc(40px + 50 * (100vw - 1024px) / 896); column-gap: calc(40px + 50 * (100vw - 1024px) / 896); } .products-page__item-image-img { border-radius: calc(15px + 5 * (100vw - 1024px) / 896); } .products-page__item-title { font-size: calc(17px + 14 * (100vw - 1024px) / 896); margin-bottom: calc(15px + 15 * (100vw - 1024px) / 896); } /*.products-page__item-description { font-size: calc(10px + 8 * (100vw - 1024px) / 896); }*/ .products-page__item-description { font-size: 18px; } .products-page__btn { padding: calc(7px + 7 * (100vw - 1024px) / 896) calc(48px + 12 * (100vw - 1024px) / 896); font-size: calc(12px + 6 * (100vw - 1024px) / 896); } .variants-card { z-index: 99; } .card-btn-container { display: flex; } .development-online-stores .container { max-width: 1500px; padding: 0 40px; } .development-online-stores .comfortable-cooperation { padding-top: 120px; } .development-online-stores .numbers-about-wr { padding: 120px 0; } .gradient-blocks { display: flex; gap: 20px; } .gradient-blocks .gradient-block { padding: 40px; border-radius: 15px; background-image: linear-gradient(91.84deg, rgba(192, 237, 215, 0.4) 0%, rgba(188, 207, 244, 0.4) 100%); background-size: cover; background-position: center; background-attachment: fixed; } .gradient-blocks.two-columns .gradient-block { width: 50%; } .gradient-block-title { font-size: 26px; font-weight: 500; line-height: 34px; color: #07133B; } .gradient-block-text { margin-top: 16px; font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; } .gradient-blocks .gradient-block ul { display: flex; flex-direction: column; gap: 16px; } .gradient-blocks .gradient-block ul li { list-style: none; position: relative; padding-left: 16px; } .gradient-blocks .gradient-block ul li::before { content: ''; position: absolute; left: 0; top: 0.65em; transform: translateY(-50%); width: 8px; height: 8px; background: #07133B; border-radius: 50%; } .cost-development .cost-development-title { font-weight: 600; font-size: 28px; line-height: 130%; margin-bottom: 40px; color: #07133B; max-width: 700px; position: relative; } .cost-development .cost-development-title::before { content: ''; position: absolute; width: 395px; height: 204px; background: #BCCFF4; top: 0; left: 0; transform: translate(-50%, -50%); border-radius: 50%; filter: blur(129px); z-index: -1; } .cost-development .cost-development-description { margin-top: 16px; font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; max-width: 460px; } .cost-development .cost-development-items { margin-top: 40px; display: flex; gap: 20px; flex-wrap: wrap; } .cost-development .cost-development-items .cost-development-item { width: calc(50% - 10px); padding: 40px; box-shadow: 0px 2px 4px 0px #07133B14, 0px 0px 6px 0px #07133B05; background: #FFFFFF; border-radius: 15px; display: flex; flex-direction: column; } .cost-development .cost-development-items .cost-development-item .cost-development-item-title { font-size: 26px; font-weight: 500; line-height: 34px; color: #07133B; } .cost-development .cost-development-items .cost-development-item .cost-development-item-price { margin-top: 16px; font-size: 26px; font-weight: 500; line-height: 34px; color: #1AD079; } .cost-development .cost-development-items .cost-development-item .cost-development-item-period { margin-top: 8px; font-size: 18px; font-weight: 600; line-height: 23px; color: #07133B; } .cost-development .cost-development-items .cost-development-item .cost-development-item-text { margin: 16px 0; font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; } .cost-development .cost-development-items .cost-development-item .cost-development-item-text ul { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; } .cost-development .cost-development-items .cost-development-item .cost-development-item-text ul li { list-style: none; position: relative; padding-left: 16px; } .cost-development .cost-development-items .cost-development-item .cost-development-item-text ul li::before { content: ''; position: absolute; left: 0; top: 0.65em; transform: translateY(-50%); width: 8px; height: 8px; background: #1AD079; border-radius: 50%; } .cost-development .cost-development-items .cost-development-item .cost-development-item-text sub { padding-left: 16px; margin-top: 4px; font-size: 15px; font-weight: 400; line-height: 20px; color: #07133B; } .cost-development .cost-development-items .cost-development-item .cost-development-item-button { margin-top: auto; font-size: 15px; font-weight: 500; line-height: 20px; color: #1AD079; padding: 15px 30px; border-radius: 15px; border: 1px solid #1AD079; width: fit-content; cursor: pointer; } .cost-development .cost-development-explanation { margin-top: 40px; max-width: 460px; font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; } .cost-development .cost-development-additional { margin-top: 40px; } .cost-development .cost-development-additional .cost-development-additional-items { display: flex; gap: 20px; } .cost-development .cost-development-additional .cost-development-additional-item { width: 50%; border-radius: 15px; background: #F3F3F6; padding: 40px; } .cost-development .cost-development-additional .cost-development-additional-item-title { font-size: 26px; font-weight: 500; line-height: 34px; color: #07133B; } .cost-development .cost-development-additional .cost-development-additional-item-text { margin-top: 16px; font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; } .cost-development .cost-development-additional .cost-development-additional-item-text ul { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; } .cost-development .cost-development-additional .cost-development-additional-item-text ul li { list-style: none; position: relative; padding-left: 16px; } .cost-development .cost-development-additional .cost-development-additional-item-text ul li::before { content: ''; position: absolute; left: 0; top: 0.65em; transform: translateY(-50%); width: 8px; height: 8px; background: #1AD079; border-radius: 50%; } .cost-services { margin-top: 86px; background: initial; padding: 0; } .cost-services-title { max-width: 700px; font-size: 28px; font-weight: 600; line-height: 130%; color: #07133B; position: relative; } .cost-services-title::before { content: ''; position: absolute; width: 395px; height: 204px; background: #BCCFF4; top: 0; left: 0; transform: translate(-50%, 50%); border-radius: 50%; filter: blur(129px); z-index: -1; } .cost-services-items { margin-top: 16px; display: flex; gap: 20px; flex-wrap: wrap; } .cost-services-item { width: calc((100% - (3 * 20px)) / 4); font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; min-height: 250px; } .cost-services-item:not(:first-child) { padding: 20px; box-shadow: 0px 2px 4px 0px #07133B14, 0px 0px 6px 0px #07133B05; background: #FFFFFF; border-radius: 16px; } .cost-services-item .cost-services-item-title { font-size: 21px; font-weight: 500; line-height: 27px; color: #07133B; } .cost-services-item .cost-services-item-price { margin-top: 16px; font-size: 26px; font-weight: 500; line-height: 34px; color: #1AD079; } .cost-services-item .cost-services-item-text { font-size: 18px; font-weight: 400; line-height: 23px; color: #07133B; margin-top: 16px; } .cost-services-button-wrapper { margin-top: 80px; display: flex; justify-content: center; } .cost-services-button { padding: 33px 67px; background: #1AD079; text-decoration: none; color: #FFFFFF; display: inline-block; border-radius: 33.26px; font-size: 33px; font-weight: 500; line-height: 43px; } @media (max-width: 1700px) { .header__button, .header__menu-phone { margin-left: calc(16px + 19 * (100vw - 1024px) / 576); } } @media (min-width: 1500px) and (max-width: 1700px) { .header-phone-link { display: block; width: 175px; } } @media (max-width: 1500px) { .modal__textarea textarea { min-height: 155px; } .header__menu-items { padding: 0 calc(25px + 25 * (100vw - 1024px) / 476); } } @media (max-width: 1450px) { .header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 calc(79px + 46 * (100vw - 1024px) / 426); flex: 0 0 calc(79px + 46 * (100vw - 1024px) / 426); } .header__description { margin-right: calc(10px + 50 * (100vw - 1024px) / 426); } .header__menu-dropdown-item-link { font-size: calc(10px + 4 * (100vw - 1024px) / 426); } .header__phone { margin-left: 20px; } .header__menu-item-link { font-size: 15px; } } @media (min-width: 1230px) and (max-width: 1540px) { .hero { padding-top: 210px; } .technology-stack__description { max-width: 290px; } .technology-stack__item-top-title { font-size: 21px; } .technology-stack__item-bottom-item { font-size: 18px; } .header-phone-link { display: block !important; font-size: 14px; padding: 0 0 0 16px; } .header-phone-link__icon { display: none !important; } .header-phone-link::after { left: -9px; top: -1px; } .header__container { justify-content: space-between; } .cases__filters { gap: unset; justify-content: space-between; } .cases__filter { max-width: unset; width: 40%; } .cases__select { max-width: unset; width: 100%; } .cases-filter-reset { width: 17%; justify-content: flex-end; font-weight: 500; } .case-description__container { max-width: 1220px; } .vacancies-page .hero--banner { padding: 130px 0 204px; } .reasons__element { z-index: 99; } .merch-main__header { height: 652px !important; padding-top: 227px !important; background-position: top !important; background-size: 100% !important; } .merch-main__content .merch-main__cards .card-img{ width: 100%; height: 460px; } .merch-main__content .merch-main__cards { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } .page-part-top-for-laptop { padding-top: 180px !important; } } @media (min-width: 1390px) and (max-width: 1540px) { .header__phone { margin-left: 40px; } } @media (max-width: 1400px) { .development-online-stores .cases-block { padding: 80px 0; } .cost-development .cost-development-title { font-size: 37px; line-height: 48px; } .cost-services-item { min-height: 301px; } .cost-services-title { font-size: 37px; line-height: 48px; max-width: 633px; } .cost-services-button-wrapper { margin-top: 40px; } .cost-services-button { padding: 30px 61px; font-size: 30px; line-height: 39px; } .development-online-stores .comfortable-cooperation { padding-top: 80px; } .development-online-stores .comfortable-cooperation__main-title { font-size: 37px; line-height: 48px; max-width: 700px; } .development-online-stores .comfortable-cooperation__el { padding: 20px; } .cost-services-item { width: calc((100% - (3 * 20px)) / 3); } .cases-block__img { height: 370px; } .cases-block__main-title { font-size: 37px; font-weight: 600; line-height: 48px; } } @media (max-width: 1300px) { .cases-block__slider { padding: 0 20px 0 0; } .footer__wr { width: 80%; } .comfortable-cooperation__puzzle svg { margin-top: -15px; } .cases-block__arrow { display: none; } .cases-block .container { padding: 0 0 0 20px; } .header-phone-link { display: none; } .header-phone-link__icon { display: inline-flex; background: #1AD079; border-radius: 50%; padding: 8px; } } @media (max-width: 1024px) { .contacts-page__columns { flex-direction: column; } .get-started__items { flex-wrap: wrap; } .products-page__items { flex-direction: row; } .products-page__columns { justify-content: space-between; } .blog-page { padding-top: 120px; } .worker-blogs { grid-template-columns: 1fr 1fr; padding-top: 80px; } .first-screen::before { background-image: url(/local/templates/neti/css/../img/hero/back2.png); width: 323px; height: 630px; } .cases-block { padding: 80px 0; } .cases-block--padding { padding: 0 0 80px 0; } .our-clients__top { flex-direction: column; padding: 0 0 40px 0; } .title { font-size: 36px; } .calculation__elements { flex-direction: column; gap: 30px; } .our-clients { padding: 40px 0; } .our-clients__bottom { grid-template-columns: 1fr 1fr; } .our-clients__right { width: 100%; } .calculation__el-one { width: 100%; } .our-clients__desc { max-width: 80%; } .our-clients__btn { display: none; } .our-clients__btn--bottom { display: block; margin: 40px 0 0 0; } .our-clients__right { flex-direction: row; } .our-clients__logos { flex-direction: column; align-items: center; } .our-clients__logos img { max-width: 50%; } .numbers-about { flex-direction: column; } .numbers-about__info { width: 100%; margin-bottom: 20px; } .numbers-about__desc { max-width: 100%; } .numbers-about__items { width: 100%; } .get-started--padding.get-started--padding { padding: 80px 0; } .comfortable-cooperation__columns { grid-template-columns: 1fr 1fr; } .hero__btn { border-radius: 15px; } .btn, .header__menu-phone-link { font-size: 12px; } .modal__container { margin: 115px auto auto; } .approach__item-title, .calculation__column-description, .modal__header-title { font-size: 24px; } .modal__input input::-webkit-input-placeholder { font-size: 10px; } .modal__input input::-moz-placeholder { font-size: 10px; } .modal__input input:-ms-input-placeholder { font-size: 10px; } .modal__input input::-ms-input-placeholder { font-size: 10px; } .modal__input input::placeholder { font-size: 10px; } .modal__input input { padding: 15px 20px; font-size: 10px; line-height: 150%; margin-bottom: 15px; } .modal__textarea textarea::-webkit-input-placeholder { font-size: 10px; } .modal__textarea textarea::-moz-placeholder { font-size: 10px; } .modal__textarea textarea:-ms-input-placeholder { font-size: 10px; } .modal__textarea textarea::-ms-input-placeholder { font-size: 10px; } .modal__textarea textarea::placeholder { font-size: 10px; } .modal__textarea textarea { font-size: 10px; line-height: 150%; padding: 15px 20px; margin-bottom: 25px; } .article-page__info, .modal__policy { margin-bottom: 30px; } .contacts__column-form-policy-checkbox label, .modal__policy-checkbox label { width: 25px; height: 25px; } .contacts__column-form-policy-checkbox input:checked+label::after, .modal__policy-checkbox input:checked+label::after { width: 17px; height: 17px; } .modal__policy-description { font-size: 10px; line-height: 12px; } .header__wrapper { width:100%; } .header__container { padding: 11px 20px; height: 64px; margin: 0; } .header__description { display: none; } .header__menu-dropdown { padding: 15px 20px; -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px; top: 40px; } .header__btn { padding: 15px 30px; } .hero { padding-top: 408px; } .hero__btn { font-size: 12px; padding: 14px 26px; } .hero__image { margin-top: 30px; max-width: 342px; } .hero--index { padding-bottom: 35px; } .hero--index .hero__items { margin-bottom: 40px; } .footer__menu-item-link, .footer__submenu-item-link, .hero--index .hero__element { font-size: 10px; } .brands { padding: 65px 0; } .appeal, .approach, .calculation, .developers, .examples, .guarantees, .technology-stack { margin-bottom: 80px; } .appeal__elements:last-child, .developers__elements, .guarantees__items, .technology-stack__bottom { padding-bottom: 100px; } .developers__elements-description { margin-top: 0; font-size: 12px; line-height: 130%; } .developers__elements-navs-next, .developers__elements-navs-prev { width: 68px; } .developers__elements-button-btn { padding: 14px 31px; } .developers__elements-items { padding-top: 45px; } .developers__elements-item { padding: 30px 22px; } .developers__elements-item-top { -webkit-column-gap: 13px; -moz-column-gap: 13px; column-gap: 13px; margin-bottom: 20px; } .developers__elements-item-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 86px; flex: 0 0 86px; } .developers__elements-item-name { font-size: 18px; margin-bottom: 8px; } .developers__elements-item-job { font-size: 14px; } .developers__elements-item-skills-experience { font-size: 14px; margin-bottom: 30px; } .developers__elements-item-skills-title { font-size: 14px; margin-bottom: 10px; } .developers__elements-item-skills-items { -webkit-column-gap: 7px; -moz-column-gap: 7px; column-gap: 7px; } .developers__elements-item-skills-item { font-size: 12px; } .appeal__elements-item, .examples__description { padding: 30px; } .appeal__elements-item-top { margin-bottom: 60px; } .appeal__elements-item-icon { -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; } .appeal__elements-item-description, .approach__item-description { font-size: 12px; } .appeal__elements-button, .appeal__elements-item--one, .appeal__elements-item--three, .appeal__elements-item--two { height: 215px; } .appeal__elements-button-btn::after { width: 65px; } .calculation__spoller-title::after { width: 15px; height: 9px; } .appeal__elements-button-btn { font-size: 20px; padding: 30px; } .approach__item-icon { max-width: 64px; margin-bottom: 15px; } .examples__wrapper { padding: 100px 52px; padding: calc(40px + 60 * (100vw - 768px) / 256) calc(15px + 37 * (100vw - 768px) / 256); } .examples__column:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 322px; flex: 0 0 322px; } .examples__item { padding: 15px 10px; } .examples__item-count { font-size: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; height: 32px; } .examples__item-title { font-size: 12px; } .examples__description-title { font-size: 14px; margin-bottom: 25px; } .examples__description-text { font-size: 12px; } .calculation__column-inputbox:first-child { margin-bottom: 84px; } .examples-completed-tasks__top, .questions__title { margin-bottom: 40px; } .examples-completed-tasks__title { font-size: calc(24px + 6 * (100vw - 768px) / 1152); margin-bottom: 0; } .contacts__column-description, .examples-completed-tasks__title-description, .guarantees__item-description { font-size: 12px; } .technology-stack__description { font-size: 18px; } .footer__top, .guarantees__item-image { margin-bottom: 20px; } .guarantees__item-title { font-size: 24px; margin-bottom: 28px; } .numbers-about__item { padding: 0 55px; } .numbers-about__item-count { font-size: 48px; margin-bottom: 3px; } .calculation__title { margin-bottom: 42px; } .calculation__el-one { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; } .calculation__column-checkbox-box:not(:last-child), .calculation__column-inputbox-top { margin-bottom: 25px; } .calculation__column-result { font-size: 36px; } .prices-hero__table-category td, .questions__item-title { font-size: 16px; } .calculation__column-checkbox input:checked+label::after { width: 22px; height: 22px; } .calculation__bottom-items { gap: 20px; } .blog-page__element-image, .calculation__bottom-item, .our-products__item { padding: 25px; } .calculation__spoller-body.show { margin-top: 25px; } .questions__item { padding: 20px 30px; } .questions__item-body { font-size: 12px; margin-top: 15px; } .contacts__column:first-child { padding: 35px; } .contacts__column-subtitle { font-size: 24px; margin-bottom: 30px; } .contacts__column-form-input input { padding: 15px 20px; font-size: 10px; margin-bottom: 15px; } .contacts__column-form-textarea textarea { min-height: 155px; padding: 15px 20px; font-size: 10px; margin-bottom: 25px; } .contacts__column-form-btn { padding: 15px; } .footer__logo { max-width: 87px; } .footer__menu-items { -webkit-column-gap: 53px; -moz-column-gap: 53px; column-gap: 53px; } .technology-stack__item { padding: 20px; } .technology-stack__item-top-icon { -webkit-box-flex: 0; -ms-flex: 0 0 43px; flex: 0 0 43px; display: none; } .technology-stack__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .technology-stack__item-bottom-item { font-size: calc(10px + 2 * (100vw - 768px) / 256); } .prices-info { margin-bottom: calc(55px + 45 * (100vw - 768px) / 256); } .services__top { margin-bottom: calc(35px + 10 * (100vw - 768px) / 256); } .services__item-title { font-size: 20px; margin-bottom: 15px; } .get-started__item { padding: 30px 25px; } .get-started__item-columns { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .get-started__item-description { font-size: 12px; } .our-articles__item { padding: 25px 20px; } .our-articles__item-top { margin-bottom: 50px; } .our-articles__item-top-title { font-size: calc(14px + 4 * (100vw - 768px) / 256); } .our-articles__item-bottom-info-job, .our-articles__item-top-info { font-size: 10px; } .our-articles__item-bottom-button-btn { font-size: 12px; padding: 7px calc(20px + 27 * (100vw - 390px) / 634); } .our-articles__item-bottom-info-name, .prices-info__tabs-nav-item { font-size: 12px; } .our-articles__item-bottom-avatar { width: calc(20px + 5 * (100vw - 768px) / 256); } .our-products__wrapper { padding: 100px 52px; padding: calc(45px + 55 * (100vw - 768px) / 256) calc(15px + 37 * (100vw - 768px) / 256); } .our-products__item-title { font-size: calc(14px + 4 * (100vw - 768px) / 256); margin-bottom: 15px; } .our-products__item-description { font-size: 12px; margin-bottom: calc(28px + 22 * (100vw - 768px) / 256); } .our-products__item-button-btn { padding: 7px 48px; } .comfortable-cooperation__title { text-align: left; } .comfortable-cooperation__column:nth-child(2) { padding-bottom: 12px; } .comfortable-cooperation__puzzle svg { margin-top: -10px; } .comfortable-cooperation__box { padding: 35px 30px; } .comfortable-cooperation__box-text { font-size: 12px; max-width: 225px; } .contacts-page__box:not(:last-child) { margin-bottom: calc(30px + 5 * (100vw - 768px) / 256); } .prices-hero { padding-top: calc(116px + 33 * (100vw - 768px) / 256); margin-bottom: calc(56px + 44 * (100vw - 768px) / 256); } .prices-hero__title { font-size: calc(32px + 13 * (100vw - 768px) / 256); margin-bottom: calc(20px + 10 * (100vw - 768px) / 256); max-width: 376px; } .prices-hero__description { font-size: 14px; margin-bottom: calc(70px + 30 * (100vw - 768px) / 256); max-width: 390px; } .prices-hero__table-head-title { font-size: 12px; margin-bottom: 12px; } .prices-hero__table-head-btn { padding: 12px 45px; } .prices-hero td span { width: 16px; height: 11px; } .prices-hero td { font-size: 12px; padding: 15px 0; } .prices-info__wrapper { padding: calc(45px + 55 * (100vw - 768px) / 256) calc(15px + 37 * (100vw - 768px) / 256); } .prices-info__box:not(:last-child) { margin-bottom: calc(70px + 30 * (100vw - 768px) / 256); padding-bottom: calc(70px + 30 * (100vw - 768px) / 256); } .prices-info__tabs-body { padding: calc(25px + 15 * (100vw - 768px) / 256) calc(20px + 20 * (100vw - 768px) / 256); } .prices-info__tabs-body-title { font-size: calc(14px + 6 * (100vw - 768px) / 256); margin-bottom: calc(20px + 5 * (100vw - 768px) / 256); } .prices-info__tabs-body-description p:not(:last-child) { margin-bottom: 20px; } .prices-info__tabs-body-description { font-size: 12px; } .blog-page__elements { margin-bottom: 35px; } .blog-page__more-button::after { width: 22px; height: 18px; } .blog-page__more-button { font-size: 16px; } .map { height: calc(335px + 125 * (100vw - 768px) / 256); } .product-page { padding-top: calc(116px + 33 * (100vw - 768px) / 256); margin-bottom: calc(68px + 32 * (100vw - 768px) / 256); } .product-page__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 322px; flex: 1 1 322px; } .product-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 385px; flex: 1 1 385px; text-align: center; } .product-page__btn, .product-page__image-item-img { border-radius: 10px; } .product-page__description p:not(:last-child) { margin-bottom: 13px; } .product-page__description p { font-size: 12px; } .product-page__btn { padding: 12px; } .product-info__item-button-btn { padding: 12px; border-radius: 10px; } .products-page__title { /*font-size: calc(32px + 13 * (100vw - 1024px) / 896);*/ margin-bottom: calc(50px + 20 * (100vw - 768px) / 256); } .products-page__item { padding: 25px; } .products-page__columns { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .products-page__item-image-img { border-radius: 15px; } .products-page__item-title { font-size: calc(14px + 4 * (100vw - 768px) / 256); margin-bottom: calc(10px + 5 * (100vw - 768px) / 256); } .products-page__item-description { font-size: 12px; } .products-page__btn { font-size: 12px; padding: 7px 48px; } .contacts__columns { flex-direction: column; } .contacts__column-form { box-shadow: none; max-width: 100%; } .contacts__column { max-width: 100%; } .our-articles__item { flex-direction: column-reverse; align-items: center; } .our-articles__btn { margin: 16px 0 0 0; } .how-work__container { flex-direction: column; } .how-work-tabs, .how-work-tabs__content { max-width: 100%; } .services { padding: 80px 0; } .services__wrapper { flex-direction: column; } .services__item { max-width: 100%; } .services__top { width: 90%; } .services__top-desc { max-width: 100%; } .header__phone { margin-left: auto; padding-right: 52px; } .header-mobile__btn { padding: 15px 30px; max-width: 182px; font-size: 15px; display: block; margin: 40px 0 0 0; } .header__menu-items { display: none; } .header__menu-items.open { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; gap: 16px; width: 100%; border-left: none; border-right: none; position: absolute; top: 50px; left: 0; background: #fff; padding: 44px 20px 60px; height: calc(100vh - 50px); align-items: flex-start; justify-content: start; } .header__menu-phone-link::before { width: 34px; height: 34px; } .header__menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header__menu-item.open .header__menu-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__menu-item-link { font-size: 16px; color: #07133b; } .header__menu-item-arrow { display: none; } .header__menu-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; top: 0; left: 0; gap: 17px; background: #fff; padding: 0; margin: 15px 0 40px 0; } .header__menu-dropdown-item-link span, .header__menu-phone-link span { display: none; } .header__menu-dropdown-item-link { font-weight: 400; font-size: 12px; line-height: 130%; color: #777; } .header__menu-phone { margin-left: auto; margin-right: 50px; } .burger { position: absolute; right: 18px; top: 20px; width: 30px; height: 25px; } .burger span { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .burger::after, .burger::before { content: ""; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .burger::before { top: 0; } .burger::after { bottom: 0; } .burger.active span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .burger.active::before { -webkit-transform: translateY(11px) rotate(45deg); -ms-transform: translateY(11px) rotate(45deg); transform: translateY(11px) rotate(45deg); } .burger.active::after { -webkit-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } .header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 79px; flex: 0 0 112px; margin-right: 10px; } .header__menu-item, .header__menu-items.open { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .calculation__column-checkbox input:checked+label::after, .header__btn::after { width: 17px; height: 17px; } .header__button { margin-left: auto; display: none; } .header__btn { position: relative; display: block; font-size: 0; padding: 0; margin-right: 55px; -webkit-tap-highlight-color: transparent; } .burger span, .burger::after, .burger::before { display: block; background-color: #000; height: 3px; width: 100%; position: absolute; } .main-slider-container { padding-bottom: 80px; } .hero.policy { padding-bottom: 0; } } @media (max-width: 992px) { .cost-services-item:first-child { width: 100%; height: fit-content; min-height: auto; } .header { top: 10px; } .header__inner { margin: 0; } .get-started__title { font-size: 26px; font-weight: 500; } .our-clients__title { font-size: 26px; font-weight: 500; } .header__description br { display: none; } .gradient-blocks { flex-direction: column; } .gradient-blocks.two-columns .gradient-block { width: 100%; } .cost-development .cost-development-items .cost-development-item { width: 100%; } .cost-development .cost-development-additional .cost-development-additional-items { flex-direction: column; } .cost-development .cost-development-additional .cost-development-additional-item { width: 100%; } .cost-services-item { width: calc((100% - (3 * 20px)) / 2); } } @media (max-width: 768px) { .cost-services-title::before { transform: translate(-50%, -50%); } .cases-block__slider { margin-right: 15px; padding: unset; } .services__item-button-btn { left: 0; } .cases-block .header__container { padding: 20px; } .cases-block .services__item-button-btn { left: 20px; } .contacts-page__sub-title { font-size: 21px; margin-bottom: 16px; } .technology-stack__title { font-size: 26px; font-weight: 500; } .contacts-page__box-content { font-size: 18px; margin-bottom: 16px; } .contacts-page { padding-top: 132px; } .worker-blogs .blog__img img { max-height: 216px; } .worker-blogs.blogs__info { padding: 20px 20px 40px; } .hero__current, .hero__nextSlide { font-size: 15px; } .hero__next, .hero__prev { width: 16px; height: 16px; background-size: cover; } .developers__elements-title { margin-bottom: 20px; } .our-clients__bottom { gap: 16px; } .our-clients__el img { width: 20px; height: 20px; } .comfortable-cooperation::before { position: absolute; content: ''; width: 200px; height: 200px; border-radius: 50%; background: #C0EDD7; z-index: -1; filter: blur(100px); top: 0; right: 0; } .header { padding: 0 10px; } .header__container { padding: 20px 12px; } .input-el input, .textarea { padding: 16px 20px; font-size: 18px; } .blogs__info { padding: 16px 20px 20px; } .blog__img { max-height: 165px; } .footer__bottom.footer__bottom { align-items: flex-start; flex-direction: column; padding-left: 0; font-size: 12px; } .footer__info-phone-description { padding: 0; } .footer__info-phone-link { padding: 0; } .footer { padding: 20px 0 40px; } .footer__top { display: flex; flex-direction: column-reverse; } .footer__info-socials { padding-left: 0; } .footer__links { flex-direction: column; gap: 30px; } .footer__link { font-size: 18px; } .footer__link--s { font-size: 15px; } .footer__col { width: 100%; } .footer__col--services { margin-left: 0; max-width: 100%; width: 100%; } .footer__wr { width: 100%; } .sub-title { font-size: 26px; font-weight: 500; } .services { padding: 40px 0; } .services__top { font-size: 26px; font-weight: 500; } .services__item .services__item-button { display: block; } .hero__title { font-size: 31px; font-weight: 500; } .main-slider-container .hero__title { font-weight: 700; } .services__items { grid-template-columns: 1fr; } .questions::before, .get-started::before, .numbers-about-wr::after, .first-screen::after { width: 200px; height: 200px; filter: blur(100px); } .first-screen::after { bottom: 50%; filter: blur(60px); } .first-screen--b24-support::after { bottom: 25%; right: -74px; } .numbers-about-wr::after { top: 0; } .contacts__columns { padding: 80px 0; } .form-footer__btn { max-width: 188px; } .form-footer__footer { flex-direction: column; gap: 30px; } .contacts::before { left: -42%; top: 17%; } .form-footer { padding: 20px 20px 40px 20px; } .contacts__columns { gap: 20px; } .contacts__column:first-child { padding: 0; } .contacts__title { font-size: 26px; font-weight: 500; } .but-start-work { text-align: left; } .services__item-button { display: none; } .services__item-button--bottom { display: block; margin: 20px 0 0 0; } .comfortable-cooperation__columns { gap: 16px; padding-bottom: 80px; } .how-work { padding: 80px 0; } .comfortable-cooperation__el.comfortable-cooperation__el { background: #fff; } .comfortable-cooperation__title { font-size: 21px; } .developers__elements-item-btn { padding: 15px 18px; } .calculation__bottom-col { width: 100%; } .calculation__el-res { flex-direction: column; gap: 8px; align-items: flex-start; } .calculation__elements { gap: 20px; } .calculation__column-inputbox-title, .calculation__column-title { font-size: 18px; } .calculation__column-info { font-size: 15px; } .title { font-size: 32px; } .how-work-tabs { display: none; max-height: none; } .how-work-tabs__content-text { display: none; } .how-work-tabs__content-head { display: flex; align-items: center; justify-content: space-between; color: #07133B; font-size: 21px; font-weight: 500; } .how-work-tabs__content-head.active { color: #1AD079; background: #fff; } .how-work-tabs__content-text.active { display: block; } .how-work-tabs__content { display: block; } .how-work-tabs__content.active .hw-tab-content__arrow { transform: rotate(180deg); } .how-work-tabs__content.active .how-work-tabs__content-head { color: #1AD079; } .how-work-tabs__content.active .how-work-tabs__content-text { display: block; font-size: 18px; font-weight: 400; margin: 16px 0 0 0; } .services__top { width: auto; } /* .header__menu-dropdown-item, .hero__btn { text-align: center; } */ .hero__items { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .title { margin-bottom: 35px; } .modal__overlay { padding: 10px; } .modal__container { padding: 15px; width: 100%; margin: 80px auto auto; } .modal__header-title { font-size: 20px; } .modal__header-close { right: 0; top: 0; } .hero--index .hero__image::before, .hero__image::before { left: 0; width: 180px; height: 180px; top: 0; } .hero__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 252px; } .hero__btn { font-size: 14px; padding: 14px; border-radius: 12px; white-space: nowrap; width: 100%; } .hero__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; margin-bottom: 45px; max-width: 220px; -ms-grid-column-align: center; justify-self: center; } .developers__elements-navs, .examples-completed-tasks__title br { display: none; } .brands { padding: 40px 0; margin-bottom: 80px; } .brands__slider-item img { max-width: 82px; } .how-work-tabs__content { padding: 20px; } .appeal, .examples, .guarantees, .technology-stack { margin-bottom: 100px; } .developers__elements { grid-template-areas: "title""description""slider""scrollbar""button"; padding-bottom: 0; border-bottom: none; } .developers__elements::before { width: 360px; height: 350px; left: -88px; } .developers__elements::after { width: 216px; height: 201px; right: 0; top: 50px; } .developers__elements-description, .examples-completed-tasks__top, .products-page__item-description { margin-bottom: 35px; } .developers__elements-button { -ms-grid-column-align: auto; justify-self: auto; } .developers__elements-button-btn { width: 100%; text-align: center; padding: 14px; } .developers__elements-slider { margin-bottom: 21px; } .approach__slider-scrollbar, .developers__slider-scrollbar, .guarantees__slider-scrollbar { display: none; } .developers__elements-items { padding-top: 0; } .developers__elements-item, .prices-info__tabs-body { padding: 25px 20px; } .developers__elements-item-top { -webkit-column-gap: 17px; -moz-column-gap: 17px; column-gap: 17px; } .developers__elements-item-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; } .developers__elements-item-name { font-size: 16px; margin-bottom: 10px; } .developers__elements-item-job, .developers__elements-item-skills-title { font-size: 12px; } .developers__elements-item-skills-experience { font-size: 12px; margin-bottom: 25px; } .developers__elements-item-skills-items { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .developers__elements-item-skills-item { font-size: 10px; } .appeal__elements:last-child, .guarantees__items, .questions__items { border-bottom: none; padding-bottom: 0; } .appeal__elements { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .appeal__elements-item { padding: 25px; } .appeal__elements-item-top { margin-bottom: 55px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .appeal__elements-item-title { font-size: 16px; } .appeal__elements-item-icon { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; } .calculation__spoller-body { font-size: 18px; } .appeal__elements-item-description { font-size: 12px; } .appeal__elements-item--one, .appeal__elements-item--three, .appeal__elements-item--two { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: auto; } .appeal__elements-button { background: url(/local/templates/neti/css/../img/appeal/button-bg.svg) top center/90vw no-repeat, 0 0/90vw #1ad079; } .appeal__elements-button-btn { font-size: 18px; padding: 25px; height: calc(195px + 74 * (100vw - 576px) / 192); } .approach { margin-bottom: 56px; } .approach__items { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .approach__item-icon { margin-bottom: 20px; } .approach__item-title { font-size: 20px; margin-bottom: 15px; } .examples__wrapper { padding: 40px 20px; } .examples__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; } .examples__column:first-child, .examples__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .examples-completed-tasks__columns, .numbers-about__items, .services__items { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .examples__items { row-gap: 5px; } .examples__item { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .examples__description { padding: 20px; } .calculation__column-checkbox-box:not(:last-child), .examples__description-text p:not(:last-child), .examples__description-title { margin-bottom: 20px; } .examples-completed-tasks__columns, .services__items { flex-direction: column; row-gap: 20px; } .examples-completed-tasks__column { width: 100%; } .examples-completed-tasks__title { font-size: 24px; margin-bottom: 0; text-align: left; } .guarantees__item { padding: 15px 25px 25px; } .guarantees__item-image { margin-bottom: 40px; } .guarantees__item-title { font-size: 20px; margin-bottom: 25px; } .numbers-about__items { flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .numbers-about__item { padding: 0; max-width: 160px; } .numbers-about__item-count { font-size: 36px; margin-bottom: 5px; } .numbers-about__item-description { font-size: 10px; margin-bottom: 20px; } .our-products__wrapper { padding: 45px 15px; } .calculation__title { margin-bottom: 20px; } .calculation__el-one { margin-bottom: 0; } .calculation__column-inputbox-top { margin-bottom: 23px; } .calculation__column-description { font-size: 20px; margin-bottom: 10px; } .calculation__column-result { font-size: 32px; } .calculation__column-checkbox label { width: 25px; height: 25px; } .calculation__bottom-items, .our-products__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .calculation__bottom-item { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 20px; } .calculation__spoller-body.show { margin-top: 23px; } .article-page__body p:not(:last-child), .calculation__spoller-body p:not(:last-child), .products-page__item-image { margin-bottom: 15px; } .questions__item-title svg { width: 24px; height: 24px; } .questions__title { margin-bottom: 20px; } .questions__item { padding: 20px; } .questions__item-title { font-size: 21px; } .questions__item-body { margin-top: 20px; font-size: 18px; } .blog-page__element:first-child, .contacts__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__column-description { font-size: 10px; max-width: 190px; } .footer__logo, .footer__submenu-item { max-width: 80px; } .contacts__column-subtitle { font-size: 20px; text-align: center; } .article-page__button, .contacts-page__box:not(:last-child), .contacts__column-form-textarea textarea { margin-bottom: 30px; } .contacts__column-form-policy { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 35px; } .contacts__column-form-policy-description { font-size: 10px; } .technology-stack__bottom { padding-bottom: 0; border-bottom: none; } .footer__top { margin-bottom: 0; -ms-grid-columns: auto auto; grid-template-columns: auto auto; row-gap: 30px; -ms-grid-rows: auto 30px auto; grid-template-areas: "logo logo""menu info"; } .footer__menu-items, .technology-stack__top-columns { row-gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .footer__menu-items { -ms-flex-direction: column; flex-direction: column; margin-bottom: 66px; } .footer__menu-item-link { font-size: 12px; margin-bottom: 0; } .footer__submenu { position: relative; top: 0; margin-top: 10px; } .footer__info-phone { margin-bottom: 8px; padding: 0; } .footer__info { margin-bottom: 20px; } .footer__bottom-copyright, .footer__bottom-policy-link { font-size: 12px; } .footer__logo--top { display: none; } .footer__logo--services { display: block; } .footer__info-socials { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .technology-stack__top-columns { -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .technology-stack__top-column { width: 100%; } .technology-stack__items { gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .technology-stack__item { row-gap: 35px; } .technology-stack__item-top-title { font-size: 21px; } .technology-stack__item-bottom-item { font-size: 18px; } .technology-stack__item-bottom-item:not(:last-child) { margin-bottom: 8px; } .stack { padding-bottom: 80px; } .comfortable-cooperation--index { padding: 80px 0; } .services__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 35px; } .services__top-title { margin-bottom: 20px; } .get-started__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .get-started__item { width: 100%; padding: 25px; } .get-started__item-title { font-size: 16px; } .our-articles__button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .our-articles__item { padding: 25px; min-width: 258px; } .our-articles__item-top { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .our-articles__item-top-title { font-size: 14px; } .our-articles__item-top-info { font-size: 8px; } .our-articles__item-bottom { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .our-articles__item-bottom-info-name { font-size: 13px; } .our-articles__item-bottom-info-job { font-size: 8px; } .our-articles__item-bottom-avatar { width: 20px; margin-left: 0; } .our-products__item-title, .products-page__item-title { font-size: 14px; margin-bottom: 10px; } .our-products__item-description { margin-bottom: 28px; } .comfortable-cooperation__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: none; } .comfortable-cooperation__column:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: -10px; margin-right: -10px; } .comfortable-cooperation__column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 356px; flex: 0 0 356px; } .comfortable-cooperation__puzzle svg, .products-page__item-button { margin-top: 0; } .comfortable-cooperation__box { background-size: clamp(200px, 90vw, 536px); } .comfortable-cooperation__box-text { max-width: 100%; font-size: 14px; } .contacts-page__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 40px; } .contacts-page__column, .product-page__column:first-child, .product-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .contacts-page__sub-title { font-size: 24px; margin-bottom: 30px; } .prices-hero { padding-top: 116px; margin-bottom: 56px; } .prices-hero__title { font-size: 32px; margin-bottom: 20px; } .prices-hero__description { font-size: 12px; margin-bottom: 70px; } .prices-hero__table { overflow-x: scroll; } .prices-hero__table::-webkit-scrollbar { -webkit-appearance: none; } .prices-hero__table::-webkit-scrollbar:horizontal { height: 6px; } .prices-hero__table::-webkit-scrollbar-thumb { border-radius: 6px; border: 2px solid #fff; background-color: rgba(0, 0, 0, 0.5); } .prices-hero table { width: 800px; margin-bottom: 20px; } .prices-info__wrapper { padding: 45px 15px 70px; } .prices-info__box:not(:last-child) { margin-bottom: 70px; padding-bottom: 70px; } .prices-info__tabs-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; margin-bottom: 15px; } .prices-info__tabs-nav-item { padding: 22px 15px; } .prices-info__tabs-body-title { font-size: 14px; margin-bottom: 20px; } .products-page { padding-top: 168px; } .blog-page__elements { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .blog-page__element:first-child>* { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .blog-page__element-image { padding: 25px 25px 0; } .map { height: 335px; } .article-page__info-user-avatar { width: 35px; height: 35px; } .other-articles__title { text-align: left; } .other-articles__wrapper { grid-template-areas: "title""bottom"; } .product-page { padding-top: 116px; margin-bottom: 68px; } .product-page__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column-reverse; flex-direction: column-reverse; row-gap: 45px; } .product-page__sub-title { font-size: 24px; margin-bottom: 35px; } .product-info__item-button-btn, .product-page__btn { padding: 14px; font-size: 14px; } .product-page__btn { width: 100%; } .product-page__btn--white { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-info__items::before { width: 513px; height: 503px; left: -50px; top: -20px; } .product-info__items::after { width: 340px; height: 333px; right: -70px; top: 350px; } .product-info__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .products-page__title { margin-bottom: 30px; font-size: 31px; font-weight: 500; } .products-page__column:first-child, .products-page__column:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .calculation__el-one, .developers__elements-title, .developers__elements>.developers__elements-title, .developers__elements>.hero__title, .developers__elements>.our-articles__title, .other-articles__wrapper>.developers__elements-title, .other-articles__wrapper>.hero__title, .other-articles__wrapper>.our-articles__title, .our-articles__title, .our-articles__wrapper>.developers__elements-title, .our-articles__wrapper>.hero__title, .our-articles__wrapper>.our-articles__title { -ms-grid-row: 1; -ms-grid-column: 1; } .developers__elements-description, .developers__elements>.developers__elements-description, .developers__elements>.hero__description, .hero__description { -ms-grid-row: 2; -ms-grid-column: 1; } .developers__elements-button, .hero__button, .our-articles__button { -ms-grid-row: 4; -ms-grid-column: 1; } .developers__elements>.hero__button, .our-articles__wrapper>.hero__button { -ms-grid-row: 5; -ms-grid-column: 1; } .calculation__el-two, .hero__image { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; } .calculation__el-res, .developers__elements>.developers__elements-button, .developers__elements>.our-articles__button, .our-articles__wrapper>.developers__elements-button, .our-articles__wrapper>.our-articles__button { -ms-grid-row: 5; -ms-grid-column: 1; } .developers__elements-slider, .our-articles__bottom { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; } .footer__logo { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } .footer__menu { -ms-grid-row: 3; -ms-grid-column: 1; } .footer__info { -ms-grid-row: 3; -ms-grid-column: 2; } .other-articles__wrapper>.our-articles__bottom { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; } .technology-stack__item-top-title { min-width: 200px; } .services__wrapper { flex-direction: column; } .comfortable-cooperation__columns { grid-template-columns: 1fr; } .choose-direction-box__img { width: 72px; height: 72px; } .choose-direction-box__img img { width: 44px; height: 44px; } .choose-direction-box__img--ux img { width: 28px; height: 28px; } .choose-direction-box__img--ux::after { height: 82px; transform: rotate(45deg) translateX(-28px) translateY(26px); } .choose-direction-box__img--ux img:first-of-type { left: 10px; top: 8px; } .choose-direction-box__img--ux img:last-of-type { right: 10px; bottom: 8px; } .numbers-about__item-count { font-size: 31px; font-weight: 500; } .numbers-about__item-description { font-size: 15px; } .numbers-about__title { font-size: 26px; font-weight: 500; } .cases-block__main-title { font-size: 26px; font-weight: 500; } .cases-block__header { margin: 0 0 20px 0; } .our-articles__img { max-height: 140px; } .sub-title.our-articles__title { font-size: 26px; font-weight: 500; } .our-articles__title { font-size: 21px; font-weight: 500; } .our-articles__desc { font-size: 18px; margin-bottom: 20px; text-align: center; } .calculation__wrapper { padding: 60px 30px; } .our-articles { padding-top: 80px; overflow: hidden; } .calculation__title { font-size: 21px; } .blog__category { font-size: 12px; } .blog__title { font-size: 18px; font-weight: 400; } .product-info__item-title { font-size: 21px; } .product-info__item { max-width: 100%; } .img-object-with-elem-index-slider { top: -212%; width: 94%; height: 852px; } .main-slider-container { padding-top: 500px; } .main-slider-container .hero__title, .title_razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { height: 55px !important; width: 100%; } .main-slider-container .heto__description { height: 63px; margin: 40px 0; } .main-slider-container .hero__button { height: 50px; } } @media (max-width: 576px) { .cases-block__img { height: 305px; } .our-articles__top { margin-bottom: 20px; } .our-articles__info { align-items: center; } .products-page__columns { flex-direction: column-reverse; align-items: center; } .products-page__item .our-articles__img { max-height: none; margin-bottom: 20px; } .products-page__item .our-articles__img img { width: 140px; } .product-page__top-image-img { max-width: 100%; } .worker-blogs { grid-template-columns: 1fr; padding-top: 40px; } .worker-blogs .blogs__item { max-width: 100%; } .first-screen::before { top: 0; z-index: -1; } .hero__items { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .hero { padding-top: 130px; padding-bottom: 80px; } .hero__wrapper { height: 100%; } .hero .container, .hero__slider, .hero__wr.swiper-wrapper, .hero-slider__item { height: 100%; } .hero__wr.swiper-wrapper { flex-direction: column; justify-content: center; } .hero--index .hero__title { margin-bottom: 40px; } .hero__title { margin-bottom: 16px; } .footer__logo-img { margin-bottom: 8px; } .blogs__item { max-width: 258px; } .choose-direction-box__items { gap: 16px; } .calculation__wrapper { padding: 40px 20px; margin: 0 0 20px 0; } .title { font-size: 26px; font-weight: 500; } .product-page__title { font-size: 31px; font-weight: 500; } .our-products .container { padding: 0 0 0 20px; } .choose-direction-box__items { flex-wrap: wrap; } .choose-direction__title { font-size: 26px; font-weight: 500; } .appeal__elements-button-btn { height: 195px; } .technology-stack__arrow { display: block; } .technology-stack__item-bottom-items { display: none; } .technology-stack__item { gap: 0; width: 100%; } .technology-stack__item-top { width: 100%; } .technology-stack__item.active .technology-stack__item-bottom-items { display: block; } .technology-stack__item.active { flex-direction: column; gap: 16px; } .services__items { grid-template-columns: 1fr; } .services__item-description { margin: 0 0 8px 0; } .services__item { padding: 0; } .services__item-title { font-size: 21px; font-weight: 500; } .services__item-description { font-size: 18px; } .comfortable-cooperation__arrow { display: flex; align-items: center; } .comfortable-cooperation__title_24, .comfortable-cooperation__title { color: #1AD079; } .comfortable-cooperation__desc { display: none; } .comfortable-cooperation__el { padding: 20px; } .comfortable-cooperation__title { margin: 0; } .comfortable-cooperation__main-title { font-size: 26px; font-weight: 500; } .comfortable-cooperation__el.active .comfortable-cooperation__desc { display: block; margin: 16px 0 0 0; } .comfortable-cooperation__el.active .comfortable-cooperation__arrow { transform: rotate(180deg); } .get-started__item-description { font-size: 18px; } .get-started__item-title { font-size: 21px; } .main-slider-container { height: auto; padding-top: 300px; } .img-object-with-elem-index-slider { top: -140%; width: 100%; pointer-events: none; } .img-object-with-elem-index-slider .theta-greeting { right: -240px; top: 130px; height: 215px; } .merch-main__header { background-image: var(--banner-img-mob) !important; background-size: cover !important; padding-top: 135px !important; } .development-online-stores .comfortable-cooperation__el .comfortable-cooperation__arrow--hidden { display: flex; } .comfortable-cooperation__el:not(.active) .comfortable-cooperation__title_24 { margin-bottom: 0; } .comfortable-cooperation__el .comfortable-cooperation__title_24 { font-size: 21px; line-height: 27px; } .development-online-stores .comfortable-cooperation__main-title { margin-bottom: 20px; } .our-clients__desc { max-width: 100%; } .our-clients__logos { width: calc(50% - 10px); gap: 40px; } .our-clients__logos span { position: relative; width: 100%; height: 100%; padding: 0 20px; } .our-clients__logos span img { max-width: initial; width: 100%; height: 100%; object-fit: contain; } .our-clients__name { font-size: 12px; font-weight: 400; line-height: 16px; } .corporativnie-portali::before { background-image: var(--banner-img-detail); top: 120px; width: calc(187vw / 4* 2); height: calc(172vw / 4* 2); left: 10px; } .corporativnie-portali .hero.hero--banner { height: unset; padding: 650px 0 50px 0; } .corporativnie-portali .hero__title { font-size: 28px; } } @media (max-width: 500px) { .corporativnie-portali .hero.hero--banner { padding: 125vw 0 50px 0; } } @media (max-width: 420px) { .cases-block__img { height: 265px; } } @media (max-width: 390px) { .our-articles__item-bottom-button-btn { padding: 7px 20px; } .main-slider-container .heto__description { margin: 70px 0; } .img-object-with-elem-index-slider .theta-greeting { top: 225px; right: -220px; } } @media (max-width: 360px) { .hero__title { font-size: 29px; } .img-object-with-elem-index-slider .theta-greeting { right: -10px } } /* Merch page */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .btn.btn-number:disabled { border: 1px solid #e0e0e0; } .btn.btn-number:disabled svg path { fill: #e0e0e0; } .btn.btn-number { border: 1px solid #1ad079; border-radius: 8px; width: 34px; height: 34px; padding: unset; align-items: center; justify-content: center; } .btn.btn-number svg path { fill: #1ad079; } .merch-main__header { max-width: 1920px; height: 955px; margin: 0 auto; display: flex; flex-direction: column; padding-top: 459px; align-items: center; background: url("/local/templates/neti/css/../img/merch/merch-bg.jpeg") no-repeat center/100%, linear-gradient(89.67deg, #D3D3D3 0.42%, #DBDCDD 61.15%, #D5D5D5 75.65%, #C1C1C1 89.72%, #AEAEAE 99.86%); background-position: 100% 100%; } .merch-main__header .hero__title { max-width: 700px; font-weight: 700; font-size: 54px; line-height: 70.2px; margin-bottom: 16px; } /* Merch content */ .merch-main__content { margin-top: 120px; margin-bottom: 5rem; } /* Merch cards */ .merch-main__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); column-gap: 20px; row-gap: 40px; } .card-img { width: 420px; height: 420px; margin-bottom: 16px; } .card-img img { width: 420px; height: 420px; border-radius: 15px; } .card { display: flex; flex-direction: column; justify-content: space-between; } .card .card-title { margin: 16px 0; font-size: 18px; line-height: 23.4px; min-height: 47px; color: #07133b; } .price-block,.merch-info-modal-info__price-block{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .old-price,.merch-info-modal-info__old-price{ text-decoration: line-through; text-decoration-color: red; padding-right: 16px; } .card .card-text { margin: 16px 0; font-size: 21px; line-height: 27.3px; color: #07133b; } /* Modal */ .merch-main__modal-wrapper, .merch-main__modal-gratitude, .merch-info__modal-wrapper{ display: none; } .merch-main__modal-wrapper.active, .merch-main__modal-gratitude.active { position: fixed; top: 0; left: 0; z-index: 120; width: 100vw; height: 100vh; background-color: rgba(7, 19, 59, 0.4); display: flex; justify-content: center; align-items: center; } .merch-main__modal { height: 100%; overflow-y: scroll; position: relative; box-sizing: border-box; max-width: 700px; width: 700px; background-color: #fff; border-radius: 15px; padding: 40px; } .merch-main__modal .merch-modal__header { margin-bottom: 40px; } .merch-main__modal .merch-modal__header h4 { font-size: 31px; line-height: 40.3px; font-weight: 500; } .merch-main__modal .merch-modal__header .merch-modal__close { position: absolute; top: 49px; right: 49px; } .merch-form__data { display: flex; gap: 20px; } .merch-form__data-img { width: 180px; height: 180px; border-radius: 15px; } .merch-form__data-text .merch-form__data-count .input-el { margin-bottom: unset; } .merch-form__data-count { display: flex; align-items: center; gap: 8px; } .merch-form__data-count input[type="number"] { border: 1px solid #bccff4; border-radius: 8px; padding: 5px; font-size: 18px; line-height: 23.4px; color: #07133b; width: 55px; max-width: fit-content; text-align: center; } .merch-form__data-title, .merch-form__personal-data p { font-size: 18px; line-height: 23.4px; font-weight: 400; color: #07133b; margin-bottom: 16px; } .merch-form__personal-data p.merch-form__error { color: red; } .merch-modal__body-text, .merch-form__data-price, .merch-form__personal-data h6 { font-size: 21px; line-height: 27.3px; font-weight: 500; color: #07133b; margin-bottom: 20px; } .merch-form__personal-data { margin-top: 40px; } .merch-form__data-size { margin: 0 0 20px 0; } .merch-form__data-size select { width: 60%; border: 1px solid #BCCFF4; border-radius: 15px; padding: 10px 15px; color: #07133B; } @media screen and (max-width: 768px) { .contacts__columns { padding: 120px 20px; } .merch-main__header{ padding-top: 328px; background-size: 150%; } /* Merch cards */ .merch-main__cards { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); } .card-img { max-width: 90%; width: 350px; height: 350px; margin: 0 auto 10px; } .merch-main__modal { max-width: 95%; margin: 0 auto; } .development-online-stores .container { padding: 0 20px; } .cost-services-item { width: 100%; min-height: auto; } .gradient-blocks .gradient-block { padding: 20px; } .gradient-block-title { font-size: 21px; line-height: 27px; } .gradient-blocks .gradient-block ul { gap: 8px; } .cost-development .cost-development-title { font-size: 26px; line-height: 34px; } .cost-development .cost-development-items { margin-top: 20px; } .cost-development .cost-development-items .cost-development-item { padding: 20px; } .cost-development .cost-development-items .cost-development-item .cost-development-item-title { font-size: 21px; line-height: 27px; } .cost-development .cost-development-items .cost-development-item .cost-development-item-price { font-size: 21px; line-height: 27px; } .cost-development .cost-development-explanation { margin-top: 20px; } .cost-development .cost-development-additional { margin-top: 20px; } .cost-development .cost-development-additional .cost-development-additional-item { padding: 20px; } .cost-development .cost-development-additional .cost-development-additional-item-title { font-size: 21px; line-height: 27px; } .cost-services-title { font-size: 26px; line-height: 34px; } .cost-services-item .cost-services-item-price { font-size: 21px; line-height: 27px; } .cost-services-button { font-size: 25px; line-height: 33px; padding: 25px 0; width: 100%; text-align: center; } .development-online-stores .comfortable-cooperation__main-title { font-size: 26px; line-height: 34px; } .our-clients__btn-mobile { display: block; margin-top: 40px; } .development-online-stores .numbers-about-wr { padding: 80px 0; } .numbers-about__items { gap: 16px 20px; } .numbers-about__item-description { margin-bottom: 0; } .development-online-stores .prices { padding: 40px 0; } .development-online-stores .prices__wrapper { gap: 0; } .cases-block .container { padding: 0; } .cases-block .cases-block__header { padding: 0 0 0 20px; } } @media screen and (max-width: 425px) { /* Modal */ .merch-main__modal { max-width: 374px; padding: 20px; } .card-btn-container .btn{ font-size: 13px; } .merch-main__header{ padding-top: 128px; max-height: 579px; background-position: 100% 100%; background-size: 150%; } .merch-main__content { margin-top: 80px; } .merch-main__header .hero__title { font-weight: 500; font-size: 31px; line-height: 40.3px; } .merch-main__modal .merch-modal__header { margin-bottom: 20px; } .merch-main__modal .merch-modal__header h4 { font-size: 21px; line-height: 27.3px; } .merch-main__modal .merch-modal__header .merch-modal__close { top: 20px; right: 20px; } .merch-main__modal .merch-modal__header .merch-modal__close svg { width: 18.68px; height: 18.68px; } .merch-form__data-img { width: 65px; height: 65px; } .merch-form__data-price { margin-bottom: 20px; } .merch-form__personal-data { margin-top: 20px; } .merch-form__personal-data h6 { margin-bottom: 16px; } .merch-form__personal-data p { margin-bottom: 20px; } .merch-form__personal-data div.input-el { margin-bottom: 8px; } .merch-form__personal-data .input-el + .input-el { margin-bottom: 20px; } .merch-main__modal-gratitude .merch-modal__header h4 { margin-top: 20px; } .merch-modal__body-text { font-size: 18px; line-height: 23.4px; } } @media (max-width: 350px) { .merch-main__cards { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } } @media (min-width: 1230px) and (max-width: 1370px) { .card-img img { width: 460px; } } @media (min-width:1024px) and (max-width: 1270px) { .header__btn { padding: 13px 18px; } } /* Merch page ends */ .prices { background: #fff; padding: 85px 0; } /* Modal-info */ .merch-info__modal-wrapper.active { position: fixed; top: 0; left: 0; z-index: 110; width: 100vw; height: 100vh; background-color: rgba(7, 19, 59, 0.4); display: flex; justify-content: center; align-items: center; } .merch-info__modal { overflow-y: auto; max-height: 600px; height: auto; position: relative; box-sizing: border-box; max-width: 1000px; width: 100%; background-color: #fff; border-radius: 15px; padding: 40px; } .merch-info-modal__body { display:flex; height: 100%; } .merch-info-modal-img-wrapper, .merch-info-modal-info-wrapper { width: 100%; } #merch-info .merch-info-modal-img-wrapper { /*width: 50%;*/ } .merch-info-modal-img { height: 100%; max-height: 420px; width: 420px; } .merch-info-modal-img img { border-radius: 15px; width: 100%; height: 420px; } .merch-info-modal-info { display: flex; flex-direction: column; gap: 25px; } .merch-info-modal-info__title { font-size: 30px; font-weight: 500; max-width: 90%; } .merch-info-modal-info__price,.merch-info-modal-info__old-price { font-size: 21px; font-weight: 500; } .merch-info-modal-info__btn { width: 50%; } .merch-info-modal__close { position: absolute; top: 49px; right: 49px; } .info-merch__btn { margin-left: 10px; } .merch-info-modal-description ul{ display: flex; flex-direction: column; gap: 6px; } section.trigger-form { margin-bottom: 100px; } .trigger-form__wrapper { border-radius: 20px; padding: 75px; } .trigger-form__title { font-family: Commissioner; font-size: 45px; font-weight: 600; line-height: 1.3; margin: 0 0 45px 0; color: #07133B; } .trigger-form__btn:hover { cursor: pointer; } .hero-bg--banner { background: url('/local/templates/neti/css/../img/hero/7.png') right top no-repeat; } .cart-page { padding-top: 180px; } .back-to-catalog { padding-bottom: 60px; } .cart-page__title { font-size: 54px; font-weight: 700; margin-bottom: calc(10px + 20*(100vw - 1024px) / 896); color: #07133b; } .cart-count-products { font-size: 21px; font-weight: 500; color: #07133b; line-height: 27.3px; margin-bottom: calc(10px + 20*(100vw - 1024px) / 896); } .cart-page-content { display: flex; justify-content: space-between; margin-bottom: 90px; } .cart-items { width: 60%; } .c-item { display: flex; justify-content: space-between; margin-bottom: 35px; padding-bottom: 35px; } .c-item:not(:last-child) { border-bottom: 1px solid #BCCFF4; } .c-item-info { display: flex; width: 95%; justify-content: space-between; } .c-item-info-container1 { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .c-item-img { border-radius: 15px; } .c-item-title { font-weight: 400; font-size: 18px; color: #07133b; line-height: 23.4px; } .c-item-select { border-radius: 15px; border: 1px solid #BCCFF4; padding: 10px 15px; width: 100%; height: 50%; font-size: 18px; appearance: none; background: url('/local/templates/neti/css/../img/cart/Style=Style6.svg') no-repeat right; background-position-x: calc(100% - 8px); } .c-item-sum { font-size: 18px; color: #07133B; line-height: 27.3px; font-weight: 500; margin-bottom: 15px; } .c-item--delete { width: 5%; display: flex; justify-content: flex-end; } .c-item--delete svg { cursor: pointer; } .c-item-info-col-1 { display: flex; width: 55%; } .c-item-info-col-1 img { margin-right: 25px; } .c-item-info-col-2 { width: 40%; padding-left: 60px; display: flex; flex-direction: column; justify-content: space-between; } .sitebar-order { width: 35%; height: 477px; border-radius: 15px; background-color: #ffffff; padding: 40px; box-shadow: 0px 4px 8px 0px #07133b2b; } .so-info { border-bottom: 1px solid #BCCFF4; margin-bottom: 30px; } .so-title { text-align: center; color: #07133B; font-size: 31px; font-weight: 500; margin-bottom: 40px; } .soi-index { font-size: 18px; font-weight: 400; line-height: 23.4px; } .soi-value { font-weight: 500; font-size: 21px; line-height: 27.3px; color: #07133B; } .soi-row, .sos-row { display: flex; justify-content: space-between; margin-bottom: 30px; } .so-button { width: 100%; font-size: 15px; } .cit-btn .btn-number { width: 34px; height: 34px; } .cit-btn .merch-form__input-number { width: 68px; height: 34px; } .cart__merch-link { margin-bottom: 50px; background-color: #1AD079; border-radius: 50%; width: 120px; height: 120px; position: sticky; bottom: 30%; left: 90%; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 21px; line-height: 27.3px; z-index: 9999; } .cart__merch-link .number-of-products { border-radius: 50%; width: 40px; height: 40px; background-color: #07133B; position: absolute; top: 0; right: 0; border: 2px solid #F8F9FB; color: #fff; display: flex; align-items: center; justify-content: center; } .cart__merch-link::after { width: 60px; height: 60px; content: url('/local/templates/neti/css/../img/cart/ecom.svg'); } #product-add-cart-message__success { display:none; width: 623px; font-size: 21px; font-weight: 500; position:fixed; top:150px; right:10px; background-color:#07133BCC; color:white; padding:20px 10px; border-radius:15px; line-height: 27.3px; text-align: center; z-index: 9999; } #product-add-cart-message__success a { color: #1AD079; } .btn-inactive { opacity: 0.5; pointer-events: none; } .row-modal__body-cart { display: flex; justify-content: space-between; width: 620px; height: 75px; } .row-modal__body-cart.row-modal-button { height: 49px; justify-content: flex-start; } .row-modal__body-cart.row-modal-button .btn--green { margin-right: 20px; } .row-modal__body-cart .input-el input{ width: 300px; font-size: 18px; padding: 15px 15px; } .row-modal__body-cart .input-el input::-webkit-input-placeholder { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=6); } .row-modal__body-cart .input-el input:-moz-placeholder { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=6); } .row-modal__body-cart .input-el.input-el-address, .row-modal__body-cart .input-el.input-el-address input{ width: 100%; } .cart-modal { height: 645px; width: 700px; overflow-y: unset; } .merch-info-modal-info__btn.add_to_cart:focus { background-color: #1ad07980; } .container-size { display: grid; grid-template-columns: repeat(4, 80px); gap: 10px; } .cz-item-size span { font-size: 18px; border-radius: 15px; border: 1px solid #BCCFF4; padding: 11px; width: 100%; display: block; text-align: center; } .cz-item-size span:hover { cursor: pointer; border: 1px solid #1ad079; } .cz-item-size span.active { border: 2px solid #1ad079; } .merch-main__modal-size.active { position: fixed; top: 0; left: 0; z-index: 120; width: 100vw; height: 100vh; background-color: rgba(7, 19, 59, 0.4); display: flex; justify-content: center; align-items: center; } .merch-main__modal-size.active .merch-main__modal { overflow-y: unset; height: max-content; position: relative; box-sizing: border-box; max-width: 462px; width: 100%; background-color: #fff; border-radius: 15px; padding: 40px; } .merch-main__modal-size { display: none; } .merch-main__modal-size .merch-info-modal__close { top: 34px; right: 34px; } .merch-main__modal-size .merch-form__data-size { margin: 20px 0 0 0; } .merch-main__modal-size .merch-info-modal-info__title { font-size: 21px; } .merch-main__modal-size .container-size { grid-template-columns: repeat(4, 1fr); gap: 16px; } .merch-main__modal-size .cz-item-size { padding: 10px 2px; } .merch-main__modal-size .cz-item-size span { padding: 11px 14px; } .cart-modal-gratitude { display: none; } .cart-modal-gratitude .merch-main__modal { height: 192px; overflow-y: unset; } .cart-modal-gratitude .merch-modal__header { margin-bottom: 20px; } .soi-discount-container { position: relative; } .soi-tooltip { display: none; width: 390px; height: 150px; background-color: #07133BCC; border-radius: 15px; position: absolute; top: -155px; left: 30px; color: #FFFFFF; } .soi-tooltip span { padding: 25px; } .soi-help:hover + .soi-tooltip { display: flex; align-items: center; } .empty-cart { margin-bottom: 120px; } .link-to-cart { display: none; text-align: center; width: 50%; } .cart-items-container .c-item.mobile-item { display: none; } .swiper-pagination-list { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .merch-main__modal .merch-modal__header.modal-header-cart { margin-bottom: 20px; } .merch-form__data-count-list_container { display: none; } .merch-form__data-count-list .btn-number{ height: 49px; width: 49px; } .merch-form__data-count-list .merch-list-input-number { border: 1px solid #bccff4; border-radius: 8px; padding: 5px; font-size: 18px; line-height: 23.4px; color: #07133b; width: 72px; height: 49px; max-width: fit-content; text-align: center; margin-left: 7px; margin-right: 7px; } .btn-up { z-index: 99; } @media (min-width: 765px) and (max-width: 1355px) { .soi-tooltip { left: unset; right: -70px; } } @media (min-width:768px) and (max-width:1070px) { .sitebar-order { padding: 20px; height: -webkit-fill-available; } .sitebar-order .soi-value { font-size: 15px; } } @media (max-width: 768px) { .merch-info-modal__body { flex-direction: column; } .merch-info-modal-info { margin-bottom: 40px; } .merch-info-modal-img-wrapper, .merch-info-modal-info-wrapper { width: 100%; } .merch-info-modal-img { margin-top: 65px; max-height: unset; height: 360px; width: 360px; } .merch-info-modal-img img { height: 100%; width: 100%; } .merch-info-modal-info-wrapper { margin-top: 10px; } .merch-info-modal-info__title { font-size: 21px; } .merch-info-modal-info__price { font-size: 21px; } .merch-info-modal-description { font-size: 21px; } .merch-info-modal-info__btn, .link-to-cart { font-size: 15px; width: 100%; } .merch-info__modal { width: 90%; height: max-content; padding-bottom: 0; } .merch-main__modal-size .merch-main__modal { width: 90%; } .container-size { grid-template-columns: repeat(3, 1fr); } #product-add-cart-message__success { width: 90%; left: 5%; right: 5%; font-size: 17px; } .cart-page-content { flex-direction: column; margin-top: 35px; } .sitebar-order { padding: 40px 20px; } .cart-items, .sitebar-order { width: 100%; } .cart-items-container { margin-top: 50px; } .cart-items-container .c-item.desktop-item { display: none; } .cart-items-container .c-item.mobile-item { display: block; } .cart-items-container .c-item.mobile-item .c-item-info { display: flex; justify-content: space-between; flex-direction: column; width: 100%; } .cart-items-container .c-item.mobile-item .c-item-info .c-item-info-col-1 { display: flex; flex-direction: column; width: 100%; } .cart-items-container .c-item.mobile-item .c-item-info .c-item-info-col-1 .c-item-info-col-1-1 { display: flex; width: 100%; } .cart-items-container .c-item.mobile-item .c-item-info .c-item-info-col-2 { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; padding-left: unset; align-items: center; } .cart-items-container .c-item.mobile-item .c-item-info .c-item-select { margin-top: 20px; margin-bottom: 20px; } .row-modal__body-cart { width: 100%; height: inherit; flex-direction: column; } .input-el { margin-bottom: 20px; } .row-modal__body-cart .input-el input { width: 100%; } .row-modal__body-cart.row-modal-button { display: flex; flex-direction: row; justify-content: space-between; } .modal-cart-btn-order, .modal-cart-btn-cancel { font-size: 15px; } .cart-modal { overflow-y: overlay; height: 90%; } .card-btn-container .btn{ font-size: 15px; padding: 13px 25px; } .card-btn-container { display: flex; justify-content: space-between; } .cart__merch-link { margin-right: 10px; padding-right: 5px; width: 72px; height: 72px; } .cart__merch-link::after { width: 30px; height: 30px; content: url(/local/templates/neti/img/cart/ecomMob.svg); } .cart__merch-link span { font-size: 13px; width: 24px; height: 24px; } .merch-main__cards .card .desktop-img { display: none; } .empty-cart .btn.btn--green { margin-top:50px; } .merch-main__modal-size.active .merch-main__modal { height: max-content; } .merch-form__data-count-list .btn-number { padding: 0; } .card-img img { width: 100%; height: 100%; } #merch-info .merch-info-modal-img-wrapper { display: none; } } @media (max-width: 475px) { .soi-tooltip { width: 270px; height: max-content; top: -219px; } } .page-corporative-portals__corporative-portal-provides { margin-top: 80px; @media (min-width:1460px) { margin-top: 120px; } } .page-corporative-portals__corporative-portals { margin-top: 80px; position: relative; @media (min-width: 1460px) { margin-top: 120px; } } .page-corporative-portals__corporative-portals::before { content: ''; width: 420px; height: 420px; background: var(--blue); border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; top: 0; left: 0; } .page-corporative-portals__corporative-portals-tasks-comparison { margin-top: 80px; margin-bottom: 80px; position: relative; @media (min-width: 1460px) { margin-top: 120px; margin-bottom: 120px; } } .page-corporative-portals__corporative-portal-provides { position: relative; } .page-corporative-portals__corporative-portal-provides::after { content: ''; width: 420px; height: 420px; background: #C0EDD7; border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; top: 0; right: 0; } .corporative-portal-provides { } .corporative-portal-provides__inner { margin: 0 auto; max-width: 1420px; padding: 0 20px; @media (min-width: 1366px) { padding: 0 40px; } @media (min-width: 1460px) { padding: 0; } } .corporative-portal-provides__heading { font-family: var(--font-family); font-weight: 600; font-size: 26px; line-height: 1.3; color: var(--dark-blue); @media (min-width: 1366px) { font-weight: 600; font-size: 37px; } @media (min-width: 1460px) { font-size: 28px; margin-bottom: 40px; } } .corporative-portal-provides__list { display: grid; grid-template-columns: repeat(6, minmax(140px, 1fr)); gap: 20px; margin-top: 20px; justify-content: center; align-items: stretch; @media (max-width: 982px) { grid-template-columns: repeat(2, 1fr); } @media (max-width: 640px) { grid-template-columns: repeat(1, 1fr); } } .corporative-portal-provides__list-item { min-height: 121px; @media (min-width: 1366px) { min-height: 144px; } } .corporative-portal-provides-list-item { padding: 20px; border-radius: 15px; background: var(--grey); display: flex; gap: 20px; width: 100%; height: 100%; align-items: center; } .corporative-portal-provides__list-item.row1 { grid-column: span 2; @media (max-width: 982px) { grid-column: span 1; } } .corporative-portal-provides__list-item.row2 { grid-column: span 3; @media (max-width: 982px) { grid-column: span 1; } } /*.corporative-portal-provides-list-item__icon { background-color: #fff; border-radius: 50%; height: 60px; width: 60px; padding: 15px; } .corporative-portal-provides-list-item__icon-img { fill: var(--green); width: 33px; }*/ .corporative-portal-provides-list-item__heading { font-family: var(--font-family); font-weight: 500; font-size: 21px; line-height: 1.3; color: var(--dark-blue); } .corporative-portal-provides-list-item__paragraph { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); margin-top: 8px; } .corporative-portals__inner { display: flex; flex-flow: row wrap; gap: 40px; margin: 0 auto; max-width: 1420px; @media (min-width: 1366px) { margin-top: 80px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 0 40px; } @media (min-width: 1460px) { margin-top: 120px; padding: 0; } } .corporative-portals-portal { padding: 20px; border-radius: 15px; box-shadow: 0 4px 4px 0 rgba(7, 19, 59, 0.08), 0 0 6px 0 rgba(7, 19, 59, 0.02); background: var(--white); @media (min-width: 1366px) { padding: 40px; } } .corporative-portals--aired .corporative-portals-portal { padding: 0; background: transparent; box-shadow: none; } .corporative-portals-portal__heading { font-family: var(--font-family); font-weight: 600; font-size: 26px; line-height: 1.3; color: var(--dark-blue); @media (min-width: 1366px) { font-weight: 600; font-size: 37px; } @media (min-width: 1460px) { font-size: 28px; margin-bottom: 40px; } } .corporative-portals-portal__subheading { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); margin-top: 16px; margin-right: 60px; } .corporative-portals-portal__features { margin-top: 20px; display: flex; flex-flow: column nowrap; gap: 20px; } .corporative-portals-portal-feature { border-radius: 15px; padding: 20px; background: var(--white) linear-gradient(110deg, rgba(192, 237, 215, 0.6) 0%, rgba(188, 207, 244, 0.8) 100%); box-shadow: 0 2px 4px 0 rgba(7, 19, 59, 0.08), 0 0 6px 0 rgba(7, 19, 59, 0.02); } .corporative-portals-portal-feature:nth-child(1) { @media (min-width: 1366px) { min-height: 347px; } @media (min-width: 1460px) { min-height: 280px; } } .corporative-portals-portal-feature:nth-child(2) { @media (min-width: 1366px) { min-height: 229px; } @media (min-width: 1460px) { min-height: 280px; } } .corporative-portals-portal-feature:nth-child(3) { @media (min-width: 1366px) { min-height: 229px; } @media (min-width: 1460px) { min-height: 268px; } } .corporative-portals-portal-feature:nth-child(1) { background: var(--white) linear-gradient(110deg, #E6F8EF 0%, #E5F0F7 100%); } .corporative-portals-portal-feature:nth-child(2) { background: var(--white) linear-gradient(110deg, #E6F5F2 0%, #E5EDF9 100%); } .corporative-portals-portal-feature:nth-child(3) { background: var(--white) linear-gradient(110deg, #E5F3F4 0%, #E4ECFB 100%); } .corporative-portals-portal-feature__heading { font-family: var(--font-family); font-weight: 500; font-size: 21px; line-height: 1.3; color: var(--dark-blue); margin-bottom: 16px; } .corporative-portals-portal-feature__paragraph { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); } .corporative-portals-portal-feature__paragraph + .corporative-portals-portal-feature__paragraph { margin-top: 8px; } .corporative-portals-portal__tasks { margin-top: 60px; @media (min-width: 1366px) { min-height: 740px; } @media (min-width: 1460px) { min-height: 716px; } } .corporative-portals-portal__tasks-heading { font-family: var(--font-family); font-weight: 500; font-size: 26px; line-height: 1.3; color: var(--dark-blue); } .corporative-portals-portal__tasks-groups { margin-top: 16px; display: flex; flex-flow: column wrap; gap: 12px; @media (min-width: 1366px) { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 40px; } } .corporative-portals-portal__tasks-group { display: flex; flex-flow: column nowrap; gap: 8px; } .corporative-portals-portal__tasks-group:after { content: ""; display: block; width: 100%; height: 1px; border: 1px solid var(--blue); margin-top: 12px; @media (min-width: 1366px) { display: none; } } .corporative-portals-portal-task { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); position: relative; padding-left: 16px; } .corporative-portals-portal-task:before { content: ""; display: block; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 100%; background: var(--green); } .corporative-portals-portal__for-business-heading { font-family: var(--font-family); font-weight: 500; font-size: 26px; line-height: 1.3; color: var(--dark-blue); } .corporative-portals-portal__for-business-slider { margin-top: 16px; position: relative; @media (min-width: 1366px) { margin-top: 20px; } } .corporative-portals-portal__for-business .swiper { max-width: calc(100dvw - 100px); @media (min-width: 1366px) { max-width: 620px; } } .corporative-portals-portal__for-business .swiper-wrapper { @media (min-width: 1366px) { max-width: 554px; } @media (min-width:1460px) { max-width: 620px; } @media (max-width:1440px) { align-items: stretch; } } .corporative-portals-portal__for-business .swiper-button-lock { display: block; } .corporative-portals-portal__for-business .swiper-slide { } .corporative-portals-portal-for-business-slide { padding: 20px; border-radius: 15px; min-width: 240px; background: var(--grey); height: 100%; @media (min-width: 1366px) { min-height: 436px; max-width: 267px; } @media (min-width: 1460px) { min-height: 482px; max-width: 300px; } } .corporative-portals-portal-for-business-slide__heading { font-family: var(--font-family); font-weight: 500; font-size: 21px; line-height: 1.3; color: var(--dark-blue); } .corporative-portals-portal-for-business-slide__list { margin-top: 8px; } .corporative-portals-portal-for-business-slide__list-item { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); position: relative; padding-left: 26px; } .corporative-portals-portal-for-business-slide__list-item:before { position: absolute; content: ""; display: block; left: 11px; top: 11px; width: 4px; height: 4px; border-radius: 100%; background: black; } .corporative-portals-portal__for-business .swiper-button-prev { left: 0; transform: translateX(-100%); width: 20px; height: 20px; @media (min-width: 1366px) { width: 40px; height: 40px; } } .corporative-portals-portal__for-business .swiper-button-prev:after { display: none; } .corporative-portals-portal-for-business-slider__icon-chevron { width: 20px; height: 20px; @media (min-width: 1366px) { width: 40px; height: 40px; } } .corporative-portals-portal-for-business-slider__icon-chevron--prev { transform: rotate(180deg); } .corporative-portals-portal__for-business .swiper-button-next { right: 0; transform: translateX(100%); width: 20px; height: 20px; @media (min-width: 1366px) { width: 40px; height: 40px; } } .corporative-portals-portal__for-business .swiper-button-next:after { display: none; } .corporative-portals-portal-for-business-slider__icon-chevron--next { } .corporative-portals-tasks-comparison { } .corporative-portals-tasks-comparison__inner { margin: 0 auto; max-width: 1420px; } .corporative-portals-tasks-comparison__heading { font-family: var(--font-family); font-weight: 500; font-size: 26px; line-height: 1.3; color: var(--dark-blue); padding: 0 20px; @media (min-width: 786px) { text-align: center; } @media (min-width: 1366px) { text-align: left; padding: 0 40px; font-weight: 600; font-size: 37px; } @media (min-width: 1460px) { padding: 0; font-size: 45px; } } .corporative-portals-tasks-comparison__subheading { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); margin-top: 16px; padding: 0 20px; @media (min-width: 786px) { text-align: center; } @media (min-width: 1366px) { text-align: left; padding: 0 40px; } @media (min-width: 1460px) { padding: 0; } } .corporative-portals-tasks-comparison__table { margin-top: 36px; position: relative; padding: 0; border-radius: 0; display: flex; justify-content: center; align-items: center; @media (min-width: 1366px) { padding: 0 40px; margin-top: 40px; border-radius: 15px; } @media (min-width: 1460px) { padding: 0; } } .corporative-portals-tasks-comparison__table::after { content: ''; width: 420px; height: 420px; background: #C0EDD7; border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; top: 0; right: 0; } .corporative-portals-tasks-comparison__table::before { content: ''; width: 420px; height: 420px; background: var(--blue); border-radius: 50%; position: absolute; filter: blur(200px); z-index: -1; bottom: 0; left: 0; } .corporative-portals-tasks-comparison-table { border-radius: 0; background: var(--white); border-collapse: collapse; @media (min-width: 1366px) { border-radius: 15px; } } .corporative-portals-tasks-comparison-table__head-cell { font-family: var(--font-family); font-weight: 600; font-size: 18px; line-height: 1.3; text-align: center; color: var(--dark-blue); padding: 20px 10px; border: 1px solid var(--blue); border-top: none; @media (min-width: 1366px) { font-weight: 500; font-size: 31px; padding: 40px 20px; } @media (min-width: 1460px) { padding: 40px; } } .corporative-portals-tasks-comparison-table__head-cell:nth-child(1) { padding: 20px; border-left: none; text-align: left; @media (min-width: 1366px) { padding: 40px; } } .corporative-portals-tasks-comparison-table__head-cell:nth-last-child(1) { border-right: none; } .corporative-portals-tasks-comparison-table__row { } .corporative-portals-tasks-comparison-table__row:nth-child(1) { } .corporative-portals-tasks-comparison-table__row-cell { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); min-height: 93px; min-width: 93px; padding: 12px 20px; border: 1px solid var(--blue); border-top: none; text-align: center; @media (min-width: 1366px) { font-weight: 500; font-size: 26px; min-height: 74px; min-width: 217px; padding: 20px 40px; } @media (min-width: 1460px) { min-height: 74px; min-width: 280px; } } .corporative-portals-tasks-comparison-table__row-cell:nth-child(1) { padding: 20px; border-left: none; text-align: left; @media (min-width: 1366px) { padding: 40px; } } .corporative-portals-tasks-comparison-table__row-cell:nth-last-child(1) { border-right: none; } .corporative-portals-tasks-comparison__clinger { margin-bottom: 100px; display: flex; flex-flow: column nowrap; align-items: center; padding: 0 20px; @media (min-width: 1366px) { padding: 0 40px; } @media (min-width: 1460px) { padding: 0; } } .corporative-portals-tasks-comparison__button { border-radius: 15px; font-family: var(--font-family); font-weight: 500; font-size: 25px; line-height: 1.3; text-align: center; color: var(--white); width: 226px; height: 49px; font-size: 15px; } .corporative-portals-tasks-comparison__button-subcaption { margin-top: 20px; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; text-align: center; color: var(--dark-blue); } .contacts--ver-2 .b24-form-field-file { display: none; } .contacts--ver-2 .b24-form-header { display: none; } .contacts--ver-2 .b24-form-sign { display: none; } .contacts--ver-2 .b24-form-control-string input { background-color: transparent; border: 1px solid var(--blue); border-radius: 15px; width: 310px; height: 55px; } .contacts--ver-2 .b24-form-control-string .b24-form-control-label { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 1.3; color: var(--dark-blue); opacity: 0.4; } .contacts--ver-2 .b24-form-control-select-label, .b24-form-control:focus + .b24-form-control-label, .b24-form-control-not-empty + .b24-form-control-label { /*display: none;*/ } .contacts--ver-2 .b24-form-field-agreement.b24-form-control-agreement input[type=checkbox] { border: 1px solid var(--blue); border-radius: 8px; width: 28px; height: 28px; } .contacts--ver-2 .b24-form-control-container { display: flex; align-items: center; } .contacts--ver-2 .b24-form-control-container input { margin-right: 18px; } .contacts--ver-2 .b24-form-control-desc { font-family: var(--font-family); font-weight: 400; font-size: 15px; line-height: 1.3; color: var(--dark-blue); } .contacts--ver-2 .b24-form-control-desc > a { font-family: var(--font-family); font-weight: 400; font-size: 15px; line-height: 1.3; color: var(--green); } @media (max-width: 525px) { .cases-block__img img { height: 90%; } } .img-object-with-elem-index-slider.razrabotka-nastroyka-i-podderzhka-korporativnykh-portalov { margin-right: 80px; top: calc(-30% - 85px); width: 35%; right: 150px; height: -webkit-fill-available; } .slide-mobile-img { display: none; @media (max-width:1020px) { display: flex; flex-direction: column; align-items: center; margin-top: -240px; } @media (max-width:768px) { margin-top: -290px; } @media (max-width:576px) { margin-top: -155px; } } .slide-mobile-img .mobile-img { max-width: 260px; @media (max-width:1366px) { max-width: 200px; } @media (max-width:1020px) { max-width: 165px; } } .img-object-with-elem-index-slider .container-right { position: absolute; left: 35%; transform: translateX(-50%); top: 45%; width: auto; display: flex; flex-direction: column; align-items: center; @media (max-width:1799px) { position: absolute; left: 55%; } @media (max-width:1020px) { display: none; } } .img-object-with-elem-index-slider .container-right-img { max-width: 260px; @media (max-width:576px) { max-width: 165px; } } .container-right-text { margin-top: 40px; display: flex; flex-direction: column; gap: 16px; @media (max-width:1020px) { margin-bottom: 100px; } @media (max-width:768px) { margin-bottom: 100px; } @media (max-width:576px) { margin-top: 20px; margin-bottom: 30px; } } .container-right-text-up { font-family: Commissioner; font-weight: 600; font-style: SemiBold; font-size: 28px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%; text-align: center; @media (max-width:1799px) { font-weight: 500; font-style: Medium; font-size: 24px; } @media (max-width:1020px) { font-size: 20px; } } .container-right-text-down { font-family: Commissioner; font-weight: 400; font-style: Regular; font-size: 18px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%; text-align: center; @media (max-width:1020px) { font-size: 15px; } } .detail-slider-banner { display: none; position: absolute; right: 20%; top: 33%; @media (max-width:1700px) { right: 15%; } @media (max-width:1540px) { right: 15%; top: 23%; } } .detail-slider-banner .container-right { position: relative; display: flex; flex-direction: column; align-items: center; @media (max-width:1230px) { display: none; } } .detail-slider-banner .container-right-img { max-width: 260px; @media (max-width:576px) { max-width: 165px; } } .slide-mobile-img-detail { display: none; @media (max-width:1230px) { display: none; flex-direction: column; align-items: center; margin-bottom: 80px; margin-top: -145px; } @media (max-width:1025px) { margin-top: -215px; } @media (max-width:576px) { margin-top: 65px; } } .slide-mobile-img-detail .mobile-img { max-width: 260px; @media (max-width:1366px) { max-width: 200px; } } .hero__items .organizatsiya-biznesa-s-pomoshchyu-bitriks24 { display: inherit; @media (max-width:1230px) { display: none; } } .hero__items .slide-mobile-img-detail.organizatsiya-biznesa-s-pomoshchyu-bitriks24 { display: none; @media (max-width:1230px) { display: flex; } } .first-screen:has(.organizatsiya-biznesa-s-pomoshchyu-bitriks24)::before { background-image: none; } /* End */ /* Start:/local/templates/neti/css/form.css?1750076343967*/ .b24-window-panel>div>.b24-window-scrollable { position: relative !important; } .b24-window-panel-pos-right { left: 50% !important; top: 50% !important; transform: translate(-50%, -25%); } .contacts__column:nth-child(1) { min-height: 810px; } .article-page__body .code { padding: 16px; background: #bdbdbd36; font-weight: 500; border-radius: 10px; width: 100% } .developers__elements-item-avatar-img { border-radius: 25%; } .hero.policy table td { padding: 20px 30px 20px 0; } .hero.policy table tr { border: 1px solid #bdbdbd; } @media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .header__menu-phone-link { font-size: 0; } } .footer__info-socials-youtube { display: block; width: 30px; height: 22px; background: url("/local/templates/neti/css/../img/footer/icon-youtube.png") center center no-repeat; } /* End */ /* Start:/local/templates/neti/components/bitrix/menu/top/style.css?175007634383*/ .header__menu-dropdown-item .header__menu-dropdown-item-link { display: flex; } /* End */ /* Start:/local/templates/neti/components/bitrix/menu/foter_second_type/style.css?1750076343110*/ .footer-title-servises { color: #fff; font-size: 18px; } .footer-item-servise { font-size: 15px; } /* End */ /* Start:/local/templates/neti/template_styles.css?17742655714657*/ :root { --font-family: "Commissioner", sans-serif; --second-family: "Roboto", sans-serif; --third-family: "VK Sans Text", sans-serif; --dark-green: #096b3c; --green: #1ad079; --light-green: #c0edd7; --white: #fff; --dark-blue: #07133b; --blue: #bccff4; --light-blue: #f8f9fb; --grey: #f3f3f6; --dark-blue-2: #141f45; --dark-grey: #e0e0e0; --logo: #00376a; --pink: #cb88eb; --mobile: 390px; --laptop: 1366px; --desktop: 1920px; } .contacts__column-phone-link { color: inherit; } .header-phone-link .header-phone-link__img { white-space: nowrap; } .header-phone-link:after { bottom: 0; } .nda__block { margin-top: 120px; padding: 80px 20px; font-family: Commissioner; font-size: 31px; font-weight: 500; line-height: 40px; text-underline-position: from-font; text-decoration-skip-ink: none; color: #07133B; background: linear-gradient(91.64deg, rgba(192, 237, 215, 0.4) 0%, rgba(188, 207, 244, 0.4) 100%); border-radius: 15px; text-align: center; } .btn-up { opacity: 0; pointer-events: none; position: fixed; display: flex; right: 60px; bottom: 128px; width: 48px; height: 48px; border-radius: 32px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; background: #1ad079; justify-content: center; align-items: center; cursor: pointer; } .btn-up:hover { opacity: .8; } .btn-up.show { opacity: 1; pointer-events: auto; } .breadcrumbs { font-weight: 400; font-size: 15px; line-height: 130%; color: #07133B; margin-top: 20px; margin-bottom: 20px; } .breadcrumbs a, .breadcrumbs a:visited { color: #1AD079; } .breadcrumbs .container div { display: inline-block; } @media screen and (max-width: 992px) { .nda__block { font-size: 21px; line-height: 27px; padding: 40px 20px; } } @media screen and (max-width: 768px) { .nda__block br { display: none; } .btn-up { right: 43px; width: 45px; height: 45px; bottom: 108px; } .b24-widget-button-wrapper.b24-widget-button-position-bottom-right { right: 32px; bottom: 32px; } } .cookie-consent { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9999; max-width: 640px; width: calc(100% - 32px); padding: 12px 20px 12px 14px; border: 2px solid #1ad079; background: #fff; border-radius: 15px; box-sizing: border-box; display: none; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16); } .cookie-consent__content { display: flex; align-items: center; gap: 20px; } .cookie-consent__text { color: #1a1a1a; font-size: 14px; line-height: 1.4; } .cookie-consent__actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; } .cookie-consent__button { border: none; cursor: pointer; padding: 10px 20px; border-radius: 10px; background: #1ad079; color: #fff; font-size: 14px; font-weight: 600; transition: background 0.2s ease; } .cookie-consent__button:hover { background: #15b566; } .cookie-consent__button:focus { outline: 2px solid rgba(26, 208, 121, 0.4); outline-offset: 2px; } .cookie-consent__more { color: #1ad079; font-size: 14px; text-decoration: underline; transition: color 0.2s ease; display: inline-block; } .cookie-consent__more:hover { color: #15b566; } @media (max-width: 768px) { .cookie-consent__content { flex-direction: column; align-items: flex-start; gap: 12px; } .cookie-consent__actions { width: 100%; justify-content: space-between; } .cookie-consent__button { width: calc(50% - 8px); text-align: center; } .cookie-consent__more { width: calc(50% - 8px); text-align: right; display: inline-block; } } @media (max-width: 480px) { .cookie-consent { bottom: 16px; } .cookie-consent__actions { flex-direction: column; align-items: stretch; gap: 8px; } .cookie-consent__button, .cookie-consent__more { width: 100%; text-align: center; display: block; } } .green-color { color: #1AD079; } .numbers-about__item-count { font-weight: 600; font-size: 32px; } .numbers-about__item-description, .numbers-about__desc { font-size: 15px; } .numbers-about__title { font-size: 28px; } /* End */ /* /local/templates/neti/css/swiper-bundle.min.css?175007634318451 */ /* /local/templates/neti/css/style.min.css?1786605514229310 */ /* /local/templates/neti/css/form.css?1750076343967 */ /* /local/templates/neti/components/bitrix/menu/top/style.css?175007634383 */ /* /local/templates/neti/components/bitrix/menu/foter_second_type/style.css?1750076343110 */ /* /local/templates/neti/template_styles.css?17742655714657 */