/* Start:/local/templates/main/assets/css/swiper-bundle.min.css?163309124613445*/ .swiper-slide,.swiper-wrapper{transition-property:transform;height:100%}@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-navigation-size:44px}.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%;z-index:1;display:flex;box-sizing:content-box}.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock{display:none}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;position:relative}.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}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;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-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-container-cube,.swiper-container-flip{overflow:visible}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed{cursor:move}.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(0,-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-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-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-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;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 .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:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip .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/glightbox.min.css?163428764013665*/ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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;opacity:0}.gclose,.glightbox-container .ginner-container,.gnext,.gprev{-webkit-box-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-description.description-left,.gslide-description.description-right,.gslide-inline{max-width:100%}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.glightbox-button-hidden,.zoomed .gslide-description{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px 50px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.glightbox-mobile .goverlay,.goverlay{background:#000}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;will-change:opacity}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.glightbox-clean .gnext,.glightbox-clean .gprev{top:-100%;width:40px;height:50px;position:absolute}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:#0f3d81 solid 2px}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{left:30px}.glightbox-clean .gnext{right:30px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gnext,.glightbox-clean .gprev{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* End */ /* Start:/local/templates/main/assets/css/styles.css?1634287640161286*/ /* .placeholder({ color:#0000FF; }); */ .scrollbar { scrollbar-color: #079A6C #E6F5F0; scrollbar-width: thin; } .scrollbar::-webkit-scrollbar { width: 4px; height: 4px; } .scrollbar::-webkit-scrollbar-track { background: #E6F5F0; } .scrollbar::-webkit-scrollbar-thumb { background: #079A6C; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .h1 { color: #1A2723; letter-spacing: -2px; font-size: 48px; line-height: 1.17; font-weight: 700; } @media (max-width: 1023px) { .h1 { font-size: 42px; } } @media (max-width: 767px) { .h1 { font-size: 32px; line-height: 1.12; letter-spacing: -1px; } } .h2 { color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; } @media (max-width: 767px) { .h2 { font-size: 24px; line-height: 1.17; } } .h3 { color: #1A2723; letter-spacing: -1px; font-size: 24px; line-height: 1.17; font-weight: 700; } @media (max-width: 767px) { .h3 { font-size: 20px; line-height: 1.2; } } .h4 { color: #1A2723; letter-spacing: -0.5px; font-size: 20px; line-height: 1.2; font-weight: 700; } .content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6, .content-text p, .content-text ol, .content-text ul { margin-bottom: 20px; } .content-text h1:last-child, .content-text h2:last-child, .content-text h3:last-child, .content-text h4:last-child, .content-text h5:last-child, .content-text h6:last-child, .content-text p:last-child, .content-text ol:last-child, .content-text ul:last-child { margin-bottom: 0; } .content-text h1 { color: #1A2723; letter-spacing: -2px; font-size: 48px; line-height: 1.17; font-weight: 700; } @media (max-width: 1023px) { .content-text h1 { font-size: 42px; } } @media (max-width: 767px) { .content-text h1 { font-size: 32px; line-height: 1.12; letter-spacing: -1px; } } .content-text h2 { color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; } @media (max-width: 767px) { .content-text h2 { font-size: 24px; line-height: 1.17; } } .content-text h3 { color: #1A2723; letter-spacing: -1px; font-size: 24px; line-height: 1.17; font-weight: 700; } @media (max-width: 767px) { .content-text h3 { font-size: 20px; line-height: 1.2; } } .content-text h4 { color: #1A2723; letter-spacing: -0.5px; font-size: 20px; line-height: 1.2; font-weight: 700; } .content-text h5, .content-text h6 { font-weight: 700; color: #1A2723; } .content-text a:not(.btn) { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: 600; } .content-text a:not(.btn):hover { color: #F5711D; } .content-text ol { list-style: none; counter-reset: counter; overflow: hidden; } .content-text ol li { padding-left: 32px; position: relative; } .content-text ol li:last-child { margin-bottom: 0; } .content-text ol li:before { content: counters(counter, '\002E') '\002E'; position: absolute; top: 0; left: 0; counter-increment: counter; font-weight: 600; color: #079A6C; } .content-text ul { overflow: hidden; } .content-text ul li { padding-left: 32px; position: relative; } .content-text ul li:last-child { margin-bottom: 0; } .content-text ul li:before { content: ''; position: absolute; width: 6px; height: 6px; left: 0; top: 8px; border-radius: 50%; background-color: #079A6C; } .content-text img { display: block; height: auto; } .content-text iframe { max-width: 100%; margin: 20px auto; display: block; } @media (max-width: 767px) { .content-text iframe { height: 320px; } } @media (max-width: 479px) { .content-text iframe { height: 280px; } } /* base */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1024px) { * { scrollbar-color: #079A6C #E6F5F0; scrollbar-width: thin; } *::-webkit-scrollbar { width: 4px; height: 4px; } *::-webkit-scrollbar-track { background: #E6F5F0; } *::-webkit-scrollbar-thumb { background: #079A6C; } } *:after, *:before { -webkit-box-sizing: inherit; box-sizing: inherit; } html { overflow-x: hidden; overflow-y: scroll; -webkit-tap-highlight-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } @media (min-width: 1024px) { html:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 664px; min-width: 375px; background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95))), #079A6C; background: -webkit-linear-gradient(bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: -o-linear-gradient(bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; } } body { font-family: 'Montserrat', sans-serif; color: #676F6D; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #fff; overflow: hidden; min-width: 375px; line-height: 1.5; 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; min-height: 100vh; position: relative; letter-spacing: -0.25px; padding-top: 112px; font-weight: 500; } @media (max-width: 1023px) { body { padding-top: 72px; } } a { color: #079A6C; text-decoration: none; } a:focus, a:active { outline: none; } b, strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } input, button, select, textarea { color: #676F6D; font: inherit; margin: 0; } input:focus, button:focus, select:focus, textarea:focus { outline: none; } input { padding-top: 0; padding-bottom: 0; } ::-moz-placeholder { color: #999F9D; } :-ms-input-placeholder { color: #999F9D; } ::-webkit-input-placeholder { color: #999F9D; } table { border-collapse: collapse; border-spacing: 0; background-color: transparent; } button, input[type="submit"], input[type="reset"], input[type="button"] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; appearance: button; } button[disabled], input[disabled] { cursor: default; pointer-events: none; } img { border: 0; max-width: 100%; } ul { list-style: none; } .container { position: relative; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; width: 100%; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 1024px) { .container { width: 1000px; } } @media (min-width: 1200px) { .container { width: 1170px; padding-left: 24px; padding-right: 24px; } } .clearfix:after { display: table; line-height: 0; content: ''; clear: both; } .flex-row { margin-left: -16px; margin-right: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row-item { padding-left: 16px; padding-right: 16px; } use { fill: currentColor; } use { fill: currentColor; } @media (max-width: 1199px) { .hidden-desktop { display: none!important; } } @media (max-width: 1023px) { .hidden-tablet { display: none!important; } } @media (max-width: 767px) { .hidden-mobile { display: none!important; } } @media (min-width: 768px) { .visible-mobile { display: none!important; } } @media (min-width: 1024px) { .visible-tablet { display: none!important; } } @media (min-width: 1200px) { .visible-desktop { display: none!important; } } .btn { 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; height: 48px; text-align: center; line-height: 1.2; border: 0; background-color: #F5711D; color: #fff; border-radius: 30px; padding: 4px 24px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: 600; overflow: hidden; will-change: transform; letter-spacing: normal; } .btn svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; z-index: 6; } .btn svg + span { margin-left: 12px; } .btn span { position: relative; z-index: 6; } .btn span + svg { margin-left: 12px; } .btn:hover .btn-circle { width: 200%; } .btn.disabled, .btn[disabled] { background-color: #E6F5F0; color: #CDE5DD; pointer-events: none; } .btn-alt { background-color: #079A6C; } .btn-alt .btn-circle:before { background-color: #F5711D; } .btn-light { background-color: rgba(7, 154, 108, 0.1); color: #079A6C; } .btn-light .btn-circle:before { background-color: rgba(7, 154, 108, 0.2); } .btn-full { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .btn-circle { position: absolute; display: block; width: 0; height: 0; -webkit-transition: width 0.4s, height 0.4s; -o-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; } .btn-circle:before { content: ''; position: absolute; padding-top: 100%; border-radius: 50%; background-color: #079A6C; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; } @media (max-width: 767px) { .form-block { margin-bottom: 32px; } } .form-block-title { font-size: 12px; line-height: 1.33; color: #999F9D; margin-bottom: 2px; } .input { display: block; width: 100%; height: 32px; border: 0; -webkit-box-shadow: none; box-shadow: none; border-bottom: solid 2px #E6F5F0; background: none; padding: 0; color: #1A2723; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; caret-color: #1A2723; font-size: 16px; font-weight: 500; } .input:focus { border-bottom-color: #079A6C; } .input.disabled { pointer-events: none; opacity: 0.6; } .input:-webkit-autofill { -webkit-text-fill-color: #1A2723; background-color: transparent; -webkit-transition: background-color 5000000s 0s; -o-transition: background-color 5000000s 0s; transition: background-color 5000000s 0s; } .input:-webkit-autofill::first-line { font-family: 'Montserrat', sans-serif; font-size: 16px; } .textarea { resize: none; } /* home */ .header { position: fixed; left: 0; top: 0; right: 0; z-index: 666; -webkit-transition: background-color 0.4s, -webkit-box-shadow 0.4s; transition: background-color 0.4s, -webkit-box-shadow 0.4s; -o-transition: box-shadow 0.4s, background-color 0.4s; transition: box-shadow 0.4s, background-color 0.4s; transition: box-shadow 0.4s, background-color 0.4s, -webkit-box-shadow 0.4s; } .header.fixed { background-color: #fff; } .header.fixed .header-row { height: 72px; } @media (max-width: 767px) { .header { background-color: #fff; } } .header-row { height: 112px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1023px) { .header-row { height: 72px; } } @media (min-width: 1024px) { .header-col { min-width: 244px; 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; } } @media (min-width: 1024px) { .header-col-contacts { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .logo { display: block; } @media (max-width: 479px) { .logo { width: 170px; } } .logo img { display: block; } .header-col-menu { position: relative; } @media (min-width: 1024px) { .header-col-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .header-col-menu .container { width: 100%; padding: 0; } } @media (max-width: 1023px) { .header-col-menu .container { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 400px; } } @media (max-width: 1023px) { .header-col-menu { position: fixed; top: 72px; right: 0; bottom: -400px; left: 0; z-index: 666; background-color: #E6F5F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; pointer-events: none; padding: 0; } } @media (max-width: 1023px) and (max-width: 374px) { .header-col-menu { top: 71px; padding-top: 1px; } } .header-menu-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .header-menu-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 1px; background-color: #fff; border-radius: 24px 24px 0 0; overflow: hidden; overflow-y: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } } @media (min-width: 1024px) { .header-col-menu-open { display: none; } } .header-menu { font-weight: 700; color: #1A2723; } @media (min-width: 1024px) { .header-menu { line-height: 1.43; display: -webkit-box; display: -ms-flexbox; display: flex; margin: -12px -24px; padding-right: 48px; font-size: 14px; } } .header-menu:last-child { padding: 0; } .header-menu > li { position: relative; } @media (max-width: 1023px) { .header-menu > li { border-bottom: solid 1px #E6F2EE; } .header-menu > li:last-child { border-bottom: 0; } } .header-menu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 12px 24px; } @media (max-width: 1023px) { .header-menu > li > a { padding: 18px 24px; margin: 0 -24px; } } .header-menu > li > a span { margin-right: 8px; } @media (max-width: 1023px) { .header-menu > li > a span { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } } .header-menu > li > a span:last-child { margin-right: 0; } .header-menu > li > a i { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #079A6C; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1023px) { .header-menu > li > a i { width: 24px; height: 24px; margin: -4px; position: relative; } .header-menu > li > a i:before, .header-menu > li > a i:after { content: ''; position: absolute; width: 16px; height: 2px; left: 50%; top: 50%; margin: -1px 0 0 -8px; border-radius: 4px; background-color: #079A6C; } .header-menu > li > a i:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } } .header-menu > li > a i svg { display: block; } @media (max-width: 1023px) { .header-menu > li > a i svg { display: none; } } @media (min-width: 1024px) { .header-menu > li:hover > a { color: #079A6C; } .header-menu > li:hover > a > i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .header-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; } } .header-menu > li.active > a i:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } @media (min-width: 1024px) { .header-menu .sub-menu { display: block!important; position: absolute; white-space: nowrap; left: 0; top: 100%; min-width: 100%; padding: 12px 0; border-radius: 24px; overflow: hidden; will-change: transform; z-index: 66; background-color: #E6F5F0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; visibility: hidden; pointer-events: none; } } @media (max-width: 1023px) { .header-menu .sub-menu { display: none; } .header-menu .sub-menu li:first-child { border-top: solid 1px #E6F2EE; } } .header-menu .sub-menu a { display: block; padding: 8px 24px; color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1023px) { .header-menu .sub-menu a { padding: 18px 24px 18px 52px; margin: 0 -24px; } } @media (min-width: 1024px) { .header-menu .sub-menu a:hover { color: #079A6C; } } @media (max-width: 1023px) { .header-menu-opened .header-col-menu { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .header-menu-opened .header-menu-body { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } } @media (max-width: 1023px) { .header-menu-is-open { overflow: hidden; } .header-menu-is-open .header-col-menu { visibility: visible; opacity: 1; pointer-events: auto; } .header-menu-is-open .header-menu-body { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .header-menu-is-open .header { background-color: #E6F5F0; } } .header-search.active .header-search-form { opacity: 1; visibility: visible; pointer-events: auto; } @media (max-width: 1023px) { .header-search { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .header-search-open { display: block; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1023px) { .header-search-open { display: none; } } .header-search-open:hover { color: #F5711D; } .header-search-open svg { display: block; } .header-search-form { position: relative; } @media (min-width: 1024px) { .header-search-form { position: absolute; right: 0; top: 50%; margin-top: -24px; z-index: 6; min-width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } } .header-search-form .form-block { margin: 0; } .header-search-form-input { padding: 0 16px 0 48px; height: 48px; border: solid 1px #E6F2EE; border-radius: 16px; background-color: #fff; } .header-search-form-input:focus { border-color: #079A6C; } [type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } .header-search-form-submit { position: absolute; left: 16px; top: 50%; margin-top: -8px; color: #079A6C; background: none; border: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-search-form-submit svg { display: block; } .header-search-form-submit:hover { color: #F5711D; } .header-mobile-tel { margin-top: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (min-width: 1024px) { .header-mobile-tel { display: none; } } .header-contacts-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; white-space: nowrap; } .header-contacts-tel:hover .header-contacts-tel-number { color: #079A6C; } .header-contacts-tel-icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #E6F5F0; color: #079A6C; margin: 3px 16px 0 0; } @media (max-width: 1023px) { .header-contacts-tel-icon { width: 40px; height: 40px; margin: 0; } } .header-contacts-tel-body { min-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1023px) { .header-contacts-tel-body { display: none; } } .header-contacts-tel-title { color: #676F6D; font-size: 12px; line-height: 1.33; } .header-contacts-tel-number { font-weight: 700; font-size: 20px; letter-spacing: -0.5px; color: #1A2723; line-height: 1.2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-menu-open { height: 40px; width: 40px; position: relative; border-radius: 50%; background-color: #E6F5F0; display: block; } .header-menu-open i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-menu-open i:last-child { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .header-menu-open.active i:first-child { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .header-menu-open.active i:last-child { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .page-body { padding: 45px 0 160px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .page-body + .footer { padding-top: 0; } @media (max-width: 1023px) { .page-body { padding: 20px 0 80px; } } @media (max-width: 767px) { .page-body { padding-bottom: 82px; } } .page-home .page-body { padding: 0 0 85px; } @media (max-width: 1023px) { .page-home .page-body { padding: 0 0 42px; } } .section { padding: 75px 0; } @media (max-width: 767px) { .section { padding: 38px 0; } } .home-promo { padding: 55px 0 0; } @media (max-width: 767px) { .home-promo { padding: 38px 0; } } .swiper-slide { height: auto; } .home-promo-slider { position: relative; } @media (max-width: 767px) { .home-promo-slider .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } .home-promo-slider .home-promo-slide { width: 100%; padding-bottom: 32px; } } .home-promo-slide { overflow: hidden; } .home-promo-slide .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .home-promo-slide .container { -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; } } .home-promo-slide-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; margin-right: 52px; position: relative; z-index: 1; padding: 20px 0 120px; -ms-flex-item-align: center; align-self: center; } @media (max-width: 1023px) { .home-promo-slide-body { margin-right: 32px; } } @media (max-width: 767px) { .home-promo-slide-body { padding: 0; margin: 0 0 26px; text-align: center; 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; } } .home-promo-slide-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 480px; } .home-promo-slide-img img { display: block; } @media (max-width: 1023px) and (min-width: 768px) { .home-promo-slide-img { width: 400px; } } @media (max-width: 767px) { .home-promo-slide-img { width: 343px; margin: 0 auto; } } .home-promo-slide-img-with-shadow { width: 678px; margin-left: -198px; } @media (max-width: 1023px) { .home-promo-slide-img-with-shadow { width: 500px; margin-left: -100px; } } @media (max-width: 767px) { .home-promo-slide-img-with-shadow { width: 484px; margin-left: auto; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); } } @media (max-width: 479px) { .home-promo-slide-img-with-shadow { -webkit-transform: translateX(-140px); -ms-transform: translateX(-140px); transform: translateX(-140px); } } .home-promo-slide-img-animation { position: relative; } .home-promo-slide-img-animation span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .home-promo-slide-img-animation span img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: center center; object-position: center center; -o-object-fit: contain; object-fit: contain; } .home-promo-slide-img-animation span img:first-child { -webkit-animation: home-promo-slide-img-animation 5s linear infinite; animation: home-promo-slide-img-animation 5s linear infinite; } .home-promo-slide-img-animation span img:last-child { -webkit-animation: home-promo-slide-img-animation 5s -2.5s linear infinite; animation: home-promo-slide-img-animation 5s -2.5s linear infinite; } @-webkit-keyframes home-promo-slide-img-animation { 25% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 75% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @keyframes home-promo-slide-img-animation { 25% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 75% { -webkit-transform: translateY(5px); transform: translateY(5px); } } .home-promo-slide-title { margin-bottom: 30px; } @media (max-width: 767px) { .home-promo-slide-title { margin-bottom: 20px; } } .home-promo-slide-desc { margin-bottom: 40px; } @media (max-width: 767px) { .home-promo-slide-desc { margin-bottom: 26px; } } .slider-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-dots:empty { display: none; } .slider-dots span { width: 8px; height: 8px; cursor: pointer; position: relative; border-radius: 50%; background-color: #999F9D; opacity: 1; outline: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .slider-dots span:before { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border-radius: 50%; background-color: #079A6C; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #999F9D; } .slider-dots span:not(:last-child) { margin-right: 24px; } .slider-dots span:hover { background-color: #079A6C; } .slider-dots span.swiper-pagination-bullet-active { background-color: #079A6C; } .slider-dots span.swiper-pagination-bullet-active:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: #079A6C; } .home-promo-slider-dots { position: relative; } @media (max-width: 767px) { .home-promo-slider-dots { margin-top: 26px; } } @media (min-width: 768px) { .home-promo-slider-dots .slider-dots { position: absolute; bottom: 80px; left: 0; z-index: 6; } } .section-title { margin-bottom: 70px; } @media (max-width: 767px) { .section-title { margin-bottom: 32px; } } .section-title span { color: #079A6C; } .section-title-center { text-align: center; } .can-slider .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; margin: 0 -16px -74px; } .can-slide { width: 33.333%; padding: 0 16px 74px; } .can-slide:hover .can-item { -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); } @media (max-width: 767px) { .can-slide { width: 50%; } } @media (max-width: 479px) { .can-slide { width: 100%; } } .item { text-align: center; 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; } .can-item { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .item-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .item-img img { max-height: 100%; } .can-item-img { width: 256px; height: 256px; margin-bottom: 26px; } .item-title { font-weight: 700; margin-bottom: 12px; font-size: 1rem; color: #1A2723; } .item-desc { font-size: 14px; line-height: 1.43; } .slider-arrow { position: absolute; width: 32px; height: 32px; border: 0; top: 50%; margin-top: -18px; border-radius: 50%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #E6F5F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 6; color: #079A6C; } .slider-arrow:not(.swiper-button-disabled):hover { background-color: #079A6C; color: #fff; } .slider-arrow.swiper-button-disabled { background-color: rgba(7, 154, 108, 0.05); color: rgba(7, 154, 108, 0.3); } .slider-arrow-prev { left: 0; } .slider-arrow-next { right: 0; } .slider-nav { 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; margin-top: 36px; } .slider-nav-body { position: relative; padding: 0 64px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .easy-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -36px; } .easy-col { padding-bottom: 36px; width: 33.333%; } @media (max-width: 767px) { .easy-col { width: 100%; } } .easy-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .easy-item-img { width: 60px; height: 60px; margin-bottom: 32px; } @media (max-width: 767px) { .easy-item-img { margin-bottom: 26px; } } @media (max-width: 767px) { .home-about-wrapp { position: relative; } .home-about-wrapp:before { content: ''; position: absolute; top: 60px; right: 20px; bottom: -60px; left: 20px; background: #445A6D; opacity: 0.2; -webkit-filter: blur(120px); filter: blur(120px); border-radius: 32px; will-change: transform; } } .home-about-body { background-color: #fff; -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; border-radius: 60px; position: relative; overflow: hidden; will-change: transform; padding: 76px 80px 80px; } @media (max-width: 1023px) { .home-about-body { padding: 60px 40px; } } @media (max-width: 767px) { .home-about-body { padding: 34px 24px; border-radius: 24px; -webkit-box-shadow: none; box-shadow: none; } } .home-about-body:after { content: ''; position: absolute; width: 444px; height: 441px; left: -142px; bottom: -80px; background-image: url(/local/templates/main/assets/css/../img/about-logo.svg); background-size: 100% 100%; } @media (max-width: 767px) { .home-about-body:after { width: 215px; height: 207px; left: 100%; margin-left: -106px; bottom: 80px; } } @media (min-width: 768px) { .home-about-body:before { content: ''; position: absolute; width: 400px; height: 400px; right: -54px; top: -96px; background-image: url(/local/templates/main/assets/css/../img/home-about-decor.svg); background-size: 100% 100%; } } .home-about-title { position: relative; z-index: 1; margin-bottom: 12px; line-height: 1.5; } .home-about-title span { display: block; } @media (max-width: 767px) { .home-about-title { font-size: 20px; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 20px; } } .home-about-title b { letter-spacing: -2px; font-size: 2.15em; line-height: 1; margin-bottom: 3px; display: block; font-weight: inherit; color: #079A6C; } @media (max-width: 767px) { .home-about-title b { letter-spacing: -1px; font-size: 1.6em; line-height: 1.12; } } .home-about-content { position: relative; z-index: 1; } @media (min-width: 768px) { .home-about-content { padding-left: 300px; } } .home-about-desc { margin-bottom: 64px; } @media (max-width: 1023px) { .home-about-desc { margin-bottom: 40px; } } @media (max-width: 767px) { .home-about-desc { margin-bottom: 24px; } } .home-about-advantages { margin-bottom: 74px; } @media (max-width: 1023px) { .home-about-advantages { margin-bottom: 40px; } } @media (max-width: 767px) { .home-about-advantages { margin: 0 92px 0 0; } } .home-about-btn { font-weight: 700; } @media (max-width: 767px) { .home-about-btn { display: none; } } .home-advantages-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -24px -24px; } .home-advantages-col { padding: 0 24px 24px; } .home-advantage-title { margin-bottom: 8px; } @media (max-width: 767px) { .home-advantage-title { font-size: 32px; line-height: 1.12; } .home-advantage-title b { font-size: 48px; line-height: 1.17; } } .home-advantage-title span { color: #F5711D; } .section-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 33px; } .section-head .section-title { margin: 0 32px 0 0; min-width: 1px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .section-head .section-title { margin-right: 24px; } } .section-head .section-title:last-child { margin-right: 0; } .section-head .btn { -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 767px) { .section-head .btn { display: none; } } .reviews-slider { overflow: visible; } .reviews-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .reviews-slide { -webkit-transition: opacity 0.4s, -webkit-filter 0.4s; transition: opacity 0.4s, -webkit-filter 0.4s; -o-transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s; opacity: 0.05; -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none; } } @media (max-width: 767px) { .reviews-slide { width: 320px; } } @media (min-width: 768px) { .reviews-slide.swiper-slide-visible { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); pointer-events: auto; } } .review-item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 24px; border: solid 1px #E6F2EE; padding: 32px 32px 26px; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .review-item { padding: 28px 16px; } } .review-item:hover { border-color: transparent; -webkit-box-shadow: 0px 30px 60px #edf0f5; box-shadow: 0px 30px 60px #edf0f5; } .review-item:hover .review-item-title { color: #079A6C; } .review-item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 28px; } .cover-img { position: relative; } .cover-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-position: center center; object-position: center center; -o-object-fit: cover; object-fit: cover; } .review-item-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 24px; width: 72px; } .review-item-img img { border-radius: 50%; } .review-item-img:before { content: ''; display: block; padding-top: 100%; } .review-item-info { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } .review-item-name { font-weight: 700; color: #1A2723; margin-bottom: 10px; } .rating { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 160px; height: 24px; margin: 0 -4px; position: relative; background-image: url(/local/templates/main/assets/css/../img/rating-empty.svg); } .rating-state { position: absolute; top: 0; bottom: 0; left: 0; background-image: url(/local/templates/main/assets/css/../img/rating.svg); } .review-item-title { margin-bottom: 12px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .read-more-btn-wrapp { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 479px) { .read-more-btn { width: 100%; } } .news-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .news-row { margin-bottom: -16px; } } .news-col { padding-bottom: 32px; width: 33.333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .news-col { padding-bottom: 16px; width: 100%; } } .news-item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px; border: solid 1px #E6F2EE; overflow: hidden; will-change: transform; position: relative; padding: 28px 32px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 1023px) { .news-item { padding: 28px 20px; } } @media (max-width: 767px) { .news-item { padding: 20px 24px; } } .news-item:hover { -webkit-box-shadow: 0px 30px 60px #edf0f5; box-shadow: 0px 30px 60px #edf0f5; border-color: transparent; } .news-item:hover .news-item-title { color: #079A6C; } .news-item:hover .news-item-arrow { color: #fff; } .news-item:hover .news-item-arrow svg:first-child path { fill: #079A6C; } .item-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 6; } .news-item-title { margin-bottom: 54px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .news-item-title { margin-bottom: 38px; } } .news-item-date { margin-top: auto; font-size: 14px; color: #999F9D; line-height: 1.43; padding-right: 72px; } .news-item-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 96px; height: 96px; color: #079A6C; position: absolute; right: -16px; bottom: -16px; padding: 0 8px 8px 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .news-item-arrow svg:first-child { position: absolute; left: 0; top: 0; } .news-item-arrow svg:first-child path { fill: #E6F5F0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .news-item-arrow svg:last-child { position: relative; z-index: 1; } .feedback { padding: 60px 0; position: relative; margin-bottom: 126px; } @media (max-width: 767px) { .feedback { padding: 16px 0; margin: 0; } } .feedback .container { position: relative; z-index: 1; } .feedback-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .feedback-body { position: relative; width: 544px; will-change: transform; } @media (max-width: 767px) { .feedback-body { width: 100%; } } .feedback-body:before { content: ''; position: absolute; top: 60px; right: 38px; bottom: -60px; left: 48px; background: #445A6D; opacity: 0.6; -webkit-filter: blur(120px); filter: blur(120px); border-radius: 32px; will-change: transform; } @media (max-width: 767px) { .feedback-body:before { border-radius: 24px; bottom: -16px; left: 24px; right: 24px; } } .feedback-content { position: relative; z-index: 1; background-color: #fff; padding: 58px 64px 64px; border-radius: 32px; } @media (max-width: 767px) { .feedback-content { border-radius: 24px; padding: 28px 24px 24px; } } .form-title { margin-bottom: 28px; } @media (max-width: 767px) { .form-title { margin-bottom: 12px; } } .form-desc { margin-bottom: 36px; } @media (max-width: 767px) { .form-desc { margin-bottom: 26px; } } .feedback-form-desc { margin-bottom: 58px; } @media (max-width: 767px) { .feedback-form-desc { margin-bottom: 26px; } } .checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; font-size: 12px; line-height: 1.33; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999F9D; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .checkbox-label br { display: none; } } .checkbox-label a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .checkbox-label a:hover { color: #F5711D; } .checkbox-label > i { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 24px; height: 24px; border-radius: 8px; margin-right: 12px; background-color: #E6F5F0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; position: relative; } .checkbox-label > i:before { content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border-radius: 4px; background-color: #079A6C; -webkit-box-shadow: 0 2px 10px rgba(7, 154, 108, 0.5); box-shadow: 0 2px 10px rgba(7, 154, 108, 0.5); opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .checkbox-label > span { min-width: 1px; -ms-flex-item-align: center; align-self: center; } .checkbox-label.active > i:before { opacity: 1; } .checkbox-input { position: absolute; left: 0; top: 0; width: 24px; height: 24px; opacity: 0; cursor: pointer; } .submit-wrapp { margin-top: 36px; } @media (max-width: 767px) { } .submit { font-weight: 700; } .footer { padding: 160px 0 18px; } @media (max-width: 1023px) { .footer { padding-top: 108px; } } .footer-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1024px) { .footer-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .footer-menu { margin: 0 -16px -10px; } @media (min-width: 1024px) { .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .footer-menu { font-size: 14px; line-height: 1.43; } } .footer-menu li { padding: 0 16px 10px; } .footer-menu a { color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .footer-menu a:hover { color: #079A6C; } .footer-col-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .footer-col-contacts { -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; } } .footer-col-contacts .social-list { padding-right: 8px; } @media (max-width: 1023px) { .footer-col-contacts .social-list { margin: 20px 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; } } .social-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px; } .social-list li { padding: 0 4px; } .social-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #E6F5F0; } .social-list a:hover { background-color: #079A6C; color: #fff; } .footer-feedback-btn { font-weight: 700; height: 40px; } @media (max-width: 1023px) { .footer-feedback-btn { width: 192px; } } .foot { margin-top: 24px; padding-top: 18px; border-top: solid 1px #E6F2EE; } @media (max-width: 1023px) { .foot { font-size: 14px; margin-top: 16px; } } .foot-row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -12px; } .foot-col { padding-bottom: 12px; } .developer-link { color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .developer-link b { display: none; } .developer-link span { margin-right: 5px; } .developer-link svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 2px; } .developer-link svg path { fill: #1A2723; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .developer-link:hover svg path { fill: #079A6C; } /* contacts */ .breadcrumbs { color: inherit; margin-bottom: 32px; color: #999F9D; line-height: 1.33; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; } @media (max-width: 767px) { .breadcrumbs { text-align: left; margin-bottom: 12px; display: none; } } .breadcrumbs li { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumbs li:not(:last-child) { padding-right: 15px; margin-right: 8px; position: relative; } .breadcrumbs li:not(:last-child):after { content: ''; position: absolute; width: 8px; height: 2px; right: 0; top: 50%; margin-top: -1px; background-image: url(/local/templates/main/assets/css/../img/breadcrumbs-divider.svg); background-size: 100% 100%; } .breadcrumbs a { color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs a > *:not(:last-child) { margin-right: 8px; } .breadcrumbs a svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .breadcrumbs a:hover { color: #079A6C; } .page-title { margin-bottom: 62px; } @media (max-width: 767px) { .page-title { margin-bottom: 32px; } } .contacts-body { margin-bottom: 60px; } @media (max-width: 767px) { .contacts-body { margin-bottom: 36px; } } .contacts-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -30px; } .contacts-col { padding-bottom: 30px; width: 33.333%; } @media (max-width: 1023px) { .contacts-col { width: 100%; } } .contacts-col .social-list a { width: 48px; height: 48px; } .contacts-links li + li { margin-top: 22px; } .contacts-links a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .contacts-links a:hover { color: #079A6C; } .contacts-links a svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 16px; color: #079A6C; } .contacts-info-list li + li { margin-top: 4px; } .contacts-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts-info > svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #079A6C; margin: 2px 16px 0 0; } .contacts-info-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } .contacts-metro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts-metro > *:not(:last-child) { margin-right: 8px; } .contacts-metro i { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 8px; height: 8px; border-radius: 50%; } .contacts-info-title { font-weight: 700; margin-bottom: 8px; } .contacts-map-wrapp { padding-top: 56.25%; position: relative; margin-bottom: 120px; } @media (max-width: 767px) { .contacts-map-wrapp { margin-bottom: 40px; } } @media (max-width: 479px) { .contacts-map-wrapp { padding-top: 0; height: 320px; } } .contacts-map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 24px; overflow: hidden; will-change: transform; } @media (max-width: 565px) { .contacts-map { border-radius: 24px 24px 0 0; } } @media (min-width: 566px) { .contacts-map-balloon-body { width: 390px; position: relative; } .contacts-map-balloon-body:before { content: ''; position: absolute; top: 20px; right: 20px; bottom: -20px; left: 20px; background: #079A6C; opacity: 0.6; -webkit-filter: blur(60px); filter: blur(60px); border-radius: 24px; } } @media (min-width: 566px) and (max-width: 1023px) { .contacts-map-balloon-body { width: 350px; } } @media (min-width: 566px) and (max-width: 767px) { .contacts-map-balloon-body { width: 260px; } } @media (min-width: 566px) { .contacts-map-balloon-content { padding: 18px 24px; background-color: #079A6C; color: #fff; border-radius: 0 24px 24px 24px; font-family: 'Montserrat', sans-serif; line-height: 1.5; position: relative; z-index: 1; } .contacts-map-balloon-content:before { content: ''; position: absolute; width: 14px; height: 9px; background-image: url(/local/templates/main/assets/css/../img/contacts-map-balloon-arrow.svg); bottom: 100%; left: 0; } } @media (max-width: 1023px) { .contacts-map-balloon-content { font-size: 14px; line-height: 1.43; } } .contacts-form { padding: 54px 60px 60px; border-radius: 24px; background-color: #fff; -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; } @media (max-width: 1023px) { .contacts-form { padding: 56px 32px; } } @media (max-width: 767px) { .contacts-form { padding: 24px 20px; } } .contacts-form .submit-wrapp { 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; } @media (max-width: 767px) { .contacts-form .submit-wrapp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } .contacts-form .checkbox-label { max-width: 666px; margin-right: 32px; } @media (max-width: 767px) { .contacts-form .checkbox-label { margin: 0 0 28px; } } .contacts-form-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; } .contacts-form-col { padding: 0 12px; width: 33.333%; } @media (max-width: 767px) { .contacts-form-col { width: 100%; } } /* about */ .page-about:before { display: none; } .page-about body { padding-top: 0; } .page-about .page-body { padding-top: 0; } .about-promo { padding: 157px 0 75px; overflow: hidden; will-change: transform; position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95))), #079A6C; background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; } @media (max-width: 1023px) { .about-promo { padding: 92px 0 60px; } } @media (max-width: 767px) { .about-promo { padding-bottom: 40px; } } .about-promo-body { max-width: 800px; padding-right: 40px; position: relative; min-height: 340px; } @media (max-width: 1023px) { .about-promo-body { max-width: 100%; padding-right: 0; } } .about-promo-img { position: absolute; right: 0; bottom: 0; } @media (max-width: 1199px) { .about-promo-img { right: -70px; } } @media (max-width: 1023px) { .about-promo-img { display: none; } } .about-promo-img img { max-width: none; display: block; } @media (max-width: 1199px) { .about-promo-img img { max-width: 300px; } } .about-promo-title { margin-bottom: 60px; line-height: 1.5; } @media (max-width: 767px) { .about-promo-title { margin-bottom: 24px; } } @media (min-width: 768px) { .about-promo-advantages .home-advantages-row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .about-promo-advantages .home-advantage-desc { font-size: 14px; line-height: 1.43; } .about-body { padding-top: 74px; } @media (max-width: 767px) { .about-body { padding-top: 48px; } } .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1023px) { .article { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .article-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; margin-right: 32px; } @media (max-width: 1023px) { .article-body { margin: 48px 0 0; width: 100%; } } .article-sidebar { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 245px; z-index: 6; } @media (max-width: 1023px) { .article-sidebar { width: 100%; } } @media (max-width: 767px) { .mobile-list-wrapp { height: 44px; } } @media (max-width: 767px) { .mobile-list-body { overflow: hidden; margin: 0 -16px; padding: 0 0 0 16px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; background-color: #fff; scroll-behavior: smooth; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-list-body::-webkit-scrollbar { display: none; } .mobile-list-body.fixed { position: fixed; left: 0; top: 72px; right: 0; z-index: 600; margin: 0; } } @media (max-width: 1023px) { .article-anchors-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px -8px; } } @media (max-width: 767px) { .article-anchors-list { white-space: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; min-width: 1px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .article-anchors-list:after { content: ''; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16px; } } .article-anchors-list li { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .article-anchors-list li { margin: 0; padding: 0 4px 8px; } } @media (max-width: 767px) { .article-anchors-list li { padding: 6px 8px 6px 6px; background-color: rgba(7, 154, 108, 0.05); } .article-anchors-list li:first-child { border-radius: 8px 0 0 8px; } .article-anchors-list li:last-child { border-radius: 0 8px 8px 0; } } .article-anchors-list li:last-child { margin-bottom: 0; } .article-anchors-list a { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 4px 16px; font-weight: 600; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 24px; } @media (max-width: 1023px) { .article-anchors-list a { min-height: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border: solid 1px #E6F2EE; } } @media (max-width: 767px) { .article-anchors-list a { height: 32px; padding: 4px 8px; min-height: 0; border: 0; border-radius: 4px; font-size: 12px; line-height: 1.33; } } .article-anchors-list a:hover { background-color: rgba(7, 154, 108, 0.1); } .article-anchors-list a:hover svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .article-anchors-list a svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 12px; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } @media (max-width: 767px) { .article-anchors-list a svg { display: none; } } .article-anchors-list .active a { background-color: rgba(7, 154, 108, 0.1); } @media (max-width: 767px) { .article-anchors-list .active a { background-color: #079A6C; color: #fff; -webkit-box-shadow: 0px 4px 16px rgba(7, 154, 108, 0.3); box-shadow: 0px 4px 16px rgba(7, 154, 108, 0.3); } } .article-anchors-list .active a svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .article-section { padding: 54px 0; } @media (max-width: 767px) { .article-section { padding: 24px 0; } } .article-section:first-child { padding-top: 0; } .article-section:last-child { padding-bottom: 0; } .article-section .section-title { margin-bottom: 28px; } @media (max-width: 767px) { .article-section .section-title { margin-bottom: 24px; } } .article-section .section-head { margin-bottom: 28px; } .article-section .section-head .section-title { margin-bottom: 0; } @media (max-width: 767px) { .article-section .section-head { margin-bottom: 24px; } } .about-history-slider { overflow: visible; } .about-history-slider:before { content: ''; position: absolute; width: 40px; height: 1px; left: 100%; top: 8px; background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0))), #E6F2EE; background: -webkit-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #E6F2EE; background: -o-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #E6F2EE; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #E6F2EE; border-radius: 4px; } .about-history-slider .slider-arrow { top: 10px; } .about-history-slider .slider-arrow.swiper-button-disabled { opacity: 0; } .about-history-slider .slider-arrow-prev { left: -1px; } .about-history-slider .slider-arrow-next { right: -1px; } .about-history-slide { -webkit-transition: opacity 0.4s, -webkit-filter 0.4s; transition: opacity 0.4s, -webkit-filter 0.4s; -o-transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s; opacity: 0.05; -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none; } .about-history-slide.swiper-slide-visible { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); pointer-events: auto; } .about-history-slide.swiper-slide-visible .about-history-item:before, .about-history-slide.swiper-slide-visible .about-history-item:after { opacity: 1; } .about-history-item { padding: 44px 32px 0 0; position: relative; } .about-history-item:before, .about-history-item:after { content: ''; position: absolute; left: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; pointer-events: none; } .about-history-item:before { right: 0; top: 8px; height: 1px; background-color: #E6F2EE; } .about-history-item:after { width: 16px; height: 16px; top: 0; border-radius: 50%; background-color: #079A6C; } .about-history-item-year { margin-bottom: 16px; } .geography-map-wrapp { padding-top: 50%; position: relative; } @media (max-width: 479px) { .geography-map-wrapp { padding-top: 0; height: 320px; } } .geography-map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 24px; overflow: hidden; will-change: transform; } .geography-map ymaps[style*="map-marker-with-logo.svg"] { -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); } .review-add-form-row { margin: 0 -12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .review-add-form-col { padding: 0 12px; width: 25%; } @media (max-width: 1199px) { .review-add-form-col { width: 50%; } } @media (max-width: 767px) { .review-add-form-col { width: 100%; } } .rating-select .form-block-title { margin-bottom: 10px; } .rating-select .rating { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .team-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .team-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #000; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 24px; overflow: hidden; will-change: transform; } .team-item:hover .team-item-arrow svg:first-child path { fill: #079A6C; } .team-item:hover .team-item-arrow svg:last-child { color: #fff; } .team-item-body { color: #fff; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; width: 256px; max-width: 100%; margin: 0 auto; } .team-item-img { padding-top: 135.9375%; } .team-item-img:after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 86px; background: -webkit-gradient(linear, left bottom, left top, color-stop(46.35%, #000000), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #000000 46.35%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #000000 46.35%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #000000 46.35%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; } .team-item-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px 40px 20px 24px; 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: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 2; } .team-item-name { font-weight: 700; margin-bottom: 8px; } .team-item-position { font-size: 12px; line-height: 1.33; opacity: 0.8; } .team-item-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 72px; height: 72px; color: #fff; position: absolute; right: -16px; bottom: -16px; padding: 0 8px 8px 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .team-item-arrow svg:first-child { position: absolute; left: 0; top: 0; } .team-item-arrow svg:first-child path { fill: rgba(255, 255, 255, 0.2); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .team-item-arrow svg:last-child { position: relative; z-index: 1; } .team-img { margin-top: 32px; } @media (max-width: 767px) { .team-img { margin-top: 24px; } } .team-img img { display: block; margin: 0 auto; border-radius: 24px; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 666666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .modal:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; } .modal.active .modal-body { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .modal-wrapp { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(26, 39, 35, 0.8); padding: 40px 16px; overflow: hidden; overflow-y: scroll; outline: none; } @media (max-width: 767px) { .modal-wrapp { padding: 28px 16px; } } .modal-body { background-color: #fff; -webkit-box-flex: 0; -ms-flex: none; flex: none; min-height: 1px; width: 544px; max-width: 100%; margin: 0; padding: 48px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); position: relative; margin: auto; border-radius: 32px; } @media (max-width: 767px) { .modal-body { padding: 32px 16px; border-radius: 24px; } } .modal-close-btn { position: absolute; right: 24px; top: 24px; color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999F9D; } @media (max-width: 767px) { .modal-close-btn { right: 16px; top: 16px; } } .modal-close-btn:before { content: ''; top: -8px; right: -8px; bottom: -8px; left: -8px; } .modal-close-btn:hover { color: #079A6C; } .modal-team .modal-body { width: 736px; } @media (min-width: 768px) { .modal-team-content { display: -webkit-box; display: -ms-flexbox; display: flex; } } .modal-team-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 256px; margin-right: 48px; } @media (max-width: 1023px) { .modal-team-img { margin-right: 32px; } } @media (max-width: 767px) { .modal-team-img { margin: 0 auto 32px; } } .modal-team-img img { display: block; border-radius: 24px; } .modal-team-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } .modal-team-name { margin-bottom: 8px; } .modal-team-position { font-size: 12px; line-height: 1.33; margin-bottom: 24px; color: #999F9D; } .about-press-slider { overflow: visible; } .about-press-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: opacity 0.4s, -webkit-filter 0.4s; transition: opacity 0.4s, -webkit-filter 0.4s; -o-transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s; transition: opacity 0.4s, filter 0.4s, -webkit-filter 0.4s; opacity: 0.05; -webkit-filter: grayscale(1); filter: grayscale(1); } .about-press-slide.swiper-slide-visible { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .slider-arrows { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 72px; height: 36px; position: relative; } .news-item-source { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; padding-right: 72px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #079A6C; font-weight: 700; font-size: 14px; line-height: 1.43; } .news-item-source svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #999F9D; margin-right: 8px; } @media (min-width: 768px) { .docs { margin-top: 52px; } } .docs-section { margin-bottom: 60px; } @media (max-width: 767px) { .docs-section { margin-bottom: 32px; } } .docs-section:last-child { margin-bottom: 0; } .docs-section-title { margin-bottom: 28px; } @media (max-width: 767px) { .docs-section-title { margin-bottom: 24px; } } .docs-links li + li { margin-top: 8px; } .docs-link { display: -webkit-box; display: -ms-flexbox; display: flex; border: solid 1px #E6F2EE; border-radius: 24px; } .docs-link:hover .docs-link-title { color: #079A6C; } .docs-link-icon { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 68px; min-height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #079A6C; border-right: solid 1px #E6F2EE; } .docs-link-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 18px; -ms-flex-item-align: center; align-self: center; } .docs-link-title { color: #1A2723; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom: 8px; } .docs-link-title:last-child { margin-bottom: 0; } .docs-link-size { font-size: 12px; color: #999F9D; line-height: 1.33; } /* 404 */ .page-404-body { padding-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media (max-width: 767px) { .page-404-body { padding-top: 20px; } } .page-404-img { margin-bottom: 34px; } .page-404-img img { display: block; } .page-404-title { margin-bottom: 12px; } .page-404-desc { margin-bottom: 34px; } .page-404-btns { margin: 0 -6px -12px; } @media (min-width: 480px) { .page-404-btns { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page-404-btns li { padding: 0 6px 12px; } .no-scroll { overflow-y: hidden; } /* about-projects */ .project { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom: 32px; } @media (min-width: 768px) { .project:hover { padding-right: 96px; } .project:hover .project-img { width: 160px; } } .project:hover .project-main { -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; } .project:hover .project-title { color: #079A6C; } .project:last-child { margin-bottom: 0; } .project-main { border: solid 1px #E6F2EE; border-radius: 24px; overflow: hidden; will-change: transform; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .project-main { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 16px; } } .project-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; padding: 26px 32px; } @media (max-width: 767px) { .project-body { padding: 24px; } } .project-head { padding-bottom: 26px; margin-bottom: 26px; border-bottom: solid 1px #E6F2EE; } @media (max-width: 767px) { .project-head { padding-bottom: 16px; margin-bottom: 16px; } } .project-title { margin-bottom: 24px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .project-title { margin-bottom: 16px; } } @media (min-width: 768px) { .project-info { display: -webkit-box; display: -ms-flexbox; display: flex; } } .project-info-block { margin-right: 30px; } @media (max-width: 767px) { .project-info-block { margin: 0 0 16px; } } .project-info-block:last-child { margin: 0; } .project-info-title { font-weight: 600; font-size: 12px; line-height: 1.33; margin-bottom: 6px; } @media (max-width: 767px) { .project-info-title { margin-bottom: 4px; } } .project-info-data { color: #1A2723; font-weight: 700; } @media (max-width: 767px) { .project-info-data { font-weight: 400; font-size: 14px; line-height: 1.43; } } .project-content-block { margin-bottom: 20px; } @media (max-width: 767px) { .project-content-block { margin-bottom: 16px; } } .project-content-block:last-child { margin-bottom: 0; } .project-content-title { font-weight: 700; color: #1A2723; margin-bottom: 4px; } @media (max-width: 767px) { .project-content-desc { font-size: 14px; line-height: 1.43; } } .project-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 256px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media (max-width: 767px) { .project-img { width: auto; padding-top: 55.976%; } } .read-more-btn-wrapp { 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; margin-top: 40px; } @media (max-width: 767px) { .read-more-btn-wrapp { margin-top: 16px; } } .btn-loading { background: none; color: #079A6C; } .btn-loading .btn-circle:before { background-color: #E6F5F0; } .btn-loading.loading svg { display: block; } .btn-loading.loading svg + span { margin-left: 12px; } .btn-loading svg { display: none; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; } .btn-loading svg + span { margin-left: 0; } @-webkit-keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .about-projects .section-title { margin-bottom: 33px; } .about-projects .projects { max-width: 832px; } /* for-developers */ @media (max-width: 767px) { .page-promo { padding-top: 28px; } } @media (min-width: 768px) { .page-promo .container { display: -webkit-box; display: -ms-flexbox; display: flex; } } .page-promo-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-right: 16px; min-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { .page-promo-body { margin: 0 0 60px; } } .page-promo-content { margin: auto 0; } @media (min-width: 768px) { .page-promo-content { padding-bottom: 60px; } } @media (max-width: 767px) { .page-promo-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .page-promo-title { margin-bottom: 32px; } @media (max-width: 767px) { .page-promo-title { text-align: center; } .page-promo-title br { display: none; } } .page-promo-title:last-child { margin-bottom: 0; } .page-promo-desc { margin-bottom: 40px; } @media (max-width: 767px) { .page-promo-desc { margin-bottom: 36px; text-align: center; } } .page-promo-desc:last-child { margin-bottom: 0; } .page-promo-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 369px; margin: 24px -10px 0 0; } @media (max-width: 1023px) and (min-width: 768px) { .page-promo-img { width: 290px; } } @media (max-width: 767px) { .page-promo-img { max-width: 75%; margin: 0 auto; } } .page-promo-img img { display: block; -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.61)) drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.44)) drop-shadow(0px 11px 13px rgba(0, 0, 0, 0.36)) drop-shadow(0px 18px 23px rgba(0, 0, 0, 0.31)) drop-shadow(0px 34px 42px rgba(0, 0, 0, 0.25)) drop-shadow(0px 80px 100px rgba(0, 0, 0, 0.17)); filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.61)) drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.44)) drop-shadow(0px 11px 13px rgba(0, 0, 0, 0.36)) drop-shadow(0px 18px 23px rgba(0, 0, 0, 0.31)) drop-shadow(0px 34px 42px rgba(0, 0, 0, 0.25)) drop-shadow(0px 80px 100px rgba(0, 0, 0, 0.17)); } .platform-capabilities { padding: 60px 0 120px; } @media (max-width: 767px) { .platform-capabilities { padding: 62px 0 82px; } } .platform-capabilities .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .platform-capabilities .container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } .platform-capabilities-img { width: 492px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 64px 32px 0 0; } @media (max-width: 1023px) { .platform-capabilities-img { margin: 32px auto 0; max-width: 100%; display: none; } } .platform-capabilities-img img { display: block; } .platform-capabilities-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; max-width: 544px; background-color: #fff; padding: 48px; border-radius: 24px; -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; } @media (max-width: 1023px) { .platform-capabilities-body { max-width: 100%; } } @media (max-width: 767px) { .platform-capabilities-body { padding: 32px 24px 24px; } } .platform-capabilities-title { margin-bottom: 32px; } @media (max-width: 767px) { .platform-capabilities-title { margin-bottom: 16px; } } .platform-capabilities-desc { margin-bottom: 16px; } @media (max-width: 767px) { .platform-capabilities-desc { margin-bottom: 24px; } } @media (max-width: 767px) { .platform-capabilities-list { margin: 0 -16px; } } .platform-capability { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 16px; position: relative; } @media (max-width: 767px) { .platform-capability { margin-bottom: 8px; } .platform-capability:last-child { margin-bottom: 0; } } .platform-capability:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; border: solid 1px #E6F2EE; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; pointer-events: none; } .platform-capability.active { padding: 8px 0 12px; margin: 16px 0; } @media (max-width: 767px) { .platform-capability.active { margin-bottom: 20px; } } .platform-capability.active:before { opacity: 1; } .platform-capability.active:last-child { margin-bottom: 0; } @media (min-width: 1024px) { .platform-capability-img { display: none; } } .platform-capability-img img { display: block; width: 320px; margin: 20px auto 0; } .platform-capability-title { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1A2723; font-weight: 700; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative; z-index: 1; } .platform-capability-title:hover { color: #079A6C; } .platform-capability-title span { min-width: 1px; } .platform-capability-title i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 32px; height: 32px; margin-right: 16px; background-color: #E6F2EE; border-radius: 50%; color: #079A6C; } .accordion-body { display: none; } .platform-capability-body { position: relative; z-index: 1; } .platform-capability-desc { padding: 0 16px 0 64px; } .digital-way-body { padding: 120px 80px; margin: 0 -80px; border-radius: 32px; background-color: rgba(7, 154, 108, 0.05); } .digital-way-body .section-title { text-align: center; margin-bottom: 80px; } @media (max-width: 767px) { .digital-way-body .section-title { margin-bottom: 32px; text-align: left; } } @media (max-width: 767px) { .digital-way-body { padding: 32px 24px; margin: 0; } } .digital-way-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .digital-way-row { margin-bottom: -32px; } } .digital-way-col { padding-bottom: 80px; width: 33.333%; position: relative; } .digital-way-col:nth-child(3n) .digital-way-arrow { display: none; } .digital-way-col:last-child .digital-way-arrow { display: none; } @media (max-width: 767px) { .digital-way-col { width: 100%; padding-bottom: 32px; } } .digital-way-arrow { position: absolute; top: 40px; margin-top: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 16px; color: #C4D2C9; left: 50%; margin-left: 72px; width: calc(100% - 144px); } @media (max-width: 767px) { .digital-way-arrow { display: none; } } .digital-way-arrow:before, .digital-way-arrow:after { content: ''; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16px; height: 16px; border-radius: 50%; border: solid 1px; } .digital-way-arrow i { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; height: 2px; margin: 0 16px; min-width: 1px; background: -webkit-linear-gradient(left, currentColor, currentColor 4px, transparent 4px, transparent 8px) center top repeat-x; background: -o-linear-gradient(left, currentColor, currentColor 4px, transparent 4px, transparent 8px) center top repeat-x; background: linear-gradient(to right, currentColor, currentColor 4px, transparent 4px, transparent 8px) center top repeat-x; background-size: 8px 2px; } .digital-way-item { text-align: center; 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 (max-width: 767px) { .digital-way-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } } .digital-way-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; background-color: #E6F5F0; border-radius: 24px; margin-bottom: 30px; } @media (max-width: 767px) { .digital-way-icon { margin: 0 24px 0 0; width: 60px; height: 60px; border-radius: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 767px) { .digital-way-item-body { min-width: 1px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .digital-way-step { font-size: 12px; font-weight: 600; margin-bottom: 8px; line-height: 1.33; } @media (max-width: 767px) { .digital-way-step { margin-bottom: 4px; } } .digital-way-title { font-size: 1rem; font-weight: 700; margin-bottom: 16px; color: #1A2723; } @media (max-width: 767px) { .digital-way-title { margin-bottom: 8px; } } .digital-way-desc { font-size: 14px; line-height: 1.43; } .how-connect { padding: 120px 0; } @media (max-width: 767px) { .how-connect { padding: 96px 0; } } .how-connect:last-child { padding-bottom: 0; } @media (min-width: 768px) { .how-connect .section-title { margin-bottom: 64px; } } .how-connect-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -64px; } @media (max-width: 767px) { .how-connect-row { margin-bottom: -32px; } } .how-connect-col { width: 33.333%; padding-bottom: 64px; } @media (max-width: 1023px) { .how-connect-col { width: 50%; } } @media (max-width: 767px) { .how-connect-col { width: 100%; padding-bottom: 32px; } } .how-connect-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .how-connect-step { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 60px; height: 60px; margin-right: 24px; border-radius: 16px; color: #fff; background-color: #079A6C; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .how-connect-step { margin-right: 16px; } } .how-connect-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } .how-connect-title { font-size: 1rem; margin-bottom: 8px; font-weight: 700; color: #1A2723; } .how-connect-desc { font-size: 14px; line-height: 1.43; } /* news */ .page-news-row { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } @media (max-width: 1023px) { .page-news-row { grid-template-columns: 1fr; } } .page-news-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 1px; } .page-news-col .news-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 176px; } @media (max-width: 479px) { .page-news-col .news-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .page-news-col .news-item-title { max-width: 303px; margin-bottom: 20px; } .page-news-col-main { grid-row: span 2; } .page-news-col-main .news-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .page-news-col-main .news-item-img { width: auto; height: 221px; margin: -28px -32px 26px; } .page-news-col-main .news-item-title { max-width: 100%; color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; min-height: 70px; } @media (max-width: 767px) { .page-news-col-main .news-item-title { font-size: 24px; line-height: 1.17; } } .news-item-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-item-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 177px; margin: -28px -32px -28px 32px; } @media (max-width: 479px) { .news-item-img { width: auto; height: 221px; margin: -28px -32px 26px; } } .news-item-img img { border-radius: 24px; } .page-pagination { margin-top: 62px; 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 (max-width: 767px) { .page-pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } } .pagination-wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .pagination-wrapp { margin-bottom: 16px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .pagination-title { margin-right: 16px; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination li:not(:last-child) { margin-right: 16px; } .pagination li.active { font-weight: 700; color: #079A6C; } .pagination a { color: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative; } .pagination a:before { content: ''; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; } .pagination a:hover { color: #079A6C; } .pagination a svg { color: #079A6C; display: block; } @media (min-width: 768px) { .acticle { max-width: 928px; margin: 0 auto; padding: 0 96px; } } .article-date { text-align: center; margin-bottom: 22px; font-size: 12px; font-weight: 600; line-height: 1.33; } @media (max-width: 767px) { .article-date { margin-bottom: 16px; padding-top: 12px; } } .article-title { text-align: center; margin-bottom: 72px; } @media (max-width: 767px) { .article-title { margin-bottom: 40px; } } .article-banner { margin: 0 -98px 70px; } @media (max-width: 767px) { .article-banner { margin: 0 0 40px; } } .article-banner img { display: block; margin: 0 auto; border-radius: 24px; } .article-info { line-height: 1.5; margin-bottom: 25px; letter-spacing: -1px; font-size: 24px; font-weight: 600; } @media (max-width: 767px) { .article-info { font-size: 20px; } } .article-footer { margin-top: 54px; } @media (max-width: 767px) { .article-footer { margin-top: 40px; } } .share, .tags { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .share:last-child, .tags:last-child { margin-bottom: 0; } .share-title, .tags-title { color: #999F9D; margin-right: 16px; font-size: 12px; line-height: 1.33; } .share-list a { width: 24px; height: 24px; } .tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -4px -4px; } .tags-list li { padding: 0 4px 4px; } .tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; height: 24px; border-radius: 4px; background-color: #E6F5F0; font-size: 12px; line-height: 1.33; font-weight: 600; color: #079A6C; } a.tag { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } a.tag:hover { color: #fff; background-color: #079A6C; } .more-news { padding-top: 114px; } @media (max-width: 767px) { .more-news { padding-top: 60px; } } .more-news .section-title { margin-bottom: 33px; text-align: center; } .page-news:before, .page-article:before { display: none; } /* faq */ .page-faq:before { display: none; } .page-faq body { padding-top: 0; } .page-faq .page-body { padding-top: 0; } .faq-promo { padding: 160px 0 80px; overflow: hidden; will-change: transform; position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95))), #079A6C; background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: -o-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), #079A6C; } @media (max-width: 1023px) { .faq-promo { padding: 92px 0 60px; } } @media (max-width: 767px) { .faq-promo { padding-bottom: 40px; } } .page-faq-title { margin: 64px 0 48px; } .fast-search { position: relative; } .fast-search .form-block { margin-bottom: 0; } .fast-search .input { height: 60px; padding-right: 124px; } .fast-search .submit { height: 40px; width: 104px; position: absolute; right: 0; top: 50%; margin-top: -20px; } .faq-body { padding-top: 80px; } @media (max-width: 767px) { .faq-body { padding-top: 40px; } } .page-filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -4px 72px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .page-filter { -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; margin: 0 -16px 32px; overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 0 16px; } .page-filter::-webkit-scrollbar { display: none; } } .page-filter li { padding: 0 4px 8px; } @media (max-width: 767px) { .page-filter li { padding: 0 16px 0 0; } } .page-filter a { background-color: rgba(7, 154, 108, 0.1); font-weight: 700; color: #079A6C; height: 40px; } .page-filter a .btn-circle:before { background-color: rgba(7, 154, 108, 0.2); } .page-filter .active a { color: #fff; background-color: #079A6C; pointer-events: none; } .faq { border: solid 1px #E6F2EE; border-radius: 24px; padding: 30px 48px; margin-bottom: 80px; } @media (max-width: 767px) { .faq { margin-bottom: 40px; padding: 0; border: 0; } } .faq:last-child { margin-bottom: 0; } .faq-item { margin-bottom: 22px; } .faq-item:last-child { margin-bottom: 0; } .faq-item.active .faq-question { color: #079A6C; } .faq-item.active .faq-question i { background-color: #079A6C; color: #fff; } .faq-item.active .faq-question i:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .faq-question { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 18px 0; -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: solid 1px #E6F2EE; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .faq-question:hover { color: #079A6C; } .faq-question span { min-width: 1px; margin-right: 16px; } .faq-question i { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 32px; height: 32px; border-radius: 50%; position: relative; background-color: #E6F5F0; color: #079A6C; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .faq-question i:before, .faq-question i:after { content: ''; position: absolute; width: 12px; height: 2px; left: 50%; top: 50%; margin: -1px 0 0 -6px; border-radius: 2px; background-color: currentColor; } .faq-question i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .faq-answer { padding: 40px 0 18px; } @media (max-width: 767px) { .faq-answer { padding-top: 26px; } } .faq-clients { margin-bottom: 120px; padding: 32px; border-radius: 24px; background-color: #E6F5F0; } @media (max-width: 767px) { .faq-clients { padding: 24px 20px; margin-bottom: 60px; } } .faq-clients:last-child { margin-bottom: 0; } .search { position: relative; margin: 52px 0 64px; } @media (max-width: 767px) { .search { margin: 32px 0 40px; } } .search:last-child { margin-bottom: 0; } .search .form-block { margin-bottom: 0; } .search .input { height: 82px; padding-right: 136px; font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input { font-size: 42px; } } @media (max-width: 767px) { .search .input { font-size: 32px; letter-spacing: -1px; } } .search .input::-webkit-input-placeholder { color: #CDE5DD; font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input::-webkit-input-placeholder { font-size: 42px; } } @media (max-width: 767px) { .search .input::-webkit-input-placeholder { font-size: 32px; letter-spacing: -1px; } } .search .input:-moz-placeholder { color: #CDE5DD; font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input:-moz-placeholder { font-size: 42px; } } @media (max-width: 767px) { .search .input:-moz-placeholder { font-size: 32px; letter-spacing: -1px; } } .search .input::-moz-placeholder { color: #CDE5DD; font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input::-moz-placeholder { font-size: 42px; } } @media (max-width: 767px) { .search .input::-moz-placeholder { font-size: 32px; letter-spacing: -1px; } } .search .input:-ms-input-placeholder { color: #CDE5DD; font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input:-ms-input-placeholder { font-size: 42px; } } @media (max-width: 767px) { .search .input:-ms-input-placeholder { font-size: 32px; letter-spacing: -1px; } } .search .input:-webkit-autofill::first-line { font-size: 48px; font-weight: 700; letter-spacing: -2px; } @media (max-width: 1023px) { .search .input:-webkit-autofill::first-line { font-size: 42px; } } @media (max-width: 767px) { .search .input:-webkit-autofill::first-line { font-size: 32px; letter-spacing: -1px; } } .search .submit { height: 40px; width: 104px; position: absolute; right: 0; top: 50%; margin-top: -20px; } .search.not-empty .submit { opacity: 0; visibility: hidden; pointer-events: none; } .search.not-empty .search-input-reset { opacity: 1; visibility: visible; pointer-events: auto; } .search-input-reset { position: absolute; right: 0; top: 50%; margin-top: -20px; opacity: 0; visibility: hidden; pointer-events: none; width: 136px; height: 40px; background: none; color: #079A6C; } .search-input-reset .btn-circle:before { background-color: #E6F5F0; } .search-results-head { margin-bottom: 56px; } @media (max-width: 767px) { .search-results-head { margin-bottom: 32px; } } .search-results-head:last-child { margin-bottom: 0; } .search-results-title { margin-bottom: 32px; } @media (min-width: 768px) { .page-filter-wrapp { 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; } } .page-filter-wrapp .page-filter { margin-bottom: 0; } .select { position: relative; min-width: 1px; } .select.active { z-index: 6; } .select.active .select-list { opacity: 1; visibility: visible; pointer-events: auto; } .select.active .select-body svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .select-body { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 24px; border-radius: 30px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #079A6C; background: none; } @media (max-width: 767px) { .select-body { padding: 0 16px; } } .select-body .btn-circle:before { background-color: #E6F5F0; } .select-body svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .select-title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .page-sort-wrapp { 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; } @media (max-width: 767px) { .page-sort-wrapp { margin-top: 24px; } } @media (min-width: 768px) { .page-sort-wrapp { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 200px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page-sort-wrapp .select-list { left: auto; right: 0; white-space: nowrap; } } .select-list { position: absolute; left: 0; top: 100%; min-width: 100%; border-radius: 16px; overflow: hidden; will-change: transform; -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; opacity: 0; visibility: hidden; pointer-events: none; z-index: 6; background-color: #fff; white-space: nowrap; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .select-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; padding: 12px 20px; font-weight: 600; color: #1A2723; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .select-list a:hover { color: #079A6C; } .select-list .active a { background-color: #E6F5F0; color: #079A6C; } .search-result { margin-bottom: 14px; padding: 24px; border: solid 1px #E6F2EE; border-radius: 24px; } @media (max-width: 767px) { .search-result { padding: 24px 20px; } } .search-result:last-child { margin-bottom: 0; } .search-result-content { max-width: 845px; } .search-result-title { font-weight: 400; margin-bottom: 12px; 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; } .search-result-title b { font-weight: 700; } .search-result-title a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search-result-title a:hover { color: #F5711D; } .search-result-desc { margin-bottom: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.43; } .search-result-desc b { color: #1A2723; } .search-result-info { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 1.43; } .search-result-info li:not(:last-child) { position: relative; margin-right: 8px; padding-right: 12px; } .search-result-info li:not(:last-child):after { content: ''; position: absolute; width: 4px; height: 4px; right: 0; top: 50%; margin-top: -2px; background-color: #CFDDD8; border-radius: 50%; } .search-result-category { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .search-result-category:hover { color: #F5711D; } /* residents */ .possibilities { padding: 60px 0 120px; } @media (max-width: 767px) { .possibilities { padding: 66px 0 82px; } } .possibilities-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .possibilities-row { margin-bottom: -16px; } } .possibilities-col { padding-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; } @media (max-width: 1023px) { .possibilities-col { width: 50%; } } @media (max-width: 767px) { .possibilities-col { padding-bottom: 16px; } } @media (max-width: 479px) { .possibilities-col { width: 100%; } } .possibilities-col .section-title { margin-bottom: 32px; } @media (max-width: 767px) { .possibilities-col .section-title { margin-bottom: 16px; } } @media (max-width: 767px) { .possibilities-col .section-desc { margin-bottom: 16px; } } @media (max-width: 1023px) { .possibilities-col:empty { display: none; } } .possibilities-col-large { width: 50%; } @media (max-width: 1023px) { .possibilities-col-large { width: 100%; } } .possibility { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 24px; padding: 32px; background-color: #079A6C; color: #fff; min-height: 192px; } @media (max-width: 767px) and (min-width: 480px) { .possibility { padding: 32px 20px; } } .possibility-orange { background-color: #F5711D; } .possibility-black { background-color: #1A2723; } .possibility-icon { height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 24px; } .possibility-icon img { max-height: 100%; } .possibility-title { margin-top: auto; font-weight: 700; } .download-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 32px; background-color: #079A6C; color: #fff; overflow: hidden; will-change: transform; padding: 80px 80px 78px; } @media (max-width: 1023px) { .download-body { padding: 64px 32px; } } @media (max-width: 767px) { .download-body { padding: 32px 24px 52px; } } .download-content { position: relative; z-index: 1; width: 650px; max-width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .download-title { margin-bottom: 48px; color: inherit; } @media (max-width: 767px) { .download-title { margin-bottom: 32px; } } .download-links { margin: 0 -6px -16px; } @media (min-width: 768px) { .download-links { display: -webkit-box; display: -ms-flexbox; display: flex; } } .download-links li { padding: 0 6px 16px; } .download-links a { display: block; } .download-links a img { display: block; } .download-img { margin: -206px 0 0 -280px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } @media (max-width: 767px) { .download-img { margin: 0; width: 0; } } .download-img img { max-width: none; } @media (max-width: 1023px) { .download-img img { max-width: 180%; } } @media (max-width: 767px) { .download-img img { width: 384px; max-width: none; -webkit-transform: translate(-184px, 62px); -ms-transform: translate(-184px, 62px); transform: translate(-184px, 62px); } } .download-img svg { position: absolute; left: 60px; top: 50%; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); } @media (max-width: 1023px) { .download-img svg { left: -16px; } } @media (max-width: 767px) { .download-img svg { left: -300px; -webkit-transform: translateY(-14%); -ms-transform: translateY(-14%); transform: translateY(-14%); } } .app-steps { padding: 120px 0; } @media (max-width: 767px) { .app-steps { padding: 82px 0; } } .app-steps:last-child { padding-bottom: 0; } @media (max-width: 767px) { .app-steps-title { margin-bottom: 32px; color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; } } @media (max-width: 767px) and (max-width: 767px) { .app-steps-title { font-size: 24px; line-height: 1.17; } } .app-step { margin-bottom: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .app-step { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .app-step:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .app-step:nth-child(even) .app-step-body { margin: 0 0 0 64px; } } @media (max-width: 767px) { .app-step { margin-bottom: 46px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .app-step:last-child { margin-bottom: 0; } .app-step-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; max-width: 448px; margin-right: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; } @media (max-width: 767px) { .app-step-body { max-width: none; margin: 0 0 32px; } } .app-step-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; padding: 0 12px; border-radius: 24px; background-color: #E6F2EE; margin-bottom: 16px; font-size: 12px; font-weight: 700; line-height: 1.33; -ms-flex-item-align: start; align-self: flex-start; } .app-step-title { margin-bottom: 32px; } @media (max-width: 767px) { .app-step-title { margin-bottom: 26px; color: #1A2723; letter-spacing: -0.5px; font-size: 20px; line-height: 1.2; font-weight: 700; } } .app-step-img { padding: 64px; width: 544px; background-color: rgba(7, 154, 108, 0.03); border-radius: 32px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1199px) { .app-step-img { width: 480px; } } @media (max-width: 1023px) { .app-step-img { width: 320px; padding: 64px 32px; } } @media (max-width: 767px) { .app-step-img { width: 100%; padding: 32px; } } .app-step-img img { display: block; margin: 0 auto; -webkit-filter: drop-shadow(0px 30px 80px rgba(0, 39, 27, 0.2)); filter: drop-shadow(0px 30px 80px rgba(0, 39, 27, 0.2)); } @media (min-width: 1024px) { .page-residents .page-promo-body { padding-bottom: 64px; } } /* for-management */ .for-management-promo-desc { margin-top: 104px; max-width: 544px; } @media (max-width: 767px) { .for-management-promo-desc { margin-top: 44px; } .for-management-promo-desc br { display: none; } } .for-management-promo-desc p { margin-bottom: 32px; } @media (max-width: 767px) { .for-management-promo-desc p { margin-bottom: 24px; } } .for-management-promo-desc p:last-child { margin-bottom: 0; } .platform-includes { padding: 160px 0 120px; } @media (min-width: 768px) { .platform-includes .section-title { margin-bottom: 64px; } } @media (max-width: 1023px) and (min-width: 768px) { .platform-includes .section-title { margin-bottom: 48px; } } @media (max-width: 1023px) { .platform-includes { padding: 80px 0 60px; } } @media (max-width: 767px) { .platform-includes { padding: 54px 0 24px; } .platform-includes .section-title { margin-bottom: 30px; } } .platform-includes-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -64px; } @media (max-width: 1023px) { .platform-includes-row { margin-bottom: -32px; } } .platform-includes-col { padding-bottom: 64px; width: 33.333%; } @media (max-width: 1023px) { .platform-includes-col { width: 50%; padding-bottom: 32px; } } @media (max-width: 767px) { .platform-includes-col { width: 100%; } } .platform-includes-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; border-radius: 50%; width: 60px; height: 60px; background-color: #E6F2EE; color: #079A6C; } .platform-includes-title { font-weight: 700; margin-bottom: 8px; color: #1A2723; } .implementation-results { padding: 120px 0; } @media (max-width: 1023px) { .implementation-results { padding: 60px 0 120px; } } @media (max-width: 767px) { .implementation-results { padding: 60px 0 82px; } } @media (min-width: 768px) { .implementation-results .section-title { margin-bottom: 64px; } } .implementation-results-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } .implementation-results-col { padding-bottom: 32px; width: 33.333%; } @media (max-width: 1023px) { .implementation-results-col { width: 50%; } } @media (max-width: 767px) { .implementation-results-col { width: 100%; } } .implementation-results-title { margin-bottom: 4px; } @media (max-width: 767px) { .implementation-results-title { font-size: 48px; line-height: 1.17; } } .video-banner-link { padding: 100px; 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; border-radius: 24px; background-color: #079A6C; } @media (max-width: 767px) { .video-banner-link { padding: 16px 24px; } } .video-banner-link svg { max-width: 100%; } @media (max-width: 767px) { .video-banner-link svg { width: 166px; height: 160px; } } .video-banner-link g { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .video-banner-link:hover g { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .goverlay { background: rgba(26, 39, 35, 0.8); height: auto; top: 0; right: 0; bottom: 0; left: 0; } .glightbox-mobile .goverlay, .goverlay { background: rgba(26, 39, 35, 0.8); } .glightbox-container { height: auto; bottom: 0; } .management { padding: 240px 0 120px; } @media (max-width: 1023px) { .management { padding-top: 120px; } } @media (max-width: 767px) { .management { padding: 84px 0 60px; } } .management:last-child { padding-bottom: 0; } .management-item { margin-bottom: 120px; border-radius: 24px; background-color: #E6F2EE; } @media (max-width: 1023px) { .management-item { margin-bottom: 48px; } } @media (max-width: 767px) { .management-item { margin-bottom: 28px; } } .management-item:last-child { margin-bottom: 0; } .management-item-head { padding: 48px 84px 48px 48px; } @media (max-width: 1023px) { .management-item-head { padding: 48px 24px; } } @media (max-width: 767px) { .management-item-head { padding: 32px 24px; 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-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 768px) { .management-item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .management-item-head-content { margin-right: 24px; max-width: 672px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; } @media (max-width: 767px) { .management-item-head-content { margin: 0; } } .management-item-title { margin-bottom: 24px; } @media (max-width: 767px) { .management-item-title { margin-bottom: 14px; } } .management-item-img { -ms-flex-item-align: end; align-self: flex-end; margin: -126px 0 -48px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 1023px) { .management-item-img { margin: 0 0 -48px; width: 237px; } } @media (max-width: 767px) { .management-item-img { margin: 0 auto 32px; } } .management-item-img img { display: block; } @media (max-width: 767px) { .management-item-img img { margin: auto; } } .management-item-body { -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; border-radius: 24px; background-color: #fff; padding: 48px; overflow: hidden; will-change: transform; } @media (max-width: 1023px) { .management-item-body { padding: 48px 24px; } } @media (max-width: 767px) { .management-item-body { padding: 32px 24px; } } .management-item-info:not(:last-child) { margin-bottom: 48px; padding-bottom: 48px; border-bottom: solid 1px #E6F2EE; } @media (max-width: 767px) { .management-item-info:not(:last-child) { margin-bottom: 32px; padding-bottom: 30px; } } .management-item-info-title { margin-bottom: 32px; } @media (max-width: 767px) { .management-item-info-title { margin-bottom: 24px; } } .management-item-info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -16px -32px; } @media (max-width: 767px) { .management-item-info-list { margin-bottom: -20px; } } .management-item-info-list li { padding: 0 16px 32px; width: 33.333%; } @media (max-width: 1023px) { .management-item-info-list li { width: 50%; } } @media (max-width: 767px) { .management-item-info-list li { width: 100%; padding-bottom: 20px; } } .management-item-info-list li > svg { display: block; color: #079A6C; margin-bottom: 20px; } .management-item-info-title-wrapp { margin-bottom: 32px; 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; } @media (max-width: 767px) { .management-item-info-title-wrapp { margin-bottom: 24px; } } .management-item-info-title-wrapp .management-item-info-title { margin: 0 32px 0 0; min-width: 1px; } .management-item-info-partners-slider { overflow: visible; } .management-item-info-partners-slide { -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0; } .management-item-info-partners-slide.swiper-slide-visible { opacity: 1; } .management-item-info-partner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px; height: 92px; background-color: #fff; -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; border-radius: 16px; } .management-item-info-partner img { max-height: 100%; } @media (min-width: 768px) { .page-for-management .page-promo-content { padding: 32px 0 0; } } @media (min-width: 768px) { .page-for-management .page-promo-title { margin-bottom: 48px; } } .page-for-management .page-promo-img { 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; } @media (max-width: 767px) { .page-for-management .page-promo-img { margin-top: 64px; max-width: 100%; } } .page-for-management .page-promo-img img { -webkit-filter: none; filter: none; max-width: none; margin: 36px 0 0 -144px; } @media (max-width: 1023px) { .page-for-management .page-promo-img img { margin-left: -80px; } } @media (max-width: 767px) { .page-for-management .page-promo-img img { width: 454px; -webkit-transform: translateX(2%); -ms-transform: translateX(2%); transform: translateX(2%); margin: 0; } } @media (max-width: 767px) { .page-for-management .page-promo-body { margin-bottom: 36px; } } /* marketplace-about */ .marketplace-section { padding: 68px 0; } @media (max-width: 767px) { .marketplace-section { padding: 40px 0; } } .marketplace-section:last-child { padding-bottom: 0; } .marketplace-about { padding: 22px 0 68px; } @media (max-width: 767px) { .marketplace-about { padding: 60px 0 44px; } } @media (min-width: 768px) { .marketplace-about .section-title { margin-bottom: 48px; } } @media (max-width: 767px) { .marketplace-about .section-title { margin-bottom: 16px; } } .marketplace-about-content { margin-bottom: -16px; } @media (min-width: 768px) { .marketplace-about-content { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; } } @media (max-width: 767px) { .marketplace-about-content { margin-bottom: -24px; } } .marketplace-about-content > * { padding-bottom: 16px; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } @media (max-width: 767px) { .marketplace-about-content > * { padding-bottom: 24px; } } .marketplace-business-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 80px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .marketplace-business-head { margin-bottom: 32px; display: block; } } .marketplace-business-title { margin-right: 32px; } @media (max-width: 767px) { .marketplace-business-title { margin: 0 0 16px; } } @media (max-width: 767px) { .marketplace-business-desc br { display: none; } } .marketplace-business-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .marketplace-business-row { margin-bottom: -16px; } } .marketplace-business-col { padding-bottom: 32px; width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .marketplace-business-col:nth-child(even) .results-item { background-color: #F5711D; } @media (max-width: 1023px) { .marketplace-business-col { width: 50%; } } @media (max-width: 767px) { .marketplace-business-col { width: 100%; padding-bottom: 16px; } } .results-item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 48px 24px; border-radius: 24px; background-color: #079A6C; color: #fff; } .results-item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; margin-bottom: 24px; } .results-item-icon img { max-height: 100%; } .results-item-title { color: inherit; margin-bottom: 4px; } @media (max-width: 767px) { .results-item-title { color: #1A2723; letter-spacing: -2px; font-size: 48px; line-height: 1.17; font-weight: 700; color: inherit; margin-bottom: 6px; } } @media (max-width: 767px) and (max-width: 1023px) { .results-item-title { font-size: 42px; } } @media (max-width: 767px) and (max-width: 767px) { .results-item-title { font-size: 32px; line-height: 1.12; letter-spacing: -1px; } } .marketplace-clients-body { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 24px; background-color: #E6F5F0; padding: 0 64px 0 72px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: inset 0px 0px 64px #E6F5F0; box-shadow: inset 0px 0px 64px #E6F5F0; } @media (min-width: 1024px) { .marketplace-clients-body .section-head { margin-bottom: 0; padding: 64px 32px 64px 0; min-width: 1px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } @media (max-width: 1023px) { .marketplace-clients-body .section-head { padding: 0; } } @media (max-width: 1199px) { .marketplace-clients-body { padding: 0 40px; } } @media (max-width: 1023px) { .marketplace-clients-body { display: block; padding: 40px; } } @media (max-width: 767px) { .marketplace-clients-body { padding: 32px 24px 24px; } } .marketplace-clients-body .slider-arrow { background-color: #079A6C; color: #fff; } .marketplace-clients-body .slider-arrow.swiper-button-disabled { background-color: rgba(7, 154, 108, 0.15); color: rgba(7, 154, 108, 0.4); } .marketplace-clients-body .slider-dots span:not(.swiper-pagination-bullet-active) { background-color: #CDDED9; } .marketplace-clients-body .slider-nav { margin-top: 20px; } .marketplace-clients-sliders { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 612px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -8px; } @media (max-width: 1023px) { .marketplace-clients-sliders { width: auto; } } @media (max-width: 479px) { .marketplace-clients-sliders { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -16px; } } .marketplace-clients-slider { height: 480px; margin: 0 8px; width: calc(25% - 16px); } @media (max-width: 767px) { .marketplace-clients-slider { height: 320px; } } @media (max-width: 479px) { .marketplace-clients-slider { width: calc(50% - 16px); height: 260px; margin-bottom: 16px; } } .marketplace-clients-slider-mobile { overflow: visible; } @media (max-width: 1023px) { .marketplace-clients-slide { width: 137px; } } .marketplace-client { position: relative; background-color: #fff; border-radius: 24px; overflow: hidden; will-change: transform; padding-top: 100%; } .marketplace-client span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .marketplace-client span img { max-height: 100%; } .marketplace-clients-slider .swiper-wrapper { -webkit-transition-timing-function: linear!important; -o-transition-timing-function: linear!important; transition-timing-function: linear!important; } @media (min-width: 768px) { .marketplace-cases .section-title { margin-bottom: 64px; text-align: center; } } @media (max-width: 767px) { .marketplace-cases .section-title { color: #1A2723; letter-spacing: -2px; font-size: 48px; line-height: 1.17; font-weight: 700; } } @media (max-width: 767px) and (max-width: 1023px) { .marketplace-cases .section-title { font-size: 42px; } } @media (max-width: 767px) and (max-width: 767px) { .marketplace-cases .section-title { font-size: 32px; line-height: 1.12; letter-spacing: -1px; } } .marketplace-cases-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .marketplace-cases-row { margin-bottom: -16px; } } .marketplace-cases-col { width: 33.333%; padding-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1023px) { .marketplace-cases-col { width: 50%; } } @media (max-width: 767px) { .marketplace-cases-col { width: 100%; padding-bottom: 16px; } } .marketplace-case { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; border-radius: 16px; border: solid 1px #E6F2EE; padding: 24px 32px 32px; } @media (max-width: 767px) { .marketplace-case { padding: 16px 24px 24px; } } .marketplace-case-logo { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .marketplace-case-logo img { max-height: 100%; } .marketplace-case-info:not(:first-child) { margin-top: 20px; padding-top: 22px; border-top: solid 1px #E6F2EE; } @media (max-width: 767px) { .marketplace-case-info:not(:first-child) { margin-top: 16px; padding-top: 26px; } } .marketplace-case-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px; } .marketplace-case-info-item:last-child { margin-bottom: 0; } .marketplace-case-info-title { margin-right: 12px; color: #999F9D; } .marketplace-case-info-data { color: #1A2723; } @media (min-width: 768px) { .marketplace-steps .section-title { margin-bottom: 64px; text-align: center; } } @media (max-width: 767px) { .marketplace-steps { margin-top: 8px; } } .marketplace-steps-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } .marketplace-steps-col { width: 33.333%; padding-bottom: 32px; } @media (max-width: 1023px) { } @media (max-width: 767px) { .marketplace-steps-col { width: 100%; } } .marketplace-step { text-align: center; 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 (max-width: 767px) { .marketplace-step { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .marketplace-step-icon { width: 160px; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F9F7F6; border-radius: 24px; margin-bottom: 24px; } @media (max-width: 767px) { .marketplace-step-icon { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 16px 0 0; padding: 8px; } } .marketplace-step-icon img { max-height: 100%; } @media (max-width: 767px) { .marketplace-step-body { min-width: 1px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .marketplace-step-title { color: #1A2723; margin-bottom: 7px; font-weight: 700; } .marketplace-step-desc { font-size: 14px; line-height: 1.43; } @media (min-width: 768px) { .page-marketplace .page-promo-body { padding-bottom: 64px; } } /* for-settlement-centers */ .crossroads .section-title, .settlement-centers-connect .section-title { text-align: center; } @media (min-width: 768px) { .crossroads .section-title, .settlement-centers-connect .section-title { margin-bottom: 64px; } } .settlement-results .section-title { text-align: center; } @media (min-width: 768px) { .settlement-results .section-title { margin-bottom: 80px; } } @media (max-width: 767px) { .crossroads { padding-top: 60px; } } .crossroads-row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -64px -128px; } @media (max-width: 767px) { .crossroads-row { margin: 0; padding-right: 40px; background: url(/local/templates/main/assets/css/../img/crossroads-arrow-mobile.svg) right center no-repeat; } } .crossroads-col { padding: 0 64px 128px; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .crossroads-col:first-child { position: relative; } .crossroads-col:first-child:before { content: ''; position: absolute; height: 8px; left: 100%; width: 128px; top: 50%; margin: -72px 0 0 -64px; background: url(/local/templates/main/assets/css/../img/crossroads-arrow-1.svg) center center no-repeat; } .crossroads-col:last-child { position: relative; width: 54%; } .crossroads-col:last-child:before { content: ''; position: absolute; width: 628px; height: 128px; left: 50%; bottom: 100%; margin-left: -314px; background: url(/local/templates/main/assets/css/../img/crossroads-arrow-2.svg) center center no-repeat; } } @media (max-width: 767px) { .crossroads-col { width: 100%; padding: 0 0 32px 0; } .crossroads-col:last-child { padding-bottom: 0; } } .crossroads-item { padding: 48px; border-radius: 24px; background-color: #E6F5F0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } @media (max-width: 767px) { .crossroads-item { padding: 32px 24px; } } .crossroads-item-icon { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 24px; } .crossroads-item-icon img { max-height: 100%; } .crossroads-item-title { margin-bottom: 16px; } @media (max-width: 767px) { .crossroads-item-title { color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; } } @media (max-width: 767px) and (max-width: 767px) { .crossroads-item-title { font-size: 24px; line-height: 1.17; } } .crossroads-item-list li { margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .crossroads-item-list li svg { -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #079A6C; margin-right: 12px; } .crossroads-item-list li span { min-width: 1px; } .crossroads-item-list li:last-child { margin-bottom: 0; } .settlement-results-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .settlement-results-row { margin-bottom: -16px; } } .settlement-results-col { padding-bottom: 32px; width: 33.333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .settlement-results-col:nth-child(even) .results-item { background-color: #F5711D; } @media (max-width: 767px) { .settlement-results-col { width: 100%; padding-bottom: 16px; } } .settlement-centers-connect-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .settlement-centers-connect-row { margin-bottom: -16px; } } .settlement-centers-connect-col { padding-bottom: 32px; width: 25%; } @media (max-width: 1023px) { .settlement-centers-connect-col { width: 33.333%; } } @media (max-width: 767px) { .settlement-centers-connect-col { width: 50%; padding-bottom: 16px; } } @media (max-width: 479px) { .settlement-centers-connect-col { width: 100%; } } .settlement-centers-connect-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 24px; border-radius: 24px; background-color: #E6F5F0; overflow: hidden; will-change: transform; height: 120px; } .settlement-centers-connect-item img { max-height: 100%; } .settlement-centers-connect-item span { color: #079A6C; } @media (min-width: 768px) { .page-for-settlement-centers .page-promo-body { padding-bottom: 28px; } } .settlement-centers-how { padding-bottom: 24px; } @media (min-width: 1024px) { .settlement-centers-how .platform-capabilities-img { margin: 40px 0 0 32px; } } .settlement-centers-how .platform-capabilities-title { margin-bottom: 20px; } /* cost */ .page-cost:before { display: none; } .page-cost .breadcrumbs { margin-bottom: 68px; } @media (max-width: 767px) { .page-cost .breadcrumbs { margin-bottom: 34px; } } @media (max-width: 767px) { .cost-title { margin-top: 28px; } } .tab-block { -webkit-transition: opacity 0.4s, visibility 0.4s; -o-transition: opacity 0.4s, visibility 0.4s; transition: opacity 0.4s, visibility 0.4s; } .tab-block:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; height: 0; overflow: hidden; padding: 0; margin: 0; min-height: 0; } @media (max-width: 767px) { .cost-tabs-nav-wrapp { margin-bottom: 34px; } } .cost-tabs-nav { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 30px; border: solid 1px #E6F5F0; margin-bottom: 80px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .cost-tabs-nav { white-space: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; border: 0; border-radius: 0; min-width: 1px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .cost-tabs-nav:after { content: ''; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 16px; } } .cost-tabs-nav li { width: 25%; } @media (max-width: 767px) { .cost-tabs-nav li { margin-bottom: 8px; } .cost-tabs-nav li:last-child { margin-bottom: 0; } } @media (max-width: 1023px) { .cost-tabs-nav li { width: 50%; } } @media (max-width: 767px) { .cost-tabs-nav li { padding: 6px 8px 6px 6px; background-color: rgba(7, 154, 108, 0.05); margin: 0; width: auto; } .cost-tabs-nav li:first-child { border-radius: 8px 0 0 8px; } .cost-tabs-nav li:last-child { border-radius: 0 8px 8px 0; } } @media (min-width: 768px) { .cost-tabs-nav li:first-child a { margin-left: -1px; } .cost-tabs-nav li:last-child a { margin-right: -1px; } } .cost-tabs-nav a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; margin: -1px 0; border-radius: 30px; font-weight: 600; line-height: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: none; color: #079A6C; } @media (max-width: 767px) { .cost-tabs-nav a .btn-circle { display: none; } } .cost-tabs-nav a .btn-circle:before { background-color: #E6F5F0; } @media (max-width: 767px) { .cost-tabs-nav a { height: 32px; padding: 4px 8px; min-height: 0; border: 0; border-radius: 4px; font-size: 12px; line-height: 1.33; } } .cost-tabs-nav .active a { background-color: #079A6C; color: #fff; pointer-events: none; } .cost-city-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; } @media (max-width: 767px) { .cost-city-select { display: block; margin-bottom: 32px; } } .cost-city-select .select-body { background-color: #E6F5F0; } .cost-city-select .select-body .btn-circle:before { background-color: #c2e6da; } .cost-city-select .select-body span + svg { margin-left: 24px; } .cost-city-select-title { margin-right: 16px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 767px) { .cost-city-select-title { margin: 0 0 8px; } } .cost-tab-desc { max-width: 744px; margin-bottom: 48px; } @media (max-width: 767px) { .cost-tab-desc { margin-bottom: 32px; } } .cost-order { overflow: hidden; will-change: transform; padding: 64px; border-radius: 24px; background-color: #E6F5F0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .cost-order { padding: 48px 20px; } } @media (max-width: 767px) { .cost-order { padding: 32px 24px 136px; } } .cost-order-orange { background-color: rgba(245, 113, 29, 0.1); } .cost-order-orange .cost-order-img path { fill: rgba(245, 113, 29, 0.2); } .cost-order-blue { background-color: rgba(45, 156, 219, 0.1); } .cost-order-blue .cost-order-img path { fill: rgba(45, 156, 219, 0.2); } .cost-order-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; position: relative; z-index: 2; } .cost-order-time { color: inherit; margin-bottom: 8px; } @media (max-width: 767px) { .cost-order-time { font-size: 16px; line-height: 1.5; margin-bottom: 4px; } } .cost-order-title { margin-bottom: 32px; } .cost-order-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .cost-order-info { margin-bottom: 20px; } } .cost-order-info-item { margin: 0 32px 24px 0; } @media (max-width: 767px) { .cost-order-info-item { margin-bottom: 12px; } } .cost-order-info-title { font-size: 12px; line-height: 1.33; margin-bottom: 8px; } .cost-order-img { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 486px; height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1023px) { .cost-order-img { width: 210px; } } @media (max-width: 767px) { .cost-order-img { position: absolute; right: 0; top: 50%; } } .cost-order-img svg { position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%); transform: translateY(-48%); } @media (max-width: 767px) { .cost-order-img svg { left: -60px; -webkit-transform: translateY(-19%); -ms-transform: translateY(-19%); transform: translateY(-19%); } } .cost-order-img path { fill: rgba(7, 154, 108, 0.2); } .cost-order-img img { max-width: none; position: relative; z-index: 1; margin: -310px 0 0 -100px; } @media (max-width: 767px) { .cost-order-img img { width: 384px; margin: 0; -webkit-transform: translate(15px, 66px); -ms-transform: translate(15px, 66px); transform: translate(15px, 66px); } } .cost-tab { margin-bottom: 136px; } @media (max-width: 767px) { .cost-tab { margin-bottom: 84px; } } .cost-tab:empty { margin-bottom: 0; } @media (max-width: 767px) { .cost-app { padding: 32px 16px; margin: 0 -16px; background-color: #E6F5F0; } } .cost-app-section-title { margin-bottom: 48px; } @media (max-width: 767px) { .cost-app-section-title { color: #1A2723; letter-spacing: -1px; font-size: 32px; line-height: 1.12; font-weight: 700; margin-bottom: 32px; } } @media (max-width: 767px) and (max-width: 767px) { .cost-app-section-title { font-size: 24px; line-height: 1.17; } } .cost-app-section-title span { color: #079A6C; } .cost-app-row { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; } @media (max-width: 767px) { .cost-app-row { margin-bottom: -16px; } } @media (max-width: 767px) { .cost-app-row { display: block; } } .cost-app-col { padding-bottom: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .cost-app-col:first-child { width: 66.666%; } .cost-app-col:last-child { width: 33.333%; } } @media (max-width: 767px) { .cost-app-col { padding-bottom: 16px; } } .cost-app-body { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; overflow: hidden; border-radius: 24px; will-change: transform; padding: 64px; min-height: 544px; border: solid 1px #E6F2EE; position: relative; } .cost-app-body:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(/local/templates/main/assets/css/../img/cost-app-bg.png); background-position: right bottom; background-repeat: no-repeat; background-size: 732px 544px; } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .cost-app-body:before { background-image: url(/local/templates/main/assets/css/../img/cost-app-bg@2x.png); } } @media (max-width: 767px) { .cost-app-body:before { background-size: 330px 224px; } } @media (max-width: 1023px) { .cost-app-body { padding: 48px 20px; } } @media (max-width: 767px) { .cost-app-body { background-color: #fff; padding: 32px 24px 136px; border: 0; min-height: 0; } } .cost-app-content { position: relative; z-index: 6; } .cost-app-title { margin-bottom: 32px; } @media (max-width: 767px) { .cost-app-title { color: #1A2723; letter-spacing: -1px; font-size: 24px; line-height: 1.17; font-weight: 700; margin: 0 24px 24px 0; } } @media (max-width: 767px) and (max-width: 767px) { .cost-app-title { font-size: 20px; line-height: 1.2; } } .cost-app-price { color: #079A6C; margin-bottom: 32px; } @media (max-width: 767px) { .cost-app-price { margin-bottom: 24px; } } .cost-app-item { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 32px; margin-bottom: 32px; background-color: rgba(7, 154, 108, 0.05); border-radius: 24px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .cost-app-item:hover { -webkit-box-shadow: 0px 30px 60px #EDF0F5; box-shadow: 0px 30px 60px #EDF0F5; background-color: #fff; } @media (max-width: 1023px) { .cost-app-item { padding: 32px 24px; } } @media (max-width: 767px) { .cost-app-item { background-color: #fff; padding: 24px; margin-bottom: 16px; } } .cost-app-item:last-child { margin-bottom: 0; } .cost-app-item-title { margin-bottom: 24px; } @media (max-width: 767px) { .cost-app-item-title { font-size: 16px; line-height: 1.5; } } .cost-app-item-price { font-weight: 700; color: #079A6C; margin-bottom: 24px; } .cost-app-item-btn { background-color: rgba(7, 154, 108, 0.15); } .cost-app-item-btn:hover { color: #fff; } .cost-app-item-btn .btn-circle:before { background-color: #079A6C; } /* End */ /* Start:/local/templates/main/assets/css/custom.css?1634287640775*/ /*Forms*/ .form-wrap .parsley-errors-list, .error-form { color: #e40000; font-size: .75rem; } .form-wrap .parsley-errors-list { list-style-type: none; } .team-item { background-color: inherit; } /* about page */ .project-content-desc ul li { list-style-type: disc; margin-left: 15px; } .team-img img { width: 100%; } /*reviews */ .review-item-img img { padding: 5px; } .active .platform-capability-title i { color: #F5711D; background-color: #FEF1E8; } .download-links li { width: fit-content; } @media only screen and (min-width: 600px) { .crossroads-item { padding: 32px 0 31px 48px; } } .page-faq .fast-search .input { padding-right: 80px; } @media only screen and (max-width: 600px) { .page-for-management .page-promo-img img { width: 80vw; } } /* End */ /* Start:/local/templates/main/components/bitrix/menu/header/style.min.css?16330912463715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/main/components/bitrix/menu/header/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/main/components/bitrix/menu/header/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/main/components/bitrix/menu/header/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/components/bitrix/menu/bottom/style.min.css?1633091246490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/main/styles.css?1751392590197*/ .team-img { display: none !important; } @media screen and (max-width: 767px) { .compsk { display: none !important; } } @media screen and (min-width: 768px) { .mobsk { display: none !important; } } /* End */ /* /local/templates/main/assets/css/swiper-bundle.min.css?163309124613445 */ /* /local/templates/main/assets/css/glightbox.min.css?163428764013665 */ /* /local/templates/main/assets/css/styles.css?1634287640161286 */ /* /local/templates/main/assets/css/custom.css?1634287640775 */ /* /local/templates/main/components/bitrix/menu/header/style.min.css?16330912463715 */ /* /local/templates/main/components/bitrix/menu/bottom/style.min.css?1633091246490 */ /* /local/templates/main/styles.css?1751392590197 */