/* Start:/local/templates/main/assets/css/swiper.min.css?177865272613677*/ /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/main/assets/css/jquery.fancybox.min.css?177865272612795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/assets/css/app.css?1792660968410317*/ @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: 0.67em 0 } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, sel ect { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: 0.35em 0.75em 0.625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; outline: none; -webkit-tap-highlight-color: transparent } img { max-width: 100% } .cls { stroke: #1f7aff; stroke-width: 3; stroke-miterlimit: 10 } .cls2 { fill: none; stroke: #1f7aff; stroke-width: 3; stroke-linecap: round; stroke-miterlimit: 10 } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input { -webkit-border-radius: 0px; -webkit-appearance: none } ul { list-style: none } a { text-decoration: none; color: inherit } html, body { font-size: 62.5% } @media screen and (max-width: 1850px) { html, body { font-size: .54054vw } } @media screen and (max-width: 1024px) { html, body { font-size: 75% } } @media screen and (max-width: 480px) { html, body { font-size: 2.77778vw } } body { font-family: "Stem", sans-serif; color: #111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh; font-size: 1.6rem; font-weight: 300 } .body-scroll { overflow: hidden } main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .center-wrap { max-width: 1800px; width: 100%; margin: 0px auto; padding: 0px 15px } @media screen and (max-width: 1850px) { .center-wrap { max-width: calc(100% - 50px) } } @media screen and (max-width: 1024px) { .center-wrap { max-width: 768px } } .center-wrap--p0 { padding: 0 } @media screen and (max-width: 1024px) { .center-wrap--p0 { padding: 0px 15px } } @media screen and (max-width: 768px) { .center-wrap--p0 { padding: 0 } } .center-wrap--pl125 { padding-left: calc(12rem + 15px) } @media screen and (max-width: 1024px) { .center-wrap--pl125 { padding: 0px 15px } } @media screen and (max-width: 768px) { .center-wrap--pl125 { padding: 0px 15px } } h1, h2, h3, h4 { margin: 0px } .simple-title { font-weight: 500; font-size: 5.5rem; line-height: 110%; color: #111 } @media screen and (max-width: 1024px) { .simple-title { font-size: 3rem } } .simple-title--sm { font-size: 4rem; line-height: 140% } .img-wrap { width: 100% } .img-wrap > div { position: relative; padding-bottom: 100% } .img-wrap > div img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (min-width: 1025px) { .desktop--hide { display: none !important } } @media screen and (max-width: 1024px) { .mobile--hide { display: none !important } } img { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%) } @-webkit-keyframes morph { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg) } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg) } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg) } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg) } } @keyframes morph { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg) } 34% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); transform: translate3d(0, 5px, 0) rotateZ(0.01deg) } 50% { -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); transform: translate3d(0, 0, 0) rotateZ(0.01deg) } 67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); transform: translate3d(0, -3px, 0) rotateZ(0.01deg) } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .preloader { width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; font-size: 2.5rem; line-height: 1.6; font-weight: 500; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; overflow: hidden; background-color: #2F80ED } .preloader--none { display: none } .preloader-logo { max-width: 140px; width: 100%; -webkit-animation: preloaderLogoOpacity 0.75s 0.5s ease-in-out forwards; animation: preloaderLogoOpacity 0.75s 0.5s ease-in-out forwards; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .preloader-logo svg { width: 140px; height: 140px } @-webkit-keyframes preloaderLogoOpacity { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes preloaderLogoOpacity { 0% { opacity: 0 } 100% { opacity: 1 } } .preloader-logo img { width: 100% } .preloader-loading { position: absolute; right: 50px; top: calc(50% - 40px) } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } body { opacity: 0; -webkit-animation: pageTransOn 0.25s forwards; animation: pageTransOn 0.25s forwards } @-webkit-keyframes pageTransOn { fr om { opacity: 0 } to { opacity: 1 } } @keyframes pageTransOn { from { opacity: 0 } to { opacity: 1 } } .body--opacity0 { -webkit-animation: pageTransOff 0.25s forwards; animation: pageTransOff 0.25s forwards } @-webkit-keyframes pageTransOff { from { opacity: 1 } to { opacity: 0 } } @keyframes pageTransOff { from { opacity: 1 } to { opacity: 0 } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .img-parallax { overflow: hidden } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @media screen and (max-width: 1024px) { #scrollbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh } } #scrollbar[data-scrollbar] { height: 100vh; z-index: 1; overflow: hidden !important } #scrollbar[data-scrollbar].scrollbar--footer { pointer-events: none } .scroll-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .error { min-height: calc(100vh - 14rem); padding-top: 14rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 1024px) { .error { min-height: calc(100vh - 6rem); padding-top: 6rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } } .error__wrap { background: #2F80ED; padding: 14rem 0 9.5rem; margin-bottom: 5%; position: relative } @media screen and (max-width: 1024px) { .error__wrap { padding: 4.5rem 0 5rem; margin-bottom: 7vh } } .error__wrap-bg { position: absolute; right: 0; top: 0; max-width: 108.5rem; width: 100%; height: 100%; background-image: url(/local/templates/main/assets/css/../images/svg/error-bg.svg); background-repeat: no-repeat; background-size: cover } .error__img-wrap { max-width: 35rem; margin: 0 auto 7rem; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .error__img-wrap { max-width: 22.5rem; margin: 0 auto 4rem } } .error__img-wrap > div { padding-bottom: 47.14% } .error__img-wrap > div img { -o-object-fit: contain; object-fit: contain } .error__bottom { padding-bottom: 1% } .error__bottom p { font-weight: 500; font-size: 2.2rem; line-height: 110%; color: #111111; margin-bottom: 4% } @media screen and (max-width: 1024px) { .error__bottom p { margin-bottom: 13vh } } .error__bottom a { font-size: inherit; color: #2F80ED; position: relative } .error__bottom a::before { content: ""; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .error__bottom a:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .error__bottom-copyr { font-weight: 300; font-size: 1.4rem; line-height: 160% } .error__simple-title { font-weight: 500; font-size: 5rem; line-height: 110%; color: #FFFFFF; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .error__simple-title { font-size: 2.4rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .toogles:not(.toogles--mobile) .toogles__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles:not(.toogles--mobile) .toogles__item-content[style*="display: block"] { display: inherit !important } .toogles:not(.toogles--mobile) .toogles__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } @media screen and (max-width: 1024px) { .toogles--mobile .toogles__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles--mobile .toogles__item-content[style*="display: block"] { display: inherit !important } .toogles--mobile .toogles__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } } .toogles2:not(.toogles2--mobile) .toogles2__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles2:not(.toogles2--mobile) .toogles2__item-content[style*="display: block"] { display: inherit !important } .toogles2:not(.toogles2--mobile) .toogles2__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } @media screen and (max-width: 1024px) { .toogles2--mobile .toogles2__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles2--mobile .toogles2__item-content[style*="display: block"] { display: inherit !important } .toogles2--mobile .toogles2__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } } .toogles3:not(.toogles3--mobile) .toogles3__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles3:not(.toogles3--mobile) .toogles3__item-content[style*="display: block"] { display: inherit !important } .toogles3:not(.toogles3--mobile) .toogles3__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } @media screen and (max-width: 1024px) { .toogles3--mobile .toogles3__item-content { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; display: none } .toogles3--mobile .toogles3__item-content[style*="display: block"] { display: inherit !important } .toogles3--mobile .toogles3__item-content > div { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: 100% } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .socials { display: -webkit-box; display: -ms-flexbox; display: flex } .socials__link { max-width: 4rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .socials__link + .socials__link { margin-left: 2.5rem } .socials__link:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .socials__link--faceb svg { width: 4.1rem } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .btn { border: none; cursor: pointer; text-decoration: none; line-height: 4.8rem; display: inline-block; white-space: nowrap; text-align: center; background: inherit; border: 1px solid #8D95A4; border-radius: 30px; padding: 0 5rem; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 500; font-size: 1.3rem; letter-spacing: 0.08em; text-transform: uppercase; color: #111 } @media screen and (max-width: 1024px) { .btn { line-height: 3.8rem; padding: 0 3rem; font-size: 1.2rem } } .btn:hover { background: #2F80ED; color: #ffffff; border: 1px solid rgba(141, 149, 164, 0) } .btn--white { background: #FFFFFF; border: 1px solid #fff; color: #2F80ED } .btn--white:hover { background: inherit; border: 1px solid #fff } .btn--gray-empty { color: #111111; background: transparent; border-color: #8F97A6; } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .content p { font-weight: 300; font-size: 1.7rem; line-height: 180%; color: #111; margin-bottom: 2rem } .content p:last-child { margin-bottom: 0px; min-height: 80px; } @media screen and (max-width: 1400px) { .content p { font-size: 1.9rem } } @media screen and (max-width: 1024px) { .content p { font-size: 1.7rem } } .content p + ul { margin: 3rem 1 } .content p img { margin: 0 0.8rem; vertical-align: middle } .content p a { color: #2F80ED; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .content p a:hover { color: #2368C5 } .content strong { font-weight: 500 } .content blockquote { padding: 4rem; background: #2F80ED; margin: 4rem 0 } .content blockquote p { font-weight: 500; font-size: 1.8rem; line-height: 216.5%; color: #FFFFFF } @media screen and (max-width: 1400px) { .content blockquote p { font-size: 1.9rem } } @media screen and (max-width: 1024px) { .content blockquote p { font-size: 1.6rem; line-height: 180% } } .content a { text-decoration: underline; -webkit-text-decoration-color: rgba(255, 255, 255, 0); text-decoration-color: rgba(255, 255, 255, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .content a:hover { -webkit-text-decoration-color: #fff; text-decoration-color: #fff } .content a.btn { text-decoration: none } .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 115%; color: #111; font-weight: 400 } .content h2 { font-size: 6.2rem; margin: 6rem auto } .content h3 { font-size: 3.2rem; margin: 3rem auto } .content h4 { font-size: 2.6rem; margin: 3rem auto } @media screen and (max-width: 1024px) { .content h4 { font-size: 1.8rem } } .content h5 { font-size: 2.1rem; margin: 3rem auto } @media screen and (max-width: 1024px) { .content h5 { font-size: 1.6rem; line-height: 180% } } .content h6 { font-size: 3.4rem; margin-bottom: 2.5rem; margin: 7rem auto 2.5rem } .content ol { list-style: none; counter-reset: my-awesome-counter; margin: 2rem 0 } .content ol > li { counter-increment: my-awesome-counter; font-weight: 300; font-size: 1.8rem; line-height: 180%; color: #111; position: relative; padding-left: 4.2rem; margin-bottom: 2.4rem } .content ol > li:last-child { margin-bottom: 0px } @media screen and (max-width: 1400px) { .content ol > li { font-size: 1.9rem } } @media screen and (max-width: 1024px) { .content ol > li { font-size: 1.6rem } } .content ol > li::before { content: counter(my-awesome-counter) ". "; position: absolute; left: 1rem; font-size: 1.8rem; line-height: 180%; color: #111; font-weight: 400; margin-right: 2.2rem; font-family: "TTFirsNeue", sans-serif } @media screen and (max-width: 1400px) { .content ol > li::before { font-size: 1.9rem } } @media screen and (max-width: 1024px) { .content ol > li::before { font-size: 1.6rem } } .content ul { list-style: none; margin: 2rem 0 } .content ul li { font-weight: 300; font-size: 1.8rem; line-height: 180%; color: #111; position: relative; padding-left: 4.2rem; margin-bottom: 2.4rem } .content ul li:last-child { margin-bottom: 0px } @media screen and (max-width: 1400px) { .content ul li { font-size: 1.9rem } } @media screen and (max-width: 1024px) { .content ul li { font-size: 1.6rem } } .content ul li::before { content: ''; width: 5px; height: 5px; background: #111; position: absolute; top: 1.2rem; left: 1rem; color: #111; margin-right: 2.2rem } @media screen and (max-width: 1024px) { .content ul li::before { font-size: 1.6rem; top: 1rem } } .content li a { color: #357CDB; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .content li a:hover { color: #2F80ED } .content li:last-child { margin-bottom: 0px } .content img { height: auto; margin: 3rem auto; width: 100% } .content .img-wrap > div img { height: 100%; margin: 0; -o-object-fit: contain; object-fit: contain } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .inputs { width: 100% } .inputs--border .inputs__field { background: #F7F7F7; line-height: 4.6rem; font-weight: 500; font-size: 1.7rem; color: #111; padding-left: 1.8rem; border: 1px solid rgba(47, 128, 237, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .inputs--border .inputs__field { font-size: 1.6rem } } .inputs--border .inputs__field[type='tel']::-webkit-input-placeholder { color: #111111 } .inputs--border .inputs__field[type='tel']::-moz-placeholder { color: #111111 } .inputs--border .inputs__field[type='tel']:-ms-input-placeholder { color: #111111 } .inputs--border .inputs__field[type='tel']::-ms-input-placeholder { color: #111111 } .inputs--border .inputs__field[type='tel']::placeholder { color: #111111 } /*.inputs--border .inputs__field:invalid + .inputs__label .inputs__content::before, .inputs--border .inputs__field:valid + .inputs__label .inputs__content::before {*/ /* content: "*";*/ /* color: #2F80ED;*/ /* position: absolute;*/ /* left: calc(100% + 0.5rem);*/ /* top: 0;*/ /* -webkit-transition: all .5s;*/ /* -o-transition: all .5s;*/ /* transition: all .5s*/ /*}*/ .inputs--border .inputs__field:focus { border: 1px solid #2F80ED; background: inherit } .inputs--border .inputs__field.inputs__field--active.inputs__field--invalid + .inputs__label .inputs__content, .inputs--border .inputs__field.inputs__field--active + .inputs__label .inputs__content, .inputs--border .inputs__field:focus + .inputs__label .inputs__content, .inputs--border .inputs__field:hover + .inputs__label .inputs__content, input:not(:placeholder-shown) + .inputs__label .inputs__content, textarea:not(:placeholder-shown) + .inputs__label .inputs__content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0.5rem; color: #8D95A4; font-size: 1.3rem; font-weight: 400 } .inputs--border .inputs__field:invalid.inputs__field--invalid { border: 1px solid #EB5757 } .inputs--border .inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content { color: #EB5757; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0.5rem; font-size: 1.2rem } .inputs--border .inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content::before { color: #EB5757 } .inputs--border .inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content .inputs__content-wrap:before { color: #EB5757 } .inputs--border .inputs__field-content { margin-bottom: 4rem; margin-top: 4rem } .inputs--border .inputs__field-content p { font-weight: 300; font-size: 1.3rem; line-height: 150%; text-align: center; color: #8D95A4 } .inputs--border .inputs__field-content p a { display: inline-block; color: #2F80ED } .inputs--border .inputs__field-content p a:hover { -webkit-text-decoration-color: #2F80ED; text-decoration-color: #2F80ED } .inputs--border .inputs__label { border: none; bottom: 0 } .inputs--border .inputs__label::after { display: none } .inputs--border .inputs__content { font-weight: 500; font-size: 1.7rem; color: #8D95A4; left: 1.8rem } @media screen and (max-width: 1024px) { .inputs--border .inputs__content { font-size: 1.6rem } } .inputs--border .inputs__content--start::before { display: 1none } .inputs__error { display: none; } .radio__input.inputs__field--invalid + .radio__content .inputs__error { display: block; color: #EB5757; margin-top: 20px; position: absolute; left: 20px; min-width: 300px; } @media screen and (max-width: 1024px) { .radio__input.inputs__field--invalid + .radio__content .inputs__error { margin-top: 35px; } } .inputs__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width: 768px) { .inputs__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .inputs__row + .inputs__row { margin-top: 2rem } .inputs__row .inputs__field-wrap { width: calc(50% - 1rem) } @media screen and (max-width: 768px) { .inputs__row .inputs__field-wrap { width: 100% } } .inputs__row .inputs__field-wrap + .inputs__field-wrap { margin: 0 } @media screen and (max-width: 768px) { .inputs__row .inputs__field-wrap + .inputs__field-wrap { margin-top: 2rem } } .inputs__field { width: 100%; font-weight: 500; font-size: 2.4rem; color: #FFFFFF; padding-top: 1.2rem; border: none; background-color: inherit; line-height: 6.3rem; -webkit-appearance: none; -moz-appearance: textfield } @media screen and (max-width: 1024px) { .inputs__field { line-height: 5rem; font-size: 1.6rem } } .inputs__field[type='tel']::-webkit-input-placeholder { color: #fff } .inputs__field[type='tel']::-moz-placeholder { color: #fff } .inputs__field[type='tel']:-ms-input-placeholder { color: #fff } .inputs__field[type='tel']::-ms-input-placeholder { color: #fff } .inputs__field[type='tel']::placeholder { color: #fff } .inputs__field-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 11.5rem 12rem 11.5rem 15rem; padding: 11.5rem 12rem 13.5rem 15rem } @media screen and (max-width: 1024px) { .inputs__field-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3rem } } @media screen and (max-width: 768px) { .inputs__field-inner { padding: 1rem 15px 3rem } } .inputs__field-left { max-width: 75rem; width: 100% } @media screen and (max-width: 1024px) { .inputs__field-left { max-width: 100% } } @media screen and (max-width: 768px) { .inputs__field-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .inputs__field-right { width: calc(100% - 75rem - 11rem); margin-left: 11rem } @media screen and (max-width: 1024px) { .inputs__field-right { width: 100%; margin-left: 0; margin-top: 3rem } } .inputs__field-right .inputs__btn { text-align: right } @media screen and (max-width: 1024px) { .inputs__field-right .inputs__btn { text-align: center } } .inputs__field-text { margin-top: 7rem } @media screen and (max-width: 1024px) { .inputs__field-text { display: none } } .inputs__field-text p { font-weight: 500; font-size: 2rem; line-height: 140%; color: #FFFFFF } .inputs__field-content { text-align: right; margin-top: 6rem } @media screen and (max-width: 1024px) { .inputs__field-content { text-align: center; margin-top: 3rem } } .inputs__field-content p { font-weight: 500; font-size: 1.4rem; line-height: 150%; color: rgba(255, 255, 255, 0.79); font-family: "Gilroy", sans-serif } @media screen and (max-width: 768px) { .inputs__field-content p { font-weight: 400 } } .inputs__field-content p a { display: block; -webkit-text-decoration-color: rgba(255, 255, 255, 0.79); text-decoration-color: rgba(255, 255, 255, 0.79); font-family: "Stem", sans-serif; font-weight: 400; color: #fff } .inputs__field-content p a:hover { -webkit-text-decoration-color: rgba(255, 255, 255, 0); text-decoration-color: rgba(255, 255, 255, 0) } .inputs__field-wrap { width: 100%; position: relative; overflow: hidden } .inputs__field-wrap + .inputs__field-wrap { margin-top: 3.8rem } .inputs__field-wrap--textarea { position: relative; margin-top: 2rem } .inputs__field-wrap--textarea.inputs__field--invalid .inputs__content { top: 0; font-size: 1.6rem; color: #EB5757 } .inputs__field-wrap--textarea.inputs__field--invalid .inputs__content::before { opacity: 0 } .inputs__field-wrap--textarea .inputs__content { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); top: 1rem; text-align: left; width: calc(100% - 1.8rem - 1px) } .inputs__field-wrap--textarea .inputs__content-wrap { height: 100%; width: 100%; position: relative } .inputs__field-wrap--textarea .inputs__content-wrap::before { content: "*"; color: #2F80ED; position: absolute; left: calc(100% + 0.5rem); top: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .inputs__field-wrap--textarea .inputs__field { resize: none; padding-top: 2.3rem; line-height: 1.2; min-height: 16rem } @media screen and (max-width: 1024px) { .inputs__field-wrap--textarea .inputs__field { min-height: 10rem } } .inputs__field-wrap--textarea .inputs__field:hover + .inputs__label .inputs__content, .inputs__field-wrap--textarea .inputs__field:focus + .inputs__label .inputs__content, .inputs__field-wrap--textarea .inputs__field:valid + .inputs__label .inputs__content { top: -5px; color: #8D95A4; text-align: left } .inputs__field-wrap--textarea .inputs__field:focus + .inputs__label .inputs__content { background-color: #fff } .inputs__field-wrap--textarea .inputs__field:invalid.inputs__field--invalid + .inputs__content { color: #EB5757; top: 0; font-size: 1.2rem } .inputs__field-wrap--textarea .inputs__field:invalid.inputs__field--invalid + .inputs__content::before { opacity: 0 } .inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar-thumb { background: #2F80ED !important; border-radius: 10rem } .inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar { width: 0.5rem } .inputs__field-wrap--textarea .inputs__field::-webkit-scrollbar-track { border-radius: 10rem; background: #fff } /*.inputs__field:invalid + .inputs__label .inputs__content::before, .inputs__field:valid + .inputs__label .inputs__content::before {*/ /* content: "*";*/ /* color: #2F80ED;*/ /* position: absolute;*/ /* left: calc(100% + 0.5rem);*/ /* top: 0;*/ /* -webkit-transition: all .5s;*/ /* -o-transition: all .5s;*/ /* transition: all .5s*/ /*}*/ .required-icon { color: #2F80ED; } .inputs__field.inputs__field--active.inputs__field--invalid + .inputs__label .inputs__content, .inputs__field.inputs__field--active + .inputs__label .inputs__content, .inputs__field:focus + .inputs__label .inputs__content, .inputs__field:hover + .inputs__label .inputs__content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0.5rem; font-size: 1.2rem } .inputs__field:hover + .inputs__label::after, .inputs__field:focus + .inputs__label::after, .inputs__field:valid + .inputs__label::after { right: 0; border-bottom-color: #fff } .inputs__field:invalid.inputs__field--invalid + .inputs__label::after { right: 0; border-bottom-color: #EB5757 } .inputs__field:invalid.inputs__field--invalid + .inputs__label .inputs__content .inputs__content-wrap:before { color: #EB5757 } .inputs__label { position: absolute; bottom: 1px; left: 0px; width: 100%; height: 100%; pointer-events: none; border-bottom: 1px solid #FFFFFF } .inputs__label::after { content: ""; position: absolute; bottom: -1px; right: 100%; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; -webkit-transition: right 0.5s ease; -o-transition: right 0.5s ease; transition: right 0.5s ease } .inputs__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-weight: 500; font-size: 2.4rem; line-height: 130%; color: #FFFFFF } @media screen and (max-width: 1024px) { .inputs__content { font-size: 1.6rem } } .inputs__checkbox { margin-top: 3rem } @media screen and (max-width: 1024px) { .inputs__checkbox { margin-top: 2rem } } .inputs__checkbox .radio__label { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.3rem; line-height: 1.15385; color: #000000; padding: 0 } @media screen and (max-width: 1024px) { .inputs__checkbox .radio__label { font-size: 1rem } } .inputs__checkbox .radio__label:hover { background: initial } .inputs__btn { text-align: center } @media screen and (max-width: 1024px) { .inputs__btn .btn { line-height: 4.8rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .mobile-menu { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; bottom: 0px; z-index: 102; overflow: hidden; background: rgba(111, 111, 111, 0.75); display: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; -ms-touch-action: none; touch-action: none } .mobile-menu--active { display: -webkit-box; display: -ms-flexbox; display: flex } .mobile-menu--opacity0 { opacity: 0 } .mobile-menu--opacity1 { opacity: 1 } .mobile-menu__wrap { background: #fff; width: 360px; height: 100%; position: absolute; left: -360px; -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto } @media screen and (max-width: 480px) { .mobile-menu__wrap { left: -100%; width: 100% } } .mobile-menu__wrap-box { overflow-X: hidden; position: relative } .mobile-menu__wrap-box--hide { overflow: hidden } .mobile-menu__wrap--left0 { left: 0px } .mobile-menu__wrap--left300 { left: -360px } @media screen and (max-width: 480px) { .mobile-menu__wrap--left300 { left: -100% } } .mobile-menu__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.6rem 15px 1.8rem; border-bottom: 1px solid #F0F2F5; position: relative } .mobile-menu__logo { max-width: 10rem; margin-right: auto } .mobile-menu__logo > div { padding-bottom: 32% } .mobile-menu__logo > div img { -o-object-fit: contain; object-fit: contain } .mobile-menu__act { width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 3rem } .mobile-menu__act svg { width: 1.4rem } .mobile-menu .sidebar__link { padding: 1.6rem 15px } .mobile-menu .search__btn { width: 1.6rem } .mobile-menu .search__btn svg { width: inherit } .mobile-menu .header__search { pointer-events: initial } .mobile-menu .header__search .search__input-wrap--active { height: 100%; padding-right: 15px; background: #fff } .mobile-menu .header__search .search__input { text-align: left; padding-left: 15px; padding-right: 15px } .mobile-menu .header__search .search__input::-webkit-input-placeholder { text-align: left; font-size: 1.6rem } .mobile-menu .header__search .search__input::-moz-placeholder { text-align: left; font-size: 1.6rem } .mobile-menu .header__search .search__input:-ms-input-placeholder { text-align: left; font-size: 1.6rem } .mobile-menu .header__search .search__input::-ms-input-placeholder { text-align: left; font-size: 1.6rem } .mobile-menu .header__search .search__input::placeholder { text-align: left; font-size: 1.6rem } .mobile-menu__plus { width: 1.3rem; height: 1.3rem; position: relative } .mobile-menu__plus-icon { width: 1.3rem; fill: #111111; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .toogles__item-title--active .mobile-menu__plus-icon--default { opacity: 0; visibility: hidden } .mobile-menu__plus-icon--hover { opacity: 0; visibility: hidden } .toogles__item-title--active .mobile-menu__plus-icon--hover { opacity: 1; visibility: visible } .mobile-menu__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none } .mobile-menu__nav-item { padding: 1.8rem 15px; 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; border-bottom: 1px solid #F0F0F0 } .mobile-menu__nav-item:last-child { margin-bottom: 0px } .mobile-menu__nav-item svg { width: 1.4rem; -ms-flex-negative: 0; flex-shrink: 0 } .mobile-menu__nav-link { font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase; color: #111; padding-right: 3rem } .mobile-menu__nav-link--bg { background-color: #2F80ED; color: #fff; padding: 2.5px 1rem } .mobile-menu__nav-link--equipment { color: #2F80ED } .mobile-menu__nav-body { padding: 1rem 15px 0 } .mobile-menu__drop { position: absolute; bottom: 0; left: 0%; width: 100%; height: calc(100% - 8.5rem); background-color: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; overflow: auto } .mobile-menu__drop--active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .mobile-menu__drop-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase; color: #111; border-bottom: 1px solid #F0F0F0; padding: 1.8rem 15px } .mobile-menu__drop-prev svg { width: 1.4rem; margin-right: 3.5rem; -ms-flex-negative: 0; flex-shrink: 0 } .mobile-menu__tab { border-bottom: 1px solid #F0F0F0 } .mobile-menu__tab svg { -ms-flex-negative: 0; flex-shrink: 0 } .mobile-menu__tab-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; width: 100%; padding: 1.8rem 15px } .mobile-menu__tab-body { padding: 0rem 15px } .mobile-menu__tab-item { margin-bottom: 0.5rem; padding: 1rem 0 } .mobile-menu__tab-item:last-child { margin-bottom: 0px } .mobile-menu__tab-link { font-weight: 500; font-size: 1.6rem; line-height: 130%; color: #2F80ED } .mobile-menu .btn { margin-top: auto } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .popup { display: none; opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .popup.fancybox-content { max-width: 125rem; width: 100%; padding: 8.5rem 2rem 10rem; background: #FFFFFF; -webkit-box-shadow: 0px 4px 41px rgba(80, 80, 80, 0.2); box-shadow: 0px 4px 41px rgba(80, 80, 80, 0.2); border-radius: 2px; cursor: initial } @media screen and (max-width: 1024px) { .popup.fancybox-content { max-width: 90rem } } @media screen and (max-width: 768px) { .popup.fancybox-content { max-width: calc(100% - 15px); padding: 6rem 2rem 5rem } } .popup--bg.fancybox-content { padding: 11.5rem 2rem 13rem; background: #357CDB } @media screen and (max-width: 1024px) { .popup--bg.fancybox-content { padding: 6rem 2rem 8rem } } .popup--bg.fancybox-content .popup__simple-title { color: #fff; margin-bottom: 3rem } @media screen and (max-width: 768px) { .popup--bg.fancybox-content .popup__simple-title { font-size: 2rem } } .popup--bg.fancybox-content .popup__content { text-align: center } .popup--bg.fancybox-content .popup__content p { color: #fff; font-size: 2rem } @media screen and (max-width: 1024px) { .popup--bg.fancybox-content .popup__content p { font-size: 1.6rem } } .popup--bg.fancybox-content .popup__inner { max-width: 100% } .popup .fancybox-button { position: absolute; width: 6.6rem; height: 6.6rem; background-color: #2F80ED; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 3; color: #fff; opacity: 1; padding: 0 } @media screen and (max-width: 768px) { .popup .fancybox-button { width: 4rem; height: 4rem } } .popup .fancybox-button svg { width: 2.5rem } .popup__icon { width: 7.8rem; height: 7.8rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; 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; margin: 0 auto 4rem } @media screen and (max-width: 1024px) { .popup__icon { width: 5.2rem; height: 5.2rem; margin: 0 auto 3rem } } .popup__icon svg { width: 1.6rem; fill: #fff } .popup__inner { max-width: 46.5rem; width: 100%; margin: 0 auto } .popup__inner--large { max-width: 94.5rem } .popup__simple-title { font-weight: 500; font-size: 3.2rem; line-height: 130%; color: #111; margin-bottom: 5rem; text-align: center } @media screen and (max-width: 1024px) { .popup__simple-title { margin-bottom: 3rem; font-size: 2rem } } .fancybox-slide--complete .popup { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .breadcrumb { padding: 13.5rem 0 2rem; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .breadcrumb { display: none } } .breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .breadcrumb__item { position: relative } .breadcrumb__item::before { content: ''; position: absolute; width: 3px; height: 1px; top: calc(50% - 0.5px); right: 0; background: #8D95A4 } .breadcrumb__item:first-child { padding-right: 1.5rem } .breadcrumb__item + .breadcrumb__item { padding-left: calc(1.5rem - 3px); padding-right: 1.5rem } .breadcrumb__item:last-child { pointer-events: none; padding-right: 0 } .breadcrumb__item:last-child::before { display: none } .breadcrumb__item:hover .breadcrumb__link { color: #2F80ED } .breadcrumb__link { font-size: 1.3rem; font-weight: 300; line-height: 160%; color: #8D95A4; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1400px) { .breadcrumb__link { font-size: 1.6rem } } .breadcrumb__link.is-active { color: #2F80ED; pointer-events: none } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 100%; width: 100%; max-width: 96rem; width: 100% } @media screen and (max-width: 1024px) { .line { display: none } } .line__item { height: inherit; width: 1px; background: #F0F0F0 } .line__item.shadowed { opacity: .2 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.5rem 4rem; background: #FAFAFA; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .download { padding: 1.8rem 1.6rem } } .download__title { font-weight: 500; font-size: 1.6rem; line-height: 1.33333; color: #111; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; padding-right: 4rem } @media screen and (max-width: 1024px) { .download__title { padding-right: 2rem } } .download svg { width: 1.4rem; fill: #111; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s; -ms-flex-negative: 0; flex-shrink: 0 } .download:hover { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } .products-menu + .tab .products { margin-top: 0; } .products { margin-top: 4em; } .products-menu ~ .products { margin-top: 0; } .products-menu + .products > li:first-child { margin-top: 1em; } .item-mane-href { font-size: 18px; font-weight: 500; position: absolute; width: 100%; padding: 30px 10% 69px 32%; top: 0px; left: 0; z-index: 1; } .products > li { padding: 1.5em 0 2.5em 32%; position: relative; height: 120px; } .products > li:nth-child(odd) { background: #F4F6FB; -webkit-border-radius: 10em 0 0 10em; border-radius: 10em 0 0 10em; } .products > li:nth-child(odd):before { content: ""; width: 100vw; height: 100%; background: #F4F6FB; position: absolute; left: 100%; top: 0; } .products .header { font-size: 18px; margin: 0 0 .7em; padding-top: 10px; } @media (max-width: 768px) { .products > li:nth-child(odd):before { width: 0px; } .products .button { display: none; } } .products .features, .products > li > p { display: table; font-size: .77em; width: 100%; float: left; top: 40px; position: relative; } .products > li > p { font-weight: 300; } .products .features li { display: table-cell; vertical-align: top; width: 25%; padding-right: 1em; } .products .features .label { font-size: 11px; color: rgba(0, 0, 0, 0.5); } .products .features span { display: inline-block; min-width: 3em; } .products .button { font-size: 1em; width: 10em; position: absolute; overflow: hidden; top: 40%; } .products img { width: auto; max-width: 105px; height: auto; position: absolute; left: 7%; top: 10%; mix-blend-mode: darken; } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .about-slider { background: #FAFAFA; padding: 8rem 0; margin-bottom: 7rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .about-slider { padding: 3rem 0; margin-bottom: 3rem } } .about-slider__img > div { padding-bottom: 66.66% } @media screen and (max-width: 768px) { .about-slider__img > div { padding-bottom: 69.66% } } .about-slider__img > div img { -o-object-fit: contain; object-fit: contain } .about-slider__wrap { position: relative } @media screen and (max-width: 768px) { .about-slider__wrap { padding: 0 15px } } .about-slider__fraction { 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; max-width: 18rem; width: 100%; position: absolute; bottom: 5rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; font-weight: 500; font-size: 1.4rem; line-height: 160%; color: #FFFFFF } @media screen and (max-width: 1024px) { .about-slider__fraction { bottom: 3rem } } .about-slider .swiper-pagination-progressbar { position: relative; width: 10rem; height: 2px; background: #fff } .about-slider .swiper-container { padding: 0 34.6% } @media screen and (max-width: 1024px) { .about-slider .swiper-container { padding: 0 25% } } @media screen and (max-width: 768px) { .about-slider .swiper-container { padding: 0 } } .about-slider .swiper-button-prev { left: 35rem } .about-slider .swiper-button-next { right: 35rem } .about-slider .swiper-button-next, .about-slider .swiper-button-prev { width: 6.3rem; height: 6.2rem; background-color: #2368C5; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } .about-slider .swiper-button-next svg, .about-slider .swiper-button-prev svg { width: 2.9rem; fill: #FAFAFA; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } .about-slider .swiper-button-next:hover, .about-slider .swiper-button-prev:hover { background-color: #357CDB } .about-slider .swiper-button-next:hover svg, .about-slider .swiper-button-prev:hover svg { fill: #fff } .about-slider .swiper-button-next::after, .about-slider .swiper-button-prev::after { display: none } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 2.6rem; line-height: 130%; color: #111111; padding: 4rem 0 4rem 12rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative } @media screen and (max-width: 1024px) { .link { padding: 3.6rem 0; font-size: 1.6rem } } .link::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #F0F0F0; -webkit-transition: background .5s; -o-transition: background .5s; transition: background .5s; z-index: 3 } .link:hover { color: #2F80ED } .link:hover::before { background: #357CDB } .link:hover svg { fill: #2F80ED } .link svg { width: 2.1rem; fill: #333333; margin-right: 7rem; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } @media screen and (max-width: 1024px) { .link svg { display: none } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 90rem; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 1024px) { .pagination { max-width: 768px; padding: 0 15px; margin: 0 auto } } .pagination__arrow { cursor: pointer } .pagination__arrow svg { width: 2.7rem; fill: #111111; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } @media screen and (max-width: 768px) { .pagination__arrow svg { width: 2.3rem } } .pagination__arrow--disabled { pointer-events: none } .pagination__arrow--disabled svg { fill: #E4E4E4 } .pagination__arrow:hover svg { fill: #2F80ED } .pagination__list { 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; max-width: 43rem; width: 100% } @media screen and (max-width: 768px) { .pagination__list { max-width: 22rem } } .pagination__link { font-weight: 300; font-size: 1.6rem; line-height: 160%; text-transform: lowercase; color: #111111; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative; z-index: 2; transition: all .5s; width: 5rem; height: 5rem; display: block; background: #2F80ED; background: rgba(47, 128, 237, 0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1024px) { .pagination__link { width: 4rem; height: 4rem; font-size: 1.5rem } } @media screen and (max-width: 768px) { .pagination__link { font-size: 1.4rem; width: 3rem; height: 3rem } } .pagination__link--dots { pointer-events: none } .pagination__link:hover, .pagination__link--active { color: #fff; background: #2f80ed } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .search { height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .search__input { height: inherit; border: none; opacity: 0; visibility: hidden; width: 0; text-align: center; font-weight: 400; font-size: 1.6rem; color: #111111 } .search__input::-webkit-input-placeholder { font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111111; text-align: center; -webkit-transform: all 0.5s; transform: all 0.5s } .search__input::-moz-placeholder { font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111111; text-align: center; transform: all 0.5s } .search__input:-ms-input-placeholder { font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111111; text-align: center; -ms-transform: all 0.5s; transform: all 0.5s } .search__input::-ms-input-placeholder { font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111111; text-align: center; -ms-transform: all 0.5s; transform: all 0.5s } .search__input::placeholder { font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111111; text-align: center; -webkit-transform: all 0.5s; -ms-transform: all 0.5s; transform: all 0.5s } .search__input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; overflow: hidden } .search__input-wrap--active { width: 100%; position: absolute; left: 0; top: 0; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); border-radius: 3px } .search__input-wrap--active .search__input { opacity: 1; visibility: visible; width: 100%; padding-left: 2rem; padding-right: 2rem } @media screen and (max-width: 1024px) { .search__input-wrap--active { background: #fff } } .search__btn { cursor: pointer; position: relative; width: 2rem } .search__btn:hover .search__icon--active, .search__btn:hover .search__icon--close { fill: #2F80ED } .search__btn--active { width: 3rem } .search__btn--active .search__icon--active { opacity: 0; visibility: hidden } .search__btn--active .search__icon--close { opacity: 1; visibility: visible } .search__icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .search__icon--active { width: 2rem; fill: #111; -webkit-transition: fill 0.5s; -o-transition: fill 0.5s; transition: fill 0.5s } @media screen and (max-width: 1024px) { .search__icon--active { width: 1.6rem; fill: #2F80ED } .mobile-menu__top .search__icon--active { fill: #111 } } .search__icon--close { width: 1.3rem; fill: #111; -webkit-transition: fill 0.5s; -o-transition: fill 0.5s; transition: fill 0.5s; opacity: 0; visibility: hidden } .search__button { border: none; background: inherit } .search__button svg { width: 2rem; fill: #111; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } @media screen and (max-width: 1024px) { .search__button svg { width: 1.6rem } } .search__button:hover svg { fill: #2F80ED } .search__value { font-weight: 300; font-size: 1.8rem; line-height: 180%; color: #111 } .search__value strong { font-weight: 500 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .tab__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; cursor: pointer } @media screen and (min-width: 1024px) { .tab__top:hover .tab__top-square { background: #F0F0F0; border: 1px solid rgba(240, 242, 245, 0) } } .tab__top.toogles__item-title--active .tab__top-square, .tab__top.toogles3__item-title--active .tab__top-square { background: #357CDB; border: 1px solid rgba(240, 242, 245, 0) } .tab__top.toogles__item-title--active .tab__top-icon, .tab__top.toogles3__item-title--active .tab__top-icon { fill: #fff } @media screen and (min-width: 1024px) { .tab__top.toogles__item-title--active:hover .tab__top-square, .tab__top.toogles3__item-title--active:hover .tab__top-square { background: #F0F0F0; border: 1px solid rgba(240, 242, 245, 0) } .tab__top.toogles__item-title--active:hover .tab__top-icon, .tab__top.toogles3__item-title--active:hover .tab__top-icon { fill: #111 } } .tab__top.toogles__item-title--active .tab__top-icon--default, .tab__top.toogles3__item-title--active .tab__top-icon--default { opacity: 0; visibility: hidden } .tab__top.toogles__item-title--active .tab__top-icon--hover, .tab__top.toogles3__item-title--active .tab__top-icon--hover { opacity: 1; visibility: visible } .tab__top-title { padding-right: 2rem; font-weight: 500; font-size: 2.8rem; line-height: 1.25; color: #111 } @media screen and (max-width: 1024px) { .tab__top-title { font-size: 1.8rem } } .tab__top-square { width: 5rem; height: 5rem; position: relative; -ms-flex-negative: 0; flex-shrink: 0; background: inherit; border: 1px solid #f0f2f5; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .tab__top-square { width: 4rem; height: 4rem } } .tab__top-icon { width: 2rem; fill: #111; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } @media screen and (max-width: 1024px) { .tab__top-icon { width: 1.2rem } } .tab__top-icon--hover { opacity: 0; visibility: hidden } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .sidebar { background: #FAFAFA; max-width: 37.5rem; width: 100%; padding-top: 6rem } @media screen and (max-width: 1024px) { .sidebar { display: none } } .sidebar__links { border-top: 1px solid #F0F0F0 } .sidebar__link { border-bottom: 1px solid #F0F0F0; padding: 2.5rem 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.06em; text-transform: uppercase; color: #357CDB; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } .sidebar__link svg { width: 2rem; margin-right: 1.6rem } .sidebar__link:hover { color: #2368C5 } .sidebar__tab .tab__top { padding: 2.5rem 3rem; position: relative } .sidebar__tab .tab__top:hover .tab__top-square { background: inherit; border: none } .sidebar__tab .tab__top:hover .tab__top-icon { fill: #2F80ED } .sidebar__tab .tab__top.toogles__item-title--active .tab__top-square { background: inherit; border: none } .sidebar__tab .tab__top.toogles__item-title--active .tab__top-icon { fill: #111 } .sidebar__tab .tab__top.toogles__item-title--active:hover .tab__top-icon { fill: #2F80ED } .sidebar__tab .tab__top-title { font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase } .sidebar__tab .tab__top-square { width: 1.2rem; height: 1.2rem; background: inherit; border: none } .sidebar__tab .tab__top-icon { fill: #111; width: 1.2rem } .sidebar__tab-item { border-bottom: 1px solid #F0F0F0 } .sidebar__tab-body { padding: 0 3rem 2.5rem } .sidebar__tab-more { font-weight: 500; font-size: 1.5rem; line-height: 1.26667; color: #2F80ED; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; margin-top: 4rem; display: block } .sidebar__tab-more:hover { color: #2368C5 } .sidebar__tab-link { font-weight: 300; font-size: 1.5rem; line-height: 140%; color: #2F80ED; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: block; margin-bottom: 2.4rem } .sidebar__tab-link:last-child { margin-bottom: 0px } .sidebar__tab-link:hover { color: #2368C5 } .sidebar__catalog { width: 3.9rem; height: 3.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #F0F0F0; -ms-flex-negative: 0; flex-shrink: 0; background: #2F80ED } .sidebar__catalog svg { width: 1rem; fill: #fff } .sidebar .consultants__mail a { margin-left: 0 } .sidebar .brand__video { margin-bottom: 3rem } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .consultants + .consultants { margin-top: 5rem } @media screen and (max-width: 1024px) { .consultants + .consultants { margin-top: 3rem } } .consultants__title { font-weight: 500; font-size: 1.3rem; line-height: 160%; text-transform: uppercase; color: #8D95A4; margin-bottom: 1.6rem; max-width: 22rem; width: 100% } .consultants__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.6rem } .consultants__top-img { max-width: 7.6rem; border-radius: 50%; overflow: hidden; margin-right: 2rem; -ms-flex-negative: 0; flex-shrink: 0 } .consultants__top-img > div img { -o-object-fit: contain; object-fit: contain } .consultants__top-name { font-weight: 500; font-size: 1.5rem; line-height: 150%; color: #111 } .consultants__top-info { font-weight: 500; font-size: 1.8rem; color: #111; margin-bottom: 1rem } @media screen and (max-width: 1024px) { .consultants__top-info { font-size: 1.6rem } } .consultants__tel { font-weight: 300; font-size: 1.5rem; line-height: 1.2; color: #111; margin-bottom: 1rem } .consultants__tel a { color: inherit; font-size: inherit; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } .consultants__tel a:hover { color: #2F80ED } .consultants__tel span { color: #8D95A4 } .consultants__mail { margin-bottom: 1rem } .consultants__mail a { font-weight: 300; font-size: 1.5rem; line-height: 1.2; color: #2F80ED; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; margin-left: 0.5rem } .consultants__mail a:hover { color: #2368C5 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .technology-slider { margin-bottom: 5rem; margin-top: 5rem } @media screen and (max-width: 1024px) { .technology-slider { margin-bottom: 3rem; margin-top: 3rem } } .technology-slider--text .about-slider__fraction { bottom: 11rem } @media screen and (max-width: 1024px) { .technology-slider--text .about-slider__fraction { bottom: 7.5rem } } .technology-slider .swiper-pagination-progressbar { position: relative; width: 10rem; height: 2px; background: #fff } @media screen and (max-width: 1024px) { .technology-slider .swiper-button { display: none } } .technology-slider .swiper-button-prev { left: 0 } .technology-slider .swiper-button-next { right: 0 } .technology-slider .swiper-button-next, .technology-slider .swiper-button-prev { width: 6.2rem; height: 6.2rem; background-color: #2368C5; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } .technology-slider .swiper-button-next svg, .technology-slider .swiper-button-prev svg { width: 2.9rem; fill: #FAFAFA; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } .technology-slider .swiper-button-next:hover, .technology-slider .swiper-button-prev:hover { background: rgba(17, 17, 17, 0.4) } .technology-slider .swiper-button-next:hover svg, .technology-slider .swiper-button-prev:hover svg { fill: #fff } .technology-slider .swiper-button-next::after, .technology-slider .swiper-button-prev::after { display: none } .technology-slider__wrap { position: relative } .technology-slider__img > div { padding-bottom: 66.66% } .technology-slider__img > div img { -o-object-fit: contain; object-fit: contain } .technology-slider__content { margin-top: 3rem } @media screen and (max-width: 1024px) { .technology-slider__content { margin-top: 2rem } } .technology-slider__content p { font-weight: 300; font-size: 1.6rem; line-height: 200%; text-align: center; color: #8D95A4 } @media screen and (max-width: 1024px) { .technology-slider__content p { font-size: 1.3rem; line-height: 140% } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .advantage-slider { display: none } @media screen and (max-width: 768px) { .advantage-slider { display: block; position: relative; padding-bottom: 4rem } } .advantage-slider .about-slider__fraction { position: relative; color: #111111; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); left: 0; top: 0; margin-top: 3rem; margin: 3rem auto 0; max-width: 16rem } .advantage-slider .swiper-pagination-progressbar { background: #E4E4E4; position: relative; width: 7rem; height: 2px } @media screen and (max-width: 768px) { .advantage-slider .about__list-item { width: 100% } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .select { border: 1px solid #E4E4E4; font-weight: 300; font-size: 1.6rem; line-height: 1; color: #111; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 23.5rem; background: inherit; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .select__input { width: 1px; height: 1px; display: inline-block; position: absolute; opacity: 0.01 } @media screen and (min-width: 1024px) { .select:hover { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); border: 1px solid rgba(228, 228, 228, 0) } .select:hover .select__plus { background: #2F80ED } .select:hover .select__plus-icon { fill: #fff } } @media screen and (max-width: 1024px) { .select { font-size: 1.4rem; min-width: 20rem } } .select--active { color: #111 } .select--active .select__value::before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } @media screen and (max-width: 1024px) { .select--active { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); border: 1px solid rgba(228, 228, 228, 0) } .select--active .select__plus { background: #2F80ED } .select--active .select__plus-icon { fill: #fff } .select--active .select__plus-icon--default { opacity: 0; visibility: hidden } .select--active .select__plus-icon--hover { opacity: 1; visibility: visible } } .select__plus { width: 3rem; height: 3rem; background: #E4E4E4; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; right: 0.8rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width: 1024px) { .select__plus { right: 0.5rem } } .select__plus-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #111; width: 1rem; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } .select__plus-icon--hover { opacity: 0; visibility: hidden } .select__value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; padding: 1.5rem calc(3rem + 0.8rem + 0.5rem) 1.5rem 1.8rem } @media screen and (max-width: 1024px) { .select__value { padding: 1.2rem calc(3rem + 0.5rem + 0.5rem) 1.2rem 1.2rem } } .select__btn { margin-top: 2rem; text-align: center } .select__variants { position: absolute; z-index: 10; left: 0; top: 100%; width: calc(100% + 2px); margin-left: -1px; background: #fff; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2rem 0rem; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } @media screen and (max-width: 1024px) { .select__variants { top: 100% } } .select__variant { display: block; text-align: center; cursor: pointer; margin-bottom: 2rem; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; font-size: 1.4rem; line-height: 1.14286; color: #111 } @media screen and (max-width: 1024px) { .select__variant { font-size: 1.2rem } } .select__variant:hover { color: #2F80ED } .select__variant:last-child { margin-bottom: 0px } .select--active .select__variants { display: block } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .tablet__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; font-size: 1.8rem; line-height: 178%; color: #111; padding: 2.5rem 0; border-bottom: 1px solid #F0F2F5 } @media screen and (max-width: 1400px) { .tablet__row { font-size: 14px } } @media screen and (max-width: 1024px) { .tablet__row { font-size: 1.6rem; padding: 2rem } } .tablet__row:last-child { border: none } .tablet__row--top { font-weight: 700; font-size: 1.3rem; line-height: 123%; letter-spacing: 0.02em; text-transform: uppercase; padding-top: 0; border-bottom: 1px solid #111 } @media screen and (max-width: 1400px) { .tablet__row--top { font-size: 12px } } @media screen and (max-width: 1024px) { .tablet__row--top { font-size: 1.3rem } } .tablet__row--top .tablet__row-name { color: #111; pointer-events: none } .tablet__row-name { max-width: 58rem; width: 100%; margin-right: auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #357CDB } @media screen and (max-width: 1024px) { .tablet__row-name { max-width: 100% } } @media screen and (max-width: 768px) { .tablet__row-name { width: 45rem; -ms-flex-negative: 0; flex-shrink: 0 } } .tablet__row-name:hover { color: #2368C5 } .tablet__row-value { max-width: 20.5rem; width: 100%; text-align: right } .tablet__row-value + .tablet__row-value { margin-left: 3rem } @media screen and (max-width: 1024px) { .tablet__row-value { -ms-flex-negative: 0; flex-shrink: 0 } } @media screen and (max-width: 768px) { .tablet__row-value { max-width: 100%; width: 10rem } } table { width: 100%; border-collapse: collapse; caption-side: bottom } @media screen and (max-width: 768px) { table { width: calc(100% + 3rem); margin-right: 15px } } table th { border-bottom: solid 1px #111111; font-weight: 700; font-size: 1.3rem; line-height: 123%; letter-spacing: 0.02em; text-transform: uppercase; color: #111111 } @media screen and (max-width: 1400px) { table th { font-size: 12px } } @media screen and (max-width: 1024px) { table th { font-size: 1.3rem } } table td { border-bottom: solid 1px #F0F2F5; font-weight: 300; font-size: 1.8rem; line-height: 178%; color: #111111 } @media screen and (max-width: 1400px) { table td { font-size: 14px } } @media screen and (max-width: 1024px) { table td { font-size: 1.6rem } } table td a { color: #357CDB; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } table td a:hover { color: #2368C5 } table th, table td { text-align: right; padding: 2.5rem 1.5rem } @media screen and (max-width: 1024px) { table th, table td { padding: 2rem 1.5rem } } table th:first-child, table td:first-child { text-align: left; padding-left: 0 } @media screen and (max-width: 768px) { table th:first-child, table td:first-child { min-width: 43rem } } table th:last-child, table td:last-child { padding-right: 0 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .project { padding-bottom: 2rem } @media screen and (max-width: 1024px) { .project { padding-bottom: 6rem } } .project__top { -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding-bottom: 6rem } @media screen and (max-width: 1024px) { .project__top { padding-bottom: 3rem } } .project__top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 123rem; width: 100%; margin: 6rem auto 0 } @media screen and (max-width: 1024px) { .project__top-wrap { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; padding-top: 9.5rem } } .project__top-right { max-width: 23rem; width: 100%; text-align: right; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 1024px) { .project__top-right { position: absolute !important; padding-bottom: 1.6rem !important; padding-top: 1.6rem; padding-left: 2.5rem; padding-right: 3.5rem; bottom: 0; background: #2F80ED; bottom: 2rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; margin-bottom: 0 } } @media screen and (max-width: 768px) { .project__top-right { max-width: calc(100% - 30px) } } .project__top-right svg { width: 1.6rem; margin-left: auto; margin-bottom: 3rem; fill: #111111; -ms-flex-negative: 0; flex-shrink: 0 } @media screen and (max-width: 1024px) { .project__top-right svg { fill: #fff; margin-bottom: 0; margin-right: 1.3rem; margin-left: 0 } } .project__top-right p { display: inline-block; font-weight: 500; font-size: 1.4rem; line-height: 1.21429; letter-spacing: 0.04em; text-transform: uppercase; color: #111 } @media screen and (max-width: 1024px) { .project__top-right p { font-size: 1.2rem; color: #fff } } .project__top-right p strong { font-weight: 300 } .project__simple-title { max-width: 90rem; width: 100% } .project__body { padding-top: 5rem } @media screen and (max-width: 1024px) { .project__body { padding-top: 3rem } } @media screen and (max-width: 768px) { .project__body { padding-top: 0 } } .project__body .content h5 { font-weight: 500; line-height: 180% } .project__body .content p { font-size: 1.8rem } @media screen and (max-width: 1024px) { .project__body .content p { font-size: 1.6rem } } .project__body-wrap { max-width: 105rem; width: 100%; margin-left: 27rem } @media screen and (max-width: 1024px) { .project__body-wrap { margin-left: 0; max-width: 100% } } .project__body-wrap .accordion__header { font-size: 2.8rem } @media screen and (max-width: 1024px) { .project__body-wrap .accordion__header { font-size: 1.8rem } } .project__body-wrap .brand__tab { padding-bottom: 2.5rem; margin-top: 3rem; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .project__body-wrap .brand__tab { margin-top: 2rem } } .project__body-wrap .brand__tab .download { margin-top: 3rem } .project__body-wrap .brand__tab-body { width: 100%; padding: 4rem 3.2rem } @media screen and (max-width: 1024px) { .project__body-wrap .brand__tab-body { padding: 3rem 2.4rem } } .project__body-wrap .brand__tab-body--padding { padding: 4rem 7.5rem } .project__body-wrap .brand__tab-body .content h5 { font-weight: 500; line-height: 180%; margin-top: 0 } .project__body-wrap .brand__tab-item { border-top: 1px solid #F0F0F0; padding-top: 2.5rem; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .project__body-wrap .brand__tab-item { padding-top: 2rem; margin-bottom: 2rem } } .project__content { max-width: 100%; width: 100%; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .project__content p { font-size: 1.6rem } } .project__tablet { margin-bottom: 4rem; margin-top: 4rem } @media screen and (max-width: 768px) { .project__tablet { overflow: auto; width: calc(100% + 15px); margin-bottom: 3rem } .project__tablet::-webkit-scrollbar-thumb { background: rgba(47, 128, 237, 0.5) !important; border-radius: 10rem } .project__tablet::-webkit-scrollbar { height: 0.5rem } .project__tablet::-webkit-scrollbar-track { border-radius: 10rem; background: color } } @media screen and (max-width: 1024px) { .project__tablet .tablet { width: 100% } } @media screen and (max-width: 768px) { .project__tablet .tablet { width: 75rem } } .project__box { 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; max-width: 135rem; width: 100%; margin-left: 15rem; padding: 3.5rem 0 3.5rem 12rem; position: relative; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .project__box { padding: 0; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .project__box::before { content: ''; position: absolute; top: 0; left: 0; width: 88%; height: 100%; background-image: url(/local/templates/main/assets/css/../images/png/project__box-bg.png); background-repeat: no-repeat; background-size: cover } @media screen and (max-width: 1024px) { .project__box::before { display: none } } .project__box-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .project__box-content { position: relative; z-index: 2; max-width: 63rem; width: 100% } @media screen and (max-width: 1024px) { .project__box-content { max-width: 100%; padding: 3rem; background: #FAFAFA } } .project__box-content p { font-weight: 500; font-size: 2.4rem; line-height: 170%; color: #8D95A4 } @media screen and (max-width: 1024px) { .project__box-content p { font-size: 1.8rem } } .project__box-img { max-width: 39rem } @media screen and (max-width: 1024px) { .project__box-img { margin-bottom: 2rem; max-width: initial; position: relative } } @media screen and (max-width: 768px) { .project__box-img { width: calc(100% + 30px) } } .project__box-img > div { padding-bottom: 66.41% } @media screen and (max-width: 768px) { .project__box-img > div { padding-bottom: 71.41% } } .project__video { margin-bottom: 3rem } .project__video .brand__video { max-width: 100%; margin-bottom: 3rem } .project__video .brand__video > div { padding-bottom: 57.08% } @media screen and (max-width: 768px) { .project__video .brand__video > div { padding-bottom: 80.08% } } .project .download { padding: 3.5rem 4rem } @media screen and (max-width: 1024px) { .project .download { padding: 3.5rem 1.2rem } } .project .download__title { font-size: 1.8rem } @media screen and (max-width: 1024px) { .project .download__title { font-size: 1.6rem } } .project .technology-one__content + .download { margin-top: 3rem; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .project .technology-one__content + .download { padding: 3.5rem 1.2rem } } .project .technology-slider { margin-bottom: 3rem } .project .technology-slider__img > div { padding-bottom: 57.08% } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .card-slider { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .card-slider__mini { height: 54.5rem; max-width: 7rem; width: 100% } @media screen and (max-width: 1024px) { .card-slider__mini { max-width: 6rem; height: 18rem } } .card-slider__mini .swiper-container { height: inherit } .card-slider__mini-img { max-width: 7rem; border: 1px solid rgba(35, 104, 197, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0.5 } .card-slider__mini-img > div img { -o-object-fit: contain; object-fit: contain; width: 70%; height: 70%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .card-slider__mini .swiper-slide-thumb-active .card-slider__mini-img { border: 1px solid #2368C5; opacity: 1 } .card-slider__big { position: relative; width: calc(100% - 7rem); cursor: pointer } @media screen and (max-width: 1024px) { .card-slider__big { width: calc(100% - 4.5rem - 4.5rem - 6rem); margin-right: 4.5rem; margin-left: 4.5rem } } .card-slider__big .swiper-container { height: 100% } .card-slider__big .swiper-wrapper { height: 100% } .card-slider__big-item { height: inherit } .card-slider__big-img { display: block; position: relative; padding-bottom: 116.91% } @media screen and (max-width: 1024px) { .card-slider__big-img { padding-bottom: 70% } } @media screen and (max-width: 600px) { .card-slider__big-img { padding-bottom: 90% } } @media screen and (max-width: 480px) { .card-slider__big-img { padding-bottom: 115.91% } } .card-slider__big-img img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: contain; object-fit: contain } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .product { background: #FAFAFA; padding: 3.7rem 4rem 6.2rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .product:hover { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } .product:hover .product__title p { color: #357CDB } @media screen and (max-width: 1024px) { .product { padding: 2rem 1.5rem } } .product__img { max-width: 23rem; margin: 0 auto 3.5rem } @media screen and (max-width: 1024px) { .product__img { max-width: 6.4rem; margin: 0 auto 1.6rem } } .product__img > div { padding-bottom: 93.33% } .product__img > div img { -o-object-fit: contain; object-fit: contain } .product__title p { font-weight: 300; font-size: 1.6rem; line-height: 160%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .product__title p { font-size: 1.3rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .index-about { padding-bottom: 14rem } @media screen and (max-width: 1024px) { .index-about { padding-bottom: 5rem } } @media screen and (max-width: 768px) { .index-about { padding-bottom: 1rem } } .index-about .simple-title { margin-bottom: 5rem } @media screen and (max-width: 1024px) { .index-about .simple-title { text-align: center; font-size: 2.2rem; margin-bottom: 3rem } } .index-about .about__list { margin-bottom: 0 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @media screen and (max-width: 1024px) { .index-news { padding-bottom: 5rem } } .index-news .simple-title { margin-bottom: 5rem } @media screen and (max-width: 1024px) { .index-news .simple-title { text-align: center; font-size: 2.2rem; margin-bottom: 3rem } } .index-news__wrap { background-image: url(/local/templates/main/assets/css/../images/png/index-news-bg.png); background-repeat: no-repeat; background-size: cover; padding: 8rem 0 } @media screen and (max-width: 1024px) { .index-news__wrap { padding: 0 } } @media screen and (max-width: 1024px) { .index-news__wrap .center-wrap { padding: 0 } } .index-news__btn { margin-top: 8rem; text-align: center } @media screen and (max-width: 1024px) { .index-news__btn { margin-top: 4rem } } .index-news .news__list { grid-template-columns:repeat(3, 1fr); grid-gap: 3rem; padding-top: 0; margin-bottom: 0; max-width: 100% } @media screen and (max-width: 1024px) { .index-news .news__list { grid-template-columns:repeat(1, 1fr); grid-gap: 0 } } .index-news .news__item { background: inherit; padding: 5rem 2.5rem 6.5rem 11.5rem; color: #fff } .index-news .news__item::before { display: none } @media screen and (max-width: 1024px) { .index-news .news__item { padding: 3rem 15px; border: none; border-bottom: 1px solid #3687f3 } .index-news .news__item:hover { border: none } } .index-news .news__item-title { font-weight: 700 } .index-news .news__item-date { margin-bottom: 7.5rem } @media screen and (max-width: 1024px) { .index-news .news__item-date { margin-bottom: 3rem } } .index-news .news__item-arrow { margin-top: 3rem } @media screen and (max-width: 1024px) { .index-news .news__item-arrow { display: none } } .index-news .news__item-img { opacity: 0; visibility: visible } .index-news .news__item:hover { background: inherit } .index-news .news__item:hover .news__item-img { opacity: 1; visibility: visible } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .index-project { padding-top: 10rem; padding-bottom: 14rem } @media screen and (max-width: 1024px) { .index-project { padding-top: 0; padding-bottom: 5rem } } .index-project .simple-title { margin-bottom: 6rem } @media screen and (max-width: 1024px) { .index-project .simple-title { text-align: center; font-size: 2.2rem; margin-bottom: 3rem } } .index-project__img { position: absolute; right: 0; top: 0; max-width: 69.5rem; width: 100%; height: 100%; z-index: 4; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } .index-project__img-bg { background-image: url(/local/templates/main/assets/css/../images/png/index-project-img.png); background-size: 100% 100%; border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; width: 90%; height: 90%; -webkit-animation: morph 5s linear infinite; animation: morph 5s linear infinite; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: border-radius; position: absolute; left: 0; top: 5% } .index-project__row .link svg { margin-right: 10rem } .index-project__row:first-child { border-top: 1px solid #f0f0f0 } .index-project__btn { text-align: center; margin-top: 8rem } @media screen and (max-width: 1024px) { .index-project__btn { margin-top: 4rem } } .index-project .link { padding-left: 0 } .index-project .link:hover { padding-left: 3rem } .index-project .link:hover:before { background: #f0f0f0 } .index-project .jobs__link-wrap { position: relative } .index-project .jobs__link-item { padding-right: 70rem } @media screen and (max-width: 1024px) { .index-project .jobs__link-item { padding-left: 15px; padding-right: 15px } .index-project .jobs__link-item:hover::before { background: #2F80ED } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .add-file { margin-top: 4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .add-file__upload { position: absolute; top: 0; right: 0; width: 100%; height: 100%; left: 0; margin: 0; padding: 0; font-size: 0; cursor: pointer; opacity: 0 } .add-file__fileUpload { text-align: center; margin-bottom: 3rem } .add-file__text { font-weight: 500; font-size: 1.6rem; color: #2F80ED; position: relative } @media screen and (max-width: 1024px) { .add-file__text { font-size: 1.4rem } } .add-file__input { height: 42px; background-color: white; border: 1px dashed rgba(128, 128, 128, 0); width: 100%; font-weight: 300; font-size: 1.6rem; color: #3687F3; padding: 0 4.6rem 0 2rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .add-file__input--active { border: 1px dashed gray } @media screen and (max-width: 1024px) { .add-file__input { font-size: 1.4rem } } .add-file__input-wrap { position: relative } .add-file__close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 1.6rem; opacity: 0; visibility: visible; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .add-file__close--active { opacity: 1; visibility: visible } .add-file__close svg { width: 1.4rem } .fileUpload { position: relative; overflow: hidden } .f-input { height: 42px; background-color: white; border: 1px solid gray; width: 100%; max-width: 400px; float: left; padding: 0 14px } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .product-slider { position: relative } .product-slider .product { display: block } @media screen and (max-width: 1024px) { .product-slider .swiper-button { display: none } } .product-slider .swiper-button-prev { left: 0 } .product-slider .swiper-button-next { right: 0 } .product-slider .swiper-button-next, .product-slider .swiper-button-prev { width: 6.2rem; height: 6.2rem; background-color: #2368C5; margin-top: 0; top: 37%; -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } .product-slider .swiper-button-next svg, .product-slider .swiper-button-prev svg { width: 2.9rem; fill: #FAFAFA; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } .product-slider .swiper-button-next:hover, .product-slider .swiper-button-prev:hover { background: rgba(17, 17, 17, 0.4) } .product-slider .swiper-button-next:hover svg, .product-slider .swiper-button-prev:hover svg { fill: #fff } .product-slider .swiper-button-next::after, .product-slider .swiper-button-prev::after { display: none } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .main-slider { position: relative; min-height: 100vh; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 1024px) { .main-slider { height: auto; min-height: auto } } .main-slider__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 768px) { .main-slider__video { width: 200%; left: auto; right: 0 } } @media screen and (max-width: 480px) { .main-slider__video { right: auto; left: -170%; width: 300% } } .main-slider__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .main-slider__simple-title { margin-bottom: 4rem; font-size: 7rem; color: #333333 } @media screen and (max-width: 1024px) { .main-slider__simple-title { margin-bottom: 3rem; font-size: 2.6rem } } .main-slider__content { margin-bottom: 4rem } @media screen and (max-width: 1024px) { .main-slider__content { margin-bottom: 3rem } } .main-slider__content p { font-size: 2rem; line-height: 140% } @media screen and (max-width: 1024px) { .main-slider__content p { font-weight: 300; font-size: 1.6rem; line-height: 140%; color: #111111 } } .main-slider__info { width: 50%; position: relative; z-index: 5 } @media screen and (max-width: 1024px) { .main-slider__info { width: 60%; position: relative; z-index: 3 } } @media screen and (max-width: 768px) { .main-slider__info { width: 100% } } .main-slider__img { max-width: 52rem; margin-left: 16rem } @media screen and (max-width: 1024px) { .main-slider__img { position: absolute; margin-left: 0; max-width: 23.5rem } } .main-slider__img > div { padding-bottom: 119.23% } .main-slider__img > div img { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 80%; -o-object-fit: contain; object-fit: contain } @media screen and (max-width: 1024px) { .main-slider__img > div img { height: 100% } } .main-slider__top { padding-top: 11.5rem; height: calc(100% - 12.5rem); display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1024px) { .main-slider__top { padding-top: 6.5rem; height: 100% } } .main-slider__top .swiper-container { height: 100% } .main-slider__top .swiper-wrapper { height: 100% } @media screen and (max-width: 1024px) { .main-slider__top .swiper-slide { padding-top: 12rem; padding-bottom: 8rem; height: initial } } @media screen and (max-width: 480px) { .main-slider__top .swiper-slide { padding-top: 5rem; padding-bottom: 10rem } } .main-slider__top .swiper-slide .center-wrap { max-width: 1510px; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1850px) { .main-slider__top .swiper-slide .center-wrap { max-width: calc(100% - 50px) } } @media screen and (max-width: 1024px) { .main-slider__top .swiper-slide .center-wrap { max-width: 768px } } .main-slider__bottom { border-top: 1px solid #C5CBD3; -webkit-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06); margin-top: auto; position: relative; z-index: 5 } .main-slider__bottom-title { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative } .main-slider__bottom-title br { display: none } @media screen and (max-width: 480px) { .main-slider__bottom-title br { display: block } } @media screen and (max-width: 1024px) { .main-slider__bottom-title { font-size: 1.4rem } } .main-slider__bottom .swiper-container { padding: 3.5rem 0 } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-container { overflow: hidden; padding: 2rem 0 } .main-slider__bottom .swiper-container::-webkit-scrollbar-thumb { background: rgba(0, 0, 255, 0) !important; border-radius: 10rem } .main-slider__bottom .swiper-container::-webkit-scrollbar { height: 0.5rem } .main-slider__bottom .swiper-container::-webkit-scrollbar-track { border-radius: 10rem; background: color } } .main-slider__bottom .swiper-wrapper { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-slider__bottom .swiper-slide { cursor: pointer } @media screen and (max-width: 480px) { .main-slider__bottom .swiper-slide { width: auto !important } } .main-slider__bottom .swiper-slide::before { content: ""; position: absolute; left: 0px; bottom: calc(100% + 3.5rem - 1px); width: 100%; height: 2px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-slide::before { bottom: calc(100% + 2rem - 1px) } } .main-slider__bottom .swiper-slide-thumb-active .main-slider__bottom-title, .main-slider__bottom .swiper-slide:hover .main-slider__bottom-title { color: #357CDB } .main-slider__bottom .swiper-slide-thumb-active::before, .main-slider__bottom .swiper-slide:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-slider__bottom .swiper-slide:first-child { width: 0 !important; height: 0 !important; opacity: 0 !important; visibility: hidden !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important } @media screen and (max-width: 1024px) { .main-slider__bottom .center-wrap { max-width: 100%; padding-left: calc(((100% - 768px) / 2) + 15px); padding-right: 0 } } @media screen and (max-width: 768px) { .main-slider__bottom .center-wrap { padding-left: 15px } } .main-slider__bottom .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; padding: 3.5rem 0 } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-pagination { overflow: auto; padding: 2rem 0 } .main-slider__bottom .swiper-pagination::-webkit-scrollbar-thumb { background: rgba(0, 0, 255, 0) !important; border-radius: 10rem } .main-slider__bottom .swiper-pagination::-webkit-scrollbar { height: 0.5rem } .main-slider__bottom .swiper-pagination::-webkit-scrollbar-track { border-radius: 10rem; background: color } } .main-slider__bottom .swiper-pagination-bullet { max-width: calc(100% - (11rem * 6)); width: 100%; height: auto; opacity: 1; background: inherit; text-align: left; position: relative; font-weight: 300; font-size: 1.6rem; line-height: 120%; color: #111111; margin-right: 11rem } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-pagination-bullet { margin-right: 5rem } } @media screen and (max-width: 768px) { .main-slider__bottom .swiper-pagination-bullet { margin-right: 2.5rem } } .main-slider__bottom .swiper-pagination-bullet:last-child { margin-right: 0px !important } .main-slider__bottom .swiper-pagination-bullet:first-child { display: none !important; margin: 0 !important } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-pagination-bullet { -ms-flex-negative: 0; flex-shrink: 0; width: 18rem } } @media screen and (max-width: 768px) { .main-slider__bottom .swiper-pagination-bullet { max-width: 100%; width: auto } } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-pagination-bullet { font-size: 1.4rem } } .main-slider__bottom .swiper-pagination-bullet::before { content: ''; position: absolute; bottom: calc(100% + 3.5rem); left: -1rem; width: calc(100% + 2rem); height: 2px; background: rgba(47, 128, 237, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .main-slider__bottom .swiper-pagination-bullet::before { bottom: calc(100% + 1.9rem); width: 100%; left: 0 } } .main-slider__bottom .swiper-pagination-bullet-active .main-slider__bottom-text, .main-slider__bottom .swiper-pagination-bullet:hover .main-slider__bottom-text { color: #357CDB } .main-slider__bottom .swiper-pagination-bullet-active::before, .main-slider__bottom .swiper-pagination-bullet:hover::before { background: #2f80ed } .main-slider__bottom .swiper-pagination-text { position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .main-slider__bottom-wrap { display: grid; grid-template-columns:repeat(7, 1fr); grid-gap: 9rem } .main-slider__bottom-item { position: relative; padding: 0 1rem } .main-slider__bottom-item::before { content: ""; position: absolute; left: 0px; bottom: calc(100% + 3.5rem); width: 100%; height: 2px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .main-slider__bottom-item:hover { color: #357CDB } .main-slider__bottom-item:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-slider__loading { width: 3.2rem; height: 3.2rem; position: absolute; bottom: 17.5rem; right: calc(((100% - 1800px) / 2) + 15px); z-index: 5 } @media screen and (max-width: 1850px) { .main-slider__loading { right: 40px } } .main-slider .spinner { width: 100%; height: 100% } .main-slider .spinner circle { position: absolute; left: 0; top: 0 } .main-slider .spinner .path2 { stroke: #E4E4E4; z-index: -1 } .main-slider .spinner .path1 { stroke-dasharray: 270; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .main-slider .spinner--active .path1 { -webkit-animation: dash 9s ease-in-out infinite; animation: dash 9s ease-in-out infinite; stroke: #111 } @-webkit-keyframes dash { 0% { stroke-dashoffset: 270 } 100% { stroke-dashoffset: 67.5 } } @keyframes dash { 0% { stroke-dashoffset: 270 } 100% { stroke-dashoffset: 67.5 } } .main-slider #lottie { position: absolute; z-index: 2; pointer-events: none } .blob { position: fixed; z-index: 1000; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none } #path1 { fill: #2196F3; opacity: .3 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .sidebar-menu { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; bottom: 0px; z-index: 102; overflow: hidden; background: rgba(111, 111, 111, 0.75); display: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; -ms-touch-action: none; touch-action: none } .sidebar-menu--active { display: -webkit-box; display: -ms-flexbox; display: flex } .sidebar-menu--opacity0 { opacity: 0 } .sidebar-menu--opacity1 { opacity: 1 } .sidebar-menu__wrap { background: #fff; width: 450px; height: 100%; position: absolute; right: -450px; -webkit-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto } @media screen and (max-width: 480px) { .sidebar-menu__wrap { right: -100%; width: 100% } } .sidebar-menu__wrap-box { overflow-X: hidden; position: relative } .sidebar-menu__wrap--left0 { right: 0px } .sidebar-menu__wrap--left300 { right: -450px } @media screen and (max-width: 480px) { .sidebar-menu__wrap--left300 { right: -100% } } @media screen and (max-width: 1024px) { .sidebar-menu .sidebar { display: block; width: 100%; max-width: 100%; padding-top: 0 } } @media screen and (max-width: 1024px) { .sidebar-menu .sidebar__link { padding: 2.2rem 15px } .sidebar-menu .sidebar__link svg { width: 1.7rem } } .sidebar-menu__close { background: #FAFAFA; padding-top: 3rem; padding-bottom: 2.4rem; padding-right: 15px } .sidebar-menu__act { width: 3.9rem; height: 3.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: auto; border: 1px solid #F0F0F0; -ms-flex-negative: 0; flex-shrink: 0 } .sidebar-menu__act svg { width: 1rem } .sidebar-menu .search__btn { width: 1.6rem } .sidebar-menu .search__btn svg { width: inherit } .sidebar-menu .header__search { pointer-events: initial } .sidebar-menu .header__search .search__input-wrap--active { height: 100%; padding-right: 15px; background: #fff } .sidebar-menu .header__search .search__input { text-align: left; padding-left: 15px; padding-right: 15px } .sidebar-menu .header__search .search__input::-webkit-input-placeholder { text-align: left; font-size: 1.6rem } .sidebar-menu .header__search .search__input::-moz-placeholder { text-align: left; font-size: 1.6rem } .sidebar-menu .header__search .search__input:-ms-input-placeholder { text-align: left; font-size: 1.6rem } .sidebar-menu .header__search .search__input::-ms-input-placeholder { text-align: left; font-size: 1.6rem } .sidebar-menu .header__search .search__input::placeholder { text-align: left; font-size: 1.6rem } .sidebar-menu__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none } .sidebar-menu__nav-item { padding: 1.8rem 15px; 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; border-bottom: 1px solid #F0F0F0 } .sidebar-menu__nav-item:last-child { margin-bottom: 0px } .sidebar-menu__nav-item svg { -ms-flex-negative: 0; flex-shrink: 0 } .sidebar-menu__nav-link { font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase; color: #111; padding-right: 3rem } .sidebar-menu__nav-link--bg { background-color: #2F80ED; color: #fff; padding: 2.5px 1rem } .sidebar-menu__nav-body { padding: 1rem 15px 0 } .sidebar-menu__drop { position: absolute; bottom: 0; left: 0%; width: 100%; height: calc(100% - 8.5rem); background-color: #fff; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .sidebar-menu__drop--active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .sidebar-menu__drop-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase; color: #111; border-bottom: 1px solid #F0F0F0; padding: 1.8rem 15px } .sidebar-menu__drop-prev svg { width: 1.4rem; margin-right: 3.5rem; -ms-flex-negative: 0; flex-shrink: 0 } .sidebar-menu__tab { border-bottom: 1px solid #F0F0F0 } .sidebar-menu__tab svg { -ms-flex-negative: 0; flex-shrink: 0 } .sidebar-menu__tab-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; width: 100%; padding: 1.8rem 15px } .sidebar-menu__tab-body { padding: 0rem 15px } .sidebar-menu__tab-item { margin-bottom: 0.5rem; padding: 1rem 0 } .sidebar-menu__tab-item:last-child { margin-bottom: 0px } .sidebar-menu__tab-link { font-weight: 500; font-size: 1.6rem; line-height: 130%; color: #2F80ED } .sidebar-menu .btn { margin-top: auto } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .radio__input { position: absolute; width: 0px; height: 0px; overflow: hidden; clip: rect(0 0 0 0); padding-left: 2rem } .radio__input:checked + .radio__content { background: #2F80ED } .radio__input:checked + .radio__content::before { background: #fff } .radio__input[type='checkbox'] + .radio__content { border-radius: 0 } .radio__input[type='checkbox'] + .radio__content::before { background: url(/local/templates/main/assets/css/../images/svg/checkbox.svg); background-repeat: no-repeat; width: 8px; height: 6px; opacity: 0 } .radio__input[type='checkbox']:checked + .radio__content::before { opacity: 1 } .radio__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -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: 300; font-size: 1.6rem; color: #111111; position: relative; cursor: pointer; width: 100%; padding: 1.1rem 1.5rem; background: #FFFFFF } .radio__label--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .radio__label--row .radio__content { margin-left: 0; margin-right: 1rem } @media screen and (max-width: 1024px) { .radio__label { font-size: 1.4rem } } .radio__label:hover { background: #FAFAFA } .radio__content { position: relative; width: 16px; height: 16px; border-radius: 50%; border: 6px solid rgba(47, 128, 237, 0); -ms-flex-negative: 0; flex-shrink: 0; margin-left: 1rem; background: #EDEDED; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .radio__content::before { content: ''; width: 4px; height: 4px; background: rgba(255, 255, 255, 0); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: inherit; -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .filter-menu { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; bottom: 0px; z-index: 102; overflow: hidden; background: rgba(111, 111, 111, 0.75); display: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; -ms-touch-action: none; touch-action: none } .filter-menu--active { display: -webkit-box; display: -ms-flexbox; display: flex } .filter-menu--opacity0 { opacity: 0 } .filter-menu--opacity1 { opacity: 1 } .filter-menu__wrap { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)); background: -o-linear-gradient(bottom, #fff, #fff); background: linear-gradient(0deg, #fff, #fff); width: 360px; height: 100%; position: absolute; left: -360px; -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: auto } @media screen and (max-width: 480px) { .filter-menu__wrap { left: -100%; width: 100% } } .filter-menu__wrap-box { overflow-X: hidden; position: relative } .filter-menu__wrap--left0 { left: 0px } .filter-menu__wrap--left300 { left: -360px } @media screen and (max-width: 480px) { .filter-menu__wrap--left300 { left: -100% } } .filter-menu__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.6rem 15px 1.8rem; border-bottom: 1px solid #F0F2F5; position: relative; -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04) } .filter-menu__body { padding: 2.4rem 15px 0 } .filter-menu__body .select__btn { margin-top: 4rem } .filter-menu__body-select + .filter-menu__body-select { margin-top: 2.4rem } .filter-menu__body-select .select { width: 100% } .filter-menu__body-select .select__value { padding: 1.7rem calc(3rem + 0.5rem + 0.5rem) 1.7rem 1.2rem } .filter-menu__logo { max-width: 10rem; margin-right: auto } .filter-menu__logo > div { padding-bottom: 32% } .filter-menu__logo > div img { -o-object-fit: contain; object-fit: contain } .filter-menu__box { padding: 3rem 15px 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #F0F0F0 } .filter-menu__box .catalog__filter-reset { margin: 0 } .filter-menu__box .catalog__filter-reset svg { width: 1.6rem; fill: #8D95A4 } .filter-menu__box .catalog__filter-reset svg line { stroke: #8D95A4 } .filter-menu__box .catalog__filter-reset--active { pointer-events: initial } .filter-menu__box .catalog__filter-reset--active svg { fill: #111 } .filter-menu__box .catalog__filter-reset--active svg line { stroke: #111 } .filter-menu__box-title { margin-right: auto; font-weight: 500; font-size: 1.3rem; line-height: 160%; letter-spacing: 0.08em; text-transform: uppercase; color: #111111 } .filter-menu__act { width: 3.9rem; height: 3.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: 3.5rem; border: 1px solid #F0F0F0; -ms-flex-negative: 0; flex-shrink: 0 } .filter-menu__act svg { width: 1rem; fill: #111 } .filter-menu .search__btn { width: 1.6rem } .filter-menu .search__btn svg { width: inherit } .filter-menu .header__search { pointer-events: initial } .filter-menu .header__search .search__input-wrap--active { height: 100%; padding-right: 15px; background: #fff } .filter-menu .header__search .search__input { text-align: left; padding-left: 15px; padding-right: 15px } .filter-menu .header__search .search__input::-webkit-input-placeholder { text-align: left; font-size: 1.6rem } .filter-menu .header__search .search__input::-moz-placeholder { text-align: left; font-size: 1.6rem } .filter-menu .header__search .search__input:-ms-input-placeholder { text-align: left; font-size: 1.6rem } .filter-menu .header__search .search__input::-ms-input-placeholder { text-align: left; font-size: 1.6rem } .filter-menu .header__search .search__input::placeholder { text-align: left; font-size: 1.6rem } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .accordion { margin-top: 2rem; margin-bottom: 4rem; border-top: 1px solid #F0F2F5 } .accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-weight: 500; font-size: 2rem; line-height: 1.25; color: #111111; position: relative; min-height: calc(5rem + 2px); padding-right: calc(5rem + 2rem) } @media screen and (max-width: 1024px) { .accordion__header { font-size: 1.8rem; min-height: calc(4rem + 2px) } } .accordion__header::before { content: '+'; position: absolute; top: 0; color: #111111; font-size: 4rem; font-weight: 300; right: 0; width: 5rem; height: 5rem; -ms-flex-negative: 0; flex-shrink: 0; background: inherit; border: 1px solid #f0f2f5; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; 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; transition: all .5s } @media screen and (max-width: 1024px) { .accordion__header::before { font-size: 3rem; width: 4rem; height: 4rem } } @media screen and (min-width: 1024px) { .accordion__header:hover:before { background: #F0F0F0; border: 1px solid rgba(240, 242, 245, 0) } } .accordion__header--active::before { content: '—'; background: #2F80ED; border: 1px solid rgba(240, 242, 245, 0); color: #fff } @media screen and (min-width: 1024px) { .accordion__header--active:hover::before { background: #F0F0F0; border: 1px solid rgba(240, 242, 245, 0); color: #111 } } .accordion__item { border-bottom: 1px solid #F0F2F5; padding-bottom: 2.4rem; padding-top: 2.4rem } .accordion__item:last-child { margin-bottom: 0px } .accordion__body { max-height: 0; background: #fff; -webkit-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; transition: max-height 0.5s ease; overflow: hidden } .accordion__body-wrap { padding-top: 2.4rem } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .equipment-item { display: grid; grid-template-columns:20% 1fr 37%; gap: 2.3rem; padding: 3rem 1.3rem } @media screen and (max-width: 1024px) { .equipment-item { grid-template-columns:30% 65%; grid-template-rows:auto; gap: 5%; padding: 1.5rem 1rem } } @media screen and (max-width: 1024px) { .equipment-item__col--description { grid-column-start: 1; grid-column-end: -1 } } .equipment-item__img { -ms-flex-negative: 0; flex-shrink: 0; width: 12.7rem; height: 14.8rem } @media screen and (max-width: 1024px) { .equipment-item__img { width: 100%; height: auto } } .equipment-item__img img { margin: 0; max-width: 100%; height: auto; -o-object-fit: contain; object-fit: contain } .equipment-item__link { display: inline-block; max-width: 34rem; padding-top: 2.3rem; font-size: 2rem; line-height: 140%; font-weight: 500; color: #2F80ED; -webkit-transition: color ease; -o-transition: color ease; transition: color ease } @media screen and (max-width: 1024px) { .equipment-item__link { padding-top: 1rem; font-size: 22px; line-height: 120% } } @media screen and (max-width: 480px) { .equipment-item__link { font-size: 18px } } @media (hover: hover), screen and (min-width: 0\0 ) { .equipment-item__link:hover, .equipment-item__link:focus { color: #357CDB } } .equipment-item__description { padding-top: 2.1rem; font-weight: 350; font-size: 1.6rem; line-height: 140%; color: #8D95A4 } @media screen and (max-width: 1024px) { .equipment-item__description { font-size: 16px; padding: 0 } } @media screen and (max-width: 480px) { .equipment-item__description { font-size: 14px } } .equipment-item p.equipment-item__description { line-height: 137% } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .link-underline { position: relative } .link-underline::before { content: ''; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #111; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s } .link-underline:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .link-site__content { max-width: 50rem; width: 100%; margin: 5rem auto } .link-site__content li { margin-bottom: 2rem } .link-site a { position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .link-site a::before { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .link-site a:hover { color: #2F80ED } .link-site a:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } #link-site-page .footer { display: none } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .header { /*position: absolute;*/ top: 0px; width: 100%; z-index: 4; -webkit-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; opacity: 0; -webkit-animation: header-opacity 1s; animation: header-opacity 1s } .header--fixed { position: fixed; opacity: 1; width: 100%; top: 0px; left: 0px; background: #ffffff; -webkit-box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03); box-shadow: 0px 1px 36px 13px rgba(21, 21, 21, 0.03); -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-animation: header-height 0.5s !important; animation: header-height 0.5s !important; -webkit-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; z-index: 98 } .header--fixed.header--hover { overflow: auto } .header--height0 { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-animation: header-height0 0.5s !important; animation: header-height0 0.5s !important } @-webkit-keyframes header-height { 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes header-height { 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @-webkit-keyframes header-height0 { 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%) } } @keyframes header-height0 { 100% { -webkit-transform: translate(0, -100%); transform: translate(0, -100%) } } @-webkit-keyframes disableBreakpointAnimation { 0% { visibility: hidden; opacity: 0 } 100% { visibility: hidden; opacity: 0 } } @keyframes disableBreakpointAnimation { 0% { visibility: hidden; opacity: 0 } 100% { visibility: hidden; opacity: 0 } } @-webkit-keyframes header-opacity { 100% { opacity: 1 } } @keyframes header-opacity { 100% { opacity: 1 } } .header--error .header__bottom { border-bottom: none; padding: 5rem } @media screen and (max-width: 1024px) { .header--error .header__bottom { padding: 1.6rem 0 } } .header__top-rbru { display: flex; justify-content: space-between; align-items: center } .header__top { background: #fafafa; padding: 1.2rem 0 } .header__top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .header__top-tel { font-weight: 500; font-size: 1.3rem; line-height: 1.23077; color: #111; margin-right: 3rem; position: relative } @media screen and (max-width: 1400px) { .header__top-tel { font-size: 1.6rem } } .header__top-tel::before { content: ''; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; background: #111; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s } .header__top-tel:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header__top-btn { font-size: 1.3rem; font-weight: 500; color: #357CDB; position: relative } @media screen and (max-width: 1400px) { .header__top-btn { font-size: 1.6rem } } .header__top-btn::before { content: ''; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; background: #357CDB; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s } .header__top-btn:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header__top-btn + .header__top-btn { margin-left: 3rem } .header__bottom { padding: 1.5rem 0 2rem; background: #fff } @media screen and (max-width: 1024px) { .header__bottom { padding: 1.3rem 0; border: none; -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04); box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04) } } .header__bottom-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .header__logo { /*margin-right:13rem; //было до добавления Приглашаем на VODEXPO 2025 8-10 апреля, ЦВК Экспоцентр*/ margin-right: 100px; max-width: 12rem } @media screen and (max-width: 1024px) { .header__logo { max-width: 10rem } } .header__logo > div { padding-bottom: 31.66% } .header__logo > div img { -o-object-fit: contain; object-fit: contain } .header__event-invitation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: auto; justify-content: center; width: 28.6rem; background-color: #2f80ed; height: 4rem; padding: 5px 1rem } .header__event-invitation__title { pointer-events: none; font-weight: 400; font-size: 1.4rem; line-height: 1.21429; letter-spacing: .08em; text-transform: uppercase; color: #fafafa; z-index: 1 } @media screen and (max-width: 1024px) { .header__event-invitation { position: absolute; top: 7rem; width: 100% } } .header__catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*margin-right: auto;*/ width: 15.6rem; height: 40px; cursor: pointer; background-color: #2F80ED; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease } .header__catalog-icon { pointer-events: none; width: 5.5rem; height: 4rem; background: transparent; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; outline: none; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease } .empty-btn { display: flex; align-items: center; justify-content: center; margin-left: 30px; margin-right: auto; border: 2px solid #2F80ED; width: 15.6rem; padding: 9px; text-align: center; font-size: 1.4rem; letter-spacing: 0.08em; line-height: 1.21429; font-weight: 500; text-transform: uppercase; cursor: pointer; height: 40px; } .services-top-menu { position: relative; margin-right: auto; } .services-top-menu__list { position: absolute; left: 30px; top: 100%; width: calc(100% - 30px); border: 2px solid #2F80ED; background: #fff; z-index: 1; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all .3s; } .services-top-menu__link { display: flex; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: 0.08em; line-height: 1.21429; font-weight: 500; height: 40px; text-transform: uppercase; transition: all .2s; } .services-top-menu__link:hover { background: #2F80ED; color: #fff; } .services-top-menu:hover .services-top-menu__list { opacity: 1; transform: translateY(-2px); visibility: visible; } .header__catalog-icon svg { width: 1.5rem; height: 1.5rem; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color: #FAFAFA } .header__catalog-icon--default, .header__catalog-icon--active { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.9rem; fill: #111; -webkit-transition: fill 0.5s; -o-transition: fill 0.5s; transition: fill 0.5s } .header__catalog-icon--active { opacity: 0; visibility: hidden } .header__catalog-title { pointer-events: none; font-weight: 500; font-size: 1.4rem; line-height: 1.21429; letter-spacing: 0.08em; text-transform: uppercase; color: #FAFAFA; margin-left: -5px; z-index: 1 } @media screen and (max-width: 1400px) { .header__catalog-title { font-size: 1.6rem } } @media (hover: hover), screen and (min-width: 0\0 ) { .header__catalog:hover, .header__catalog:focus { background-color: #357CDB } } .header__catalog--active .header__catalog-icon svg { width: 1rem; height: 1rem } .header__catalog--active .header__catalog-icon--default { opacity: 0; visibility: hidden } .header__catalog--active .header__catalog-icon--active { opacity: 1; visibility: visible } .header__catalog--active .header__catalog-icon svg { fill: #fff } .header__nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header__nav-item { margin-right: 4.5rem; position: relative } .header__nav-item::before { content: ''; position: absolute; left: 0px; top: 100%; background-color: transparent; width: 100%; height: 29px; z-index: 100 } @media screen and (max-width: 1024px) { .header__nav-item::before { display: none } } .header__nav-item:hover .header__drop { opacity: 1; visibility: visible; pointer-events: auto } .header__nav-item:last-child { margin-right: 0px } .header__nav-link { position: relative; font-weight: 500; font-size: 1.4rem; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } @media screen and (max-width: 1400px) { .header__nav-link { font-size: 1.6rem } } .header__nav-link::before { content: ''; position: absolute; left: 0px; bottom: -3.3rem; width: 100%; height: 2px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s } @media screen and (max-width: 1850px) { .header__nav-link::before { bottom: -3.4rem } } .header__nav-link:hover, .header__nav-link--active { color: #2F80ED } .header__nav-link:hover::before, .header__nav-link--active::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header__nav-link--bg { background: #2F80ED; color: #fff; padding: 0.5rem } .header__nav-link--bg::before { display: none } .header__nav-link--bg:hover { color: #2F80ED; background: inherit } .header__drop { position: absolute; left: -2rem; top: calc(100% + 3.3rem); width: 24rem; background: #2F80ED; padding: 2rem; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-animation: disableBreakpointAnimation; animation: disableBreakpointAnimation; -webkit-animation-duration: 1s; animation-duration: 1s } .header__drop::after { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; height: 3.3rem } .header__drop-item { margin-bottom: 1.2rem } .header__drop-item:last-child { margin-bottom: 0px } .header__drop-link { display: block; padding: 1rem 0; font-weight: 500; font-size: 1.2rem; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .header__drop-link::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 1rem; height: 0.8rem; background-image: url(/local/templates/main/assets/css/../images/svg/header-drop.svg); background-repeat: no-repeat; background-size: contain; opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s } .header__drop-link:hover { padding-left: 2.5rem } .header__drop-link:hover::before { opacity: 1 } .header__search { margin-left: 5rem } @media screen and (max-width: 1024px) { .header__search { margin-left: auto } } .header__tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2.5rem } .header__tel svg { width: 1.8rem; stroke: #2f80ed } .header__burger { 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; width: 2.5rem; cursor: pointer; margin-left: 2.5rem } .header__burger:hover div { border-bottom-color: #357CDB } .header__burger div { margin-bottom: 4px; width: 100%; border-bottom: 2px solid #2F80ED; -webkit-transition: border-bottom-color 0.5s; -o-transition: border-bottom-color 0.5s; transition: border-bottom-color 0.5s } .header__burger div:last-child { margin-bottom: 0px } .borderline { height: 1px; position: relative; background: #f0f0f0 } @media screen and (max-width: 1024px) { .borderline { display: none } } .borderline:first-child { top: -1.5rem } .borderline:last-child { top: 2rem } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .footer { border-top: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .footer { border-top: 1px solid #F0F0F0 } } .footer__space { margin-top: -1px; height: 1px; position: relative } .footer__space div { content: ''; position: absolute; top: 0px; left: 0px; width: 100% } @media screen and (max-width: 1024px) { .footer__space { display: none } } .footer__top { background: #FFFFFF; -webkit-box-shadow: inset 0 16px 20px rgba(0, 0, 0, 0.02); box-shadow: inset 0 16px 20px rgba(0, 0, 0, 0.02); padding: 3rem 0 3rem; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .footer__top { padding: 1.3rem 0 } } .footer__top-wrap { 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 { max-width: 12rem } .footer__logo > div { padding-bottom: 33.33% } .footer__logo > div img { -o-object-fit: contain; object-fit: contain } .footer__download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 23.5rem; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width: 1024px) { .footer__download { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .footer__download .img-wrap { max-width: 3.6rem; width: 100%; margin-right: 0.5rem } .footer__download .img-wrap > div img { -o-object-fit: contain; object-fit: contain } .footer__download svg { width: 3.5rem } @media screen and (max-width: 1024px) { .footer__download svg { margin-right: 1rem } } .footer__download p { font-weight: 300; font-size: 1.4rem; line-height: 1; color: #2F80ED; position: relative } @media screen and (max-width: 1400px) { .footer__download p { font-size: 1.6rem } } .footer__download:hover p { color: #2368C5 } .footer__body { padding: 3rem 0; position: relative } @media screen and (max-width: 1024px) { .footer__body { padding: 2rem 0 0 0 } } @media screen and (max-width: 1024px) { .footer__body .center-wrap { max-width: 100%; padding: 0 } } @media screen and (max-width: 1024px) { .footer__body-bg { max-width: 768px; width: 100%; margin: 0 auto; padding: 0 15px } } @media screen and (max-width: 768px) { .footer__body-bg { padding: 0 } } .footer__body-tel { font-weight: 500; font-size: 1.7rem; line-height: 160%; color: #111; position: relative } @media screen and (max-width: 1024px) { .footer__body-tel { font-size: 1.6rem } } .footer__body-tel::before { content: ""; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #111; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .footer__body-tel:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .footer__body-email { font-weight: 500; font-size: 1.7rem; line-height: 160%; color: #2F80ED; position: relative } @media screen and (max-width: 1024px) { .footer__body-email { font-size: 1.6rem } } .footer__body-email::before { content: ""; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .footer__body-email:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .footer__body-item { position: relative; z-index: 3 } .footer__body-item--content { font-weight: 350; font-size: 1.7rem; line-height: 160%; max-width: 34rem; width: 100%; margin-right: 14.5rem } @media screen and (max-width: 1024px) { .footer__body-item--content { margin-right: 0; max-width: 100% } } .footer__body-item--content p { line-height: 160% } .footer__body-item--address { max-width: 35rem; width: 100%; margin-right: 20.5rem } @media screen and (max-width: 1024px) { .footer__body-item--address { margin-right: 0; max-width: 100%; background: #FAFAFA; padding-left: 1.6rem; padding-right: 1.6rem; padding-bottom: 2.4rem } } .footer__body-item--address a { line-height: 160%; text-decoration: underline; -webkit-text-decoration-color: rgba(17, 17, 17, 0); text-decoration-color: rgba(17, 17, 17, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .footer__body-item--address a:hover { -webkit-text-decoration-color: #111; text-decoration-color: #111 } .footer__body-item--address a span { position: relative; margin-left: 0.5rem; padding-left: 1.5rem } @media screen and (max-width: 1024px) { .footer__body-item--address a span { margin-left: 0; padding-left: 0 } } .footer__body-item--address a span::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 1rem; border-radius: 50%; height: 1rem; background: #B593D4 } @media screen and (max-width: 1024px) { .footer__body-item--address a span::before { display: none } } .footer__body-item--info { max-width: 17rem; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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 } @media screen and (max-width: 1024px) { .footer__body-item--info { max-width: 100%; padding-top: 2.4rem; padding-bottom: 1.2rem; padding-left: 1.6rem; padding-right: 1.6rem; background: #FAFAFA } } @media screen and (max-width: 1024px) { .footer__body-item--info .footer__body-bg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media screen and (max-width: 768px) { .footer__body-item--info .footer__body-bg { -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 } } .footer__body-item--socials { max-width: 40rem; width: 100%; margin-left: auto } @media screen and (max-width: 1024px) { .footer__body-item--socials { max-width: 768px; width: 100%; margin: 0 auto; padding: 0 15px; margin-bottom: 2rem } } @media screen and (max-width: 768px) { .footer__body-item--socials { padding: 0 } } .footer__body-item--socials .socials { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width: 1024px) { .footer__body-item--socials .socials { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .footer__body-wrap { 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 } @media screen and (max-width: 1024px) { .footer__body-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (max-width: 768px) { .footer__body-wrap { padding: 0 15px } } .footer__bottom { border-top: 1px solid #F0F0F0; padding: 3rem 0 } @media screen and (max-width: 1024px) { .footer__bottom { border: none } } .footer__bottom-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 1024px) { .footer__bottom-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width: 768px) { .footer__bottom-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .footer__copyr { font-weight: 300; font-size: 1.4rem; line-height: 160%; color: #111; max-width: 34rem; width: 100% } @media screen and (max-width: 1400px) { .footer__copyr { font-size: 1.6rem } } @media screen and (max-width: 1024px) { .footer__copyr { max-width: 100%; margin-bottom: 1rem; text-align: center; font-size: 1.4rem } } @media screen and (max-width: 768px) { .footer__copyr { text-align: left } } .footer__polic { font-weight: 300; font-size: 1.4rem; line-height: 160%; color: #2F80ED; margin-left: 14.5rem; position: relative } @media screen and (max-width: 1400px) { .footer__polic { font-size: 1.6rem } } @media screen and (max-width: 1024px) { .footer__polic { margin-left: 0; margin-bottom: 1rem; font-size: 1.4rem } } .footer__polic::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .footer__polic:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .footer__performer { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 1024px) { .footer__performer { margin-left: 0 } } .footer__performer-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; width: 4.6rem; height: 4.6rem; background: #FAFAFA; margin-right: 1.8rem } .footer__performer-icon svg { width: 2rem } .footer__performer p { font-weight: 300; font-size: 1.4rem; line-height: 160%; color: #8D95A4; position: relative } @media screen and (max-width: 1400px) { .footer__performer p { font-size: 1.6rem } } @media screen and (max-width: 1024px) { .footer__performer p { font-weight: 500; font-size: 1.4rem } } .footer__performer p::before { content: ""; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 1px; background: #8D95A4; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .footer__performer:hover p::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .main-screen { padding-top: 11rem; min-height: 100vh; background-image: url(/local/templates/main/assets/css/../images/png/main-screen-bg.png); background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative } .main-screen__body { margin-top: auto; position: relative; z-index: 2 } .main-screen__body .center-wrap { max-width: 1510px } .main-screen__wrap { 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; height: 100% } .main-screen__simple-title { font-size: 7rem; color: #333333 } .main-screen__info { max-width: 80rem; width: 100% } .main-screen__img { max-width: 52rem } .main-screen__img > div { padding-bottom: 119.23% } .main-screen__bottom { padding: 3.5rem 0; border-top: 1px solid #C5CBD3; margin-top: auto; -webkit-box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.06) } .main-screen__bottom-wrap { display: grid; grid-template-columns:repeat(7, 1fr); grid-gap: 9rem } .main-screen__bottom-item { position: relative; padding: 0 1rem } .main-screen__bottom-item::before { content: ""; position: absolute; left: 0px; bottom: calc(100% + 3.5rem); width: 100%; height: 2px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .main-screen__bottom-item:hover { color: #357CDB } .main-screen__bottom-item:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-screen__loading { border-radius: 50%; border: 1px solid red; width: 3.2rem; height: 3.2rem; position: absolute; bottom: 17.5rem; right: calc(((100% - 1800px) / 2) + 15px) } @media screen and (max-width: 1850px) { .main-screen__loading { right: 40px } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .catalog-drop { position: fixed; width: 100%; left: 0px; height: calc(100vh - 11.6rem); top: 11.6rem; z-index: 102; overflow: hidden; display: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; -ms-touch-action: none; touch-action: none } .catalog-drop--active { display: -webkit-box; display: -ms-flexbox; display: flex } .catalog-drop--opacity0 { opacity: 0 } .catalog-drop--opacity1 { opacity: 1 } .catalog-drop__wrap { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding-left: calc(((100% - 1800px) / 2) + 15px); padding-top: 4rem; padding-right: 2rem; padding-bottom: 4rem; width: auto; height: 100%; position: absolute; left: -25%; -webkit-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } .catalog-drop__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(141, 149, 164, 0.34); z-index: 1; } @media screen and (max-width: 1850px) { .catalog-drop__wrap { padding-left: 40px } } .catalog-drop__wrap--left0 { left: 0px } .catalog-drop__wrap--left300 { left: -25% } .catalog-drop__menu { position: absolute; width: 100%; height: 100%; background: #FAFAFA; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); left: 100%; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: 4rem 15.5rem 4rem 4.5rem; overflow: auto } .catalog-drop__menu::-webkit-scrollbar-thumb { background: rgba(47, 128, 237, 0.5) !important; border-radius: 10rem } .catalog-drop__menu::-webkit-scrollbar { width: 0.5rem } .catalog-drop__menu::-webkit-scrollbar-track { border-radius: 10rem; background: color } .catalog-drop__menu-item { margin-bottom: 3rem } .catalog-drop__menu-item:last-child { margin-bottom: 0px } .catalog-drop__menu-link { font-size: 1.5rem; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; line-height: 125% } .catalog-drop__menu-link:hover { color: #2F80ED } .catalog-drop__item { padding: 1rem 0 } .catalog-drop__item:hover .catalog-drop__link { color: #2F80ED } .catalog-drop__item:hover .catalog-drop__link::before { opacity: 1; left: calc(100% + 2rem) } .catalog-drop__item:hover .catalog-drop__menu { opacity: 1; visibility: visible } .catalog-drop__link { font-weight: 500; font-size: 1.6rem; line-height: 140%; color: #111; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; display: inline-block } .catalog-drop__link::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 100%; width: 2rem; height: 1.2rem; background-image: url(/local/templates/main/assets/css/../images/svg/header-drop--bg.svg); background-repeat: no-repeat; background-size: contain; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .sentence { position: relative } .sentence__wrap { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1024px) { .sentence__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .sentence .line { z-index: 1 } .sentence__left { width: 50%; padding-bottom: 21rem; padding-top: 22rem; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .sentence__left { width: 100%; padding-top: 5rem; padding-bottom: 6rem } } .sentence__right { width: 50%; background: #fafafa; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } @media screen and (max-width: 1024px) { .sentence__right { width: 100% } } @media screen and (max-width: 768px) { .sentence__right { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .sentence__right::before { content: ''; position: absolute; top: calc(50% - 0.5px); left: 0; width: 100%; height: 1px; background: #f0f0f0 } .sentence__right::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/local/templates/main/assets/css/../images/svg/sentence-bg1.svg); background-repeat: no-repeat; background-size: cover } .sentence__right-item { width: 50%; 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; height: 50%; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .sentence__right-item { height: 32rem } } @media screen and (max-width: 768px) { .sentence__right-item { height: 19rem; padding: 0 15px } .sentence__right-item:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .sentence__right-item:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .sentence__right-item:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .sentence__right-item:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .sentence__right-item:nth-child(odd) { width: 40% } .sentence__right-item:nth-child(odd) img { width: 100%; height: 100% } .sentence__right-item:nth-child(even) { width: 60%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .sentence__right-item:nth-child(even) img { margin-left: 1rem; height: 53%; width: 53% } } @media screen and (max-width: 768px) { .sentence__right-item img { width: 60%; height: 60%; -o-object-fit: contain; object-fit: contain } } .sentence__parag { font-weight: 200; font-size: 8rem; color: #2F80ED } @media screen and (max-width: 768px) { .sentence__parag { font-size: 6rem } } .sentence__parag small { font-size: 1.8rem; display: block; font-weight: 300 } @media screen and (max-width: 768px) { .sentence__parag small { font-size: 1.4rem } } .sentence__info { max-width: 60rem; width: 100%; margin: 0 auto } @media screen and (max-width: 1024px) { .sentence__info { max-width: 768px; padding: 0 15px } } .sentence__simple-title { font-size: 3.6rem; line-height: 140%; margin-bottom: 5rem } @media screen and (max-width: 1024px) { .sentence__simple-title { font-size: 2.2rem; margin-bottom: 3rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .partners { display: grid; grid-template-columns:repeat(4, 1fr) } @media screen and (max-width: 1024px) { .partners { grid-template-columns:repeat(2, 1fr) } } .partners.partners5 { display: grid; grid-template-columns:repeat(5, 1fr) } @media screen and (max-width: 1024px) { .partners.partners5 { grid-template-columns:repeat(2, 1fr) } } .partners.partners3 { display: grid; grid-template-columns:repeat(3, 1fr) } @media screen and (max-width: 1024px) { .partners.partners3 { grid-template-columns:repeat(2, 1fr) } } .partners__item { position: relative; padding: 4rem 3.5rem; background: #ffffff; min-height: 21rem; 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; overflow: hidden; position: relative } @media screen and (max-width: 1024px) { .partners__item { padding: 1.5rem } } @media screen and (max-width: 480px) { .partners__item { min-height: 10rem } } .partners__item-text { position: relative; z-index: 1; font-weight: 350; font-size: 16px; line-height: 160%; color: #111 } .partners__item-text strong { font-weight: 500; color: #2F80ED; text-transform: uppercase } @media screen and (max-width: 768px) { .partners__item-text { font-size: 14px; max-height: 10rem; overflow-y: auto } } .partners__item-logo { position: absolute; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: #2F80ED; border: 1px solid #3687f3; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); -webkit-transition: -webkit-clip-path 0.4s; transition: -webkit-clip-path 0.4s; -o-transition: clip-path 0.4s; transition: clip-path 0.4s; transition: clip-path 0.4s, -webkit-clip-path 0.4s } .partners__item svg { fill: #fff; -webkit-transition: fill 0.5s; -o-transition: fill 0.5s; transition: fill 0.5s; position: relative; z-index: 3; max-width: 200px; } @media screen and (max-width: 480px) { .partners__item svg { width: 60% } } .partners__item:hover .partners__item-logo { -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0) } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .team { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .team { padding-bottom: 5rem } } .team__top { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)); background: -o-linear-gradient(bottom, #fff, #fff); background: linear-gradient(0deg, #fff, #fff); -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } @media screen and (max-width: 1024px) { .team__top { padding-top: 9.5rem; padding-bottom: 3rem } } .team__simple-title { padding: 6rem 0 } @media screen and (max-width: 1024px) { .team__simple-title { padding: 0 } } .team__list { padding-top: 6rem; display: grid; grid-template-columns:repeat(4, 1fr); grid-gap: 6rem 3rem } @media screen and (max-width: 1024px) { .team__list { padding-top: 3rem; grid-template-columns:repeat(3, 1fr); grid-gap: 3rem 2.2rem } } @media screen and (max-width: 768px) { .team__list { grid-template-columns:repeat(2, 1fr) } } .team__img-wrap { margin-bottom: 2.4rem } @media screen and (max-width: 1024px) { .team__img-wrap { margin-bottom: 1.6rem } } @media screen and (max-width: 1024px) { .team__img-wrap > div { padding-bottom: 115% } } .team__img-wrap > div img { -o-object-fit: contain; object-fit: contain } .team__name { font-weight: 300; font-size: 2.2rem; line-height: 160%; color: #111; margin-bottom: 0.5rem } @media screen and (max-width: 1024px) { .team__name { font-size: 1.6rem; line-height: 140% } } .team__posit { font-weight: 300; font-size: 1.6rem; line-height: 130%; color: #8D95A4 } @media screen and (max-width: 1024px) { .team__posit { font-size: 1.3rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .companions__body { position: relative; max-width: 147rem; width: 100%; margin: 0 auto 12rem } @media screen and (max-width: 1024px) { .companions__body { margin-bottom: 5rem; padding-top: 9.5rem } } .companions__simple-title { padding: 6rem 0 0 12rem; margin-bottom: 7rem; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .companions__simple-title { padding: 0; margin-bottom: 3rem } } .companions__item { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 6rem 12rem 6rem 15rem; background: #FFFFFF; border: 1px solid #F0F0F0; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .companions__item { padding: 3rem 5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width: 768px) { .companions__item { padding: 1.6rem 2.4rem 3rem 2.4rem } } .companions__item:last-child { margin-bottom: 0px } .companions__item-left { max-width: 18rem; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1024px) { .companions__item-left { max-width: 9rem; margin-bottom: 1.5rem } } .companions__item-left img { -o-object-fit: contain; object-fit: contain } .companions__item-right { width: calc(100% - 18rem - 12rem); margin-left: 12rem } @media screen and (max-width: 1024px) { .companions__item-right { margin-left: 0; width: 100% } } .companions__content { max-width: 72rem; width: 100%; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .companions__content { margin-bottom: 3rem; max-width: 100% } } .companions__content p:first-child { margin-top: 0 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .about { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .about { padding-bottom: 5rem } } .about__body { position: relative; padding-top: 6rem; padding-bottom: 12rem } @media screen and (max-width: 1024px) { .about__body { padding-top: 9.5rem; padding-bottom: 3.5rem } } .about__simple-title { margin-bottom: 7rem; padding-left: 27rem; position: relative; z-index: 2 } @media screen and (max-width: 1024px) { .about__simple-title { padding-left: 0; margin-bottom: 3rem } } .about__content { background: #2F80ED; padding: 7.5rem 38.5rem 7.5rem 15rem; position: relative; z-index: 2; margin-bottom: 12rem } @media screen and (max-width: 1024px) { .about__content { padding: 4rem; margin-bottom: 5rem } } .about__content-bg { max-width: 100rem; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-image: url(/local/templates/main/assets/css/../images/svg/about-content-bg.svg); background-repeat: no-repeat; background-size: cover } .about__content .content { position: relative; z-index: 2 } .about__content .content p { font-weight: 500; font-size: 2.4rem; line-height: 180%; color: #FFFFFF } @media screen and (max-width: 1024px) { .about__content .content p { font-size: 1.6rem } } .about__indicators { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 130rem; margin: 0 auto 0; position: relative; z-index: 2 } @media screen and (max-width: 768px) { .about__indicators { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width: 480px) { .about__indicators { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width: 480px) { .about__indicators-item { padding-left: 4rem; margin-bottom: 7rem } .about__indicators-item:last-child { margin-bottom: 0px } } @media screen and (max-width: 768px) { .about__indicators-item:last-child { width: 100%; margin-top: 3rem } .about__indicators-item:last-child .sentence__parag { text-align: center } } @media screen and (max-width: 480px) { .about__indicators-item:last-child { margin-top: 0 } .about__indicators-item:last-child .sentence__parag { text-align: left } } .about__indicators .sentence__parag { font-size: 8.7rem; font-family: "TTFirsNeue", sans-serif; font-weight: 300 } @media screen and (max-width: 1024px) { .about__indicators .sentence__parag { font-size: 8rem } } .about__indicators .sentence__parag small { font-weight: 400 } .about__list { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 2.5rem 3rem; margin-bottom: 5rem } .about__list--col2 { grid-template-columns:repeat(2, 1fr); } @media screen and (max-width: 1024px) { .about__list { grid-template-columns:repeat(2, 1fr) } } @media screen and (max-width: 768px) { .about__list { display: none } } .about__list-item { border: 1px solid #F0F0F0; min-height: 26.8rem; padding: 5rem 7rem 2rem 12rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width: 1024px) { .about__list-item { min-height: 21rem; padding: 2.6rem 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .about__list-icon { max-width: 3.2rem; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .about__list-icon { margin-bottom: 3rem } } .about__list-icon > div { padding-bottom: 121.87% } .about__list-icon > div img { -o-object-fit: contain; object-fit: contain } .about__list-content p { font-size: 1.8rem; line-height: 140% } @media screen and (max-width: 1024px) { .about__list-content p { font-size: 1.6rem; text-align: center } } .about__link { border-top: 1px solid #F0F0F0 } @media screen and (max-width: 768px) { .about__link { width: calc(100% + 30px); margin-left: -15px; padding-left: 15px } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .jobs { position: relative } .jobs .about-slider { margin-bottom: 14rem } @media screen and (max-width: 1024px) { .jobs .about-slider { margin-bottom: 5rem } } .jobs .line { width: 1px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2 } .jobs__body { padding-top: 6rem; position: relative } @media screen and (max-width: 1024px) { .jobs__body { padding-top: 9.5rem } } .jobs__simple-title { max-width: 123rem; width: 100%; margin: 0 auto 8rem; padding-right: 49rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .jobs__simple-title { padding-right: 0; margin: 0 auto 3.5rem } } .jobs__wrap { position: relative; margin-bottom: 7.5rem } @media screen and (max-width: 1024px) { .jobs__wrap { margin-bottom: 3rem } } .jobs__wrap-line { background: #FAFAFA; height: calc(100% - 10rem); position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .jobs__wrap-decor { position: absolute; top: 0; right: 0; max-width: 123rem; width: 100%; height: 100%; background-image: url(/local/templates/main/assets/css/../images/svg/jobs-bg2.svg); background-repeat: no-repeat; background-size: cover } .jobs__box { max-width: 123rem; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-right: calc(45.5rem + 11.5rem + 3rem); padding-top: 11rem; padding-bottom: 11rem; background-image: url(/local/templates/main/assets/css/../images/png/jobs-bg1.png); background-repeat: no-repeat; background-size: 100% 100% } @media screen and (max-width: 1024px) { .jobs__box { padding: 2.4rem 2.4rem 2.2rem; background: #FAFAFA } } .jobs__box-content { position: relative; z-index: 3 } .jobs__box-content p { font-weight: 500; font-size: 3rem; line-height: 140%; color: #111111 } @media screen and (max-width: 1024px) { .jobs__box-content p { font-size: 1.6rem; line-height: 180% } } .jobs__box-content p strong { color: #2F80ED } @media screen and (max-width: 1024px) { .jobs__box-content p strong { color: inherit } } .jobs__img { position: absolute; bottom: 5rem; right: 3rem; max-width: 45.5rem; width: 100% } .jobs__img > div { padding-bottom: 103.93% } .jobs__content { max-width: 123rem; width: 100%; margin: 0 auto 7.5rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .jobs__content { margin-bottom: 3.5rem } } .jobs__content p { font-weight: 300; font-size: 1.8rem; line-height: 200% } @media screen and (max-width: 1024px) { .jobs__content p { font-size: 1.6rem } } .jobs__bg { background: #2F80ED; padding: 6rem 22rem; position: relative; z-index: 3; margin-bottom: 7rem } @media screen and (max-width: 1024px) { .jobs__bg { padding: 4rem; margin-bottom: 3rem } } .jobs__bg .content p { font-weight: 500; font-size: 2.4rem; line-height: 160%; color: #FFFFFF } .jobs__bg .content p a { color: #fff } @media screen and (max-width: 1024px) { .jobs__bg .content p { font-size: 1.6rem; line-height: 180% } } .jobs__link { padding-bottom: 8.5rem } @media screen and (max-width: 1024px) { .jobs__link { padding-bottom: 6.5rem } } .jobs__link-wrap { margin-bottom: 4rem } @media screen and (max-width: 1024px) { .jobs__link-wrap { border-top: 1px solid #F0F0F0; margin-bottom: 3rem } } @media screen and (max-width: 768px) { .jobs__link-wrap { width: calc(100% + 30px); margin-left: -15px } } .jobs__link-title { font-weight: 500; font-size: 2.6rem; line-height: 140%; color: #2F80ED; text-align: center; position: relative; z-index: 3; margin-bottom: 5rem } @media screen and (max-width: 1024px) { .jobs__link-title { text-align: left; margin-bottom: 3rem } } @media screen and (max-width: 768px) { .jobs__link-item { padding-left: 15px } } .jobs__link-item p { position: relative; z-index: 3 } .jobs__link-item:last-child::before { display: none } @media screen and (max-width: 1024px) { .jobs__link-item:last-child::before { display: block } } .jobs__link-download { text-align: center; position: relative; z-index: 3 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .history { background-color: #fff; padding-bottom: 12rem } @media screen and (max-width: 1024px) { .history { padding-bottom: 5rem } } .history__top { padding-bottom: 6rem; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } @media screen and (max-width: 1024px) { .history__top { padding-top: 9.5rem; padding-bottom: 4rem } } .history .breadcrumb { margin-bottom: 6rem } .history__simple-title { max-width: 120rem; width: 100%; margin: 0 auto } .history__list { padding-top: 8rem; padding-bottom: 9rem; position: relative; background: #FAFAFA } @media screen and (max-width: 1024px) { .history__list { padding-top: 2.5rem; padding-bottom: 1rem } } .history__list-wrap { max-width: 114rem; width: 100%; margin: 0 auto } @media screen and (max-width: 1024px) { .history__list-wrap { display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 4rem 8rem } } @media screen and (max-width: 768px) { .history__list-wrap { grid-template-columns:repeat(1, 1fr); grid-gap: 4rem } } .history__list-line { position: absolute; top: 0; left: calc(50% - 0.5px); width: 1px; height: 100%; background: #F0F0F0; overflow: hidden } @media screen and (max-width: 1024px) { .history__list-line { background: #2F80ED } } @media screen and (max-width: 768px) { .history__list-line { display: none } } .history__list-line--active { position: absolute; top: -600px; left: 0; width: inherit; background: #357CDB; height: 900px } .history__list-circle { position: absolute; top: 0; left: calc(100% - (6.2rem / 2)); background: #FFFFFF; border-radius: 50%; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); width: 6.2rem; height: 6.2rem; 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 } .history__list-circle svg { width: 0.6rem; fill: #2F80ED } .history__list-item { width: 50%; position: relative; margin-bottom: 5rem } @media screen and (max-width: 1024px) { .history__list-item { width: 100%; margin-bottom: 0 } } .history__list-item:last-child { margin-bottom: 0px } .history__list-item--left { margin-right: auto; padding-right: 13.5rem } @media screen and (max-width: 1024px) { .history__list-item--left { padding-right: 0 } } .history__list-item--right { margin-left: auto; padding-left: 13.5rem } @media screen and (max-width: 1024px) { .history__list-item--right { padding-left: 0 } } .history__list-item--right .history__list-circle { left: auto; right: calc(100% - (6.2rem / 2)) } .history__list-item--right .history__list-circle svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .history__list-date { font-weight: 500; font-size: 2.8rem; line-height: 160%; color: #2F80ED; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .history__list-date { font-size: 2.3rem; margin-bottom: 1.5rem } } .history__list-content { margin-bottom: 3rem } .history__list-content p { font-size: 1.8rem; line-height: 1.55556 } @media screen and (max-width: 1024px) { .history__list-content p { font-size: 1.6rem } } .history__list-year { font-weight: 500; font-size: 2rem } @media screen and (max-width: 1024px) { .history__list-year { font-size: 1.6rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .documentation { background: #fff; padding-bottom: 12rem } @media screen and (max-width: 1024px) { .documentation { padding-bottom: 2rem } } .documentation__simple-title { padding: 6rem 0 } @media screen and (max-width: 1024px) { .documentation__simple-title { padding: 0 0 3.5rem 0 } } .documentation__top { -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } @media screen and (max-width: 1024px) { .documentation__top { padding-top: 9.5rem } } .documentation__body { background: #FAFAFA; padding-top: 5rem; padding-bottom: 5rem } @media screen and (max-width: 1024px) { .documentation__body { padding-top: 3rem; padding-bottom: 0 } } @media screen and (max-width: 1024px) { .documentation__body .center-wrap { max-width: 100%; padding: 0 } } .documentation__list { border-top: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .documentation__list { padding: 0 } } @media screen and (max-width: 1024px) { .documentation__list .center-wrap { overflow: hidden } } .documentation__list-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-left: -9rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -2rem } @media screen and (max-width: 1024px) { .documentation__list-wrap { padding: 0; margin-left: -4.5rem; margin-bottom: -1rem } } .documentation__list-item { font-weight: 500; font-size: 1.5rem; line-height: 160%; letter-spacing: 0.03em; text-transform: uppercase; color: #111; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s; cursor: pointer; position: relative; padding: 3rem 0; margin-left: 9rem; margin-bottom: 2rem } @media screen and (max-width: 1024px) { .documentation__list-item { font-size: 1.2rem; -ms-flex-negative: 0; flex-shrink: 0; padding: 1.6rem 0; margin-left: 4.5rem; margin-bottom: 1rem } } .documentation__list-item::before { content: ""; position: absolute; left: 0px; bottom: 0rem; width: 100%; height: 2px; background: #357CDB; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } @media screen and (max-width: 1024px) { .documentation__list-item::before { bottom: 0 } } .documentation__list-item.toogles__item-title--active, .documentation__list-item.toogles2__item-title--active, .documentation__list-item.documentation__list-item--active, .documentation__list-item:hover { color: #357CDB } .documentation__list-item.toogles__item-title--active::before, .documentation__list-item.toogles2__item-title--active::before, .documentation__list-item.documentation__list-item--active::before, .documentation__list-item:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .documentation__box { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 3rem } @media screen and (max-width: 1024px) { .documentation__box { max-width: 768px; padding: 0 15px; margin: 0 auto; grid-template-columns:repeat(2, 1fr); grid-gap: 2rem; padding-bottom: 3rem } } @media screen and (max-width: 768px) { .documentation__box { grid-template-columns:repeat(1, 1fr) } } .documentation__item { background: #FFFFFF; padding: 6.5rem 0 6rem 7.5rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .documentation__item { padding: 2.4rem 0 2.4rem 2.4rem } } .documentation__item:hover { -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } .documentation__item:hover .documentation__item-format { background: #2F80ED; color: #fff } .documentation__item:hover .documentation__item-text p { color: #2F80ED } .documentation__item-text { max-width: 34rem; width: 100%; margin-bottom: 10.5rem } @media screen and (max-width: 1024px) { .documentation__item-text { margin-bottom: 3rem } } .documentation__item-text p { font-weight: 500; font-size: 1.6rem; line-height: 160%; text-transform: uppercase; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } @media screen and (max-width: 1024px) { .documentation__item-text p { font-size: 1.4rem } } .documentation__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; padding-top: 1rem } .documentation__item-format { width: 6.4rem; height: 6.4rem; border: 1px solid #357CDB; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "TTFirsNeue", sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; font-size: 1.2rem; line-height: 1.25; color: #357CDB; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 1024px) { .documentation__item-format { width: 4.4rem; height: 4.4rem } } .documentation__item-format::before { content: ''; position: absolute; top: calc(50% - 0.5px); left: 100%; width: 1000%; height: 1px; background: #357CDB } .documentation__item-value { font-size: 1.6rem; line-height: 130%; color: #357CDB; padding-right: 4rem; margin-top: -1rem } @media screen and (max-width: 1024px) { .documentation__item-value { font-size: 1.3rem; padding-right: 1.8rem } } .documentation__pagination { padding: 4rem 0 5rem; background: #fff; margin-top: 5rem; text-align: center } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .services__simple-title { padding-top: 6rem; padding-left: 27rem; margin-bottom: 5rem } @media screen and (max-width: 1024px) { .services__simple-title { padding-left: 0; padding-top: 9.5rem; margin-bottom: 3rem } } .services__box { position: relative; background: #FAFAFA; padding: 11rem 46rem 12rem 27rem } @media screen and (max-width: 1024px) { .services__box { padding: 2.4rem } } .services__box::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; max-width: 105rem; height: 100%; background-image: url(/local/templates/main/assets/css/../images/svg/services-decor.svg); background-repeat: no-repeat; background-size: cover } @media screen and (max-width: 1024px) { .services__box::before { display: none } } .services__content p { position: relative; font-weight: 500; font-size: 2.4rem; line-height: 180%; z-index: 1 } @media screen and (max-width: 1024px) { .services__content p { font-size: 1.6rem } } .services__list { display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 4rem 15rem; position: relative; padding-top: 6rem; padding-bottom: 12rem } @media screen and (max-width: 1024px) { .services__list { padding-top: 2rem; grid-gap: 2rem; padding-bottom: 5rem } } @media screen and (max-width: 768px) { .services__list { grid-template-columns:repeat(1, 1fr) } } .services__item { background: #FFFFFF; border: 1px solid #F0F0F0; position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8.5rem 12.5rem 8.5rem 22rem; -webkit-transition: background .5s; -o-transition: background .5s; transition: background .5s } @media screen and (max-width: 1024px) { .services__item { padding: 1rem 3rem; min-height: 12.3rem } } .services__item:hover { background: #2F80ED } .services__item:hover .services__item-content p { color: #fff } .services__item:hover .services__item-img--hover { opacity: 1; visibility: visible } .services__item:hover .services__item-img--default { opacity: 0; visibility: visible } .services__item-img { max-width: 10rem; width: 100%; height: 11rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 7rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative } @media screen and (max-width: 1024px) { .services__item-img { max-width: 6rem; height: 5rem; margin-right: 3rem } } .services__item-img--hover { opacity: 0; visibility: visible } .services__item-img img { position: absolute; left: 0; top: 0; height: 90%; width: 90%; -o-object-fit: contain; object-fit: contain } .services__item-content p { font-size: 2.1rem; line-height: 1.19048; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } @media screen and (max-width: 1024px) { .services__item-content p { font-size: 1.6rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .call { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .call { padding-bottom: 8rem } } @media screen and (max-width: 768px) { .call { padding-bottom: 5rem } } .call__pop { display: none } @media screen and (max-width: 768px) { .call__pop { display: block; font-weight: 400; font-size: 1.3rem; line-height: 1.30769; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; padding: 3rem 1rem; text-align: center; border-bottom: 1px solid #2F80ED } } @media screen and (max-width: 768px) { .call .center-wrap { padding: 0 } } .call__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width: 1024px) { .call__video { display: none } } .call__wrap { padding: 10.5rem 15rem; position: relative } @media screen and (max-width: 1024px) { .call__wrap { padding: 0 } } @media screen and (max-width: 768px) { .call__wrap { padding: 0; background: none } } .call__wrap .line { z-index: -1 } .call__form { background: rgba(47, 128, 237, 0.9); position: relative; z-index: 3; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s } @media screen and (min-width: 1024px) { .call__form:hover { border-radius: 5rem; overflow: hidden } } .call__request { position: absolute; top: 10.5rem; left: 7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 1024px) { .call__request { left: 2rem; top: 4rem } } @media screen and (max-width: 768px) { .call__request { display: none } } .call__request:hover .call__request-icon { background: #2F80ED; border: 1px solid rgba(255, 255, 255, 0) } .call__request-icon { width: 5.2rem; height: 5.2rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.26); margin-bottom: 3rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .call__request-icon svg { width: 2rem } .call__request-title { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 700; font-size: 1.3rem; line-height: 1.30769; letter-spacing: 0.1em; text-transform: uppercase; color: #FFFFFF; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } @media screen and (max-width: 768px) { .call .inputs__field { text-align: center } } @media screen and (max-width: 768px) { .call .inputs__field-wrap + .inputs__field-wrap { margin-top: 0; margin-bottom: 1rem } } @media screen and (max-width: 768px) { .call .inputs__field-content p { font-size: 1.2rem } } @media screen and (max-width: 768px) { .call .inputs__field-content p a { font-family: "Gilroy", sans-serif } } @media screen and (max-width: 768px) { .call .inputs__content { width: 100%; text-align: center } } @media screen and (max-width: 1024px) { .call .inputs__btn .btn { line-height: 3.8rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .technology { background-color: #fff } .technology .services__content { padding-left: 27rem; padding-right: 46rem; margin-bottom: 10rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .technology .services__content { padding: 0; margin-bottom: 3rem } } .technology__body { position: relative } .technology__simple-title { padding-top: 6rem; margin-bottom: 6rem; padding-left: 27rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .technology__simple-title { padding-left: 0; padding-top: 9.5rem; margin-bottom: 3rem } } .technology__list { background: #fafafa } @media screen and (max-width: 1024px) { .technology__list { padding-top: 4rem; padding-bottom: 4rem; margin-bottom: 5rem } } .technology__list-wrap { display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 10rem; padding: 10rem 27rem; margin-bottom: 12rem } @media screen and (max-width: 1024px) { .technology__list-wrap { padding: 0; grid-gap: 5rem; margin-bottom: 0 } } @media screen and (max-width: 768px) { .technology__list-wrap { grid-template-columns:repeat(1, 1fr); grid-gap: 3rem } } .technology__item { position: relative } .technology__item-img > div { padding-bottom: 65.72% } .technology__title { min-height: 5rem; font-weight: 500; font-size: 2rem; line-height: 130%; color: #fff; position: absolute; bottom: 4.5rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; z-index: 2 } @media screen and (max-width: 1024px) { .technology__title { min-height: auto; font-size: 1.8rem; width: 100%; bottom: 4rem } } .technology__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); z-index: 1 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .technology-one { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .technology-one { padding-bottom: 5rem } } .technology-one .brand__wrap { padding-left: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .technology-one .brand__body { padding-top: 4rem; padding-right: 0; border-top: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .technology-one .brand__body { padding-top: 9.5rem; padding-left: 15px; border: none } } .technology-one .brand__body .brand__top { margin-bottom: 4rem } @media screen and (max-width: 1024px) { .technology-one .brand__body .brand__top { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 2rem; padding-bottom: 4rem; border-bottom: 1px solid #F0F0F0 } } .technology-one .simple-title { padding-left: 37.5rem; padding-right: 27rem; padding-bottom: 5.1rem; border-bottom: 1px solid #F0F0F0; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .technology-one .simple-title { padding-left: 0; padding-right: 2rem; border: none; margin-bottom: 0; padding-bottom: 0 } } .technology-one .sidebar { padding-top: 0 } .technology-one .breadcrumb { position: relative; border: none } .technology-one .breadcrumb::before { content: ''; position: absolute; top: 0; right: 0; max-width: 37.5rem; width: 100%; height: 100%; background: #FAFAFA } .technology-one__wrap { padding-left: 37.5rem; padding-right: 27rem } @media screen and (max-width: 1024px) { .technology-one__wrap { padding: 0 } } .technology-one__descr { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #2F80ED } @media screen and (max-width: 1024px) { .technology-one__descr { padding-bottom: 2rem; margin-bottom: 2rem } } .technology-one__descr p { font-weight: 500; font-size: 1.8rem; line-height: 200%; letter-spacing: 0.02em; text-transform: uppercase; color: #2F80ED } @media screen and (max-width: 1024px) { .technology-one__descr p { font-size: 1.4rem } } .technology-one__tab { border-top: 1px solid #F0F2F5; padding-top: 2.4rem; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .technology-one__tab { margin-bottom: 3rem } } .technology-one__tab-item { border-bottom: 1px solid #F0F2F5; margin-bottom: 2.4rem; padding-bottom: 2.4rem } .technology-one__tab-item:last-child { margin-bottom: 0px } .technology-one__tab-body { padding-top: 2.4rem } .technology-one__tab .tab__top-title { font-size: 2rem } @media screen and (max-width: 1024px) { .technology-one__tab .tab__top-title { font-size: 1.8rem } } @media screen and (max-width: 1024px) { .technology-one__content { margin: 2rem 0 } } .technology-one__content p { font-size: 1.8rem } .technology-one__content p strong { font-weight: inherit; color: #2F80ED } .technology-one__content p + p { margin-top: 4rem } @media screen and (max-width: 1024px) { .technology-one__content p + p { margin-top: 2rem } } @media screen and (max-width: 1024px) { .technology-one__content h4 { font-size: 2.2rem; margin: 4rem 0 3rem } } .technology-one__content + .technology-slider { margin-top: 5rem } @media screen and (max-width: 1024px) { .technology-one__content + .technology-slider { margin-top: 2rem } } .technology-one__quotes { padding: 4rem; background: #2F80ED; margin: 4rem 0 } .technology-one__quotes .content p { font-weight: 500; font-size: 1.8rem; line-height: 216.5%; color: #FFFFFF } @media screen and (max-width: 1024px) { .technology-one__quotes .content p { font-size: 1.6rem; line-height: 180% } } .technology-one__download { margin-top: 4rem; margin-bottom: 5rem } .technology-one__download .download { margin-bottom: 2.4rem; padding: 3.5rem 4rem } @media screen and (max-width: 1024px) { .technology-one__download .download { padding: 2.5rem 1.6rem } } .technology-one__download .download__title { font-size: 1.8rem } @media screen and (max-width: 1024px) { .technology-one__download .download__title { font-size: 1.6rem } } .technology-one__download .download:last-child { margin-bottom: 0px } .technology-one__video { margin-bottom: 4rem } .technology-one__video .brand__video { margin-bottom: 3rem; max-width: 100% } .technology-one__video .brand__video > div { padding-bottom: 66.66% } .technology-one__video-content p { text-align: center; font-weight: 300; font-size: 1.6rem; line-height: 200% } .technology-one__consultants { margin-top: 5rem } .technology-one__consultants .consultants { margin-bottom: 5rem } .technology-one__consultants .consultants:last-child { margin-bottom: 0px } .technology-one__consultants .consultants__top { margin-bottom: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .technology-one__consultants .consultants__top-img { max-width: 11.3rem; margin-right: 3rem } @media screen and (max-width: 1024px) { .technology-one__consultants .consultants__top-img { max-width: 8rem; margin-right: 2.5rem } } @media screen and (max-width: 1024px) { .technology-one__consultants .consultants__top-info { line-height: 180%; margin-bottom: 0 } } .technology-one__consultants .consultants__top-name { font-weight: 300; font-size: 1.8rem; margin-bottom: 1rem } @media screen and (max-width: 1024px) { .technology-one__consultants .consultants__top-name { font-size: 1.6rem; margin-bottom: 0.5rem } } .technology-one__consultants .consultants__tel { font-size: 1.8rem } @media screen and (max-width: 1024px) { .technology-one__consultants .consultants__tel { font-size: 1.6rem } } .technology-one__consultants .consultants__tel span { color: inherit } .technology-one__consultants .consultants__mail { margin-bottom: 0; font-size: 1.8rem } @media screen and (max-width: 1024px) { .technology-one__consultants .consultants__mail { font-size: 1.6rem } } .technology-one__projects { max-width: 139.5rem; width: 100%; margin: 9rem auto 0 } @media screen and (max-width: 1024px) { .technology-one__projects { margin: 3rem auto 0 } } .technology-one__projects-title { max-width: 90rem; width: 100%; margin: 0 auto 4rem; font-weight: 500; font-size: 2.6rem; line-height: 140%; color: #111 } @media screen and (max-width: 1024px) { .technology-one__projects-title { margin: 0 auto 3rem; font-size: 2.2rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @media screen and (max-width: 1024px) { .projects .select { min-width: 38rem } } @media screen and (max-width: 768px) { .projects .select { min-width: 100% } } @media screen and (max-width: 1024px) { .projects .select__variant { text-align: left } } .projects__wrap { padding-left: calc(((100% - 1800px) / 2) + 15px); display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 1850px) { .projects__wrap { padding-left: 40px } } @media screen and (max-width: 1024px) { .projects__wrap { padding: 0 } } .projects__simple-title { padding-right: 2rem } @media screen and (max-width: 1024px) { .projects__simple-title { max-width: 768px; width: 100%; margin: 0 auto; padding: 0 15px } } .projects .footer__download { max-width: initial } .projects .footer__download:hover p { color: #2368C5 } .projects .footer__download p { font-size: 16px } .projects__body { width: calc(100% - 37.5rem - 7.5rem); margin-right: 7.5rem } @media screen and (max-width: 1024px) { .projects__body { width: 100%; margin-right: 0 } } .projects__body-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-top: 6rem; margin-bottom: 6rem } @media screen and (max-width: 1024px) { .projects__body-top { padding-top: 9.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0rem; padding-bottom: 3rem; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13) } } @media screen and (max-width: 1024px) { .projects__body-wrap { padding: 3rem 15px 0; max-width: 768px; width: 100%; margin: 0 auto } } @media screen and (max-width: 1024px) { .projects__select { max-width: 768px; width: 100%; margin: 3rem auto 0; padding: 0 15px } } @media screen and (max-width: 480px) { .projects__select { width: 100% } } @media screen and (max-width: 480px) { .projects__select .select { min-width: 100% } } .projects__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .projects__item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 3rem } } .projects__item:last-child { margin-bottom: 0px } .projects__item:hover .projects__item-title { color: #357CDB } .projects__item-left { width: calc(100% - 61rem); padding: 0rem 14.5rem 0rem 12rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative } @media screen and (max-width: 1024px) { .projects__item-left { padding: 3rem 1.6rem; background: #fafafa; width: 100% } } .projects__item-left::before { content: ''; position: absolute; top: 0; left: 0; width: calc(100% + 16rem); height: 100%; background: #fafafa; z-index: -1 } @media screen and (max-width: 1024px) { .projects__item-left::before { display: none } } .projects__item-right { max-width: 61rem; width: 100%; background-image: url(/local/templates/main/assets/css/../images/svg/projects__item-bg.svg); background-repeat: no-repeat; background-size: 100% 100%; position: relative; padding: 7rem 13.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1024px) { .projects__item-right { max-width: 100%; padding: 0; background: none } } .projects__item-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover } .projects__item-date { font-weight: 300; font-size: 1.6rem; line-height: 130%; color: #111; margin-bottom: 3rem } @media screen and (max-width: 768px) { .projects__item-date { font-size: 1.4rem; margin-bottom: 2rem } } .projects__item-title { font-weight: 500; font-size: 3rem; line-height: 130%; color: #111; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s } @media screen and (max-width: 1024px) { .projects__item-title { font-size: 2.2rem } } @media screen and (max-width: 768px) { .projects__item-title { font-size: 1.8rem; line-height: 140% } } .projects__item-img > div { padding-bottom: 58.55% } .projects__sidebar { max-width: 37.5rem; width: 100%; background: #fafafa; padding-top: 3rem } .projects__sidebar-item { padding: 2rem 14.5rem 2rem 4rem; font-weight: 300; font-size: 1.6rem; line-height: 1.1875; color: #111111; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid #f0f0f0; cursor: pointer } .projects__sidebar-item.toogles__item-title--active, .projects__sidebar-item:hover { color: #357CDB; font-weight: 500 } .projects__bottom { background: #fff; padding-top: 7rem; padding-bottom: 12rem } @media screen and (max-width: 1024px) { .projects__bottom { padding-top: 4rem; padding-bottom: 5rem } } .projects__pagination { width: calc(100% - 37.5rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1850px) { .projects__pagination { width: calc(100% - 37.5rem - 30px) } } @media screen and (max-width: 1024px) { .projects__pagination { width: 100% } } @media screen and (max-width: 1024px) { .projects__pagination .pagination { padding: 0 } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .searching-results { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .searching-results { padding-bottom: 4rem } } .searching-results__top { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)); background: -o-linear-gradient(bottom, #fff, #fff); background: linear-gradient(0deg, #fff, #fff); -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding-bottom: 3rem } @media screen and (max-width: 1024px) { .searching-results__top { padding-top: 9.5rem } } .searching-results__simple-title { margin-top: 6rem; margin-bottom: 5rem } @media screen and (max-width: 1024px) { .searching-results__simple-title { margin-top: 0; margin-bottom: 3rem } } .searching-results__wrap { max-width: 105rem; width: 100%; margin-left: 27rem } @media screen and (max-width: 1024px) { .searching-results__wrap { max-width: 100%; margin-left: 0 } } .searching-results .search { display: block; height: auto } @media screen and (max-width: 1024px) { .searching-results .search__button { position: absolute; right: 1.6rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .searching-results .search__input { opacity: 1; visibility: visible; width: 100%; background: inherit; padding-left: 1.8rem; padding-right: 1.8rem; font-weight: 300; font-size: 2rem; color: #111; text-align: left } @media screen and (max-width: 1024px) { .searching-results .search__input { font-size: 1.6rem; padding-right: 0 } } .searching-results .search__input::-webkit-input-placeholder { text-align: left } .searching-results .search__input::-moz-placeholder { text-align: left } .searching-results .search__input:-ms-input-placeholder { text-align: left } .searching-results .search__input::-ms-input-placeholder { text-align: left } .searching-results .search__input::placeholder { text-align: left } .searching-results .search__input-wrap { width: 100%; height: 7.2rem; background: #F7F7F7; padding-right: 2.6rem; margin-bottom: 3rem; position: relative } @media screen and (max-width: 1024px) { .searching-results .search__input-wrap { height: 5rem; padding-right: 5rem; margin-bottom: 0 } } @media screen and (max-width: 1024px) { .searching-results .search__input-wrap::before { content: ''; position: absolute; top: 0; right: 0; width: 33%; height: 100%; pointer-events: none; background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #F7F7F7), to(rgba(255, 255, 255, 0))); background-image: -o-linear-gradient(right, #F7F7F7 25%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(270deg, #F7F7F7 25%, rgba(255, 255, 255, 0) 100%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .searching-results .search__input-wrap:hover::before { opacity: 0 } } .searching-results__list { padding-top: 8.5rem; margin-bottom: 7rem } @media screen and (max-width: 1024px) { .searching-results__list { padding-top: 3rem; margin-bottom: 3rem } } .searching-results__item { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .searching-results__item { padding-bottom: 2rem; margin-bottom: 2rem } } .searching-results__item:last-child { margin-bottom: 0px; padding-bottom: 0; border: none } .searching-results__item .breadcrumb { padding: 1rem 0; border: none } @media screen and (max-width: 1024px) { .searching-results__item .breadcrumb { display: block } } .searching-results__item .breadcrumb__link { font-size: 1.6rem } @media screen and (max-width: 1024px) { .searching-results__item .breadcrumb__link { font-size: 1.4rem } } .searching-results__item .breadcrumb__item:last-child { pointer-events: initial } .searching-results__item .breadcrumb__item:last-child .breadcrumb__link { color: #8D95A4 } .searching-results__item .breadcrumb .center-wrap { max-width: 100%; padding: 0 } .searching-results__title { font-weight: 500; font-size: 3.2rem; line-height: 140%; color: #111; -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } @media screen and (max-width: 1024px) { .searching-results__title { font-size: 2rem } } .searching-results__title:hover { color: #2F80ED } .searching-results__content { margin-top: 3rem; margin-bottom: 2rem } @media screen and (max-width: 1024px) { .searching-results__content { margin-top: 2rem; margin-bottom: 1rem } } .searching-results__content p { font-size: 1.8rem; color: #111 } @media screen and (max-width: 1024px) { .searching-results__content p { font-size: 1.4rem } } .searching-results__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1024px) { .searching-results__pagination .pagination { padding: 0 } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @media screen and (max-width: 1024px) { .brand { padding-bottom: 12rem } } .brand .breadcrumb { position: relative } .brand .breadcrumb .center-wrap { max-width: 100%; padding-left: calc(((100% - 1800px) / 2) + 15px); padding-right: 37.5rem } @media screen and (max-width: 1850px) { .brand .breadcrumb .center-wrap { padding-left: 40px } } .brand .breadcrumb::before { content: ''; position: absolute; top: 0; right: 0; max-width: 37.5rem; width: 100%; height: 100%; background: #FAFAFA } .brand__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: calc(((100% - 1800px) / 2) + 15px) } @media screen and (min-width: 1024px) { .brand__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width: 1850px) { .brand__wrap { padding-left: 40px } } @media screen and (max-width: 1024px) { .brand__wrap { padding-left: 0; max-width: 768px; margin: 0 auto; padding: 0 15px } } .brand__body { width: calc(100% - 37.5rem); padding-right: 15rem; padding-top: 6rem } @media screen and (max-width: 1024px) { .brand__body { width: 100%; padding-right: 0; padding-top: 9.5rem } } .brand__body-wrap { max-width: 117rem; width: 100%; margin-left: auto } .brand__logo { max-width: 20.5rem; margin-top: 1.5rem } @media screen and (max-width: 1024px) { .brand__logo { max-width: 11.5rem; margin-top: 3.5rem } } .brand__logo > div { padding-bottom: 32.19% } .brand__logo > div img { -o-object-fit: contain; object-fit: contain } .brand__top { margin-bottom: 6rem } @media screen and (max-width: 1024px) { .brand__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 3.6rem } } .brand__top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media screen and (max-width: 1024px) { .brand__top-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width: 1024px) { .brand__top { -ms-flex-wrap: wrap; flex-wrap: wrap } } .brand__descr { padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .brand__descr { padding-bottom: 0; margin-bottom: 3rem; border: none } } .brand__descr p { font-weight: 500; font-size: 2.1rem; line-height: 180%; color: #111 } @media screen and (max-width: 1024px) { .brand__descr p { font-size: 1.8rem } } .brand__content { margin-bottom: 4rem } .brand__content .content p { font-size: 1.8rem } @media screen and (max-width: 1024px) { .brand__content .content p { font-size: 1.6rem } } .brand__content .content p + p { margin-top: 3rem } .brand__img { max-width: 34.5rem; float: left; margin: 0 3rem 2rem 0 } @media screen and (max-width: 1024px) { .brand__img { margin: 0 3rem 2rem 0 } } @media screen and (max-width: 768px) { .brand__img { max-width: 100%; margin: 0 0 3rem; float: initial } } .brand__img > div { padding-bottom: 58.55% } @media screen and (max-width: 1024px) { .brand__img > div { padding-bottom: 61.55% } } .brand__img > div img { -o-object-fit: contain; object-fit: contain } .brand__video { max-width: 90rem; width: 100%; margin-bottom: 5.5rem; clear: both } .brand__video--100 { width: 100%; height: 100% } .brand__video--100 > div { padding-bottom: initial !important; position: initial !important } .brand__video > div { padding-bottom: 56.44%; position: relative } .brand__video > div iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none } .brand__video-title { font-weight: 500; font-size: 1.6rem; line-height: 160%; color: #111; margin-bottom: 1.6rem } .brand__video-link { font-weight: 300; font-size: 1.6rem; line-height: 160%; color: #357CDB; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .brand__video-link:hover { color: #2368C5 } .brand__video-btn { position: absolute; right: 15px; bottom: 5px; z-index: 9999; border: none; width: 30px; height: 30px; cursor: pointer } @media screen and (max-width: 1024px) { .brand__tab { clear: both } } .brand__tab-item { margin-bottom: 5.5rem } @media screen and (max-width: 1024px) { .brand__tab-item { margin-bottom: 2rem } } .brand__tab-item:last-child { margin-bottom: 0px } .brand__tab-body { margin-top: 2.4rem; background: #FFFFFF; border: 1px solid #F0F0F0; width: calc(100% - 5rem); padding: 4rem 6rem } @media screen and (max-width: 1024px) { .brand__tab-body { width: 100%; padding: 3rem 2.4rem } } @media screen and (max-width: 1024px) { .brand__tab-body--border { border: none } } .brand__tab-body .content p { font-size: 1.8rem } @media screen and (max-width: 1024px) { .brand__tab-body .content p { font-size: 1.6rem } } .brand__tab-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; margin-bottom: -2rem } @media screen and (max-width: 1024px) { .brand__tab-content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } .brand__tab-content a { display: block; font-weight: 500; font-size: 1.6rem; line-height: 140%; color: #2F80ED; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-bottom: 2rem } @media screen and (max-width: 1024px) { .brand__tab-content a { font-weight: 300; line-height: 130% } } .brand__tab-content a:hover { color: #2368C5 } .brand__sidebar-wrap { background: #FAFAFA } .brand__bottom { min-height: 12rem; background: #FFFFFF } @media screen and (max-width: 1024px) { .brand__bottom { min-height: 5rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .news { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .news { padding-bottom: 5rem } } .news__top { background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)); background: -o-linear-gradient(bottom, #fff, #fff); background: linear-gradient(0deg, #fff, #fff); -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding-bottom: 3rem } @media screen and (max-width: 1024px) { .news__top { padding-top: 9.5rem } } .news__simple-title { padding-top: 6rem; max-width: 153rem; width: 100%; margin: 0 auto 6rem } @media screen and (max-width: 1024px) { .news__simple-title { padding-top: 0; margin-bottom: 3rem } } .news__select { padding-top: 3rem; border-top: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .news__select { border: none; padding-top: 0 } } .news__select-wrap { max-width: 153rem; width: 100%; margin: 0 auto } .news__body { position: relative } .news__body .line { max-width: 1px } .news__list { padding-top: 5rem; max-width: 153rem; width: 100%; margin: 0 auto; display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 6rem 8.8rem; margin-bottom: 7rem; position: relative } @media screen and (max-width: 1024px) { .news__list { grid-gap: 2rem; padding-top: 3rem; margin-bottom: 4rem } } @media screen and (max-width: 768px) { .news__list { grid-template-columns:repeat(1, 1fr) } } .news__item { background: #FAFAFA; border: 1px solid rgba(240, 240, 240, 0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; min-height: 38rem; padding: 8rem 6.5rem; color: #111; position: relative } .news__item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/local/templates/main/assets/css/../images/png/news__item-decor.png); background-repeat: no-repeat; background-size: cover; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .news__item--empty { background: inherit; color: #fff; overflow: hidden; border: 1px solid rgba(240, 240, 240, 0); } .news__item--empty::before { display: none; } .news__item--empty.news__item--img .news__item-img { opacity: 1; transition: all 1s ease-in-out; visibility: visible; } .news__item--empty .news__item-arrow { opacity: 1; visibility: visible; } .news__item--empty:hover .news__item-img { transform: scale(1.1,1.1); } @media screen and (max-width: 1024px) { .news__item { padding: 3rem 1.6rem; min-height: 18.5rem; background: inherit; border: 1px solid #f0f0f0 } } .news__item:hover { color: #fff; border: 1px solid rgba(240, 240, 240, 0) } .news__item:hover .news__item-arrow { opacity: 1; visibility: visible } .news__item:hover::before { opacity: 1; visibility: visible } .news__item--img .news__item-img { opacity: 0; visibility: visible } .news__item--img:hover::before { display: none } .news__item--img:hover .news__item-img { opacity: 1; visibility: visible } .news__item-info { position: relative; z-index: 5 } .news__item-date { font-weight: 300; font-size: 1.6rem; line-height: 130%; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .news__item-date { font-size: 1.4rem } } .news__item-title { font-weight: 500; font-size: 2.6rem; line-height: 130%; width: 100%; max-width: 45.6rem } @media screen and (max-width: 1024px) { .news__item-title { font-size: 1.8rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } } .news__item-arrow { margin-top: 4rem; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .news__item-arrow svg { width: 2.1rem; fill: #fff } .news__item-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .news__item-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news__item-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(37, 37, 37, 0.55)), to(rgba(37, 37, 37, 0.55))); background: -o-linear-gradient(bottom, rgba(37, 37, 37, 0.55), rgba(37, 37, 37, 0.55)); background: linear-gradient(0deg, rgba(37, 37, 37, 0.55), rgba(37, 37, 37, 0.55)); z-index: 1 } .news__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width: 1024px) { .news__pagination .pagination { padding: 0 } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .news-one { padding-bottom: 12rem } .news-one__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 1.4rem; line-height: 130%; color: #111; margin-bottom: 4rem } .news-one__date-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; background: #FAFAFA; margin-right: 2.4rem } .news-one__date-icon svg { width: 1rem } .news-one__top { border-bottom: 1px solid #F0F0F0; padding-top: 4rem; padding-bottom: 5.5rem } @media screen and (max-width: 1024px) { .news-one__top { padding-top: 9.5rem } } .news-one__body { padding-top: 5rem } @media screen and (max-width: 1024px) { .news-one__body { padding-top: 2rem } } .news-one .project__tablet { margin-bottom: 1.5rem } .news-one__tablet { padding-top: 4rem; padding-bottom: 1.5rem } @media screen and (max-width: 1024px) { .news-one__tablet { overflow: auto; width: calc(100% + 15px) } } @media screen and (max-width: 1024px) { .news-one__tablet .tablet { width: 100% } } @media screen and (max-width: 768px) { .news-one__tablet .tablet { width: 75rem } } .news-one__tablet .tablet__row-name { color: #111 } .news-one__tablet .tablet__row-name:hover { color: #357CDB } .news-one .brand__body { width: 100%; padding-right: 0; max-width: 90rem; margin-left: 42rem; padding-top: 0 } @media screen and (max-width: 1024px) { .news-one .brand__body { margin-left: 0 } } .news-one .technology-one__wrap { padding: 0 } .news-one .technology-one__tab { padding-top: 2.4rem; margin-top: 4rem } @media screen and (max-width: 1024px) { .news-one .technology-one__tab { margin-bottom: 4rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .contacts { padding-bottom: 12rem } @media screen and (max-width: 1024px) { .contacts { padding-bottom: 0 } } .contacts__body { padding-top: 5rem } @media screen and (max-width: 1024px) { .contacts__body { padding-top: 3rem } } @media screen and (max-width: 1024px) { .contacts__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80%; margin: 0 auto } } @media screen and (max-width: 768px) { .contacts__box { width: 100% } } .contacts__map { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7rem; min-height: 26rem } @media screen and (max-width: 1024px) { .contacts__map { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; min-height: auto } } @media screen and (max-width: 768px) { .contacts__map { width: calc(100% + 30px); margin-left: -15px } } .contacts__map-left { width: 50%; background-image: url(/local/templates/main/assets/css/../images/png/contacts__map-decor.png); background-repeat: no-repeat; background-size: cover; padding: 5.6rem 8.5rem 8.5rem 12rem; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width: 1024px) { .contacts__map-left { width: 100%; padding: 3rem 0rem; background-image: initial; background: #2F80ED; margin-bottom: 3rem } } .contacts__map-right { width: 50%; position: relative } @media screen and (max-width: 1024px) { .contacts__map-right { width: 100%; height: 37rem } } @media screen and (max-width: 768px) { .contacts__map-right { height: 27rem } } .contacts__map-right .map { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .contacts__map-right .ymaps-layers-pane { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .contacts__map-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3rem } .contacts__map-row:last-child { margin-bottom: 0px } @media screen and (max-width: 1024px) { .contacts__map-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 1.8rem; margin-bottom: 0 } } .contacts__map-row + .contacts__map-row { margin-top: auto } @media screen and (max-width: 1024px) { .contacts__map-row + .contacts__map-row { margin-top: 3rem } } .contacts__map-office { font-weight: 700; font-size: 1.8rem; line-height: 160%; letter-spacing: 0.04em; text-transform: uppercase; max-width: 15rem; width: 100% } @media screen and (max-width: 1024px) { .contacts__map-office { max-width: 100%; font-size: 1.6rem; margin-bottom: 2.5rem; font-weight: 500 } } .contacts__map-office-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100% } .contacts__map-route-link { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.8rem } @media screen and (max-width: 1024px) { .contacts__map-route-link { font-size: 1.6rem } } .contacts__map-route-icon { margin-left: 18px; width: 1.8rem; height: auto } .contacts__map-info { max-width: 33rem; width: 100%; font-weight: 500; font-size: 1.8rem; line-height: 160%; text-align: right } @media screen and (max-width: 1024px) { .contacts__map-info { text-align: left; font-size: 1.6rem; font-weight: 300 } } @media screen and (max-width: 1024px) { .contacts__map-address { margin-bottom: 2rem } } .contacts__map-tel a { position: relative } .contacts__map-tel a::before { content: ""; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .contacts__map-tel a:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } @media screen and (max-width: 1024px) { .contacts__map-tel + .contacts__map-tel { margin-top: 2rem } } .contacts__list { max-width: 147rem; width: 100%; margin: 0 auto } @media screen and (max-width: 1024px) { .contacts__list { margin-bottom: 5rem } } .contacts__item { margin-bottom: 7rem } @media screen and (max-width: 1024px) { .contacts__item { margin-bottom: 3rem } } .contacts__item:last-child { margin-bottom: 0px } .contacts__item-title { text-align: center; padding-bottom: 3.5rem } @media screen and (max-width: 1024px) { .contacts__item-title { padding-bottom: 2.7rem } } .contacts__item-title p { font-weight: 500; font-size: 1.4rem; line-height: 1.21429; letter-spacing: 0.08em; text-transform: uppercase; color: #FAFAFA; padding: 1rem 5.3rem; background: #2F80ED; display: inline-block; position: relative } @media screen and (max-width: 1024px) { .contacts__item-title p { font-size: 1.2rem; padding: 1.2rem 0rem; width: 96% } } .contacts__item-title p::before { content: ''; position: absolute; top: 100%; left: calc(50% - 0.5px); width: 1px; height: 3.5rem; background: #2F80ED } @media screen and (max-width: 1024px) { .contacts__item-title p::before { height: 2.7rem } } .contacts__item-wrap { border: 1.5px solid #2F80ED } .contacts__item-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5rem 9.5rem 5rem 8.5rem; font-weight: 300; font-size: 1.6rem; line-height: 160%; color: #111 } @media screen and (max-width: 1024px) { .contacts__item-row { padding: 3rem 2rem; -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 } } .contacts__item-row + .contacts__item-row { border-top: 1px solid #F0F0F0 } .contacts__item-name { font-weight: 500; font-size: 1.8rem; max-width: 24rem; width: 100%; margin-right: 9rem } @media screen and (max-width: 1024px) { .contacts__item-name { margin-right: 0; font-size: 1.6rem; margin-bottom: 0.8rem } } .contacts__item-position { max-width: 23.5rem; width: 100%; margin-right: 21.5rem } @media screen and (max-width: 1024px) { .contacts__item-position { margin-right: 0; margin-bottom: 1.6rem; font-size: 1.4rem } } .contacts__item-mail { text-align: right; color: #2F80ED; position: relative } @media screen and (max-width: 1024px) { .contacts__item-mail { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 1.5rem } } .contacts__item-mail:hover { color: #357CDB } .contacts__item-tel { margin-left: auto; text-align: right; font-weight: 400; font-family: "TTFirsNeue", sans-serif } @media screen and (max-width: 1024px) { .contacts__item-tel { margin-left: 0; margin-bottom: 0.5rem } } .contacts__item-tel a { -webkit-transition: color .5s; -o-transition: color .5s; transition: color .5s } .contacts__item-tel a:hover { color: #2F80ED } .contacts__item-tel span { color: #8D95A4 } .contacts .documentation__list { padding: 0 } @media screen and (max-width: 1024px) { .contacts .documentation__list { padding: 0 } } @media screen and (max-width: 1024px) { .contacts .documentation__list-wrap { margin-left: -3rem } } .contacts .documentation__list-item { padding: 2.4rem 0 } @media screen and (max-width: 1024px) { .contacts .documentation__list-item { padding: 1.6rem 0; margin-left: 3rem } } .contacts .documentation__list-item::before { bottom: 0 } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .card .brand__wrap { padding-left: 0 } @media screen and (min-width: 1024px) { .card .brand__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width: 1024px) { .card .brand__wrap { padding: 0; max-width: 100% } } .card .brand__body { padding: 0 } .card .brand__tab-body { width: calc(100% - 7.5rem) } @media screen and (max-width: 1024px) { .card .brand__tab-body { width: 100%; padding: 0 2.4rem } } .card .brand__tab-body h5 { line-height: 180% } .card .brand__tab-body--border { padding: 0 } .card__wrap { max-width: 133rem; width: 100%; margin-left: auto } .card__top { padding-right: 7.5rem; padding-top: 6.5rem; padding-bottom: 8.5rem; border-top: 1px solid #f0f0f0 } @media screen and (max-width: 1024px) { .card__top { padding: 0rem; -webkit-box-shadow: none; box-shadow: none; border-top: none } } .card__top-left { width: calc(100% - 67.5rem - 12rem); margin-right: 12rem } @media screen and (max-width: 1024px) { .card__top-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 768px; margin: 5rem auto 0; padding: 0 15px; width: 100% } } .card__top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 133rem; margin-left: auto } @media screen and (max-width: 1024px) { .card__top-wrap { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card__bottom { padding-right: 7.5rem; padding-left: 7.5rem; /*padding-top: 4.5rem*/ } @media screen and (max-width: 1024px) { .card__bottom { max-width: 768px; margin: 4rem auto 0; padding: 0 15px; width: 100% } } .card__bottom .card__tablet { margin-bottom: 0 } .card__consultants { width: calc(100% - 7.5rem); border: 4px solid #2F80ED; margin: 4rem 0; padding: 4rem 11.5rem } .card__consultants .consultants { 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 } .card__consultants .consultants__left { max-width: 51.5rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .card__consultants .consultants__right { max-width: 35rem; width: 100%; 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 } .card__consultants .consultants__top-img { max-width: 11.3rem; margin-right: 4rem } .card__consultants .consultants__top-name { font-size: 2.2rem; margin-bottom: 1rem } .card__consultants .consultants__title { color: #2F80ED; max-width: 100% } .card__consultants .consultants__tel { font-weight: 500; font-size: 1.6rem } .card__consultants .consultants__tel span { font-weight: 300 } .card__consultants .consultants__mail a { color: #111 } .card__consultants .consultants__mail a:hover { color: #2F80ED } .card__info { max-width: 67.5rem; width: 100% } @media screen and (max-width: 1024px) { .card__info { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding: 9.5rem 0px 2.4rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .card__info-manufacturer { font-weight: 300; font-size: 1.6rem; line-height: 140%; color: #000000; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .card__info-manufacturer { max-width: 768px; margin: 0 auto; padding: 0 15px; width: 100%; font-size: 1.4rem; margin-bottom: 0 } } .card__info-manufacturer a { color: #2F80ED } @media screen and (max-width: 1024px) { .card__info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 768px; margin: 0 auto; padding: 0 15px; width: 100% } } .card__info-title { max-width: 56.5rem; width: 100%; margin-bottom: 3rem; font-weight: 500; font-size: 4rem; line-height: 130%; color: #111 } @media screen and (max-width: 1024px) { .card__info-title { font-size: 2rem; margin-bottom: 0; width: calc(100% - 7rem); margin-bottom: 2.4rem } } .card__info-link { font-weight: 500; font-size: 1.6rem; line-height: 140%; color: #2F80ED; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } @media screen and (max-width: 1024px) { .card__info-link { font-size: 1.4rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; max-width: 768px; margin: 0rem auto 0; padding: 0 15px; width: 100% } } .card__info-link:hover { color: #2368C5 } .card__tablet { margin-bottom: 2rem } @media screen and (max-width: 1024px) { .card__tablet { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; max-width: 768px; margin: 2rem auto 0; padding: 0 15px; width: 100% } } .card__tablet-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.5rem 8px 2.2rem; border-bottom: 1px solid #f0f0f0; font-weight: 300; font-size: 1.7rem; line-height: 1.23529; color: #111 } @media screen and (max-width: 1024px) { .card__tablet-row { padding: 2rem 0; font-size: 1.4rem } } .card__tablet-row:last-child { border: none } .card__tablet-title { font-weight: 500; width: 35% } @media screen and (max-width: 1024px) { .card__tablet-title { width: calc(50% - 0.5rem) } } .card__tablet-value { width: 60%; text-align: right } @media screen and (max-width: 1024px) { .card__tablet-value { width: calc(50% - 0.5rem) } } .card__product { margin-top: 6rem; padding: 0 7.5rem } @media screen and (max-width: 1024px) { .card__product { max-width: 768px; margin: 6rem auto 0; padding: 0 15px; width: 100% } } .card__product-title { font-weight: 500; font-size: 2.8rem; line-height: 1.25; color: #111; margin-bottom: 4rem } @media screen and (max-width: 1024px) { .card__product-title { font-size: 1.8rem; margin-bottom: 3rem } } .card__product-list { display: grid; grid-template-columns:repeat(4, 1fr); grid-gap: 3rem } @media screen and (max-width: 1024px) { .card__product-list { grid-template-columns:repeat(2, 1fr); grid-gap: 2rem } } .card .sidebar { padding-top: 0 } .card .breadcrumb { border: none; position: relative } .card .breadcrumb::before { content: ''; position: absolute; top: 0; right: 0; max-width: 37.5rem; width: 100%; height: 100%; background: #fafafa } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @media screen and (max-width: 1024px) { .catalog { padding-bottom: 5rem } } .catalog__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: calc(((100% - 1800px) / 2) + 15px) } @media screen and (min-width: 1024px) { .catalog__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width: 1850px) { .catalog__wrap { padding-left: 40px } } @media screen and (max-width: 1024px) { .catalog__wrap { padding: 0 15px; max-width: 768px; margin: 0 auto; flex-direction: column; } } .catalog .documentation__simple-title { padding-top: 5.2rem; padding-bottom: 1.1rem } .catalog .documentation__list-wrap { margin-left: -6rem; padding-bottom: 0; margin-bottom: 0; width: calc(100% + 6rem) } .catalog .documentation__list { border-top: none } .catalog .documentation__list-item { padding: 1rem 0; margin-top: 2.2rem; margin-bottom: 0; font-size: 1.7rem; text-transform: none; margin-left: 6rem } .catalog .documentation__list-item:last-child { margin-right: 0 } @media screen and (max-width: 1024px) { .catalog .documentation__simple-title { padding-top: 0; padding-bottom: 0 } } @media screen and (max-width: 1024px) { .catalog .documentation__list-wrap { padding-bottom: 2.6rem; margin-left: -4.5rem; width: calc(100% + 4.5rem) } } @media screen and (max-width: 1024px) { .catalog .documentation__list-item { font-size: 1.5rem; margin-left: 4.5rem; margin-top: 0; margin-bottom: 2.2rem } } @media screen and (max-width: 1024px) { .catalog .documentation__top-wrap { 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; padding-bottom: 2.4rem } } .catalog .brand__tab-item { margin-bottom: 2.4rem; padding-bottom: 2.4rem; border-bottom: 1px solid #F0F2F5 } @media screen and (max-width: 1024px) { .catalog .brand__tab-item { padding-bottom: 2rem; margin-bottom: 2rem } } .catalog .brand__tab-item:last-child { margin-bottom: 0px } .catalog .sidebar { padding-top: 4rem } .catalog__body { width: calc(100% - 37.5rem - 7.5rem); margin-right: 7.5rem } @media screen and (max-width: 1024px) { .catalog__body { margin-right: 0; width: 100% } } .catalog__body_2025 { width: calc(100% - 37.5rem - 3rem - 35rem - 3rem); margin-right: 3rem; margin-left: 3rem; } .catalog__body_2025 .center-wrap { padding: 0; } .catalog__body_2025 .select { min-width: 17.5rem; } .catalog__body_2025 .select .select__variants { width: calc(120% + 2px); } @media screen and (max-width: 1024px) { .catalog__body_2025 { margin-right: 0; margin-left: 0; width: 100% } } .catalog__filter { margin-bottom: 3.4rem; margin-top: 0; padding-top: 3rem; padding-bottom: 3rem; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; position: relative } @media screen and (max-width: 1024px) { .catalog__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1.6rem 15px; margin-bottom: 3rem; width: calc(100% + 30px); margin-left: -15px } } .catalog__filter-wrap { display: grid; grid-template-columns:repeat(5, 1fr); grid-row-gap: 0; grid-column-gap: 3rem; -webkit-transition: gap 0.3s ease; -o-transition: gap 0.3s ease; transition: gap 0.3s ease } .catalog__filter-wrap.is-show-all { grid-row-gap: 3rem } .catalog__filter-wrap.is-show-all .catalog__filter-select:nth-of-type(n+6) { max-height: 100%; margin-top: 0; -webkit-transition: max-height 0.3s ease, opacity 0.3s ease 0.1s, margin-top 0.3s ease; -o-transition: max-height 0.3s ease, opacity 0.3s ease 0.1s, margin-top 0.3s ease; transition: max-height 0.3s ease, opacity 0.3s ease 0.1s, margin-top 0.3s ease; overflow: visible; opacity: 1 } .catalog__filter-buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 3rem } .catalog__filter-button { margin-right: 9.5rem; font-family: inherit; font-weight: 350; font-size: 1.6rem; line-height: 160%; color: #2F80ED; background: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .catalog__filter-button:last-child { margin-right: 0 } .catalog__filter-button--reset svg { margin-right: 1.2rem } .catalog__filter-button--show-all svg:first-child { margin-right: 1rem } .catalog__filter-button--show-all svg:last-child { margin-left: 0.5rem; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .catalog__filter-button--show-all.is-show-all svg:last-child { -webkit-transform: none; -ms-transform: none; transform: none } .catalog__filter-select .select { height: 100%; width: 100% } .catalog__filter-select:nth-of-type(n+6) { max-height: 0%; margin-top: -5rem; opacity: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease; -o-transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease } .catalog__filter-icon { margin-right: 4rem; margin-top: 1.4rem; pointer-events: none } @media screen and (max-width: 1024px) { .catalog__filter-icon { margin-top: 0; margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: initial } } .catalog__filter-icon svg { width: 1.8rem; fill: #111 } @media screen and (max-width: 1024px) { .catalog__filter-icon svg { width: 1.6rem; fill: #2F80ED; margin-right: 0.8rem } } .catalog__filter-text { font-weight: 500; font-size: 1.5rem; line-height: 1.26667; color: #357CDB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .catalog__filter-text span { width: 2rem; height: 2rem; 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; font-weight: 500; font-size: 1.1rem; line-height: 1; color: #FFFFFF; background: #2F80ED; margin-left: 1rem } .catalog__filter-reset { border: none; background: inherit; margin-left: auto; margin-top: 1.4rem; cursor: pointer } .catalog__filter-reset:hover svg { fill: #2F80ED } .catalog__filter-reset:hover svg line { stroke: #2F80ED } .catalog__filter-reset svg { width: 2.1rem; fill: #111; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .catalog__filter-reset svg line { stroke: #111; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .catalog__list { display: grid; grid-template-columns:repeat(4, 1fr); grid-gap: 3rem; margin-bottom: 7rem } @media screen and (max-width: 1024px) { .catalog__list { grid-gap: 2rem; margin-bottom: 3rem; grid-template-columns:repeat(3, 1fr) } } @media screen and (max-width: 768px) { .catalog__list { grid-template-columns:repeat(2, 1fr) } } .catalog__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 7rem 0 } @media screen and (max-width: 1024px) { .catalog__pagination { margin: 3rem 0 5rem } } .catalog__logo { display: grid; grid-template-columns:repeat(5, 1fr); grid-gap: 3rem; margin-top: 5rem } @media screen and (max-width: 1024px) { .catalog__logo { grid-gap: 2rem; grid-template-columns:repeat(4, 1fr); margin-top: 3rem } } @media screen and (max-width: 768px) { .catalog__logo { grid-template-columns:repeat(2, 1fr) } } .catalog__logo-item { height: 10.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #f0f0f0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } @media screen and (max-width: 768px) { .catalog__logo-item { height: 6.5rem } } .catalog__logo-item:hover { border: 1px solid rgba(240, 240, 240, 0); background: #FFFFFF; -webkit-filter: drop-shadow(0px 4px 36px rgba(130, 150, 162, 0.13)); filter: drop-shadow(0px 4px 36px rgba(130, 150, 162, 0.13)) } .catalog__logo-item img { width: 60%; height: 80%; -o-object-fit: contain; object-fit: contain } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .statistics { position: relative; padding-top: 12rem; padding-bottom: 14rem } @media screen and (max-width: 768px) { .statistics { padding-top: 4rem; padding-bottom: 6.5rem } } .statistics .line { z-index: 3 } .statistics__simple-title { margin-bottom: 9rem; font-size: 3.2rem; text-align: center; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .statistics__simple-title { margin-bottom: 8rem } } @media screen and (max-width: 768px) { .statistics__simple-title { font-size: 1.8rem; margin-bottom: 4rem } } .statistics__simple-title a { color: #2F80ED; position: relative } .statistics__simple-title a::before { content: ""; position: absolute; left: 0px; bottom: 2px; width: 100%; height: 1px; background: #2F80ED; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } .statistics__simple-title a:hover::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .statistics__wrap { position: relative; margin-bottom: 8rem } @media screen and (max-width: 1024px) { .statistics__wrap { margin-bottom: 0 } } .statistics__video { width: 100% } .statistics__video > div { position: relative; padding-bottom: 35.8% } @media screen and (max-width: 1024px) { .statistics__video > div { padding-bottom: 55% } } @media screen and (max-width: 768px) { .statistics__video > div { padding-bottom: 73% } } .statistics__video > div video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover } .statistics__img { position: absolute; left: 51%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 27rem; width: 100%; z-index: 5; top: 50% } @media screen and (max-width: 768px) { .statistics__img { max-width: 11.5rem } } .statistics__img svg { position: absolute; left: 42%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 58%; z-index: 10; width: 3.5rem; -webkit-animation: rotate 3s ease-in-out alternate forwards infinite; animation: rotate 3s ease-in-out alternate forwards infinite; -webkit-transform-origin: 20% 85%; -ms-transform-origin: 20% 85%; transform-origin: 20% 85% } @media screen and (max-width: 1024px) { .statistics__img svg { left: 44%; top: 56% } } @media screen and (max-width: 768px) { .statistics__img svg { top: 42%; left: 48%; -webkit-transform-origin: 20% 85%; -ms-transform-origin: 20% 85%; transform-origin: 20% 85%; width: 2.8rem } } .statistics__img > div { padding-bottom: 253% } @media screen and (max-width: 1024px) { .statistics__img > div { padding-bottom: 175% } } @media screen and (max-width: 768px) { .statistics__img > div { padding-bottom: 248% } } .statistics__img > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .statistics__box { position: absolute; width: 50%; text-align: center; top: 31%; left: 0; z-index: 4 } .statistics__box--right { right: 0; left: auto } .statistics__box-title { font-weight: 300; font-size: 1.8rem; line-height: 160%; color: #918B80; margin-bottom: 3rem } @media screen and (max-width: 1024px) { .statistics__box-title { margin-bottom: 0; max-width: calc(50% - 1.5rem); width: 100% } } @media screen and (max-width: 768px) { .statistics__box-title { font-size: 1.4rem } } .statistics__box-title--color { color: #2F80ED } .statistics__box-value { font-weight: 300; font-size: 5.6rem; line-height: 1.2; color: #111 } @media screen and (max-width: 1024px) { .statistics__box-value { font-size: 3.6rem; max-width: calc(50% - 1.5rem); width: 100%; text-align: right; font-weight: 400 } } @media screen and (max-width: 768px) { .statistics__box-value { font-size: 1.8rem } } .statistics__box-value small { font-size: 3.6rem } @media screen and (max-width: 1024px) { .statistics__box-value small { font-size: 2rem; font-weight: 300 } } @media screen and (max-width: 768px) { .statistics__box-value small { font-size: 1.2rem } } .statistics__box-decor { position: absolute; bottom: 0; left: 0; height: 19.5rem; width: 100% } @media screen and (max-width: 1024px) { .statistics__box-decor { height: 10rem } } @media screen and (max-width: 768px) { .statistics__box-decor { height: 7.5rem } } @media screen and (max-width: 480px) { .statistics__box-decor { height: 4.5rem } } .statistics__list { background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding-top: 2.5rem; margin-bottom: 4rem } @media screen and (max-width: 768px) { .statistics__list { padding-top: 0rem } } .statistics__list-wrap { max-width: 768px; margin: 0 auto } .statistics__list-row { 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; position: relative; padding: 2.4rem 15px; border-bottom: 1px solid #F0F0F0 } .statistics__list-row:last-child { margin-bottom: 0px } .statistics__list-row:last-child::before { background-color: #9A9E94 } .statistics__list-row::before { content: ''; position: absolute; top: 0; left: 0; width: 2.2rem; height: 1px; background-color: #2F80ED; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .statistics__btn { text-align: center; position: relative; z-index: 3 } .waves { position: relative; width: 100%; height: 100% } .parallax > use { -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite } .parallax > use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 7s; animation-duration: 7s } .parallax > use:nth-child(2) { -webkit-animation-delay: -3s; animation-delay: -3s; -webkit-animation-duration: 10s; animation-duration: 10s } .parallax > use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 13s; animation-duration: 13s } .parallax > use:nth-child(4) { -webkit-animation-delay: -5s; animation-delay: -5s; -webkit-animation-duration: 20s; animation-duration: 20s } @-webkit-keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0) } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0) } } @keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0) } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0) } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(-70deg); transform: rotate(-70deg) } 100% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } } @keyframes rotate { 0% { -webkit-transform: rotate(-70deg); transform: rotate(-70deg) } 100% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .article { padding-bottom: 13.5rem } @media screen and (max-width: 1024px) { .article { padding-bottom: 5rem } } .article__top { padding-top: 6rem; padding-bottom: 6rem; border-bottom: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .article__top { padding-top: 9.5rem; padding-bottom: 3rem } } .article__wrap { max-width: 90rem; width: 100%; margin: 0 auto } @media screen and (max-width: 1024px) { .article__wrap { max-width: 100% } } .article__body { padding-top: 5rem } @media screen and (max-width: 1024px) { .article__body { padding-top: 3rem } } .article__img-wrap { margin: 2rem 0 } .article__img-wrap > div { padding-bottom: 66.66% } .article__img-content { text-align: center; margin: 3rem 0 } .article__img-content p { font-size: 1.6rem; color: #8D95A4 } .article__btn { margin-top: 8rem; text-align: center } @media screen and (max-width: 1024px) { .article__btn { margin-top: 3rem } } .article__content p { font-size: 1.8rem } @media screen and (max-width: 1024px) { .article__content p { font-size: 1.6rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .cookie { position: fixed; z-index: 999; width: 100%; bottom: 0; background: #FFFFFF; -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); padding: 2.5rem 0 } @media screen and (max-width: 768px) { .cookie { padding: 1rem 0 } } .cookie__wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } @media screen and (max-width: 768px) { .cookie__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .cookie__content { margin-right: 12.5rem } @media screen and (max-width: 1024px) { .cookie__content { margin-right: 5rem } } @media screen and (max-width: 768px) { .cookie__content { margin-right: 0rem; margin-bottom: 1rem } } .cookie__content p { font-weight: 300; font-size: 14px; line-height: 1.14286 } @media screen and (max-width: 768px) { .cookie__content p { text-align: center } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .base-page { padding-bottom: 12rem } .base-page .breadcrumb { border-bottom: none } .base-page .technology-one__simple-title { max-width: 100rem; width: 100%; margin: 0 auto } @media screen and (max-width: 1024px) { .base-page .technology-one__simple-title { max-width: 100% } } .base-page .technology-one__wrap { max-width: 90rem; width: 100%; margin: 0 auto; padding: 0 } @media screen and (max-width: 1024px) { .base-page .technology-one__wrap { max-width: 768px; padding: 0 15px } } .base-page .brand__body { padding-right: 0; width: 100%; border-top: 1px solid #F0F0F0 } @media screen and (max-width: 1024px) { .base-page .brand__body { border: none } } .base-page .brand__top { border-bottom: 1px solid #F0F0F0; padding-bottom: 5rem } @media screen and (max-width: 1024px) { .base-page .brand__top { padding-bottom: 3rem; margin-bottom: 3rem } } @media screen and (max-width: 1024px) { .base-page { padding-bottom: 5rem } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .equipment__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: calc(((100% - 1800px) / 2) + 15px) } @media screen and (min-width: 1024px) { .equipment__wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width: 1850px) { .equipment__wrap { padding-left: 40px } } @media screen and (max-width: 1024px) { .equipment__wrap { padding: 0 15px; max-width: 768px; margin: 0 auto } } .equipment__simple-title { padding: 4rem 0 } @media screen and (max-width: 1024px) { .equipment__simple-title { padding: 0 0 3.5rem 0 } } @media screen and (max-width: 1024px) { .equipment__top { padding-top: 9.5rem } } .equipment__body { width: calc(100% - 37.5rem - 7.5rem); margin: 0 auto; padding-bottom: 14rem } @media screen and (max-width: 1024px) { .equipment__body { margin-right: 0; width: 100%; padding-bottom: 7rem } } .equipment__tabs { max-width: 1230px; margin: 0 auto } .equipment__list { margin: 0; padding: 0 } .equipment ul.equipment__list { margin: 0; padding: 0 } .equipment li.equipment__item { list-style: none; margin: 0; padding: 0 } .equipment li.equipment__item::before { display: none } .equipment li.equipment__item:not(:last-child) { border-bottom: 1px solid #F0F0F0; margin-bottom: 3rem } .equipment .tab__top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 2rem } @media screen and (max-width: 1024px) { .equipment .tab__top { padding: 1rem 2rem } } @media screen and (max-width: 480px) { .equipment .tab__top { padding: 1rem } } .equipment .tab__top-icon { width: 1.6rem } .equipment .toogles3__item-content { margin-top: 1.5rem } .equipment .tab__top-square { margin-left: auto } @media (hover: hover), screen and (min-width: 0\0 ) { .equipment .tab__top-square:hover, .equipment .tab__top-square:focus { border: 1px solid #F0F2F5; background-color: transparent } } .equipment .tab__top.toogles3__item-title--active:hover .tab__top-square { background-color: transparent; border: 1px solid #F0F2F5 } .equipment .tab__top.toogles3__item-title--active:hover .tab__top-square svg { fill: #000 } .equipment .tab__top-title { margin-left: 2.2rem; font-size: 2rem } @media screen and (max-width: 1360px) { .equipment .tab__top-title { font-size: 2.5rem } } @media screen and (max-width: 1024px) { .equipment .tab__top-title { margin-left: 0.5rem; font-size: 1.8rem } } .equipment__tab-item { border: 1px solid #F0F0F0; -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease; transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease, border-color 0.3s ease; transition: box-shadow 0.3s ease, border-color 0.3s ease; transition: box-shadow 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease } .equipment__tab-item:not(:last-child) { margin-bottom: 2.4rem } @media (hover: hover), screen and (min-width: 0\0 ) { .equipment__tab-item:hover, .equipment__tab-item:focus { -webkit-box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); box-shadow: 0px 4px 36px rgba(130, 150, 162, 0.13); border-color: transparent } .equipment__tab-item:hover .tab__top-square, .equipment__tab-item:focus .tab__top-square { background-color: transparent; border: 1px solid #F0F2F5 } .equipment__tab-item:hover .tab__top-square svg, .equipment__tab-item:focus .tab__top-square svg { fill: #000 } } .equipment__tab-body { padding: 0 8.5rem; padding-bottom: 1.9rem } @media screen and (max-width: 1024px) { .equipment__tab-body { padding: 0 1.6rem } } .equipment__tab-icon { display: grid; place-content: center } @media screen and (max-width: 480px) { .equipment__tab-icon { display: none } } @media screen and (max-width: 480px) { .equipment__tab-icon svg { width: 30px; height: 30px } } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-SemiLight.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Stem'; src: url(/local/templates/main/assets/css/../fonts/Stem-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Light.woff2); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'TTFirsNeue'; src: url(/local/templates/main/assets/css/../fonts/TTFirsNeue-DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Medium.woff2); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Gilroy'; src: url(/local/templates/main/assets/css/../fonts/Gilroy-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap } .equipment-slider { padding: 2rem 0; margin-bottom: 4rem; position: relative; z-index: 3 } @media screen and (max-width: 1024px) { .equipment-slider { padding: 3rem 0; margin-bottom: 3rem } } .equipment-slider__link { display: grid; place-content: center; width: 100%; height: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, -webkit-transform 0.3s ease; -o-transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease } @media (hover: hover), screen and (min-width: 0\0 ) { .equipment-slider__link:hover, .equipment-slider__link:focus { background-color: #ffffff; -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0) } } .equipment-slider__link img { -o-object-fit: contain; object-fit: contain; max-height: 7rem; max-width: 18rem; min-height: 40px; -webkit-transform: translateZ(0); transform: translateZ(0) } @media screen and (max-width: 768px) { .equipment-slider__link img { max-height: 7rem; min-height: 50px; max-width: 18rem } } .equipment-slider__wrap { position: relative } @media screen and (max-width: 768px) { .equipment-slider__wrap { padding: 0 15px } } .equipment-slider .swiper-container { width: 89% } @media screen and (max-width: 1024px) { .equipment-slider .swiper-container { width: 85% } } @media screen and (max-width: 768px) { .equipment-slider .swiper-container { width: 80% } } .equipment-slider .swiper-slide { width: 241.88px; height: 105px; border: 1px solid #F0F0F0; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .equipment-slider .swiper-button-prev { left: 0.8rem } @media screen and (max-width: 1024px) { .equipment-slider .swiper-button-prev { left: 2.5% } } @media screen and (max-width: 1024px) and (min-width: 767px) { .equipment-slider .swiper-button-prev { left: 1% } } .equipment-slider .swiper-button-next { right: 1.8rem } @media screen and (max-width: 1024px) { .equipment-slider .swiper-button-next { right: 2.5% } } @media screen and (max-width: 1024px) and (min-width: 767px) { .equipment-slider .swiper-button-next { right: 1% } } .equipment-slider .swiper-button-next, .equipment-slider .swiper-button-prev { width: 6.3rem; height: 6.2rem; background-color: #2368C5; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } @media screen and (max-width: 1024px) { .equipment-slider .swiper-button-next, .equipment-slider .swiper-button-prev { width: 3rem; height: 3rem } } .equipment-slider .swiper-button-next svg, .equipment-slider .swiper-button-prev svg { width: 2.9rem; fill: #FAFAFA; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s } @media screen and (max-width: 1024px) { .equipment-slider .swiper-button-next svg, .equipment-slider .swiper-button-prev svg { width: 1.5rem } } .equipment-slider .swiper-button-next:hover, .equipment-slider .swiper-button-prev:hover { background-color: #357CDB } .equipment-slider .swiper-button-next:hover svg, .equipment-slider .swiper-button-prev:hover svg { fill: #fff } .equipment-slider .swiper-button-next::after, .equipment-slider .swiper-button-prev::after { display: none } .equipment-slider .swiper-button-disabled { opacity: 1; background-color: #A0A0A0 } @media (max-width: 790px) { .category-tags__link { width: 45%; } .category-tags__list { flex-wrap: wrap; } } @media (max-width: 500px) { .category-tags__link { width: 100%; } } .hide-text { display: -webkit-box; -webkit-line-clamp: ${countToShow}; -webkit-box-orient: vertical; overflow: hidden; } .hide-text--active { -webkit-line-clamp: unset; } .hide-text.hide-text--active > * { margin-inline: inherit; } .popular_product-grid-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 20px; } .popular_product-tile { position: relative; background-color: #FAFAFA; overflow: hidden; padding: 34px; text-align: left; max-width: 427px; max-height: 340px; aspect-ratio: 427 / 340; background-image: url('/local/templates/main/assets/css/img/gray-background.png'); background-size: cover; background-position: center; transition: background-image 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .popular_product-tile::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/local/templates/main/assets/css/img/bg.png'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; } .popular_product-tile:hover { background-color: #2F80ED; } .popular_product-tile:hover::before { opacity: 1; } .popular_product-tile h3 { margin: 0 0 10px; font-size: 20px; font-weight: 400; } .popular_product-more-button { position: absolute; bottom: 34px; z-index: 3; padding: 10px 15px; background-color: #FAFAFA; color: #2F80ED; font-size: 16px; border: 1px solid #2F80ED; cursor: pointer; font-weight: 400; transition: background-color 0.3s, color 0.3s; } .popular_product-more-button-white { position: absolute; z-index: 3; bottom: 34px; font-weight: 400; padding: 10px 15px; color: #ffffff; font-size: 16px; border: 1px solid #ffffff; cursor: pointer; transition: background-color 0.3s, color 0.3s; } .popular_product-more-button:hover { color: #ffffff; border: 1px solid #ffffff; background-color: #2F80ED } .popular_product-more-button-white:hover { color: #2F80ED; border: 1px solid #2F80ED; background-color: #FAFAFA } .popular_product-image { position: absolute; bottom: 20px; right: 0px; width: 80%; height: 75%; background-image: url('/local/templates/main/assets/css/image.png'); background-size: cover; background-position: center; } .popular_product-tile:hover h3 { color: #FFFFFF; position: absolute; } .popular_product-tile:hover .popular_product-more-button { background-color: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; } @media (max-width: 1750px) { .popular_product-image { width: 65%; } } @media (max-width: 1400px) { .popular_product-image { width: 45%; } } @media (max-width: 1300px) { .popular_product-grid-container { grid-template-columns: repeat(3, 1fr); } .popular_product-image { width: 65%; } } @media (max-width: 1150px) { .popular_product-image { width: 55%; right: -20px; } } @media (max-width: 1030px) { .popular_product-grid-container { grid-template-columns: repeat(2, 1fr); } .popular_product-image { width: 65%; right: 10px; } } @media (max-width: 785px) { .popular_product-image { right: -10%; } } @media (max-width: 600px) { .popular_product-image { right: 10px; } .popular_product-grid-container { grid-template-columns: 1fr; } } .rfooter { width: 100%; margin: auto; max-width: 1920px; display: flex; flex-direction: column; padding-bottom: 113px; } .rfooter__title { width: 100%; font-family: Stem; font-size: 16px; font-weight: 300; line-height: 18.4px; text-align: left; color: #111111; } @media screen and (max-width: 768px) { .rfooter__title { margin-bottom: 20px; font-size: 13px; line-height: 14.95px; } } .rfooter__logo { margin-bottom: 17px; display: block; width: 120px; height: 38px; } @media screen and (max-width: 768px) { .rfooter__logo { margin-bottom: 10px; } } .rfooter__upper { position: relative; padding: 45px 75px 26px 75px; display: flex; flex-direction: row; } .rfooter__upper::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e0e0e0; } @media screen and (max-width: 1300px) { .rfooter__upper { flex-direction: column; } } @media screen and (max-width: 768px) { .rfooter__upper { padding: 0; margin: 30px 25px 0px 25px; } } .rfooter__bottom { position: relative; padding: 24px 75px 26px 75px; display: flex; flex-direction: row; } @media screen and (max-width: 1300px) { .rfooter__bottom { flex-direction: column; } } @media screen and (max-width: 768px) { .rfooter__bottom { padding: 20px 25px 30px 25px; } } .rfooter__bottom::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e0e0e0; } @media screen and (max-width: 768px) { .rfooter__bottom::after { content: none; } } .rfooter__row { display: flex; flex-direction: column; width: 100%; max-width: 181px; } @media screen and (max-width: 768px) { .rfooter__row { max-width: 340px; } } .rfooter__row--head { margin-right: 133px; display: flex; flex-direction: column; max-width: 298px; width: 100%; } @media screen and (max-width: 1300px) { .rfooter__row--head { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .rfooter__row--head { margin-bottom: 0; margin-right: 0; order: 1; } } .rfooter__row--main { margin-right: 140px; display: flex; flex-direction: row; column-gap: 182px; max-width: 905px; width: 100%; } @media screen and (max-width: 768px) { .rfooter__row--main { order: 3; flex-direction: column; } } @media screen and (max-width: 1300px) { .rfooter__row--contact { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .rfooter__row--contact { margin-bottom: 0; order: 2; } } .rfooter__list { list-style: none; display: flex; flex-direction: column; max-width: 181px; width: 100%; align-items: flex-start; } @media screen and (max-width: 768px) { .rfooter__list { margin-bottom: 5px; max-width: 500px; display: none; } } .rfooter__list-link { display: block; margin-bottom: 15px; text-decoration: none; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #111111; transition: all .25s; } .rfooter__list-link:hover { color: #2F80ED; } .rfooter__list-title { margin-bottom: 20px; font-family: Stem; font-size: 16px; font-weight: 500; line-height: 19.84px; text-align: left; color: #111111; } @media screen and (max-width: 768px) { .rfooter__list-title { position: relative; cursor: pointer; } .rfooter__list-title::after { content: ""; position: absolute; background-image: url('/local/templates/main/assets/images/list-arrow.svg'); background-size: contain; background-repeat: no-repeat; width: 10px; top: 2px; right: 0; height: 10px; } } .copyright { text-wrap: nowrap; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #111111; } @media screen and (max-width: 768px) { .rcopyright { margin-bottom: 15px; font-size: 12px; line-height: 13.8px; } } .rlink { max-width: 181px; width: 100%; text-wrap: nowrap; text-decoration: none; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #2f80ed; } @media screen and (max-width: 768px) { .rlink { margin-bottom: 15px; font-size: 12px; line-height: 13.8px; } } .credentials { text-decoration: none; text-wrap: nowrap; position: relative; padding-left: 61px; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #8d95a4; } @media screen and (max-width: 768px) { .credentials { padding-left: 0; font-size: 12px; line-height: 13.8px; } } .credentials::before { content: ""; position: absolute; background-image: url('/local/templates/main/assets/images/art.svg'); background-size: cover; background-repeat: no-repeat; width: 46px; height: 46px; top: -14px; left: 0px; } @media screen and (max-width: 768px) { .credentials::before { content: none; } } .contact__title { margin-bottom: 20px; font-family: Stem; font-size: 16px; font-weight: 500; line-height: 19.84px; text-align: left; color: #111111; } .contact__phone { margin-bottom: 3px; display: block; text-decoration: none; font-family: Stem; font-size: 16px; font-weight: 500; line-height: 19.84px; text-align: left; color: #111111; } .contact__call { display: block; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #2f80ed; text-underline-offset: 5px; margin-bottom: 16px; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #111111; } .contact__mail { margin-bottom: 30px; display: block; text-decoration: none; font-family: Stem; font-size: 14px; font-weight: 500; line-height: 17.36px; text-align: left; color: #2f80ed; } @media screen and (max-width: 768px) { .contact__mail { margin-bottom: 20px; } } .contact__social { display: flex; flex-direction: row; column-gap: 10px; position: relative; } @media screen and (max-width: 768px) { .contact__social { margin-bottom: 20px; padding-bottom: 20px; column-gap: 35px; } .contact__social::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e0e0e0; } } .contact__social-img { display: block; width: 40px; height: 40px; } .rfooter__bottom .rfooter__row--contact { order: 4; } @media screen and (max-width: 1300px) { .rfooter__bottom .rfooter__row--contact { margin-top: 30px; } } @media screen and (max-width: 768px) { .rfooter__bottom .rfooter__row--contact { margin-top: 0px; } } @media screen and (max-width: 1300px) { .rfooter__bottom .rfooter__row--main { flex-direction: column; gap: 15px; } } @media screen and (max-width: 768px) { .rfooter__bottom .rfooter__row--main { gap: 0px; } } .contact__address { display: flex; flex-direction: column; max-width: 292px; width: 100%; } @media screen and (max-width: 1024px) { .contact__address { max-width: 340px; } } .contact__address-item { display: none; margin-bottom: 12px; font-family: Stem; font-size: 14px; font-weight: 300; line-height: 16.1px; text-align: left; color: #111111; } .contact__address-item--active { display: inline; } .contact__slider { margin-bottom: 30px; display: flex; flex-direction: row; column-gap: 8px; } .rde-about__text .content p a.btn { color: #2F80ED; font-size: 1.2rem; line-height: 2.8rem; white-space: normal; min-height: 42px; display: inline-flex; align-items: center; font-weight: 600 !important; } @media screen and (max-width: 1024px) { .rde-about__text .content p a.btn { line-height: 1.8rem; padding: 1rem 3rem; font-size: 1rem; } } .rde-about__text .content p a.btn:hover { color: #ffffff; } @media screen and (max-width: 1024px) { .contact__slider { margin-bottom: 20px; } } .contact__slider-item { cursor: pointer; background-color: #d9d9d9; width: 9px; height: 9px; border-radius: 50%; } .contact__slider-item--active { background-color: #2f80ed; } .active { display: block; } .good_price_in { margin-bottom: 30px; } .heading-complex1.heading-complex1 { margin-top: 30px; } .no-hidden { overflow: auto; } .smart-captcha.smart-captcha { display: none; height: 80px !important; } .custom-tabs__content [data-tab-content] { display: none; padding-top: 20px; } .custom-tabs__content [data-tab-content].is-active { display: block; } .custom-tabs__nav-wrap { overflow-x: auto; } .custom-tabs__nav { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; border-bottom: 4px solid #F0F0F0; } .custom-tabs { padding: 30px 50px; background: rgba(250, 250, 250, 0.5); } .custom-tabs__nav button { position: relative; background: none; padding: 0 30px 12px 30px; border: 0; font-weight: 400; font-size: 20px; line-height: 100%; color: #000000; cursor: pointer; } .custom-tabs__nav button:after { position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ''; border-radius: 54px; background: transparent; } .custom-tabs__nav button.is-active:after { background: #007AFF; } @media (max-width: 767px) { .card__tablet-row { padding: 1rem 0; } .content p { font-size: 1.4rem; } .custom-tabs .card__tablet.card__tablet { margin-top: 0; } .custom-tabs { padding: 20px; } .custom-tabs__nav button { padding: 0 15px 12px 15px; font-size: 18px; } } .article-contents { background: #FAFAFA; padding: 40px 30px; } .article-contents__title { font-size: 13px; text-transform: uppercase; font-weight: 500; margin-bottom: 15px; } .article-contents.article-contents a { font-size: 14px; color: #000; border-bottom: 1px solid #B0D1F5; transition: all .3s; } .article-contents a:hover { color: #007AFF; border-bottom-color: #007AFF; } .article-contents li { margin-bottom: 12px; } .article-contents li:last-of-type { margin-bottom: 0; } .article-contents__firs-level { } .article-contents__second-level { margin-top: 12px; margin-left: 20px; } .catalog-slider { position: relative; } .catalog-slider__swiper { overflow: hidden; } .catalog-slider .custom-swiper-buttons .swiper-button-prev { left: -70px; } .catalog-slider .custom-swiper-buttons .swiper-button-next { right: -70px; } .catalog-slider .swiper-slide { height: auto; } .catalog-slider .rde-card { height: 100%; } .catalog-slider .rde-card__image { flex: 0 0 auto; } .catalog-slider .rde-card__image img { height: 282px; margin: 0; } .catalog__list-content .consult-btn { color: transparent; } .catalog__list-content .consult-btn:hover { text-decoration: none; } .catalog-slider--static .custom-swiper-buttons { display: none; } @media (max-width: 1024px) { .pages-columns__top { margin-top: 50px; } } .button-box { text-align: center; } .our-consultation { overflow: hidden; padding: 30px 45px; background: #FAFAFA; } .our-consultation__title { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #111111; } .our-consultation__slider { margin-top: 20px; margin-bottom: 30px; } .our-consultation__item { padding: 20px 30px; background: #fff; } .our-consultation__item-title { max-width: 325px; margin-bottom: 20px; color: #8D95A4; font-size: 13px; font-weight: 500; text-transform: uppercase; } .our-consultation__user { display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-bottom: 16px; } .our-consultation__user-img { width: 77px; height: 77px; overflow: hidden; border-radius: 50%; } .our-consultation__user-img img { width: 100%; height: 100%; margin: 0; object-fit: cover; } .our-consultation__name { font-size: 15px; color: #111111; font-weight: 500; } .our-consultation__email { color: #007AFF; font-size: 15px; font-weight: 500; } .article-info { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; column-gap: 40px; row-gap: 20px; margin-top: 32px; } .article-info__date { flex: 0 0 auto; } .article-info__time { flex: 0 0 auto; } .article-info__right { display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; } .article-info__left { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; column-gap: 85px; row-gap: 20px; flex: 1; color: #898989; } .share-box { position: relative; } .share-widget { position: absolute; right: -10px; padding: 10px; background-color: #FFF; margin: 0; bottom: 100%; } .share-icon, .heart-icon { cursor: pointer; color: #898989; } .heart-icon:hover, .share-icon:hover { color: #007AFF; } .more-articles { margin-top: 100px; } .more-articles__title { font-size: 30px; font-weight: 500; } .more-articles__slider { position: relative; padding: 0 80px; margin-top: 20px; } .more-articles__slider.more-articles--static { padding: 0; } .more-articles__swiper { overflow: hidden; } .more-articles .articles__item { background: #FAFAFA; display: block; width: 100%; } .more-articles .articles__description { margin-top: 15px; font-size: 14px; } .more-articles .articles__img-box { height: 294px; } .more-articles .articles__img-box .articles__img { height: 100%; margin: 0; } .more-articles .articles__name { margin: 0; font-size: 18px; font-weight: 500; } .custom-swiper-buttons .swiper-button-prev, .custom-swiper-buttons .swiper-button-next { width: 6.2rem; height: 6.2rem; background-color: #2368C5; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s } .custom-swiper-buttons .swiper-button-next { } .custom-swiper-buttons .swiper-button-prev:after, .custom-swiper-buttons .swiper-button-next:after { display: none; } .custom-swiper-buttons .swiper-button-prev svg, .custom-swiper-buttons .swiper-button-next svg { width: 2.9rem; fill: #FAFAFA; -webkit-transition: fill .5s; -o-transition: fill .5s; transition: fill .5s; } .custom-swiper-buttons .swiper-button-disabled { opacity: 1; background: #A0A0A0; } .content-catalog { margin: 40px 0; } .pages-columns__title-box { position: relative; 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; } .pages-columns__wrapper { display: flex; align-items: flex-start; justify-content: flex-start; } .pages-columns__body { width: calc(100% - 36.5rem); padding-right: 30px; } .pages-columns__content { padding-left: 38.5rem; } .pages-columns__content .center-wrap { } .pages-columns__content .content { margin-top: 40px; } .pages-columns__sidebar { } .pages-columns__sidebar .sidebar{ padding-top: 0; } .pages-columns__top .brand__top { margin-top: 45px; margin-bottom: 0; } .brand__top-content { border-bottom: 1px solid #F0F0F0; padding-bottom: 8px; } .article__btn { margin-top: 4rem; } .block-about__images-box { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 1 600px; flex: 0 1 600px; border: 1px solid #2F80ED; } .block-about__image-link { width: 50%; overflow: hidden; border: 1px solid #2F80ED; } .new-design .block-about__image-link img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .virtual { margin-top: 100px; } .virtual__list { display: flex; align-items: stretch; justify-content: flex-start; gap: 20px; } .virtual__item { flex: 0 0 auto; width: calc(50% - 10px); } .virtual__link { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .virtual__link:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); } .virtual__content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 2; } .virtual__icon { width: 66px; height: 60px; margin-bottom: 24px; background: url('/img/tour.svg') no-repeat center; background-size: contain; } .virtual__text { font-size: 28px; color: #fff; font-weight: 500; } .virtual__img { height: 328px; overflow: hidden; } .virtual__img img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease-in-out; } .virtual__link:hover img { transform: scale(1.1,1.1); } @media (max-width: 1024px) { .pages-columns__body { width: 100%; max-width: 768px; padding: 0 15px; margin: 0 auto; } .pages-columns__content { padding-left: 0; } .pages-columns__body .center-wrap { padding: 0; } .pages-columns__content { overflow: hidden; } } @media screen and (max-width: 1024px) { .content ul li { font-size: 1.4rem; } } @media screen and (max-width: 768px) { .content table { display: block; width: 100%; overflow-x: auto; margin-right: 0; } .content table td { font-size: 1.3rem; } .content ul li { padding-left: 3.2rem; margin-bottom: 1.4rem; } } @media (max-width: 768px) { .brand__body { padding-top: 0; } .content-catalog .catalog { padding-bottom: 0; } .article-info { font-size: 16px; } .content h2 { font-size: 3.2rem; margin: 3rem auto; } .content h3 { font-size: 2.2rem; margin: 2rem auto; } .custom-swiper-buttons .swiper-button-prev, .custom-swiper-buttons .swiper-button-next { width: 4.2rem; height: 4.2rem; } .custom-swiper-buttons .swiper-button-prev svg, .custom-swiper-buttons .swiper-button-next svg { width: 1.9rem; } .more-articles__slider { padding: 0 70px; } .more-articles__slider.more-articles--static { padding: 0; } .more-articles { margin-top: 50px; } .pages-columns__title-box { padding-right: 75px; } .catalog-slider .custom-swiper-buttons .swiper-button-prev, .catalog-slider .custom-swiper-buttons .swiper-button-next { display: none; } .pages-columns__top .brand__top { margin-top: 0; } } @media (max-width: 767px) { .virtual__list { flex-direction: column; } .virtual__item { width: 100%; } .virtual { margin-top: 50px; } } @media (max-width: 600px) { .block-about__image-link { width: 100%; } } /* niris-62612 "надпись на кнопке "получить консультацию" */ .card .card__info-link a { font-size: 0; line-height: 1.5rem; } .card .card__info-link a::after { content: 'Получить консультацию'; font-weight: 500; font-size: 1.6rem; } /* niris-62612 "надпись на кнопке "получить консультацию" */ /* End */ /* Start:/local/templates/main/styles.css?17890279963423*/ .acor-body {font-weight:300 !important;font-size: 1.9rem !important;} .main-slider__top {padding-top:0px !important} .index-about .simple-title {margin: 5rem 0 !important;} .index-about {padding-bottom: 0;} .index-project {padding-top: 7rem !important;padding-bottom: 0 !important;} .statistics {padding-top: 7rem !important;padding-bottom: 0 !important;} .call {padding-top: 7rem !important;padding-bottom: 7rem !important;} .index-news {padding-top: 7rem !important;padding-bottom: 0 !important;} .index-project .simple-title {margin-bottom: 2rem !important;} .contacts {padding-bottom: 0 !important;} .technology__list-wrap {margin-bottom: 5rem !important;} .technology-one {padding-bottom: 7rem !important;} .projects__bottom {padding-bottom: 7rem !important;} .expo-2023 { text-align: center; margin-left: auto; } .expo-2023 a {background-color: #2F80ED; color: #fff; width: auto; display: inline-block; padding: 6px 20px; margin: 0 10px; font-size: 16px; font-weight: 300; line-height:18.4px;} .expo-2023-mobile {display: none;} .__swiper-wrapper{ display: flex; gap: 30px; } .__swiper-wrapper .swiper-slide{ width: calc(25% - 22px); } .howwork_second_block .mobile{ display: none; } .howwork_second_block{ margin-top: 60px; margin-bottom: 60px; } .howwork_second_block .desctop img{ display: block; max-width: 100%; margin: auto; } @media screen and (max-width: 1024px) { .big-pic-absolute-block .num-elem{font-size: 14px;} .expo-2023-mobile {display: block;} .expo-2023-mobile br {display: none;} .expo-2023-mobile a {background-color: #2F80ED; color: #fff; width: 100%; display: inline-block; padding: 15px 20px; margin: 0;} #scrollbar .about__body {padding-top: 11.5rem;} } .mobile-menu__nav {display:none} @media screen and (max-width: 900px) { .__swiper-wrapper .swiper-slide{ width: 100%; } .__swiper-wrapper{ flex-wrap: wrap; } } @media screen and (max-width: 640px) { .big-pic-absolute-block{ flex-wrap: wrap; } .big-pic-absolute-block .left, .big-pic-absolute-block .right, .big-pic-absolute-block .middle{ width: 100% !important; } .big-pic-absolute-block .num-elem{ margin-bottom: 15px; } .big-pic-absolute-block .middle{ order: 5; } .big-pic-absolute-block .middle img{ max-height: 300px !important; } .howwork_second_block .desctop{ display: none; } .howwork_second_block .mobile{ display: block; } .howwork_second_block .mobile img{ display: block; margin: auto; max-width: 100%; max-height: 240px; margin-bottom: 25px; } .howwork_second_block{ margin-top: 30px; margin-bottom: 30px; } } @media screen and (max-width: 640px) { .mobile-menu__nav {display:block} .expo-2023-mobile br {display: block;} #scrollbar main section {margin-top: 70px;} .main-slider {margin-top: 100px;} } .sidebar__link-ekspo {background-color: #2F80ED; color: #fff;} table.rasp td {padding: 10px;} table.rasp th:first-child, table td:first-child {min-width: 10px;} @media screen and (max-width:1024px) { table.rasp th, table td {padding: 5px;} } @media screen and (max-width:480px) { table.rasp {max-width: 480px;} } .akcii--menu a {padding: 15px 25px; background-color:#2F80ED; color:#fff;} .akcii--menu a:hover { color:#fff !important;} .header__nav-list .header__nav-item {margin-right: 3.5rem} /* End */ /* Start:/local/templates/main/template_styles.css?178841332228682*/ .rb-questions { max-width: 1744px; width: 100%; display: flex; flex-direction: column; gap: 40px; } .rb-questions:last-child { margin-bottom: 0; } .big-pic-absolute-block .middle img{ max-height: 500px; } .big-pic-absolute-block{ display: flex; align-items: stretch; gap: 15px; } .big-pic-absolute-block .left, .big-pic-absolute-block .right { width: calc(30% - 5px); } .big-pic-absolute-block .middle{ width: calc(40% - 5px); } .big-pic-absolute-block .middle{ justify-content: center; display: flex; align-items: center; } .big-pic-absolute-block .left, .big-pic-absolute-block .right{ display: flex; flex-wrap: wrap; } .big-pic-absolute-block .num-elem{ display: flex; gap: 10px; line-height: 1.4; } .big-pic-absolute-block .num-elem .num{ display: flex; background: #007aff; color: #fff; border-radius: 100%; padding: 5px; width: 20px; height: 20px; min-width: 20px; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .rb-questions { gap: 32px; } } .rb-question { position: relative; padding-bottom: 40px; display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .rb-question { padding-bottom: 32px; } } .rb-question::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f0f0f0; } .rb-question__title { display: block; position: relative; margin: 0; padding: 0; padding-left: 96px; cursor: pointer; font-family: Stem; font-size: 26px; font-weight: 500; line-height: 32.24px; text-align: left; color: #000000; } @media screen and (max-width: 768px) { .rb-question__title { padding-left: 0; padding-right: 52px; font-size: 18px; line-height: 22.32px; } } .rb-question__title::before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url("/upload/open.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .rb-question__title::before { top: -3px; width: 26px; height: 26px; right: 0; left: auto; } } .rb-question__title--active { color: #2f80ed; } .rb-question__title--active::before { content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url("/upload/close.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .rb-question__title--active::before { top: -3px; width: 26px; height: 26px; right: 0; left: auto; } } .rb-question__title--active::before:hover { filter: #2f80ed; } .rb-question__title:hover { color: #2f80ed; } .rb-question__title:hover::before { filter: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(2902%) hue-rotate(193deg) brightness(92%) contrast(89%); } .rb-question__text { display: none; padding: 0; margin: 0; margin-top: 24px; padding-left: 96px; font-family: Stem; font-size: 20px; font-weight: 350; line-height: 26px; text-align: left; } .rb-question__text--active { display: block; } @media screen and (max-width: 768px) { .rb-question__text { padding-left: 0; padding-right: 52px; margin-top: 16px; font-size: 14px; line-height: 18.2px; } } .rb-questions-h1 { align-self: flex-start; padding: 0; margin-bottom: 80px; font-family: Stem; font-size: 44px; font-weight: 500; line-height: 54.56px; letter-spacing: 0.03em; text-align: left; color: #111111; } @media screen and (max-width: 768px) { .rb-questions-h1 { text-align: center; margin-bottom: 80px; font-size: 40px; line-height: 49.6px; } } .grecaptcha-badge, .cookie { display: none; } .good__link-title { color: #ffffff; background-color: #357cdb; padding: 10px 20px; display: inline-block; margin-bottom: 15px; } .brand__body-wrap .brand__descr { margin-top: 5rem; } .documentation__item-format::after { /*content: 'PDF';*/ } .documentation__item-value:after { /*content: 'pdf)';*/ } .scroll-btn { position: fixed; bottom: 20px; left: 20px; z-index: 9999; background: #357cdb; width: 40px; height: 40px; align-items: center; justify-content: center; } .header__nav-link svg { fill: currentColor; color: inherit; width: clamp(0.8rem, 0.474rem + 0.329vw, 1rem); height: clamp(0.8rem, 0.474rem + 0.329vw, 1rem); margin-left: 4px; } .about__list-icon svg { width: clamp(4rem, 0.084rem + 3.947vw, 6.4rem); height: clamp(4rem, 0.084rem + 3.947vw, 6.4rem); color: #2f80ed; fill: currentColor; } .reviews__row { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; } section.reviews { } .reviews { padding-top: 7rem; position: relative; } .reviews .center-wrap { max-width: 1200px; } .reviews__button { margin-top: 48px; } .reviews .simple-title { padding-top: 36px; margin-bottom: 24px; } .index-team { padding-top: clamp(2.4rem, 1.4rem + 3.125vw, 6.4rem); overflow-x: hidden; } .index-team .simple-title--sm { margin-bottom: 24px; } .documentation__item { background: #ffffff; padding: 6.5rem 0 6rem 7.5rem; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: block; height: 100%; } .about__list--category .about__list-item { padding: 24px; height: auto; min-height: auto; } .about__list-item__top { font-size: 16px; font-weight: 500; margin-bottom: 12px; color: #2f80ed; text-transform: uppercase; } .about__list--category .about__list-content > * { font-size: 14px; } .about__list--category { gap: 1rem; display: grid; margin-bottom: 24px; } .category-tags { margin: 24px 0; } .category-tags__list { display: flex; gap: 4px; } .category-tags__link { border: 1px solid #2f80ed; color: #2f80ed; padding: 16px 24px; display: flex; text-decoration: none; } .category-tags__link:hover { color: white; background-color: #2f80ed; text-decoration: none; } @media screen and (max-width: 1024px) { .card__info-link .good__link-title { display: none; } .index-team .simple-title { font-size: 2.2rem; text-align: center; } .reviews .simple-title { font-size: 2.2rem; } } @media screen and (max-width: 991px) { .reviews .center-wrap { max-width: 650px; } .reviews__row { grid-template-columns: 1fr; gap: 32px; } } @media screen and (max-width: 767px) { .about__list--category { grid-template-columns: 1fr; } } @media screen and (max-width: 680px) { .services .main-slider__simple-title { font-size: 3rem !important; margin-top: 30px; } .main-slider__video-wrapper video { display: none; } } .h_iframe iframe { width: 100%; height: 100%; } .h_iframe { height: 100%; width: 100%; } .front-h1 { padding: 64px 16px; text-align: center; max-width: 768px; margin: 0 auto; } @media (max-width: 1024px) { .front-h1 { padding: 64px 16px 0; text-align: start; } } .sub_menu { margin-left: 30px; } .sub_menu li { } .tab__top { flex-wrap: wrap; justify-content: flex-start; } .sentence__info p { font-size: 20px; line-height: 150%; margin-bottom: 30px; } *::selection { background-color: rgba(93, 163, 255, 0.48); } .call__title { font-weight: 500; font-style: Medium; font-size: 42px; line-height: 130%; letter-spacing: 0%; vertical-align: middle; color: white; width: 100%; max-width: 505px; margin-bottom: 40px; } .call .inputs__field-left { width: 100%; max-width: 505px; } .call .inputs__btn, .call .inputs__btn .btn { width: 100%; } .call .radio__label { background: none !important; } .inputs__checkbox .radio__label[for="politics-check7"] {margin-bottom:10px;} .call .radio__label * { font-weight: 100 !important; font-size: 15px; leading-trim: NONE; line-height: 160%; letter-spacing: 0%; vertical-align: middle; color: white !important; } .call .radio__content { width: 34px; height: 34px; background: none; border: 1px solid #ffffff; } .call .radio__content::before { background: url("data:image/svg+xml;charset=UTF-8, %3csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.16667 14.2332L0.5 8.5665L2.48333 6.58317L6.16667 10.2665L15.5167 0.916504L17.5 2.89984L6.16667 14.2332Z' fill='white'/%3e%3c/svg%3e ") !important; background-size: 100% !important; width: 17px !important; height: 14px !important; } .call .radio__label a { font-weight: 500 !important; text-decoration: underline; } .call .inputs__checkbox { margin-bottom: 30px; margin-top: 40px; } .call__info { display: flex; flex-direction: column; justify-content: space-between; min-height: 516px; gap: 25px; width: 100%; max-width: 504px; } .call__info-text { font-weight: 500; font-style: Medium; font-size: 20px; line-height: 160%; letter-spacing: 0%; vertical-align: middle; color: white; } @media (max-width: 1500px) and (min-width: 1300px) { .call__info-text { text-align: right; } } .call__info-contact { display: flex; align-items: center; flex-wrap: wrap; column-gap: 44px; row-gap: 1px; } .call__info-contact-item { display: flex; align-items: center; gap: 10px; font-weight: 350; font-size: 20px; line-height: 160%; letter-spacing: 0%; vertical-align: middle; color: white; white-space: nowrap; } .call__info-contact-item img { width: 24px; height: 24px; object-fit: contain; } .inputs__field-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; } @media (max-width: 1300px) { .inputs__field-inner { flex-direction: column; gap: 50px; } .call__info { min-height: auto; } .call__title { font-size: 25px; line-height: normal; margin-top: 20px; } } @media (max-width: 768px) { .inputs__field-inner { gap: 5px; } .call__title { margin-bottom: 25px; margin-top: 45px; } .call__info-contact { gap: 15px; } .call { margin-top: 25px !important; } .call__info-text { display: none; } .inputs__field-left { flex-direction: column; } .call__title, .call__info-contact { margin-top: 15px; } .call__info-contact-item, .inputs__checkbox * { font-size: 12.5px !important; line-height: normal; } .radio__content { width: 20px !important; min-width: 20px !important; height: 20px !important; } .inputs__checkbox { margin: 15px 0 !important; } .reviews { margin-bottom: 120px; } } body:has(.catalog) .documentation__list-wrap { display: flex; flex-wrap: wrap; width: 100%; margin: 54px 0 0 0; padding-bottom: 40px; gap: 16px; } @media (max-width: 768px) { body:has(.catalog) .documentation__list-wrap { margin: 0; padding-bottom: 20px; gap: 8px; } body:has(.catalog) .documentation__list .documentation__list-wrap .documentation__list-item { padding: 10px 12.5px !important; width: 100%; font-size: 14px; } } body:has(.catalog) .documentation__list .documentation__list-wrap .documentation__list-item { margin: 0; padding: 12px 20px; border: 1px solid #e4e4e4; } .contacts__map-left { padding: 50px; background-image: none; background-color: #fafafa; color: black; } .contacts__map-left .contacts__map-row { flex-direction: column; gap: 15px; } .contacts__map-left .contacts__map-office { max-width: 100%; font-weight: 400; font-size: 18px; line-height: 100%; letter-spacing: 0%; text-transform: uppercase; } .contacts__map-address { text-align: left; } .contacts__map-left .contacts__map-info { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; max-width: 100%; font-weight: 300; font-size: 16px; line-height: 140%; letter-spacing: 0%; } .contacts__map-left .contacts__map-info::before { content: "Адрес:"; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0%; } .contacts__map-route-link { display: inline-flex; align-items: center; gap: 10px; padding: 10px 15px; border: 1px solid #cfcfcf; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0%; color: #111111cc; width: max-content; transition: 0.6s; } .contacts__map-route-link:hover { color: #2f80ed; border-color: #2f80ed; gap: 15px; } .contacts__map-route-link .contacts__map-route-icon { display: none; } .contacts__map-route-link::after { content: ""; display: block; width: 15px; height: 12px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.4596 5.95962C15.7135 5.70578 15.7135 5.29422 15.4596 5.04038L11.323 0.903806C11.0692 0.649965 10.6576 0.649965 10.4038 0.903806C10.15 1.15765 10.15 1.5692 10.4038 1.82304L14.0808 5.5L10.4038 9.17696C10.15 9.4308 10.15 9.84235 10.4038 10.0962C10.6576 10.35 11.0692 10.35 11.323 10.0962L15.4596 5.95962ZM0 5.5V6.15H15V5.5V4.85H0V5.5Z' fill='%23B1B1B1'/%3e%3c/svg%3e "); background-position: center center; background-repeat: no-repeat; background-size: 100%; } .contacts__map-route-link:nth-child(1) { margin-top: 15px; } .contacts__map-office-wrap:has(.contacts__map-route-link) { display: flex !important; flex-wrap: wrap !important; width: 100%; } .contacts__map-office-wrap:has(.contacts__map-route-link) .contacts__map-office { margin-bottom: 15px; width: 100%; } .contacts__map-row { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; } .contacts__map-row:nth-last-child(1) { border: 0 !important; padding: 0 !important; margin: 0 !important; } .contacts__map-route-group { display: flex; flex-wrap: wrap; gap: 10px; } .contacts__map-route-group .contacts__map-route-link { margin: 0 !important; height: 41px; } .contacts__map-route-group:has(.contacts__map-route-link) { margin-top: 15px; } .contacts__map-route-group:has(.contacts__map-tel) { gap: 37px; } .contacts__map-route-group .contacts__map-tel { margin: 0; } .contacts__map-tel { display: flex; align-items: center; gap: 8px; color: #2f80ed; } .contacts__map-tel::before { display: block; content: ""; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; background-size: 100%; } .contacts__map-tel:nth-child(1)::before { background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0347 15.2554C10.0747 15.22 7.35408 14.844 4.50475 11.9954C1.65608 9.14602 1.28075 6.42602 1.24475 5.46535C1.19141 4.00135 2.31275 2.57936 3.60808 2.02402C3.76407 1.95667 3.93488 1.93102 4.10377 1.94961C4.27265 1.96819 4.43381 2.03036 4.57141 2.13002C5.63808 2.90735 6.37408 4.08336 7.00608 5.00802C7.14514 5.21117 7.20459 5.45839 7.17312 5.70255C7.14165 5.94672 7.02144 6.17077 6.83541 6.33202L5.53475 7.29802C5.47191 7.3434 5.42768 7.41004 5.41027 7.48557C5.39285 7.5611 5.40345 7.64038 5.44008 7.70869C5.73475 8.24402 6.25875 9.04136 6.85875 9.64136C7.45875 10.2414 8.29408 10.8 8.86675 11.128C8.93855 11.1683 9.02307 11.1796 9.10292 11.1595C9.18277 11.1394 9.2519 11.0895 9.29608 11.02L10.1427 9.73136C10.2984 9.52459 10.528 9.38607 10.7835 9.34481C11.039 9.30355 11.3006 9.36276 11.5134 9.51002C12.4514 10.1594 13.5461 10.8827 14.3474 11.9087C14.4552 12.0473 14.5237 12.2123 14.5459 12.3864C14.568 12.5606 14.543 12.7375 14.4734 12.8987C13.9154 14.2007 12.5034 15.3094 11.0347 15.2554Z' fill='%232F80ED'/%3e%3c/svg%3e "); } .contacts__map-tel:nth-child(2)::before { background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3333 3.16669H2.66659C1.93325 3.16669 1.33992 3.76669 1.33992 4.50002L1.33325 12.5C1.33325 13.2334 1.93325 13.8334 2.66659 13.8334H13.3333C14.0666 13.8334 14.6666 13.2334 14.6666 12.5V4.50002C14.6666 3.76669 14.0666 3.16669 13.3333 3.16669ZM13.0666 6.00002L8.35325 8.94669C8.13992 9.08002 7.85992 9.08002 7.64658 8.94669L2.93325 6.00002C2.8664 5.96249 2.80786 5.91179 2.76118 5.85099C2.71449 5.79018 2.68063 5.72054 2.66164 5.64627C2.64264 5.572 2.63892 5.49464 2.65069 5.41889C2.66246 5.34314 2.68948 5.27056 2.73011 5.20555C2.77074 5.14055 2.82413 5.08446 2.88707 5.04068C2.95 4.99691 3.02117 4.96636 3.09625 4.95089C3.17133 4.93541 3.24877 4.93533 3.32389 4.95065C3.399 4.96597 3.47023 4.99638 3.53325 5.04002L7.99992 7.83335L12.4666 5.04002C12.5296 4.99638 12.6008 4.96597 12.6759 4.95065C12.7511 4.93533 12.8285 4.93541 12.9036 4.95089C12.9787 4.96636 13.0498 4.99691 13.1128 5.04068C13.1757 5.08446 13.2291 5.14055 13.2697 5.20555C13.3104 5.27056 13.3374 5.34314 13.3491 5.41889C13.3609 5.49464 13.3572 5.572 13.3382 5.64627C13.3192 5.72054 13.2853 5.79018 13.2387 5.85099C13.192 5.91179 13.1334 5.96249 13.0666 6.00002Z' fill='%232F80ED'/%3e%3c/svg%3e "); } .contacts__map-tel:hover { text-decoration: underline; } @media (max-width: 768px) { .contacts__map-left { padding: 15px; } .contacts__map-route-group:has(.contacts__map-tel) { gap: 15px; } .contacts__map-route-group { flex-direction: column; } .contacts__map-route-link { width: 100%; height: auto !important; } .contacts__map-office { margin-bottom: 0; } } .call__left, .call__top { display: flex; flex-direction: column; } .call__left .call__title { margin: 0; } .call__left { gap: 60px; } .call__left .call__title { max-width: 100%; } .call__left .call__info-text { max-width: 758px; } .call__top { gap: 20px; } .call__left-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; width: 100%; } .call__left-form-field { border: 1px solid #ffffff; min-height: 59px; height: auto; transition: 0.3s; } .call__left-form .call__left-form-field { height: 59px; } .call__bottom { display: flex; align-items: center; gap: 59px; } .call__left-form-field:has(input[type="file"]), .call__left-form input::placeholder, .call__left-form textarea::placeholder { user-select: none; } .call__left-form input[type="file"] { padding: 12px 19px 18px; } .call__left-form-field:has(input[type="file"]) { position: relative; border: 1px dashed #ffffff; cursor: pointer; } .call__left-form-field:has(input[type="file"])::before, .call__left-form-field:has(input[type="file"])::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; transition: 0.4s; pointer-events: none; } .call__left-form-field:has(input[type="file"])::before { left: 20px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.498 8.50025V12.2502C17.498 16.0002 15.998 17.5002 12.248 17.5002H7.74805C3.99805 17.5002 2.49805 16.0002 2.49805 12.2502V7.75024C2.49805 4.00024 3.99805 2.50024 7.74805 2.50024H11.498' stroke='%23357CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.498 8.50024H14.498C12.248 8.50024 11.498 7.75024 11.498 5.50024V2.50024L17.498 8.50024Z' stroke='%23357CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); opacity: 0; visibility: hidden; } .call__left-form-field:has(input[type="file"])::after { right: 20px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 10.0107L10 13.0107L13 10.0107' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 13.0107V5.01074' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 15.0107C7.89 16.3107 12.11 16.3107 16 15.0107' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .call__left-form-field:has(input[type="file"]):hover::after { transform: translateY(calc(-50% + 2px)); opacity: 0.8; } .call__left-form-field:has(input[type="file"]):active::after { transform: translateY(-50%); opacity: 1; } .call__left-form input[type="file"]::file-selector-button { display: none; } .call__left-form input[type="file"]::-webkit-file-upload-button { display: block; width: 0; height: 0; margin-left: -100%; } .call__left-form input[type="file"]::-ms-browse { display: none; } .call__left-form-field:has(input:focus), .call__left-form-field:has(textarea:focus) { border-color: #ffffff82; } .call__left-form-field input, .call__left-form-field textarea { border: 0; outline: none; } .call__left-form-field textarea { resize: none; } .call__left-form-field input, .call__left-form-field textarea, .call__left-form-field:not(:has(input[type="text"])):not(:has(input[type="tel"])):not(:has(textarea)):not(:has(input[type="email"])) { padding: 15px 19px; color: white; font-weight: 500; font-size: 17px; line-height: 160%; vertical-align: middle; height: 59px; width: 100%; background-color: transparent; } .call__left-form-field input::placeholder, .call__left-form-field textarea::placeholder { color: white; } .call__left .inputs__checkbox { margin: 0; } .call__left-form-field input[type="file"] { display: none; } .call__left .btn { font-weight: 600 !important; } @media (max-width: 1480px) { .call__left-form.form--flex, .call__bottom { display: flex; flex-direction: column; } .call__bottom { gap: 8px; } } @media (max-width: 768px) { .call__left-form { gap: 10px; grid-template-columns: repeat(1, 1fr); } .call__left { gap: 30px; } .call__left-form-field { min-height: 40px; } .call__left-form-field textarea { height: 65px; } .call__left-form-field input { text-align: left; } .call__left-form-field input, .call__left-form-field textarea, .call__left-form-field:not(:has(input[type="text"])):not(:has(textarea)) { padding: 0 10px; font-size: 15px; } .inputs__field-inner:has(.call__left) { padding-top: 35px; } .call__left-form-field input, .call__left-form-field textarea, .call__left-form-field:not(:has(input[type="text"])):not(:has(input[type="tel"])):not(:has(textarea)):not(:has(input[type="email"])) { font-size: 15px; } } .call__left-form-field:has(input[type="file"]).theme--primary::after { background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 9.5105L10 12.5105L13 9.5105' stroke='%23357CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 12.5105V4.5105' stroke='%23357CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 14.5105C7.89 15.8105 12.11 15.8105 16 14.5105' stroke='%23357CDB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .consultation .call__left-form-field:has(input[type="file"]).theme--primary.file--active { background-color: #f5f5f5; color: #111111; padding-left: 50px; } .consultation .call__left-form-field:has(input[type="file"]).file--active::after { background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 17L17 7M7 7L17 17' stroke='%23969DAB' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e "); } .consultation .call__left-form-field:has(input[type="file"]) { color: #969dab; border-color: #f5f5f5; border-width: 2px; } .call__left-form-field:has(input[type="file"]).theme--primary:hover { opacity: 0.85; } .consultation, .consultation__info { display: flex; flex-direction: column; gap: 30px; } .consultation__info { gap: 7px; } .consultation .inputs__checkbox { margin: 0; } .consultation .radio__label.radio__label--row { justify-content: flex-start; } .consultation__group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (max-width: 768px) { .consultation__info { gap: 0; } .consultation__group, .consultation__column { display: flex; flex-direction: column; gap: 15px; } } .consultation__column { display: flex; flex-direction: column; gap: 20px; } .consultation .inputs__field-wrap { margin: 0; } .consultation .inputs__field-wrap.inputs__field-wrap--textarea, .consultation .inputs__field-wrap.inputs__field-wrap--textarea textarea { height: 100%; } .consultation .inputs__field-wrap.inputs__field-wrap--textarea .inputs__label { transform: translateY(10px); } .consultation .call__left-form-field:has(input[type="file"]) { max-height: 60px; } .consultation .btn { padding: 18px 35px; font-weight: 700; font-style: Bold; font-size: 14px; line-height: 160%; letter-spacing: 0%; text-align: center; vertical-align: middle; text-transform: uppercase; } .consultation .btn:not(:hover) { border-color: #222222; color: #222222; } .consultation .call__left-form-field:has(input[type="file"]).file--active::before { visibility: visible !important; opacity: 1 !important; } .consultation .file-name-display { margin-left: 0 !important; } .breadcrumb {padding:40px 0 2rem} .heading-complex1.heading-complex1 { margin-top: 30px; } h2.brand-title { margin-top: 40px; } .articles { display: flex; align-items: stretch; justify-content: flex-start; gap: 28px; padding-bottom: 8.5rem; flex-wrap: wrap; } .articles__item { flex: 0 0 auto; width: calc(25% - 21px); background: #FAFAFA; transition: all .3s; } .articles__item:hover { background: #ffffff; box-shadow: 0px 0px 36px 0px #81818133; } .articles__img-box { display: block; overflow: hidden; height: 284px; } .articles__img { width: 100%; height: 100%; object-fit: cover; } .articles__item-content { display: block; padding: 16px; } .articles__name { display: block; margin-bottom: 16px; font-weight: 500; font-size: 20px; } .articles__description { display: block; font-size: 16px; font-weight: 350; line-height: 20px; color: #7D7D7D; } @media (max-width: 991px) { .articles { padding-bottom: 6.5rem; } .articles__item { width: calc(33.3333% - 21px); } } @media (max-width: 767px) { .articles__item { width: calc(50% - 21px); } } @media (max-width: 680px) { .articles__item { width: 100%; } } .custom-tabs__content [data-tab-content] { display: none; } .custom-tabs__content [data-tab-content].is-active { display: block; } /* End */ /* /local/templates/main/assets/css/swiper.min.css?177865272613677 */ /* /local/templates/main/assets/css/jquery.fancybox.min.css?177865272612795 */ /* /local/templates/main/assets/css/app.css?1792660968410317 */ /* /local/templates/main/styles.css?17890279963423 */ /* /local/templates/main/template_styles.css?178841332228682 */