/* Start:/design/style/swiper-bundle.min.css?174305830818454*/ /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/design/fonts/stylesheet.css?17351204681453*/ @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-ExtraLight.woff2') format('woff2'), url('/design/fonts/Manrope-ExtraLight.woff') format('woff'); font-weight: 1; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-ExtraLight.woff2') format('woff2'),url('/design/fonts/Manrope-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-Light.woff2') format('woff2'),url('/design/fonts/Manrope-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-Regular.woff2') format('woff2'),url('/design/fonts/Manrope-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-Medium.woff2') format('woff2'),url('/design/fonts/Manrope-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-SemiBold.woff2') format('woff2'),url('/design/fonts/Manrope-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-Bold.woff2') format('woff2'),url('/design/fonts/Manrope-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/design/fonts/Manrope-ExtraBold.woff2') format('woff2'),url('/design/fonts/Manrope-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } /* End */ /* Start:/design/js/fancybox/jquery.fancybox.min.css?173512046812799*/ body.compensate-for-scrollbar{/*overflow:hidden*/}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/design/style/style.css?178998168186813*/ /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { text-decoration: none; color: inherit; } html{ width: 100%; height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img{ vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font-family: 'Manrope'; color: #000000; font-size: 18px; line-height: 25px; } h1, .h1{ font-size: 48px; font-weight: 500; line-height: 48px; text-align: left; } h2, .h2{ font-size: 38px; font-weight: 500; line-height: 46px; text-align: left; } h3, .h3{ font-size: 28px; font-weight: 500; line-height: 34px; text-align: left; } h4, .h4{ font-size: 24px; font-weight: 500; line-height: 28px; text-align: left; } p{ font-size: 18px; font-weight: 300; line-height: 25px; text-align: left; color: #777777; } img, svg{ vertical-align: top; } .btn{ padding: 16px 30px; border-radius: 100px; display: inline-block; cursor: pointer; line-height: 26px; letter-spacing: -0.2585px; box-sizing: border-box; border: 0px; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .btn-icon{ width: 60px; height: 60px; padding: 0px; display: flex; align-items: center; justify-content: center; line-height: 1; } .btn.gray{ border: 1px solid #F5F5F5; } a.btn.gray:hover, a.btn.gray.active{ border: 1px solid #F26B27; background-color: #F26B27; color: #FFFFFF; fill: #FFFFFF; } a.btn .icon svg path{ transition: .6s cubic-bezier(.645,.045,.355,1); } a.btn.gray:hover .icon svg path, a.btn.gray.active .icon svg path{ fill: #FFFFFF; } .form-text a{ text-decoration: underline; } .popup-form__checkbox { display: flex; align-items: flex-start; gap: 10px; } .popup-form__checkbox input[type="checkbox"] { width: 10%; margin-top: 5px; flex-shrink: 0; } .link-with-arrow{ display: flex; gap: 2px; } .link-with-arrow.hovered-link{ display: flex; align-items: center; } .lined-link{ position: relative; } .lined-link:before{ content: ""; position: absolute; display: inline-block; height: 1px; width: 0px; bottom: -2px; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); background: #777777; } .lined-link:hover:before{ width: 100%; } .btn.link-with-arrow{ padding: 16px 32px; } .btn span.icon{ margin-left: 14px; } .link-with-arrow.hovered-link span.icon, .hovered-link .link-with-arrow span.icon{ display: flex; align-items: center; } .btn span.icon .hovered-link-container span{ display: flex; align-items: center; } .wrapper-inside{ max-width: 1920px; width: 98.9583333333%; margin: 0 auto; } .header{ width: 100%; } .header-container{ width: 100%; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .header-content-left{ display: flex; justify-content: space-between; align-items: center; width: 48.6%; gap: 15px; } .nav-menu .nav ul{ display: flex; /*gap: 1.85vw;*/ row-gap: 0.35vw; column-gap: 1.85vw; } .nav-menu .nav ul li{ } .nav-menu .nav ul li a{ font-size: 18px; font-style: normal; font-weight: 300; } .header-content-right{ display: flex; justify-content: space-between; width: 41.675%; gap: 15px; } .numbers{ display: flex; gap: 34px; align-items: center; } .hovered-link{ display: inline-block; } .hovered-link .hovered-link-container{ position: relative; display: inline-block; overflow: hidden; vertical-align: top; } .hovered-link .hovered-link-container span.visible-link-name{ display: inline-block; opacity: 1; transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1), opacity .8s ease; } .hovered-link:hover .hovered-link-container span.visible-link-name{ /*opacity: 0;*/ transform: translate3d(0%, -200%, 0); } .hovered-link .hovered-link-container span.hidden-link-name { content: attr(data-replace); position: absolute; width: 100%; left: 0px; height: 100%; top: 0; /*opacity: 0;*/ transform-origin: 100% 50%; transform: translate3d(0%, 100%, 0); transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1), opacity .8s ease; } .hovered-link:hover .hovered-link-container span.hidden-link-name { /*opacity: 1;*/ transform: translate3d(0, 0, 0); } .hovered-link:hover .hovered-link-container.hovered-right span.visible-link-name{ /*opacity: 0;*/ transform: translate3d(-100%, 0, 0); } .hovered-link .hovered-link-container.hovered-right span.hidden-link-name{ /*opacity: 1;*/ transform: translate3d(100%, 0, 0); } .hovered-link:hover .hovered-link-container.hovered-right span.hidden-link-name{ /*opacity: 1;*/ transform: translate3d(0, 0, 0); } .hovered-link:hover .hovered-link-container.hovered-left span.visible-link-name{ /*opacity: 0;*/ transform: translate3d(100%, 0, 0); } .hovered-link .hovered-link-container.hovered-left span.hidden-link-name{ /*opacity: 1;*/ transform: translate3d(-100%, 0, 0); } .hovered-link:hover .hovered-link-container.hovered-left span.hidden-link-name{ /*opacity: 1;*/ transform: translate3d(0, 0, 0); } .mg-top{ margin-top: 83px; } .mg-bottom{ margin-bottom: 80px; } .btn.middle-size{ font-size: 22px; font-weight: 500; line-height: 30px; text-align: left; } .section{ display: inline-block; width: 100%; vertical-align: top; } .colored{ color: #FFFF; } .main-banner-slide{ position: relative; overflow: hidden; border-radius: 20px; } .main-banner-slide .picture-background{ height: 810px; } .main-banner-slide .picture-background img{ width: 100%; } .main-banner-content{ position: absolute; bottom: 0; left: 0; padding: 40px; padding-right: 37%; display: flex; justify-content: space-between; align-items: end; display: flex; flex-direction: column; align-items: flex-start; } .main-banner-content .btn{ margin-top: 30px; } .btn.orange{ border: 1px solid #F26B27; background: #F26B27; color: white; } .btn.orange:hover{ background-color: #D95C1D; } .swiper-pagination{ text-align: left; } .slide-description{ display: flex; justify-content: space-between; align-items: center; } .progressbar{ width: 100%; height: 1px; /*background-color: #929292;*/ margin: 30px 0; position: relative; } .swiper-pagination-bullet { display: inline-block; position: absolute !important; background-color: red; width: 100%; height: 1px; border-radius: 0; position: relative; overflow: hidden; background-color: #929292; transition: background 200ms; } .swiper-pagination-bullet:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 200ms; } .swiper-pagination-bullet-active { background-color: #929292; z-index: 2; } .swiper-pagination-bullet-active:before { background-color: #ffffff; animation: slide-progress 3s cubic-bezier(.3,0,.3,1) forwards; } .swiper-pagination-bullet-active.swiper-paused{ animation-play-state: paused; } .slide-arrow{ background-color: unset; border: none; cursor: pointer; } .bg-gray{ background-color: #F5F5F5; } .applications-container a{ display: inline-block; width: 100%; height: 100%; position: relative; } .applications-container a:hover .bc-img{ opacity: 1; transform: scale(1); } .applications-container .applications-item{ transition: .6s cubic-bezier(.645,.045,.355,1); } .applications-container a:hover .applications-item{ opacity: 0; visibility: hidden; } .applications-container a:hover .applications-item.all-items{ opacity: 1; visibility: visible; } .bc-img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; border-radius: 20px; transform: scale(0); opacity: 0; transition: .6s cubic-bezier(.645,.045,.355,1); } .bc-img img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 4; } .flex-element-item{ padding: 5px; box-sizing: border-box; } .flex-item-desc{ border-radius: 20px; padding: 40px; height: 100%; display: inline-block; width: 100%; position: relative; z-index: 2; overflow: hidden; transition: .6s cubic-bezier(.645,.045,.355,1); } .col-5 .flex-element-item{ width: 20%; } .col-4 .flex-element-item{ width: 25%; } .col-3 .flex-element-item{ width: 33.333%; } .col-2 .flex-element-item{ width: 50%; } .col-1 .flex-element-item{ width: 50%; } .flex-element-list{ display: flex; flex-wrap: wrap; margin: -5px; } .title-desc{ font-size: 22px; font-weight: 500; line-height: 30.05px; text-align: left; margin-bottom: 15px; } @keyframes slide-progress { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .main-banner-container{ position: relative; overflow: hidden; margin-bottom: 10px; border-radius: 20px; } .main-banner-wrapper{ display: flex; /*min-width: 15000px;*/ } .main-banner-content-info{ width: 35%; position: absolute; z-index: 1; right: 0; bottom: 0; padding: 40px; } .hidden{ overflow: hidden; } .h2-block{ display: flex; justify-content: space-between; align-items: center; padding: 0 40px; margin-bottom: 40px; } .h2-block.with-line{ margin-bottom: 0px; padding-bottom: 32px; border-bottom: 1px solid #F5F5F5; } .figure-block{ height: 100%; position: relative; border-radius: 20px; } .content-right .flex-item-desc .logo{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .figure-block h3, .figure-block-title{ position: absolute; padding: 40px; bottom: 0; left: 0; } .bg-figure{ width: 100%; height: 100%; padding: 40px 40px 16px; text-align: center; } .bg-figure svg{ width: 100%; /*height: 100%;*/ } .bg-figure.number-one svg{ margin-left: -100px; } .about-container{ /*display: flex;*/ } .about-container .content-left h2{ margin-bottom: 20px; } .about-container .content-left{ height: 100%; padding-left: 41px; } .about-container .content-left .btn.orange{ margin-top: 20px; } .about-container .content-right{ height: 100%; box-sizing: border-box; padding-top: 10px; } .about-container .content-left p:not(:last-child){ margin-bottom: 20px; } .section-about-the-company{ } /*.example-item .flex-item-desc.bg-gray{*/ /* max-height: 500px;*/ /*}*/ .about-section-block{ display: flex; align-items: center; margin-top: 60px; gap: 15px; } .about-section-block .title-middle-size{ margin-right: 15px; } .title-middle-size{ font-size: 22px; font-weight: 500; line-height: 30.05px; text-align: left; } .logo { display: flex; gap: 25px; } .figure-block .logo{ display: flex; height: 100%; justify-content: center; align-items: center; } .section-form{ position: relative; } .bg{ position: absolute; z-index: -1; width: 100%; height: 100%; } .bg img{ width: 100%; height: 100%; object-fit: cover; } .form-about-container form { margin-top: 43px; } .form-about-container form .btn{ font-size: 18px; font-weight: 300; line-height: 28px; text-align: left; font-family: Manrope; } .form-about-container { width: 49.79%; padding: 89px 0 103px; margin: 0 auto; } .form-about-container h2, .form-about-container .h2{ text-align: center; } .form-about-list { display: flex; flex-wrap: wrap; margin: 0 -7.5px; } .col-2 .form-section{ width: 50%; } .col-1 .form-section{ width: 100%; } .form-section{ padding: 7.5px; } .form-section input{ font-family: Manrope; width: 100%; border: 1px solid #929292; border-radius: 100px; padding: 17px 28px 16px; font-size: 18px; font-weight: 300; line-height: 25.2px; text-align: left; color: #ffffff; background: none; box-sizing: border-box; } .form-section input::placeholder{ color: #777777; } .btn-block{ display: flex; align-items: center; gap: 20px; margin-top: 22px; } .section-form{ margin-top: 41px; } .flat-text{ font-size: 16px; font-weight: 300; line-height: 22.4px; text-align: left; } .flat-text a{ text-decoration: underline; } .flat-text a:hover{ text-decoration: none; } .form-section input:focus{ outline: 1px solid #ffffff; } .flex-item-desc img{ } .product-list-item{ } .product-list-item a{ } .product-list-item a .product-item{ } .product-list-item a .product-item img{ width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .news-detail-container .text-block a{ text-decoration: underline; transition: color .4s cubic-bezier(0.76, 0, 0.24, 1); color: #F26B27; } .news-detail-container .text-block a:hover{ color: #777; } .product-list-item a:hover .product-item img{ transform: scale(1.05); } .product-item{ height: 375px; display: inline-block; width: 100%; transition: .6s cubic-bezier(.645,.045,.355,1); } .product-list-item .info-bottom-block{ } .product-list-item .info-bottom-block .desc{ margin-top: 10px; color: #777; } a.product-item .flex-item-desc:hover{ background-color: #F26B27; } a.product-item:hover span.text{ color: #FFFFFF; } a.product-item:hover span.icon svg path{ fill: #FFFFFF !important; } .link-width-arrow span{ } .link-width-arrow span svg path{ transition: .6s cubic-bezier(.645,.045,.355,1); } .section-product{ } .info-bottom-block { padding: 20px 40px } .flex-item-desc.full-width{ padding: 0; } .product-items-container .flex-element-list{ margin: -10px -5px; } .product-items-container .flex-element-item{ padding: 10px 5px; } .flex-item-desc.border{ border: 1px solid #F5F5F5; } .flex-item-desc p:not(:last-child){ margin-bottom: 20px; } .end-block{ width: 100%; height: 100%; display: flex; align-items: flex-end; } .end-block .btn{ border: none; width: 100%; display: flex; justify-content: space-between; padding: 0; } p.big-size{ font-size: 24px; font-weight: 300; line-height: 33.6px; text-align: left; } .h2-block .flat-block{ text-indent: 70px; margin-top: 12px; } .h2-block.baseline{ align-items: baseline; } .section-features{ } .features-block{ /*min-height: 304px;*/ height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .features-block .title-desc{ margin-bottom: 20px; } .title-desc.middle-size{ font-size: 28px; font-weight: 500; line-height: 32px; text-align: left; } .example-item{ display: flex; flex-direction: column; height: 100%; } .example-item .title-desc{ margin-bottom: 20px; } .example-item .flex-item-desc{ padding: 0 40px; text-align: center; margin-top: 40px; } .example-item .flex-item-desc.autoheight{ height: 100%; overflow: visible; } .swiper-slide .example-item .flex-item-desc.autoheight{ height: auto; } .example-item .flex-item-desc img{ mix-blend-mode: multiply; } .example-item .example-item-pic{ display: flex; height: 100%; justify-content: center; align-items: center; } .flex-item-desc.autoheight{ height: auto; } .section-example{ } .flex-item-desc.border{ border: 1px solid #F5F5F5; } .applications-item .title-desc{ margin-bottom: 0; margin-top: 15px; } .applications-item{ min-height: 304px; display: flex; flex-direction: column; justify-content: flex-end; } .icon-orange-plus{ width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background-color: #F26B27; border-radius: 100px; transition: .6s cubic-bezier(.645,.045,.355,1); } .applications-container a:hover .icon-orange-plus{ transform: rotate(360deg); } .section-applications{ } .swiper-container .flex-element-list{ flex-wrap: nowrap; } .swiper-slide{ height: auto; } .section-finished-detail{ } .partners-container .flex-item-desc img{ } .partner-item{ display: flex; justify-content: center; align-items: center; height: 342px; } .section-partners{ } p.very-big-size{ font-size: 310px; font-weight: 500; line-height: 290px; text-align: left; white-space: nowrap; display: inline-block; margin-left: 150px; color: #000000; } .marquee-container{ display: flex; } .popup-form-back { display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.3); transition: opacity 0.3s linear; } .popup-form-back.active { opacity: 1; visibility: visible; z-index: 100; } .popup-form { border-radius: 20px; background: var(--White, #FFF); max-width: 625px; width: 100%; box-sizing: border-box; padding: 60px 40px; position: relative; z-index: 3; } .popup-form { display: none; } .popup-form.active { display: block; } .popup-form h3, .popup-form .h3 { color: var(--Black, #000); text-align: center; font-size: 38px; font-style: normal; font-weight: 500; line-height: 120%; /* 45.6px */ margin: 0 0 15px; } .popup-form p { color: var(--Text, #777); text-align: center; margin: 0 0 40px; font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ } .popup-form.popup-successfully button{ margin: 0; } .popup-form.popup-successfully { padding-bottom: 20px; } .popup-form input { display: block; width: 100%; box-sizing: border-box; border-radius: 100px; border: 1px solid var(--Stroke-Black, #929292); padding: 17.5px 30px; color: var(--Text, #777); font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ margin-bottom: 15px; } .popup-form button { border-radius: 100px; background: var(--Orange, #FF5F00); width: 100%; padding: 17.5px 0; border: none; color: var(--White, #FFF); margin-bottom: 20px; font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ transition:opacity 0.3s linear; margin-top: 15px; } .popup-form button:hover { cursor: pointer; opacity: 0.8; } .popup-form .popup-form__caption { color: var(--Text, #777); color: var(--Text, color(display-p3 0.4654 0.4654 0.4654)); text-align: center; font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; /* 22.4px */ margin-bottom: 0; } .popup-form__caption a{ color: var(--Text, #777); font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; /* 22.4px */ } /*Выпадающее меню*/ .hovered-link{ position: relative; } .nav ul li{ position: relative; } .hovered-link span{ font-size: 18px; font-style: normal; font-weight: 300; cursor: pointer; } .hovered-menu{ opacity: 0; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; padding: 10px; min-width: 100%; background: white; border-radius: 20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); /*margin-top: 10px;*/ z-index: -99; transition: 0.6s 0.1s ease; pointer-events: none; } .hovered-link:hover + .hovered-menu{ opacity: 1; z-index: 99; pointer-events: visible; } .hovered-menu:hover{ opacity: 1; z-index: 99; pointer-events: visible; } .hovered-menu::before{ content: ''; position: absolute; width: 20px; height: 5px; top: -5px; left: 50%; transform: translateX(-50%); background: url(/design/style/../img/mark.svg) no-repeat center; z-index: 99; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); pointer-events: visible; } .hovered-menu ul{ flex-direction: column; position: relative; z-index: 99; width: max-content; min-width: 100%; box-sizing: border-box; } .hovered-menu li{ width: 100%; text-align: center; transition: 0.2s ease; } .hovered-menu li:hover{ opacity: 0.6; } .mobile-nav li a{ font-weight: 300; font-size: 14px; line-height: 140%; } .mobile-nav li{ margin: 0; } .mobile-nav li + li{ margin-top: 20px; } .mobile-nav li ul{ color: white; margin-top: 7px; font-weight: 300; font-size: 12px; line-height: 140%; } .mobile-nav li ul li{ margin: 0; } .mobile-nav li ul li+li{ margin-top: 7px; } /*выпадающее меню*/ .section.section-text-block ul, .section.section-text-block ol{ font-size: 18px; font-weight: 300; line-height: 25px; text-align: left; color: #777777; } @media (max-width:1200px) { .popup-form { max-width: 520px; } .popup-form h3 { font-size: 26px; line-height: 120%; } .popup-form p { font-size: 14px; line-height: 140%; } .popup-form { padding: 40px; } .popup-form button{ font-size: 12px; } .popup-form .popup-form__caption { font-size: 12px; line-height: 140%; } .popup-form__caption a { font-size: 12px; line-height: 140%; } .popup-form input { font-size: 14px; } .popup-form input{ padding: 15px 30px; } } @media (max-width:767px) { .popup-form { max-width: 330px; padding: 40px 20px; } .popup-form h3 { font-size: 24px; margin-bottom: 10px; } .popup-form p { font-size: 12px; margin-bottom: 20px; } .popup-form input { padding: 16.5px 30px; margin-bottom: 10px; font-size: 12px; } } * { padding: 0; margin: 0; box-sizing: border-box; } .container { width: 100%; } .marquee { width: 100%; display: flex; overflow: hidden; white-space: nowrap; gap: 1rem; } .marquee-content { display: flex; gap: 0px; } .address-items{ display: flex; width: 100%; justify-content: space-between; font-size: 16px; font-weight: 300; line-height: 22px; text-align: left; color: #777777; padding: 0 40px; margin-top: 53px; margin-bottom: 20px; } .map-container{ width: 100%; height: 492px; border-radius: 20px; overflow: hidden; } .footer-container-top{ display: flex; align-items: center; justify-content: space-between; padding: 30px 40px; background-color: #000000; border-radius: 20px; } .footer{ margin-top: 20px; } .footer-container-bottom{ padding: 20px 40px; display: flex; justify-content: space-between; font-size: 16px; font-weight: 300; line-height: 22.4px; text-align: left; color: #777777; } .footer-container-bottom.info-text{ justify-content: center; padding: 0px 40px 20px 40px; } .footer-container-bottom.info-text .address-item{ /*color: #000000;*/ font-size: 12px; line-height: 20px; text-align: center; } .cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; /*background: #2d3748;*/ background: #000000; border: white 1px solid; color: white; padding: 20px 26px; box-shadow: 0 -2px 20px rgba(0,0,0,0.2); z-index: 1000; width: 440px; box-sizing: border-box; border-radius: 6px; transform: translateY(100%) translateX(200%); /*transform: translateX(200%);*/ transition: transform 0.4s ease-out; font-family: Arial, sans-serif; } .cookie-banner.show { transform: translateY(0) translateX(200%); } .cookie-content { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .cookie-text { flex: 1; min-width: 300px; line-height: 1.6; } .cookie-text p { line-height: 1.3em; font-size: 13px; } .cookie-text a { color: #63b3ed; text-decoration: underline; } .cookie-buttons { display: flex; flex-wrap: wrap; gap: 12px; } .cookie-btn { padding: 10px 20px; border-radius: 4px; cursor: pointer; font-weight: 500; border: none; transition: background 0.3s; } .cookie-btn.primary { background: #4299e1; color: white; } .cookie-btn.primary:hover { background: #3182ce; } .cookie-btn.secondary { background: #4a5568; color: white; } .cookie-btn.secondary:hover { background: #2d3748; } .cookie-btn.reject { background: transparent; color: #cbd5e0; border: 1px solid #718096; } .cookie-btn.reject:hover { background: rgba(255,255,255,0.1); } .finished-detail-container{ } .finished-detail-container .swiper-container{ padding-right: calc(15% + -5px); } .section-breadcrumbs{ padding-top: 20px; padding-bottom: 30px; } .breadcrumbs-container{ padding: 0 40px; } .breadcrumbs-container ul{ } .breadcrumbs-container ul li{ font-size: 16px; font-style: normal; line-height: 140%; float: left; margin-right: 5px; } .breadcrumbs-container ul li a{ text-decoration: none; color: #CBCBCB; } .breadcrumbs-container ul li a span{ color: #CBCBCB; } .breadcrumbs-container ul li a:hover{ text-decoration: underline; } .breadcrumbs-container ul li span{ color: black; } .breadcrumbs-container ul li .separator{ display: inline-block; width: 10px; height: 2px; background: #CBCBCB; position: relative; top: -5px; } .section-pagetitle{ margin-bottom: 60px; } .section-pagetitle-container{ padding: 0 40px; } .section-pagetitle-container.with-btns{ display: flex; justify-content: space-between; align-items: center; } .section-pagetitle-btns{ display: flex; gap: 15px; } .h2-block .flat-block + .flat-block{ margin-top: 22px; } .gallery-item-list{ } .gallery-item-list a{ } .gallery-item-list a .gallery-item{ border-radius: 20px; overflow: hidden; } .gallery-item-list a .gallery-item img{ border-radius: 20px; transition: .4s cubic-bezier(.645,.045,.355,1); } .gallery-item-list a:hover .gallery-item img{ transform: scale(1.05); } .tech-chars-block{ } .tech-chars-block .tech-chars-block-container{ display: flex; } .tech-chars-block .tech-chars-block-container .tech-chars-block-pic{ border-radius: 20px; overflow: hidden; } .tech-chars-block .tech-chars-block-container .tech-chars-block-pic img{ border-radius: 20px; } .tech-chars-block .tech-chars-block-container .tech-chars-block-desc{ box-sizing: border-box; padding: 20px; } .tech-chars-block-desc-title{ font-size: 28px; font-style: normal; font-weight: 500; line-height: 34px; margin-bottom: 20px; } .tech-chars-block-desc-text{ font-size: 16px; font-style: normal; font-weight: 300; line-height: 22px; color: #777; } .tech-chars-block-desc-text div{ margin-bottom: 10px; } .tech-chars-block .tech-chars-block-desc-text div:last-of-type{ margin-bottom: 0px; } .section-detail-tech{ margin-top: 60px; } .section-detail-tech-text{ margin-top: 60px; } .tech-chars-text-block{ padding: 0 40px; } .tech-chars-text-block-container .tech-chars-block-desc-title{ margin-bottom: 30px; } .tech-chars-block-desc-text p.black{ color: black; } .tech-chars-block-desc-text p + ul{ margin-top: 10px; margin-bottom: 20px; } .tech-chars-block-desc-text ul, .text-block ul{ font-size: 18px; font-style: normal; font-weight: 300; line-height: 25px; } .tech-chars-block-desc-text ul li, .text-block ul li{ padding-left: 26px; margin-bottom: 9px; position: relative; color: #777; } .tech-chars-block-desc-text ul li:last-of-type, .text-block ul li:last-of-type{ margin-bottom: 0px; } .tech-chars-block-desc-text ul li:before, .text-block ul li:before{ content: ""; position: absolute; display: inline-block; width: 4px; height: 4px; border-radius: 50%; left: 10px; top: 10px; background: #777; } .text-block strong{ font-weight: bold; /*color: black;*/ } .section-detail-page-text{ margin-top: 40px; } .section-detail-page-text-container{ padding: 0 40px; } .section-detail-page-text{ } .text-block h2, .text-block .h2{ margin-bottom: 30px; } .text-block h3, .text-block .h3{ margin-bottom: 30px; } .text-block h4, .text-block .h4{ margin-bottom: 20px; } .text-block{ box-sizing: border-box; width: 72%; /*color: #777;*/ } .text-block p{ margin-bottom: 20px; } .text-block td p{ margin-bottom: 0px; } .section-docs-list{ margin-top: 60px; } .docs-list-container{ padding: 0 40px; } .docs-list-container h3{ margin-bottom: 30px; } .docs-list-item{ border-radius: 20px; } .docs-list-item-container{ box-sizing: border-box; padding: 40px; } .docs-list-item-title{ display: flex; gap: 15px; align-items: center; margin-bottom: 20px; } .docs-list-item-name{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 22px; } .docs-list-item-links{ display: flex; gap: 15px; } .docs-list-item-links a{ color: #777; } .docs-list-item-links a:hover{ text-decoration: underline; } .sp-block-table{ margin-bottom: 30px; } .sp-lists{ margin-bottom: 30px; } .product-detail-photo-one{ border-radius: 20px; overflow: hidden; position: relative; background: #dbdbdb; } .product-detail-photo-one a{ display: inline-block; width: 100%; text-align: center; } .product-detail-photo-one a img{ /*mix-blend-mode: multiply;*/ max-height: 690px; } .section-about-the-company h1{ margin-bottom: 30px; } .about-company-page .about-container .content-right{ padding-top: 0px; } .about-company-page .about-container{ margin-bottom: 25px; } .sertificat-item{ } .sertificat-item a{ display: inline-block; width: 100%; height: 100%; padding: 60px; text-align: center; border-radius: 20px; overflow: hidden; } .sertificat-item a img{ transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .sertificat-item a:hover img{ transform: scale(1.05); } .review-item{ border-radius: 20px; height: 100%; } .review-container{ box-sizing: border-box; padding: 50px; } .review-header{ display: flex; gap: 15px; margin-bottom: 15px; } .review-header-pic{ border-radius: 50%; background: #E6E6E6; } .review-header-name{ font-size: 22px; line-height: 32px; font-weight: 500; margin-bottom: 10px; } .review-header-text{ font-size: 16px; line-height: 22px; color: #777; } .review-body.text-block{ width: 100%; } .review-body p{ font-size: 16px; line-height: 22px; color: #777; } .review-video, .review-picture{ display: inline-block; width: 100%; margin-top: 15px; } .video-block, .picture-block{ border-radius: 20px; overflow: hidden; } .video-block a, .picture-block a{ display: inline-block; width: 100%; background: #E6E6E6; } .video-block-container, .picture-block-container{ display: inline-block; width: 100%; height: 185px; position: relative; vertical-align: top; } .video-block-container .video-block-pic, .picture-block-container .picture-block-pic{ display: flex; height: 100%; align-items: center; justify-content: center; } .video-block-container .video-block-pic img{ } .video-block-container .video-block-start{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video-block-container img, .picture-block-container img{ width: 100%; height: 100%; object-fit: cover; } body.compensate-for-scrollbar{ margin-right: 0px; } .show-more{ margin-top: 10px; } .show-more a{ width: 100%; text-align: center; background: #F5F5F5; } .show-more a:hover{ background: #CBCBCB; } .pseudo-file-open{ display: inline-block; width: 100%; padding-top: 13px; padding-left: 6px; padding-right: 6px; padding-bottom: 0px; } .pseudo-file-open-js{ display: flex; gap: 16px; font-size: 16px; } .faq-list-item{ margin-bottom: 10px; border-radius: 20px; } .faq-list-item .faq-list-item-container{ box-sizing: border-box; padding: 35px 135px 30px 40px; position: relative; } .faq-list-item-header{ /*margin-bottom: 15px;*/ } .faq-list-item-header a{ font-size: 22px; font-weight: 500; } .faq-list-item-body{ padding-top: 15px; } .faq-list-item-body a{ color: var(--Orange, #FF5F00); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; transition: opacity 0.2s ease; } .faq-list-item-body a:hover{ opacity: 0.7; } .faq-list-item-body a:focus-visible{ outline: 2px solid var(--Orange, #FF5F00); outline-offset: 3px; border-radius: 2px; } .faq-list-item-icon{ position: absolute; right: 40px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; } .faq-list-item-icon .faq-icon{ display: inline-block; width: 24px; height: 24px; background: #FF5F00; border-radius: 50%; position: relative; } .faq-list-item-icon .faq-icon:before{ content: ""; position: absolute; display: inline-block; width: 10px; height: 2px; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); } .faq-list-item-icon .faq-icon:after{ content: ""; position: absolute; display: inline-block; width: 2px; height: 10px; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .active .faq-list-item-icon .faq-icon:after{ transform: translate(-50%, -50%) rotate(90deg); } .news-list-item{ } .news-list-item-container{ } .news-list-item-container .news-list-item-picture{ } .news-list-item-container .news-list-item-picture a{ display: inline-block; border-radius: 20px; overflow: hidden; vertical-align: top; } .news-list-item-container .news-list-item-picture a img{ transition: all 0.3s ease; vertical-align: top; width: 100%; } .news-list-item-container .news-list-item-picture a:hover img{ transform: scale(1.05); } .news-list-item-desc{ box-sizing: border-box; padding: 20px 40px 30px; } .news-list-item-date{ font-size: 16px; line-height: 22px; color: #777; } .news-list-item-name a{ font-size: 22px; line-height: 30px; font-weight: 500; } .news-list-item-name { margin-top: 15px; } .news-list-item-text{ margin-top: 10px; } .news-list-item-text p{ font-size: 16px; line-height: 22px; } .detail-page-date{ font-size: 22px; line-height: 30px; color: #777; } .news-detail-picture{ border-radius: 20px; overflow: hidden; } .news-detail-picture img{ width: 100%; } .news-detail-container .text-block { width: 73.75%; margin: 40px auto 55px; } .news-detail-container .text-block h3, .news-detail-container .text-block .h3{ color: black; } .news-detail-container .text-block h4, .news-detail-container .text-block .h4{ color: black; } .news-detail-container .text-block .sp-image{ margin-bottom: 20px; } .news-detail-container .text-block .sp-image img{ width: auto; height: auto; } .text-block .text-block-gallery{ margin: 40px 0; } .text-block .text-block-gallery .text-gallery-item{ } .text-block .text-block-gallery .text-gallery-item a{ display: inline-block; border-radius: 20px; overflow: hidden; vertical-align: top; } .text-block .text-block-gallery .text-gallery-item a img{ width: 100%; vertical-align: top; } .howtobuy-detail-title{ margin-bottom: 30px; } .howtobuy-details-container > .flex-element-container > .flex-element-list > .flex-element-item{ display: flex; } .howtobuy-detail-elements-list{ display: flex; flex: 1; } .howtobuy-detail-elements-list > .flex-element-container{ display: flex; width: 100%; } .howtobuy-detail-elements-list > .flex-element-container > .flex-element-list{ flex: 1; } .howtobuy-detail-elements-list-item{ border-radius: 20px; box-sizing: border-box; padding: 40px; height: 100%; } .howtobuy-detail-elements-list-item-name{ font-size: 22px; line-height: 30px; font-weight: 500; margin-top: 15px; } .howtobuy-detail-elements-list-item-desc{ margin-top: 20px; } .howtobuy-details-text{ box-sizing: border-box; padding: 40px; } .howtobuy-details-text p{ color: black; } .howtobuy-details-text a{ color: #ff6000; } .howtobuy-details-text a:hover{ text-decoration: underline; cursor: pointer; } .howtobuy-detail-element{ display: flex; flex-direction: column; width: 100%; margin-bottom: 20px; } .contacts-list-container{ box-sizing: border-box; padding: 0 40px; display: flex; justify-content: space-between; } .contacts-list-item-title{ font-size: 22px; line-height: 30px; font-weight: bold; margin-bottom: 20px; } .contacts-list-item-text{ } .contacts-list-item-text p{ margin-bottom: 10px; } .contacts-list-item-text p:last-of-type{ margin-bottom: 0px; } .section-pagetitle.without-bread{ margin-top: 30px; margin-bottom: 40px; } .section-404-container{ border-radius: 20px; text-align: center; padding: 30px; } .section-404-container-text{ font-size: 620px; font-style: normal; font-weight: 500; line-height: 100%; color: white; -webkit-text-stroke: 7px #FF5F00; text-stroke: 1px #FF5F00; } .politica-text{ box-sizing: border-box; padding: 0 40px; } .politica-text .text-block{ width: 100%; } .politica-text .text-block h3{ color: black; } .text-block ul + h3{ margin-top: 30px; } .video-bg { height: 100%; overflow: hidden; position: relative; } .video-bg:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.7); } .video-bg video, .video-bg img{ height: 100%; width: 100%; object-fit: cover; vertical-align: top; } .xs-view, .slick-slide img.xs-view{ display: none; } .xs-md-view, .slick-slide img.xs-md-view{ display: none; } .md-view, .slick-slide img.md-view{ display: none; } .lg-md-view, .slick-slide img.lg-md-view{ display: none; } .lg-view, .slick-slide img.lg-view{ display: inline-block; } .hovered-link:first-child { margin-right: 20px; } .header-container .logo a.tel { display: none; } @media (max-width: 1919px){ .xs-view, .slick-slide .xs-view{ display: none; } .xs-md-view, .slick-slide .xs-md-view{ display: none; } .lg-view, .slick-slide .lg-view{ display: none; } .md-view, .slick-slide .md-view{ display: none; } .lg-md-view, .slick-slide .lg-md-view{ display: inline-block; } .about-section-block{ /*display: inline-block;*/ width: 100%; } .about-section-block .title-middle-size{ margin-right: 0px; margin-bottom: 15px; } .about-section-block a{ width: calc(50% - 15px); float: left; justify-content: center; margin-right: 15px; } .partner-item{ height: 341px; } .partner-item img{ max-width: 100%; } } @media (max-width: 1700px){ .numbers { display: none; } } @media (max-width: 1359px){ .xs-view, .slick-slide .xs-view{ display: none; } .xs-md-view, .slick-slide .xs-md-view{ display: none; } .lg-view, .slick-slide .lg-view{ display: none; } .lg-md-view, .slick-slide .lg-md-view{ display: none; } .md-view, .slick-slide .md-view{ display: inline-block; } .nav-menu .nav ul li a { font-size: 16px; } .nav-menu .nav ul { gap: 0; } .logo { gap: 20px; } .btn{ font-size: 18px; } .wrapper-inside{ width: calc(100% - 20px); } .mg-top{ margin-top: 50px; } .mg-bottom{ margin-bottom: 50px; } .h2-block{ padding: 0 30px; } .h2-block.with-line{ /*border-bottom: 0px;*/ } .logo{ } .logo a{ } .logo a svg{ width: 119px; height: 50px; } .logo a:first-child svg { width: 147px; height: 50px; } .main-banner-slide img{ width: 100%; } .numbers{ position: relative; margin-right: 15px; } .button-call-back .btn { font-size: 14px; } .logo a svg { width: 95px; } .numbers .numbers-hidden-block{ position: absolute; left: 50%; transform: translateX(-50%) translateY(5px); display: flex; flex-direction: column; gap: 15px; width: 210px; box-sizing: border-box; padding: 20px 25px; z-index: 10; background: white; border-radius: 20px; top: calc(100% + 20px); text-align: center; opacity: 0; visibility: hidden; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .numbers .numbers-hidden-block.active{ transform: translateX(-50%) translateY(0px); opacity: 1; visibility: visible; } .numbers .numbers-hidden-block:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .numbers .numbers-hidden-block a{ font-size: 18px; } .main-banner-slide .picture-background img{ height: 580px; } .main-banner-content{ padding: 30px; } .main-banner-content h1, .main-banner-content .h1{ width: 60%; font-size: 48px; line-height: 48px; } .flex-item-desc{ padding: 30px; } .bg-figure{ padding: 30px 10px 16px; } .bg-figure svg{ height: 505px; width: auto; margin-bottom: 110px; } .figure-block h3, .figure-block-title{ padding: 30px; } .bg-figure.number-one svg{ margin-left: 0px; } .about-container .content-left{ padding-left: 30px; } .about-section-block{ } .about-section-block a{ margin-right: 0px; float: left; } .about-section-block a:first-of-type{ width: calc(53% - 15px); margin-right: 15px; } .about-section-block a:last-of-type{ width: 42%; } .content-right .flex-item-desc .logo{ } .content-right .flex-item-desc .logo svg{ width: 88%; } .form-about-container{ width: 85%; } .col-4 .flex-element-item { width: 33.33%; } .product-item { height: 280px; } .info-bottom-block { padding: 20px 30px; } .features-block{ min-height: unset; } .example-item{ } .example-container .example-item .flex-item-desc{ margin-top: 0px; height: 282px; margin-bottom: 30px; padding: 0 30px; } .example-container .example-item .flex-item-desc.autoheight{ order: 2; height: auto; } .example-container .example-item .flex-item-desc.bg-gray{ order: 1; } .example-container .example-item .flex-item-desc img{ width: 100%; } .applications-container .flex-element-list{ margin: 0 -5px; } .applications-item { min-height: 188px; } .finished-detail-container .example-item .flex-item-desc{ padding: 0 30px; } .finished-detail-container .swiper-container { padding-right: calc(27.5% + -5px); } .partner-item { height: 142px; } .address-items{ padding: 0 30px; margin-top: 12px; } .map-container{ height: 512px; } .footer-container-top{ padding: 20px 30px; } .footer-container-top .numbers{ margin-right: 0px; } .footer-container-top .nav-menu .nav ul{ gap: 1.25vw; } .footer-container-bottom{ padding: 20px 30px; } .footer-container-top .numbers .numbers-hidden-block{ left: auto; transform: translateX(0); right: 100%; top: 50%; transform: translateY(-50%); box-shadow: 0px 0px 10px rgb(123 33 33 / 50%); } .footer-container-top .numbers .numbers-hidden-block a{ color: black; } .footer-container-top .numbers .numbers-hidden-block:after{ bottom: auto; left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin-top: -10px; margin-left: unset; } .footer-container-top .numbers .numbers-hidden-block.active{ transform: translateY(-50%) translateX(-5px); } .breadcrumbs-container{ padding: 0 30px; } .section-pagetitle-container{ padding: 0 30px; } .section-pagetitle { margin-bottom: 40px; } .section-text-block{ } .section-text-block .col-2 .flex-element-item{ width: 100%; } .section-text-block .col-2 .flex-element-item:first-of-type{ margin-bottom: 10px; } .gallery-items-container{ margin-top: 10px; } .gallery-items-container .col-4 .flex-element-item{ width: 25%; } .gallery-item{ } .gallery-item img{ width: 100%; } .section-detail-tech { margin-top: 50px; } .section-detail-tech .col-2 .flex-element-item{ width: 100%; } .section-detail-tech-text { margin-top: 50px; } .section-detail-tech-text .col-4 .flex-element-item{ width: 50%; } .tech-chars-text-block { padding: 0 30px; margin-bottom: 30px; } .section-detail-page-text { margin-top: 10px; } .section-detail-page-text-container { padding: 0 30px; } .text-block{ width: 100%; } .section-docs-list { margin-top: 40px; } .docs-list-container { padding: 0 30px; } .docs-list-item-container{ padding: 30px; } .product-detail-photo-one a img{ max-height: 450px; } .about-company-page .col-2 .flex-element-item:first-of-type{ width: 66.66%; } .about-company-page .col-2 .flex-element-item:last-of-type{ width: 33.33%; } .section-sertificates-container .col-4 .flex-element-item{ width: 25%; } .sertificat-item a{ padding: 45px 50px; } .sertificat-item a img { width: 100%; } .reviews-list .col-3 .flex-element-item{ width: 50%; } .reviews-list .col-3 .flex-element-item:last-of-type{ display: none; } .review-container{ padding: 30px; } .faq-list-item .faq-list-item-container{ padding: 30px 105px 30px 30px; } .news-list-item-picture{ } .news-list-item-picture a{ } .news-list-item-picture a img{ height: 280px; object-fit: cover; } .news-list-item-desc{ padding: 20px 30px 30px; } .news-detail-picture img{ width: 100%; height: 580px; object-fit: cover; } .news-detail-container .text-block{ width: 94%; } .howtobuy-details-container .col-2 .flex-element-item{ width: 100%; } .howtobuy-detail-elements-list .col-2 .flex-element-item{ width: 50%; } .howtobuy-detail-elements-list-item{ padding: 30px; } .howtobuy-detail-elements-list-item-header{ display: flex; gap: 20px; align-items: center; } .howtobuy-details-text{ padding: 30px; } .contacts-list-container{ padding: 0 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-list-container .contacts-list-item:first-of-type{ width: 100%; margin-bottom: 40px; } .section-pagetitle.without-bread{ margin-top: 20px; } .section-404-container-text{ font-size: 440px; } .politica-text{ padding: 0 30px; } .main-banner-slide .picture-background{ height: 580px; } } @media (max-width: 1023px){ .lg-view, .slick-slide .lg-view{ display: none; } .lg-md-view, .slick-slide .lg-md-view{ display: none; } .md-view, .slick-slide .md-view{ display: none; } .xs-view, .slick-slide .xs-view{ display: none; } .xs-md-view, .slick-slide .xs-md-view{ display: inline-block; } .wrapper-inside { width: calc(100% - 40px); } body { font-size: 14px; line-height: 20px; } h1, .h1{ font-size: 32px; line-height: 32px; } h2, .h2{ font-size: 26px; line-height: 32px; } h3, .h3{ font-size: 22px; line-height: 26px; } p{ font-size: 14px; line-height: 20px; } p.big-size{ font-size: 20px; line-height: 28px; } .btn{ font-size: 14px; padding: 11px 30px; } .btn-icon{ width: 50px; height: 50px; padding: 0; } .btn.link-with-arrow{ padding: 11px 32px; } .btn.middle-size{ font-size: 16px; line-height: 22px; } .h2-block .flat-block { text-indent: 50px; margin-top: 8px; } .mg-top { margin-top: 40px; } .mg-bottom { margin-bottom: 40px; } .h2-block{ margin-bottom: 30px; padding: 0 0px; } .header-container{ padding: 20px 0; } .header-container .logo{ display: flex; gap: 20px; } .header-container .logo a{ display: inline-block; color: black; } .header-container .button-call-back{ display: inline-block; } .header-container .nav-menu{ display: none; } .header-container-left{ display: flex; gap: 20px; } .header-container-right{ display: flex; gap: 20px; } .header-container-right .numbers{ margin-right: 0px; } .mobile-menu-open{ /*margin-left: 10px;*/ float: left; } .mobile-menu-open a{ } .mobile-menu-open a span{ display: inline-block; width: 18px; height: 2px; border-radius: 5px; background: black; position: relative; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .mobile-menu-open a span:before, .mobile-menu-open a span:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; background: black; left: 0px; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .mobile-menu-open a span:before{ top: -6px; } .mobile-menu-open a span:after{ bottom: -6px; } .mobile-menu-open a.btn.gray.active{ background: none; } .mobile-menu-open a.active span{ width: 12px; background: #929292; margin-top: 9px; } .mobile-menu-open a.active span:before, .mobile-menu-open a.active span:after{ background: #929292; } .mobile-menu-open a.active span:before{ transform: rotate(33deg); top: -7px; left: auto; right: -4px; } .mobile-menu-open a.active span:after{ bottom: auto; bottom: 7px; left: -4px; transform: rotate(-33deg); } .section-about{ } .section-about .wrapper-inside{ margin: 0px; width: 100%; } .main-banner-slide{ border-radius: 0px; } .main-banner-content { padding: 20px; } .main-banner-slide .picture-background img { height: 410px; } .main-banner-container{ margin-bottom: 20px; } .main-banner-content h1, .main-banner-content .h1 { width: 60%; font-size: 32px; line-height: 32px; } .main-banner-content .btn { margin-top: 20px; } .main-banner-content-info{ padding: 20px; } .section-about .flex-element-container{ padding: 0 20px; } .flex-item-desc { padding: 25px; } .title-desc{ font-size: 16px; line-height: 22px; } .title-desc.middle-size{ font-size: 22px; line-height: 26px; } .bg-figure { padding: 25px 10px 16px; } .bg-figure svg{ margin-bottom: 0px; height: 279px; } .figure-block h3, .figure-block-title { padding: 25px 25px; } .about-container .content-left{ padding-left: 0px; } .about-container .content-left h2 { margin-bottom: 14px; } .about-container .content-left .btn.orange { margin-top: 10px; } .about-section-block.xs-md-view{ display: flex; margin-top: 30px; } .about-section-block a:first-of-type{ width: auto; } .about-section-block a:last-of-type{ width: auto; } .about-section-block .title-middle-size{ margin-bottom: 0px; } .section-form{ margin-top: 30px; } .form-about-container { width: 100%; } .form-about-container{ padding-top: 53px; padding-bottom: 61px; } .form-about-container form { margin-top: 16px; } .form-section input{ font-size: 14px; line-height: 20px; padding: 14px 28px 14px; } .form-about-container form .btn{ font-size: 14px; } .product-item { height: 220px; } .info-bottom-block { padding: 5px 0px; } .title-middle-size{ font-size: 16px; } .end-block .btn{ padding: 0px; } .example-container .example-item .flex-item-desc{ padding: 0 15px; margin-bottom: 20px; } .example-container .example-item .flex-item-desc.autoheight{ margin-bottom: 0px; } .applications-item { min-height: 170px; } .bc-img{ opacity: 1; transform: unset; } .bc-img img{ z-index: unset; } .bc-img:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.4); z-index: 1; } .applications-item .icon-orange-plus{ display: none; } .applications-container a:hover .applications-item{ opacity: 1; } .applications-item .title-desc{ font-size: 22px; line-height: 26px; color: white; } .applications-item.all-items .title-desc{ color: black; } .h2-block.with-line{ padding-bottom: 25px; } .example-item .flex-item-desc{ margin-top: 30px; } .finished-detail-container .example-item .flex-item-desc { padding: 0 15px; } .finished-detail-container .swiper-container { padding-right: calc(36.5% + -5px); } .finished-detail-container .example-item .flex-item-desc img{ max-width: 78%; } .partner-item { height: 80px; } p.very-big-size{ font-size: 160px; line-height: 127px; } .address-items{ margin-top: 25px; padding: 0px; font-size: 12px; } .map-container { height: 257px; } .nav-menu .nav ul li a{ font-size: 14px; } .footer-container-bottom{ padding: 20px 0px; font-size: 12px; } .header{ position: relative; } .mobile-menu{ position: absolute; display: inline-block; width: 100%; height: 100vh; background: black; left: 0px; top: 0px; z-index: 10; transform: translate3d(0, -100%, 0); pointer-events: none; transition-duration: .4s; transition-property: opacity, transform; transition-delay: .3s; } .mobile-menu-container{ box-sizing: border-box; padding: 100px 10px; opacity: 0; transition-duration: .3s; transition-property: opacity; } .open-menu .mobile-menu{ opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 0); transition-delay: 0s; } .open-menu .mobile-menu-container{ opacity: 1; transition-delay: .4s; } .open-menu .header-container-left{ position: relative; z-index: 11; } .open-menu .header-container-right{ position: relative; z-index: 11; } .open-menu .header-container .logo a{ color: white; } .open-menu .btn.gray{ color: white; } .mobile-nav{ margin-bottom: 30px; } .mobile-nav ul{ } .mobile-nav ul li{ margin-bottom: 15px; } .mobile-nav ul li:last-of-type{ margin-bottom: 0px; } .mobile-nav ul li a{ font-size: 14px; line-height: 20px; color: white; } .mobile-phones{ } .mobile-phones ul{ } .mobile-phones ul li{ margin-bottom: 15px; } .mobile-phones ul li:last-of-type{ margin-bottom: 0px; } .mobile-phones ul li a{ color: white; } .section-breadcrumbs{ padding-top: 0px; padding-bottom: 20px; } .breadcrumbs-container{ padding: 0px; } .breadcrumbs-container ul li{ font-size: 14px; line-height: 20px; } .breadcrumbs-container ul li .separator{ top: -4px; } .section-pagetitle-container{ padding: 0px; } .section-pagetitle { margin-bottom: 30px; } .gallery-items-container { margin-top: 0px; } .gallery-items-container .col-4 .flex-element-item { width: 33.33%; } .section-detail-tech { margin-top: 30px; } .tech-chars-block .tech-chars-block-container .tech-chars-block-pic{ max-width: 25%; } .tech-chars-block .tech-chars-block-container .tech-chars-block-pic img{ width: 100%; } .tech-chars-block-desc-title{ font-size: 22px; line-height: 26px; } .tech-chars-block-desc-text{ font-size: 14px; line-height: 20px; } .tech-chars-block-pic-container{ height: 100%; } .tech-chars-block-pic-container img{ height: 100%; width: 100%; object-fit: cover; } .section-detail-tech-text { margin-top: 30px; } .tech-chars-text-block{ padding: 0px; } .tech-chars-block-desc-text ul, .text-block ul{ font-size: 14px; line-height: 20px; } .tech-chars-block-desc-text ul li, .text-block ul li { padding-left: 20px; margin-bottom: 5px; } .tech-chars-text-block-container .tech-chars-block-desc-title { margin-bottom: 20px; } .tech-chars-text-block{ margin-bottom: 20px; } .section-detail-page-text-container{ padding: 0; } .text-block h3 { margin-bottom: 20px; } .text-block p { margin-bottom: 15px; } .section-docs-list { margin-top: 30px; } .docs-list-container { padding: 0px; } .docs-list-container h3 { margin-bottom: 20px; } .docs-list-item-title .icon svg{ width: 20px; height: 20px; } .docs-list-item-name{ font-size: 16px; line-height: 22px; } .docs-list-block .col-3 .flex-element-item{ width: 100%; } .docs-list-item-container { padding: 25px; } .docs-list-item-title{ margin-bottom: 15px; } .product-detail-photo-one a img{ max-height: 370px; } .section-about-the-company h1 { margin-bottom: 20px; } .about-company-page .col-2 .flex-element-item:first-of-type{ width: 50%; } .about-company-page .col-2 .flex-element-item:last-of-type{ width: 50%; } .about-company-page .about-container { margin-bottom: 15px; } .sertificat-item a { padding: 33px 30px; } .review-container { padding: 25px; } .review-header-pic{ height: 45px; } .review-header-pic img{ width: 45px; height: 45px; } .review-header-name{ font-size: 16px; line-height: 22px; margin-bottom: 1px; margin-top: 4px; } .review-header-text{ font-size: 12px; line-height: 16px; } .review-body p { font-size: 12px; line-height: 17px; } .review-video, .review-picture{ margin-top: 5px; } .video-block-container, .picture-block-container{ height: 115px; } .pseudo-file-open{ padding-top: 4px; } .pseudo-file-open-js{ font-size: 12px; line-height: 28px; } .faq-list-item .faq-list-item-container{ } .faq-list-item-header a{ font-size: 16px; line-height: 22px; } .faq-list-item .faq-list-item-container { padding: 25px 60px 25px 25px; } .faq-list-item-icon{ right: 25px; } .news-list-item-picture a img { height: 220px; } .news-list-item-desc { padding: 10px 0 20px; } .news-list-item-date{ font-size: 12px; line-height: 17px; } .news-list-item-name a{ font-size: 16px; line-height: 22px; } .news-list-item-name { margin-top: 10px; } .news-list-item-text p { font-size: 12px; line-height: 17px; } .detail-page-date{ font-size: 16px; line-height: 22px; } .news-detail-picture img{ height: 410px; } .news-detail-container .text-block{ width: 100%; margin: 30px auto; } .text-block .text-block-gallery { margin: 30px 0; } .howtobuy-detail-elements-list-item{ padding: 25px; } .howtobuy-detail-elements-list-item-icon{ } .howtobuy-detail-elements-list-item-icon svg{ width: 50px; height: 50px; } .howtobuy-detail-elements-list-item-name{ font-size: 16px; line-height: 22px; margin-top: 0px; } .howtobuy-detail-elements-list-item-desc{ margin-top: 15px; } .howtobuy-details-text{ padding: 20px 0; } .contacts-list-container{ padding: 0px; } .contacts-list-item-title{ font-size: 16px; line-height: 22px; } .contacts-list-item-text p { margin-bottom: 5px; } .contacts-list-item-text p:last-of-type{ margin-bottom: 0px; } .contacts-list-container .contacts-list-item:first-of-type{ margin-bottom: 30px; } .section-pagetitle.without-bread{ margin-top: 0px; } .section-404-container-text{ font-size: 310px; } .politica-text{ padding: 0 0px; } .main-banner-container{ border-radius: 0px; } .main-banner-slide .picture-background{ height: 410px; } .footer .logo a svg { width: 85px; } .footer .logo a:first-child svg { width: 132px; } .footer-container-top .nav-menu .nav ul { gap: 0; } .footer .nav-menu .nav ul li a { margin-right: 10px; } } @media (max-width: 767px){ .lg-view, .slick-slide .lg-view{ display: none; } .lg-md-view, .slick-slide .lg-md-view{ display: none; } .md-view, .slick-slide .md-view{ display: none; } .xs-md-view, .slick-slide .xs-md-view{ display: none; } .xs-view, .slick-slide .xs-view{ display: inline-block; } .body .maxwidth-theme { max-width: 100% !important; } .wrapper-inside { width: calc(100% - 30px); } .footer .logo { display: flex; flex-direction: column; } body { font-size: 12px; line-height: 16px; } h1, .h1{ font-size: 26px; line-height: 26px; } h2, .h2{ font-size: 24px; line-height: 28px; } h3, .h3{ font-size: 20px; line-height: 24px; } p{ font-size: 12px; line-height: 17px; } p.big-size{ font-size: 18px; line-height: 25px; } .btn{ font-size: 14px; padding: 11px 30px; } .btn-icon{ width: 50px; height: 50px; padding: 0; } .btn.link-with-arrow{ padding: 11px 32px; } .btn.middle-size{ font-size: 16px; line-height: 22px; } .h2-block .flat-block { text-indent: 30px; margin-top: 16px; } .mg-top { margin-top: 40px; } .mg-bottom { margin-bottom: 40px; } .h2-block{ margin-bottom: 30px; padding: 0 0px; } .btn { font-size: 12px; } .header-container{ padding: 15px 0; } .header-container-right{ gap: 15px; } .header-container-right .button-call-back.xs-md-view{ display: none; } .mobile-menu .button-call-back.xs-view{ display: inline-block; position: absolute; bottom: 0px; left: 0px; box-sizing: border-box; padding: 15px; width: 100%; } .mobile-menu .button-call-back.xs-view a{ width: 100%; text-align: center; } .mobile-menu-open{ margin-left: 0px; } .main-banner-container { margin-bottom: 15px; } .main-banner-content{ bottom: auto; top: 0px; padding: 20px 15px; height: 100%; } .main-banner-content h1, .main-banner-content .h1{ width: 100%; font-size: 26px; line-height: 26px; } .main-banner-slide .picture-background img { height: 470px; } .main-banner-content a{ width: 100%; text-align: center; } .main-banner-content-info{ width: 100%; padding: 10px 15px; bottom: 72px; } .col-4 .flex-element-item{ width: 100%; } .col-3 .flex-element-item{ width: 100%; } .col-2 .flex-element-item{ width: 100%; } .section-about .flex-element-container { padding: 0 15px; } .flex-item-desc { padding: 20px; } .title-desc { font-size: 14px; line-height: 18px; } .h2-block .btn{ display: none; } .bg-figure{ padding: 25px 25px 16px; text-align: right; } .bg-figure svg{ height: 160px; } .btn-after-block{ width: 100%; margin-top: 10px; } .btn-after-block a{ width: 100%; justify-content: center; } .about-container .content-right{ padding-top: 0px; margin-bottom: 20px; } .about-container .content-left{ height: auto; } .content-right .flex-item-desc .logo svg { width: 94%; } .about-container .content-left p:not(:last-child) { margin-bottom: 15px; } .about-container .content-left .btn.orange{ width: 100%; text-align: center; } .about-section-block.xs-md-view{ display: inline-block; margin-top: 14px; } .title-middle-size { font-size: 14px; } .about-section-block .title-middle-size { margin-bottom: 8px; } .about-section-block a:first-of-type{ width: 100%; margin-right: 0px; margin-bottom: 15px; } .about-section-block a:last-of-type{ width: 100%; } .form-about-container{ padding-top: 35px; padding-bottom: 44px; } .form-about-container form { margin-top: 23px; } .col-2 .form-section{ width: 100%; } .form-section { padding: 5px 7.5px; } .btn-block{ margin-top: 15px; flex-direction: column; gap: 15px; } .form-about-container form .btn{ width: 100%; text-align: center; } .flat-text{ font-size: 10px; line-height: 12px; text-align: center; } .products-mobile-slider .swiper-container{ padding-right: 20.5%; } .title-desc.middle-size { font-size: 20px; line-height: 26px; } .features-block .title-desc { margin-bottom: 13px; } .example-container .example-item .flex-item-desc{ height: 160px; padding: 0 20%; margin-bottom: 20px; } .example-container .example-item .flex-item-desc.autoheight{ padding: 0; } .example-item{ margin-bottom: 25px; } .example-item:last-of-type{ margin-bottom: 0px; } .example-item .title-desc { margin-bottom: 10px; } .applications-item { min-height: 130px; } .applications-item .title-desc { font-size: 20px; line-height: 24px; } .finished-detail-container .swiper-container { padding-right: calc(19.5% + -5px); } .partners-mobile-slider .swiper-container{ padding-right: 18%; } .partner-item img { max-width: 100%; max-height: 80px; } p.very-big-size{ font-size: 120px; line-height: 98px; } .address-items{ display: inline-block; width: 100%; margin-top: 50px; } .address-items .address-item{ width: 100%; margin-bottom: 5px; } .address-items .address-item:last-of-type{ margin-bottom: 0px; } .footer { margin-top: 15px; position: relative; } .footer .wrapper-inside{ width: 100%; } .footer-container-top{ display: inline-block; width: 100%; border-radius: 0px; padding: 20px 15px; } .footer-container-top .nav-menu{ margin-top: 32px; } .footer-container-top .nav-menu .nav ul{ display: inline-block; width: 100%; } .footer-container-top .nav-menu .nav ul li{ margin-bottom: 13px; } .footer-container-top .nav-menu .nav ul li:last-of-type{ margin-bottom: 0px; } .footer-container-bottom{ background: black; padding: 7px 15px 15px; font-size: 10px; } .footer-container-top .numbers{ position: absolute; right: 15px; top: 20px; } .header-container .logo a.pc { display: none; } .header-container .logo a.tel { display: block; } .logo a svg { width: 66px; height: 28px; } .header-container .logo a.tel svg { width: 120px; height: 30px; } .numbers { display: block; } .footer .numbers.lg-view.lg-md-view { display: none; } .section-partners, .section-product{ overflow: hidden; } .section-pagetitle { margin-bottom: 20px; } .section-text-block .col-2 .flex-element-item:first-of-type{ margin-bottom: 0px; } .product-list-item .info-bottom-block .desc{ margin-top: 5px; } .section-breadcrumbs { padding-top: 6px; padding-bottom: 16px; } .breadcrumbs-container ul li { font-size: 12px; line-height: 16px; margin-bottom: 4px; } .section-product + .section-pagetitle{ margin-top: 20px; margin-bottom: 0px; } .section-pagetitle-container.with-btns{ flex-direction: column; align-items: start; justify-content: start; } .section-pagetitle-btns{ flex-direction: column; margin-top: 20px; width: 100%; gap: 10px; } .section-pagetitle-btns a{ width: 100%; text-align: center; } .section-detail-tech { margin-top: 20px; } .tech-chars-block .tech-chars-block-container{ display: inline-block; width: 100%; } .tech-chars-block .tech-chars-block-container .tech-chars-block-pic{ max-width: 100%; } .tech-chars-block .tech-chars-block-container .tech-chars-block-desc{ padding: 10px 0 20px; } .tech-chars-block-desc-title { font-size: 20px; line-height: 26px; } .tech-chars-block-desc-text { font-size: 12px; line-height: 16px; } .section-detail-tech-text .col-4 .flex-element-item { width: 100%; } .tech-chars-block-desc-text ul, .text-block ul { font-size: 12px; line-height: 16px; } .tech-chars-block-desc-text ul li, .text-block ul li { padding-left: 20px; margin-bottom: 10px; } .tech-chars-text-block { margin-bottom: 30px; } .section-docs-list { margin-top: 40px; } .docs-list-item-container { padding: 20px; } .product-detail-photo-one a img{ max-height: 220px; } .about-company-page .col-2 .flex-element-item:first-of-type { width: 100%; } .reviews-list .col-3 .flex-element-item { width: 100%; } .review-container { padding: 20px; } .review-header-name{ font-size: 14px; line-height: 18px; margin-bottom: 0px; margin-top: 6px; } .review-header-text { font-size: 10px; line-height: 12px; } .review-body p { font-size: 10px; line-height: 14px; } .faq-list-item-header a { font-size: 14px; line-height: 18px; } .faq-list-item .faq-list-item-container { padding: 20px 20px 20px 20px; } .faq-list-item-icon{ top: 34px; right: 20px; } .detail-page-date{ font-size: 14px; line-height: 18px; } .section-news-detail{ } .section-news-detail .wrapper-inside{ width: 100%; } .news-detail-picture{ border-radius: 0px; } .news-detail-picture img { height: 480px; } .news-detail-container .text-block { width: 92%; margin: 30px auto; } .text-block .text-block-gallery { margin: 25px 0; } .howtobuy-detail-title { margin-bottom: 15px; } .howtobuy-detail-elements-list .col-2 .flex-element-item{ width: 100%; } .howtobuy-detail-elements-list-item-header{ gap: 15px; } .howtobuy-detail-elements-list-item { padding: 20px; } .howtobuy-detail-elements-list-item-name { font-size: 14px; line-height: 20px; } .contacts-list-item-title{ font-size: 14px; line-height: 20px; margin-bottom: 15px; } .contacts-list-container .contacts-list-item{ width: 50%; margin-bottom: 17px; } .contacts-list-container .contacts-list-item:first-of-type { margin-bottom: 18px; width: 100%; } .section-404-container{ padding: 100px 30px; } .section-pagetitle.without-bread { margin-top: 5px; } .section-404-container-text{ font-size: 160px; -webkit-text-stroke: 3px #FF5F00; } .main-banner-slide .picture-background{ height: 470px; } } /* Стили для фиксированного хедера */ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #ffffff; /* Добавьте нужный цвет фона */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Опционально: тень для визуального отделения */ transition: all 0.3s ease; /* Плавный переход при скролле */ } /* Компенсация для контента под фиксированным хедером */ body { padding-top: 80px; } @media (min-width: 1023px) and (max-width: 1700px) { .xs-view, .slick-slide .xs-view { display: none; } .xs-md-view, .slick-slide .xs-md-view { display: none; } .lg-view, .slick-slide .lg-view { display: none; } .lg-md-view, .slick-slide .lg-md-view { display: none; } .md-view, .slick-slide .md-view { display: inline-block; } .numbers { position: relative; margin-right: 15px; } .numbers .numbers-hidden-block { position: absolute; left: 50%; transform: translateX(-50%) translateY(5px); display: flex; flex-direction: column; gap: 15px; width: 210px; box-sizing: border-box; padding: 20px 25px; z-index: 10; background: white; border-radius: 20px; top: calc(100% + 20px); text-align: center; opacity: 0; visibility: hidden; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .numbers .numbers-hidden-block.active { transform: translateX(-50%) translateY(0px); opacity: 1; visibility: visible; } .numbers .numbers-hidden-block:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } } /* Кнопка "Наверх" */ .scroll-to-top { position: fixed; bottom: 40px; right: 40px; width: 60px; height: 60px; background-color: #F26B27; border: none; border-radius: 100px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.4s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.4s cubic-bezier(0.76, 0, 0.24, 1), transform 0.4s cubic-bezier(0.76, 0, 0.24, 1), background-color 0.4s cubic-bezier(0.76, 0, 0.24, 1); box-shadow: 0 4px 20px rgba(242, 107, 39, 0.35); } .scroll-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); } .scroll-to-top:hover { background-color: #D95C1D; box-shadow: 0 6px 28px rgba(242, 107, 39, 0.5); } .scroll-to-top svg { width: 20px; height: 20px; fill: none; stroke: #ffffff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1); } .scroll-to-top:hover svg { transform: translateY(-3px); } @media (max-width: 767px) { .scroll-to-top { bottom: 20px; right: 15px; width: 50px; height: 50px; } } .address-items-container .h3 { color: #000000; } /* End */ /* Start:/design/style/prog.css?17913555435820*/ /*ТАБЫ Вопрос-ответ*/ .faq-list-item-header h2{ font-size: 22px; font-weight: 500; line-height: 25.5px; } .new-tabs-faq .faq-list-item-icon .faq-icon:before { content: ""; position: absolute; display: inline-block; width: 10px; height: 2px; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); } .new-tabs-faq .faq-list-item-icon .faq-icon:after { content: ""; position: absolute; display: inline-block; width: 2px; height: 10px; background: white; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .new-tabs-faq .faq-list-item.active .faq-list-item-icon .faq-icon:after { transform: translate(-50%, -50%) rotate(90deg); } .new-tabs-faq .wrapper-tabs { display: flex; gap: 70px; box-sizing: border-box; padding: 0px 48px; padding-bottom: 20px; border-bottom: 1px solid var(--Gray, #f5f5f5); margin-bottom: 40px; padding-top: 22px; } .new-tabs-faq .tab-answer { display: inline-block; color: var(--Text, #777); font-size: 24px; font-weight: 500; line-height: normal; transition: all 300ms ease-in; } .new-tabs-faq .tab-answer:hover { color: var(--Black, #000); cursor: pointer; transform: scale(1.01); } .new-tabs-faq .tab-answer.active { color: var(--Black, #000); position: relative; } .new-tabs-faq .tab-answer.active::after { content: ""; width: 184px; background-color: Orange; display: block; height: 1px; position: absolute; left: 0; top: 53px; } .new-tabs-faq .tab-answer:hover::after { content: ""; width: 184px; background-color: Orange; display: block; height: 1px; position: absolute; left: 0; top: 53px; } .new-tabs-faq .faq-list-container.active { display: inline-block; } .new-tabs-faq .faq-list-container { display: none; width: 100%; } @media (max-width: 1440px) { .new-tabs-faq .tab-answer { font-size: 18px; } .new-tabs-faq .wrapper-tabs { padding: 0px 30px; padding-top: 2px; padding-bottom: 20px; } .new-tabs-faq .tab-answer.active::after { width: 138px; top: 43px; } .new-tabs-faq .tab-answer:hover::after { width: 138px; top: 43px; } } @media (max-width: 1080px) { .new-tabs-faq .wrapper-tabs { padding: 0px 0px; padding-top: 9px; padding-bottom: 20px; margin-bottom: 30px; overflow-x: auto; } .new-tabs-faq .tab-answer { flex-shrink: 0; } } @media (max-width: 500px) { .new-tabs-faq .tab-answer { font-size: 16px; } .new-tabs-faq .tab-answer.active::after { width: 123px; top: 31px; } .new-tabs-faq .tab-answer:hover::after { width: 123px; top: 31px; } .new-tabs-faq .wrapper-tabs { padding-bottom: 10px; padding-top: 0px; margin-bottom: 16px; gap: 30px; } } /*ТАБЫ Вопрос-ответ*/ .main-banner-container .main-banner-wrapper{ min-width: 100%; } /*.swiper-backface-hidden .swiper-slide{ flex: 1 1; }*/ .main-banner-container .picture-background img{ height: 100%; object-fit: cover; } .section-about .text-block{ margin: 40px auto; padding: 0 30px; } .section-about .info-bottom-block p{ margin-top: 20px; } /*.section-about .flex-item-desc{ position: relative; align-self: flex-end; }*/ .section-about .product-list-item a { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .section-about .product-list-item { height: 100%; } .product-example img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); } .product-example { background: rgba(245, 245, 245, 1); border-radius: 20px; } .product-list-item a .product-item.product-example img{ width: 80%; max-width: 356px; max-height: 334px; height: 80%; } .section-example.section-product .product-list-item a:hover .product-item img{ transform: translate(-50%,-50%) scale(1.05); } /*.swiper-container .flex-element-list { flex-wrap: wrap; }*/ .product-item-container .place-swiper-wrap { display: flex; align-items: stretch; } .product-item-container .flex-element-item { display: flex; height: auto; } .product-item-container .product-list-item { display: flex; flex-direction: column; width: 100%; height: 100%; } .product-item-container .product-list-item a { display: flex; flex-direction: column; flex: 1; text-decoration: none; color: inherit; height: 100%; } .product-item-container .info-bottom-block { flex: 1; display: flex; flex-direction: column; } .product-item-container .info-bottom-block p { flex: 1; } .product-item-container .product-item { margin-top: auto; } .section.section-text-block li a{ text-decoration: underline; } /* A separate Sprint Editor block frames the entire text, including paragraphs. */ .text-block.sp-text-frame { display: block; width: 100%; margin: 20px 0; border: 1px solid #FF6A2B; border-left-width: 4px; border-radius: 14px; padding: 20px 24px; font-weight: 500; } .sp-text-frame p, .sp-text-frame ul, .sp-text-frame ol { font-weight: 500; } .sp-text-frame > :last-child { margin-bottom: 0; } @media (max-width: 768px) { .text-block.sp-text-frame { padding: 12px 16px; } } @media (max-width:1330px){ .product-list-item a{ flex-direction: column-reverse; } .section-example .col-4 .flex-element-item{ width: 50%; } } @media (max-width: 767px) { .section-example .col-4 .flex-element-item { width: 100%; } .info-bottom-block p{ margin-top: 15px; } .products-mobile-slider .swiper-container { padding-right: 0; } } /* End */ /* Start:/design/style/nika.css?17694948372756*/ .nested-link-container { display: flex; width: 100%; justify-content: space-between; align-items: center; } .plus-minus-container { position: relative; width: 16px; height: 16px; cursor: pointer; } .plus-minus-container::before { position: absolute; top: 50%; left: 0; content: ""; width: 16px; height: 2px; background-color: #ff5f00; transform: translateY(-50%); } .content-list { overflow: hidden; height: 0; margin: 0; padding-left: 20px; transition: height 0.3s ease; } .plus-minus-container::after { position: absolute; top: 50%; left: 50%; content: ""; height: 16px; width: 2px; background-color: #ff5f00; transform-origin: center center; transform: translate(-50%, -50%) rotate(0deg); transition: transform 0.3s ease, opacity 0.3s ease; } .active .plus-minus-container::after { transform: translate(-50%, -50%) rotate(-90deg); opacity: 1; } .address-container-with-map { display: flex; gap: 20px; } .address-items-container { border-radius: 20px; background: var(--Gray, #f5f5f5); width: calc(50% - 10px); padding: 40px; padding-bottom: 60px; } .address-items-container-inside { display: flex; flex-direction: column; gap: 40px; } .address-details { display: flex; flex-direction: column; gap: 20px; } .address-details-row { display: flex; gap: 20px; } .address-details-cell { width: calc(50% - 10px); display: flex; flex-direction: column; gap: 10px; } .text-16 p { color: var(--Black, #000); font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; } .text-18 p, .text-18 span { font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; } .text-gray { color: var(--Text, #777); } .map-container { width: calc(50% - 10px); } .contact-number { display: flex; flex-direction: column; } .address-items-container .btn { width: 209px; } .address-items-container .title-desc { margin: 0; } .map-container { height: auto; } .ymaps-2-1-79-map { /*height: 534px !important;*/ } @media (max-width: 1359px){ .address-details-row { flex-direction: column; } .address-items-container { padding: 40px 30px; } .address-details-cell { width: 100%; } } @media (max-width: 1023px) { .open-menu .mobile-menu-container { height: 100vh; overflow-y: auto; } .open-menu .mobile-menu-container::-webkit-scrollbar { display: none; } .mobile-menu .button-call-back.xs-view a { background: black; } } /* End */ /* Start:/design/style/fynjn77.css?17694912102000*/ @media screen and (max-width: 1130px) { .address-container-with-map { gap: 10px } .map-container > *, .map-container > * > * { width: 100% !important; height: 100% !important; } .map-container { height: auto; width: 50%; } .address-items-container { width: 50%; } } @media screen and (max-width: 834px) { .address-container-with-map { flex-direction: column; } .address-container-with-map > * { width: 100% } .map-container { height: 669px; } .address-container-with-map .address-details-row { flex-direction: row; } .address-container-with-map .address-details-cell.text-16 p { font-size: 14px; } .section.section-address.hidden > .wrapper-inside { margin-top: 30px; } .address-details-row { gap: 7px; } .text-18.text-gray, .text-18.text-gray a { font-size: 16px; } .address-details-cell { gap: 12px; } .contact-number { gap: 2px; } .address-items-container .btn { width: fit-content; font-size: 18px; padding-top: 17.5px; padding-bottom: 17.5px; } } @media screen and (max-width: 360px) { .address-items-container { padding-top: 30px; padding-bottom: 30px; } .address-items-container-inside { gap: 18px; } .address-container-with-map .address-details-row { flex-direction: column; gap: 24px; } .section.section-address.hidden > .wrapper-inside { margin-top: 20px; } .address-details-cell { gap: 8px; } .contact-number { gap: 6px; } .address-items-container .btn { width: 100%; text-align: center; font-weight: lighter; letter-spacing: 0px; } } /* End */ /* Start:/design/style/orangato.css?178308090933810*/ .popup-form.popup-successfully--inline { padding-bottom: 20px; } .popup-form-back-new{ display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.3); transition: opacity 0.3s linear; } .popup-form-back-new.active{ opacity: 1; visibility: visible; z-index: 100; } .popup-form.popup-successfully--questions { padding-bottom: 20px; } .popup-form-back-questions { display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.3); transition: opacity 0.3s linear; } .popup-form-back-questions.active { opacity: 1; visibility: visible; z-index: 100; } /*CHECKBOX*/ form .form-field .checkcontainer { width: 100%; min-height: 20px; display: flex; align-items: start; position: relative; cursor: pointer; font-style: normal; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } form .form-field .checkcontainer.radio .checkmark { border-radius: 50%; } form .form-field .checkcontainer.error .checkmark { border-color: #d9534f; } form .form-field .checkcontainer.success .checkmark { border-color: #5cb85c; } form .form-field .checkcontainer.warning .checkmark { border-color: #f0ad4e; } form .form-field .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } form .form-field .checkcontainer input:checked~.checkmark { background-color: white; } form .form-field .checkcontainer input:checked~.checkmark::after { opacity: 1; transition: all 300ms ease; } @media (hover: hover) { form .form-field .checkcontainer:hover input~.checkmark { background-color: #f0ad4e; border-color: #f0ad4e; transition: all 300ms; } form .form-field .checkcontainer:hover input~.checkmark.contrast { border-color: #2A2A2A; } } form .form-field .checkcontainer .checkmark { float: left; left: 0px; top: 0px; height: 16px; width: 16px; box-sizing: border-box; background-color: white; border-radius: 2px; border: 1px solid #929292; position: relative; transition: all 300ms; } form .form-field .checkcontainer .checkmark.contrast { border-color: #2A2A2A; } form .form-field .checkcontainer .checkmark::after { content: ""; position: absolute; display: inline-block; opacity: 0; left: 3px; top: 1px; width: 5px; height: 8px; border: solid #FF5F00; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 300ms ease; } form .form-field .checkcontainer .name { margin: 0; float: left; width: calc(100% - 16px - 8px); margin-left: 8px; font-size: 14px; line-height: 20px; font-weight: 400; } @media (max-width: 1023px) { form .form-field .checkcontainer .name { font-size: 12px; line-height: 1.4; width: calc(100% - 16px - 10px); margin-left: 10px; margin-top: 2px; } } @media (max-width: 767px) { form .form-field .checkcontainer .name { margin-top: 4px; } } form .form-field .checkcontainer .name a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: all 400ms; } @media (hover: hover) { form .form-field .checkcontainer .name a:hover { text-decoration-color: currentColor; transition: all 400ms; } } .form-about-container form .btn.link-with-arrow { } @media only screen and (max-width: 767px) { .form-about-container form .btn.link-with-arrow { justify-content: center; } } .section-form.orange-bkg .form-about-container { background-color: #FF5F00; width: 100%; box-sizing: border-box; padding: 50px 25% 60px; border-radius: 20px; } @media only screen and (max-width: 1359px) { .section-form.orange-bkg .form-about-container { padding: 50px 7.4% 60px; } } @media only screen and (max-width: 1023px) { .section-form.orange-bkg .form-about-container { padding: 50px 4% 60px; } } @media only screen and (max-width: 767px) { .section-form.orange-bkg .form-about-container { padding: 34px 6% 40px; } } .section-form.orange-bkg.colored .form-about-container h2 { color: black; } .section-form.orange-bkg .form-about-container .note { margin: 12px 0 0; } @media only screen and (max-width: 1023px) { .section-form.orange-bkg .form-about-container .note { margin: 17px 0 0; } } .section-form.orange-bkg.colored .form-section input { background-color: white; border-color: white; color: black; } .section-form.orange-bkg.colored .form-section input:focus { outline-color: #f0ad4e; } .section-form.orange-bkg.colored .form-section input::placeholder { color: #777; } .section-form.orange-bkg .btn-block { } @media only screen and (max-width: 1023px) { .section-form.orange-bkg .btn-block { margin-top: 21px; gap: 18px; } } @media only screen and (max-width: 767px) { .section-form.orange-bkg .btn-block { margin-top: 9px; gap: 13px; } } /*SECTION FORM*/ .form-about-container .note { display: inline-block; width: 100%; text-align: center; margin: 22px 0 0; } @media only screen and (max-width: 1023px) { .form-about-container .note { font-size: 16px; line-height: 1.4; margin: 25px 0 0; } } @media only screen and (max-width: 767px) { .form-about-container .note { font-size: 14px; margin: 25px 0 0; } } .form-about-container form { margin-top: 32px; } @media only screen and (max-width: 1023px) { .form-about-container form { margin-top: 23px; } } @media only screen and (max-width: 767px) { .form-about-container form { margin-top: 25px; } } /*OVERRIDES & MONKEYHACKS*/ .section-pagetitle.small-margin { margin-bottom: 40px; } @media only screen and (max-width: 1023px){ .section-pagetitle.small-margin { margin-bottom: 30px; } } @media only screen and (max-width: 767px){ .section-pagetitle.small-margin { margin-bottom: 20px; } } .section-pagetitle.smaller-margin { margin-bottom: 30px; } @media only screen and (max-width: 1023px){ .section-pagetitle.smaller-margin { margin-bottom: 30px; } } @media only screen and (max-width: 767px){ .section-pagetitle.smaller-margin { margin-bottom: 20px; } } .section-services .text-block { width: 100%; box-sizing: border-box; padding: 0 40px; } @media only screen and (max-width: 1359px){ .section-services .text-block { padding: 0 30px; } } @media only screen and (max-width: 1023px){ .section-services .text-block { padding: 0; } } .mg-top-small { margin-top: 40px; } @media only screen and (max-width: 1023px){ .mg-top-small { margin-top: 25px; } } .mg-bottom-small { margin-bottom: 40px; } @media only screen and (max-width: 1023px){ .mg-bottom-small { margin-bottom: 25px; } } .services-items-container { } .services-items-container .flex-element-list { margin: -10px -10px; } .services-items-container .flex-element-list .flex-element-item { padding: 10px; width: 25%; } @media only screen and (max-width: 1359px){ .services-items-container .flex-element-list .flex-element-item { width: 33.333%; } } @media only screen and (max-width: 767px){ .services-items-container .flex-element-list .flex-element-item { width: 100%; } } .services-items-container .product-item.with-image { display: flex; flex-direction: column; height: auto; min-height: 0; overflow: hidden; } .services-items-container .product-item.with-image .item-image { display: block; overflow: hidden; } .services-items-container .product-item.with-image .item-image img { display: block; width: 100%; height: auto; transition: .4s cubic-bezier(0.76, 0, 0.24, 1); } .services-items-container .product-item.with-image:hover .item-image img { transform: scale(1.05); } .services-items-container .flex-item-desc { padding: 40px 45px 40px 30px; height: auto; } @media only screen and (max-width: 1359px){ .services-items-container .flex-item-desc { padding: 40px 15px 40px 18px; } } @media only screen and (max-width: 1023px){ .services-items-container .flex-item-desc { padding: 20px 9px 20px 18px; } } @media only screen and (max-width: 767px){ .services-items-container .flex-item-desc { padding: 17px 22px 17px 19px; } .hovered-link:first-child{ margin-right: 0px; } } .services-items-container .product-item.with-image .end-block { height: auto; } .section-form.orange-bkg .form-about-container .note{ text-align: center; } .services-items-container .flex-item-desc .btn.link-with-arrow { } @media only screen and (max-width: 767px){ .services-items-container .flex-item-desc .btn.link-with-arrow { padding: 0; } } .section-form.mg-top { margin-top: 80px; } @media only screen and (max-width: 1359px){ .section-form.mg-top { margin-top: 40px; } } .section-service-detail.mg-top { margin-top: 30px; } @media only screen and (max-width: 1359px){ .section-service-detail.mg-top { margin-top: 20px; } } @media only screen and (max-width: 1023px){ .section-service-detail.mg-top { margin-top: 10px; } } .section-service-detail .text-block { width: 100%; box-sizing: border-box; padding: 0 40px; margin: 0 0 30px; } @media only screen and (max-width: 1359px){ .section-service-detail .text-block { padding: 0 30px; } } @media only screen and (max-width: 1023px){ .section-service-detail .text-block { padding: 0; margin: 0 0 20px; } } .section-service-detail .text-block h2 { margin-bottom: 22px; color: black; } @media only screen and (max-width: 1023px){ .section-service-detail .text-block h2 { margin-bottom: 14px; } } .section-service-detail .text-block p { margin-bottom: 30px; } @media only screen and (max-width: 1023px){ .section-service-detail .text-block p { margin-bottom: 20px; } } .checkmark-field { } .checkmark-field .checkcontainer { width: 100%; display: flex; gap: 10px; position: relative; cursor: pointer; font-style: normal; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkmark-field .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-field .checkcontainer input:checked~.checkmark::after { opacity: 1; transition: all 300ms; } .checkmark-field .checkcontainer .checkmark { float: left; left: 0px; top: 0px; height: 16px; width: 16px; box-sizing: border-box; background-color: white; border-radius: 0; border: 1px solid white; position: relative; transition: all 300ms; } .checkmark-field .checkcontainer .checkmark::after { content: ""; position: absolute; display: inline-block; opacity: 0; left: 50%; top: 50%; width: 2px; height: 6px; border: solid black; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); transition: all 300ms ease; } .checkmark-field .checkcontainer .name { font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; width: calc(100% - 16px - 10px); } @media only screen and (max-width: 1023px){ .checkmark-field .checkcontainer .name { font-size: 12px; } } .checkmark-field .checkcontainer .name a { text-decoration: underline; text-decoration-color: currentColor; transition: all 300ms; } @media (hover: hover) { .checkmark-field .checkcontainer .name a:hover { text-decoration-color: transparent; transition: all 300ms; } } .btn-block { gap: 24px; } @media only screen and (max-width: 1359px){ .btn-block { gap: 22px; } } @media only screen and (max-width: 1023px){ .btn-block { margin-top: 11px; } } @media only screen and (max-width: 767px){ .btn-block { margin-top: 9px; gap: 15px; } } .btn-block .agree-col { padding-top: 6px; } @media only screen and (max-width: 767px){ .btn-block .agree-col { padding-top: 0; } } .btn-block .agree-col .checkmark-field .checkcontainer .name { color: white; } .btn-block .agree-col .checkmark-field .checkcontainer .name a { text-decoration-color: #FFFFFF80; } @media (hover: hover) { .btn-block .agree-col .checkmark-field .checkcontainer .name a:hover { text-decoration-color: transparent; } } /*GALLERIES*/ .section-galleries.mg-top { margin-top: 50px; overflow: hidden; } @media only screen and (max-width: 1359px){ .section-galleries.mg-top { margin-top: 0; } } @media only screen and (max-width: 1023px){ .section-galleries.mg-top { margin-top: 14px; } } .section-galleries .h2-block { margin-bottom: 30px; } @media only screen and (max-width: 1023px){ .section-galleries .h2-block { margin-bottom: 34px; } } @media only screen and (max-width: 767px){ .section-galleries .h2-block { margin-bottom: 25px; } } .galleries { display: flex; flex-direction: column; gap: 10px; } @media only screen and (max-width: 767px){ .galleries { gap: 30px; } } .galleries .gallery { width: 100%; } .galleries .gallery .gallery-holder { } .galleries .gallery .gallery-holder .gallery-container { display: flex; flex-wrap: wrap; row-gap: 10px; width: calc(100% + 10px); margin: 0 -5px; } @media only screen and (max-width: 767px){ .galleries .gallery.gallery-slider-js .gallery-holder .gallery-container { flex-wrap: nowrap; width: 100%; margin: 0; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item { box-sizing: border-box; padding: 0 5px; width: 25%; } @media only screen and (max-width: 1023px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item { width: 33.333%; } } @media only screen and (max-width: 767px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item { width: 100%; } .galleries .gallery.gallery-slider-js .gallery-holder .gallery-container .gallery-item { width: 250px; padding: 0; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder { width: 100%; height: auto; aspect-ratio: 468/350; } @media only screen and (max-width: 1359px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder { aspect-ratio: 270/194; } } @media only screen and (max-width: 1023px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder { aspect-ratio: 258/194; } } @media only screen and (max-width: 767px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder { aspect-ratio: 330/220; } .galleries .gallery.gallery-slider-js .gallery-holder .gallery-container .gallery-item .gallery-item-holder { aspect-ratio: 250/220; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a { display: block; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; } @media only screen and (max-width: 767px){ .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a { border-radius: 20px; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; transition: all 300ms; } @media (hover: hover) { .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a:hover img { transform: scale(1.1); transition: all 300ms; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video { } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a { position: relative; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a::before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.46) 100%); } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a .play { width: 45px; height: 45px; border-radius: 50%; background-color: #FF5F00; color: white; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a .play svg { width: 12px; height: 20xp; } /*BLOCKS INFO DETAILS*/ .section.blocks-info-detail-section { margin-top: 20px; } /*@media only screen and (max-width: 1359px){ .section.blocks-info-detail-section { margin: 0 0 0; } } @media only screen and (max-width: 767px){ .section.blocks-info-detail-section { margin: 0 0 20px; } }*/ .blocks-info-detail-container { width: 100%; } .blocks-info-detail-container .blocks-info-detail-container-holder { display: flex; flex-wrap: wrap; row-gap: 10px; width: calc(100% + 10px); margin: 0 -5px; } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder { flex-direction: column; } } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail { width: 50%; height: auto; box-sizing: border-box; padding: 0 5px; } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail { width: 100%; } } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder { width: 100%; box-sizing: border-box; padding: 40px; height: 100%; min-height: 420px; display: flex; align-items: end; background-color: #F5F5F5; border-radius: 20px; } @media only screen and (max-width: 1023px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder { min-height: auto; padding: 40px 25px; } } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder { padding: 23px 20px; } } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail.orange .blocks-info-detail-holder { background-color: #FF5F00; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data { width: 100%; display: flex; flex-direction: column; gap: 20px; } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data { gap: 15px; } } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text { display: flex; flex-direction: column; gap: 20px; } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text { gap: 15px; } } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text .heading { width: 100%; color: black; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail.orange .blocks-info-detail-holder .data .text .heading { color: white; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text .heading h3 { } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text .desc { width: 100%; color: #777; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail.orange .blocks-info-detail-holder .data .text .desc { color: white; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text .desc p { color: inherit } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .text .desc p:not(:last-of-type) { margin-bottom: 20px; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .action { width: 100%; } .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .action .btn { display: inline-flex; color: black; border-color: white; background-color: white; } @media (hover: hover) { } @media only screen and (max-width: 1359px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .action .btn { padding: 16px 30px; } } @media only screen and (max-width: 767px){ .blocks-info-detail-container .blocks-info-detail-container-holder .blocks-info-detail .blocks-info-detail-holder .data .action .btn { padding: 11px 30px; } } /*OVERRIDES & MONKEYHACKS*/ .section-pagetitle.small-margin { margin-bottom: 40px; } @media only screen and (max-width: 1023px){ .section-pagetitle.small-margin { margin-bottom: 30px; } } @media only screen and (max-width: 767px){ .section-pagetitle.small-margin { margin-bottom: 20px; } } .section-pagetitle.smaller-margin { margin-bottom: 30px; } @media only screen and (max-width: 1023px){ .section-pagetitle.smaller-margin { margin-bottom: 30px; } } @media only screen and (max-width: 767px){ .section-pagetitle.smaller-margin { margin-bottom: 20px; } } .section-services .text-block { width: 100%; box-sizing: border-box; padding: 0 40px; } @media only screen and (max-width: 1359px){ .section-services .text-block { padding: 0 30px; } } @media only screen and (max-width: 1023px){ .section-services .text-block { padding: 0; } } .mg-top-small { margin-top: 40px; } @media only screen and (max-width: 1023px){ .mg-top-small { margin-top: 25px; } } .mg-bottom-small { margin-bottom: 40px; } @media only screen and (max-width: 1023px){ .mg-bottom-small { margin-bottom: 25px; } } .services-items-container { } .services-items-container .flex-element-list { margin: -10px -10px; } .services-items-container .flex-element-list .flex-element-item { padding: 10px; width: 25%; } @media only screen and (max-width: 1359px){ .services-items-container .flex-element-list .flex-element-item { width: 33.333%; } } @media only screen and (max-width: 767px){ .services-items-container .flex-element-list .flex-element-item { width: 100%; } } .services-items-container .flex-item-desc { padding: 40px 45px 40px 30px; } @media only screen and (max-width: 1359px){ .services-items-container .flex-item-desc { padding: 40px 15px 40px 18px; } } @media only screen and (max-width: 1023px){ .services-items-container .flex-item-desc { padding: 20px 9px 20px 18px; } } @media only screen and (max-width: 767px){ .services-items-container .flex-item-desc { padding: 17px 22px 17px 19px; } } .services-items-container .flex-item-desc .btn.link-with-arrow { } @media only screen and (max-width: 767px){ .services-items-container .flex-item-desc .btn.link-with-arrow { padding: 0; } } .section-form.mg-top { margin-top: 80px; } .section-service-detail .text-block { width: 100%; box-sizing: border-box; padding: 0 40px; margin: 0 0 30px; } @media only screen and (max-width: 1359px){ .ssection-service-detail .text-block { padding: 0 30px; } } @media only screen and (max-width: 1023px){ .section-service-detail .text-block { padding: 0; } } .section-service-detail .text-block h2 { margin-bottom: 22px; color: black; } .section-service-detail .text-block p { margin-bottom: 30px; } .section-galleries .h2-block { margin-bottom: 30px; } .galleries { display: flex; flex-direction: column; gap: 10px; } .galleries .gallery { width: 100%; } .galleries .gallery .gallery-holder { } .galleries .gallery .gallery-holder .gallery-container { display: flex; flex-wrap: wrap; row-gap: 10px; width: calc(100% + 10px); margin: 0 -5px; } .galleries .gallery .gallery-holder .gallery-container .gallery-item { box-sizing: border-box; padding: 0 5px; /*width: 25%;*/ } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder { width: 100%; height: auto; aspect-ratio: 468/350; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a { display: block; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; transition: all 300ms; } @media (hover: hover) { .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder a:hover img { transform: scale(1.1); transition: all 300ms; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video { } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a { position: relative; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a::before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.46) 100%); } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a .play { width: 45px; height: 45px; border-radius: 50%; background-color: #FF5F00; color: white; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a .play svg { width: 12px; height: 20xp; } .checkmark-field { } .checkmark-field .checkcontainer { width: 100%; display: flex; gap: 10px; position: relative; cursor: pointer; font-style: normal; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkmark-field .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark-field .checkcontainer input:checked~.checkmark::after { opacity: 1; transition: all 300ms; } .checkmark-field .checkcontainer .checkmark { float: left; left: 0px; top: 0px; height: 16px; width: 16px; box-sizing: border-box; background-color: white; border-radius: 0; border: 1px solid white; position: relative; transition: all 300ms; } .checkmark-field .checkcontainer .checkmark::after { content: ""; position: absolute; display: inline-block; opacity: 0; left: 50%; top: 50%; width: 2px; height: 6px; border: solid black; border-width: 0 2px 2px 0; transform: translate(-50%, -50%) rotate(45deg); transition: all 300ms ease; } .checkmark-field .checkcontainer .name { font-size: 16px; font-style: normal; font-weight: 300; line-height: 140%; width: calc(100% - 16px - 10px); } .checkmark-field .checkcontainer .name a { text-decoration: underline; text-decoration-color: currentColor; transition: all 300ms; } @media (hover: hover) { .checkmark-field .checkcontainer .name a:hover { text-decoration-color: transparent; transition: all 300ms; } } .btn-block .agree-col { padding-top: 6px; } .btn-block .agree-col .checkmark-field .checkcontainer .name { color: white; } .btn-block .agree-col .checkmark-field .checkcontainer .name a { text-decoration-color: #FFFFFF80; } @media (hover: hover) { .btn-block .agree-col .checkmark-field .checkcontainer .name a:hover { text-decoration-color: transparent; } } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a video, .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video a { position: relative; display: block; width: 100%; height: 100%; } .galleries .gallery .gallery-holder .gallery-container .gallery-item .gallery-item-holder.video { position: relative; overflow: hidden; border-radius: 15px; } /*SERVICES PRODUCT ITEM*/ @media only screen and (max-width: 1023px) { .services-items-container .flex-element-list { margin: -5px -5px; } .services-items-container .flex-element-list .flex-element-item { width: 50%; padding: 5px; } } @media only screen and (max-width: 767px) { .services-items-container .flex-element-list { margin: -10px -10px; } .services-items-container .flex-element-list .flex-element-item { width: 100%; padding: 10px; } } .product-item.with-image { height: auto; } .services-items-container .product-item.with-image { display: inline-block; width: 100%; height: auto; min-height: 0; overflow: visible; } .product-item.with-image .item-image { width: 100%; height: 300px; border-radius: 20px; overflow: hidden; position: relative; } @media only screen and (max-width: 1023px) { .product-item.with-image .item-image { height: 250px; } } .product-item.with-image .item-image::before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); opacity: 0; transition: all 400ms; } @media (hover: hover) { a.product-item.with-image:hover .item-image::before { opacity: 1; transition: all 400ms; } } .product-item.with-image .item-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; transform: none; } .services-items-container .product-item.with-image .item-image img { height: 100%; object-fit: cover; position: absolute; } .services-items-container .product-item.with-image:hover .item-image img { transform: none; } a.product-item.with-image .flex-item-desc { background-color: transparent; padding: 25px 15px 0 21px; } @media only screen and (max-width: 1359px) { a.product-item.with-image .flex-item-desc { padding: 30px 10px 0 21px; } } @media only screen and (max-width: 1023px) { a.product-item.with-image .flex-item-desc { padding: 20px 4px 0 21px; } } @media only screen and (max-width: 767px) { a.product-item.with-image .flex-item-desc { padding: 21px 23px 0 21px; } } a.product-item.with-image span.text { font-size: 26px; font-style: normal; font-weight: 500; line-height: 120%; color: black; transition: all 400ms; } @media (hover: hover) { a.product-item.with-image:hover span.text { color: #FF5F00; transition: all 400ms; } } @media only screen and (max-width: 1359px) { a.product-item.with-image span.text { font-size: 22px; } } a.product-item.with-image span.icon svg path { fill: #FF5F00 !important; } /* End */ /* Start:/design/style/ruslan.css?17784805936477*/ .contacts-new-container { padding-top: 20px; padding-bottom: 60px; display: flex; flex-direction: column; gap: 40px; } .contacts-new-container-top { display: flex; flex-direction: column; gap: 30px; } .breadcrumbs-container-contacts-new { padding: 0px 46px; } .section-pagetitle-container-contacts-new { padding: 0px 46px; } .container-main-wrapper { display: flex; gap: 10px; padding: 0px 47px; } .container-main-wrapper-img { width: calc(50% - 5px); } .container-main-wrapper-img-inside { width: 100%; height: auto; border-radius: 20px; object-fit: cover; } .wrapper-content-inside { display: flex; gap: 12px; flex-wrap: wrap; flex-direction: column; } .additional-wrapper-content-inside { display: flex; gap: 30px; flex-wrap: wrap; } .wrapper-content-inside-links { display: flex; gap: 15px; } .container-main-wrapper-content { display: flex; flex-direction: column; gap: 14px; width: calc(50% - 5px); padding-right: 75px; } .content-inside-box { display: flex; flex-direction: column; gap: 20px; width: calc(50% - 15px); } .box-bottom-wrapper { display: flex; flex-direction: column; gap: 10px; } .work-schedule { max-width: 164px; } .box-top { color: var(--Black, #000); font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; } .box-bottom { color: var(--Text, #777); /* desktop/text 18 140% */ font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ } .mail { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .application-letters { color: var(--Black, #000); font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; /* 22.4px */ } .connection { display: inline-block; padding: 17.5px 30px; color: var(--Black, #000); /* desktop/text 18 140% */ font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ border-radius: 100px; border: 1px solid var(--Orange, #ff4f00); background: var(--White, #fff); transition: 0.4s cubic-bezier(0.76, 0, 0.24, 1); } .connection:hover, .connection:active { border: 1px solid #f26b27; background-color: #f26b27; color: #ffffff; } .path { display: inline-block; color: var(--Black, #000); /* desktop/text 18 140% */ font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ border-radius: 100px; border: 1px solid var(--Orange, #ff4f00); background: var(--White, #fff); transition: 0.4s cubic-bezier(0.76, 0, 0.24, 1); } .path:hover, .path:active { border: 1px solid #f26b27; background-color: #f26b27; color: #ffffff; } .path-inside { display: flex; gap: 10px; padding: 17.5px 30px; justify-content: center; align-items: center; } .path-wrapper-svg svg { color: #ff5f00; transition: 0.4s cubic-bezier(0.76, 0, 0.24, 1); } .path:hover .path-wrapper-svg svg { color: #fff; } .path-wrapper-svg { width: 20px; height: 20px; flex-shrink: 0; } .path-wrapper-svg svg { width: 100%; height: 100%; } .link-max { display: inline-block; max-width: 174px; width: 100%; } .box-max { display: flex; align-items: center; gap: 8px; } .box-max-wrapper-svg { width: 24px; height: 24px; flex-shrink: 0; } .box-max-wrapper-svg svg { width: 100%; height: 100%; } .box-max-text { color: var(--Black, #000); /* desktop/text 18 140% */ font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ } .map-container-contacts-new { height: 534px; width: 100%; } @media (max-width: 1440px) { .contacts-new-container { padding-bottom: 40px; } .container-main-wrapper { flex-direction: column; gap: 49px; padding: 0px; } .container-main-wrapper-content { width: 100%; padding-right: 0px; } .container-main-wrapper-img { width: 100%; } .container-main-wrapper-img-inside { aspect-ratio: 75 / 38; object-position: bottom; } .breadcrumbs-container { padding: 0 30px; } .section-pagetitle-container { padding: 0 30px; } .addition-contacts-new { padding: 0px 30px; } } @media (max-width: 1080px) { .contacts-new-container { padding-top: 0px; padding-bottom: 20px; gap: 30px; } .contacts-new-container-top { gap: 20px; } .breadcrumbs-container { padding: 0px; } .section-pagetitle-container { padding: 0px; } .section-pagetitle-container h1 { font-size: 32px; } .addition-contacts-new { padding: 0px; } .wrapper-content-inside { gap: 20px; } .box-top { font-size: 16px; } .box-bottom { font-size: 14px; } .work-schedule { max-width: 128px; } .application-letters { font-size: 14px; } .max-text { font-size: 14px; } .container-main-wrapper-img-inside { aspect-ratio: 397 / 250; } .additional-wrapper-content-inside { gap: 20px; } .box-max-text { font-size: 14px; } .container-main-wrapper-content { gap: 20px; } .container-main-wrapper { gap: 40px; } } @media (max-width: 500px) { .contacts-new-container { padding-bottom: 30px; gap: 28px; } .section-pagetitle-container h1 { font-size: 26px; } .container-main-wrapper { gap: 30px; } .container-main-wrapper-content { gap: 26px; } .wrapper-content-inside { flex-direction: column; gap: 22px; } .content-inside-box { width: 100%; } .content-inside-box { width: 100%; } .wrapper-content-inside-links { flex-direction: column; gap: 10px; } .connection { padding: 17.5px 0px; text-align: center; } .path-inside { padding: 17.5px 0px; } .container-main-wrapper-img-inside { aspect-ratio: 165 / 118; } .content-inside-box { gap: 10px; } .addition-contacts-new { padding-top: 4px; } .map-container-contacts-new { height: 449px; } } .container-main-wrapper-content .wrapper-content-inside { gap: 20px; } /* End */ /* Start:/local/templates/zedex/components/bitrix/menu/main-menu-multilevel/style.min.css?1758012370490*/ 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/zedex/components/bitrix/menu/main-menu-multilevel/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/zedex/components/bitrix/menu/main-menu-multilevel.mobile/style.min.css?1758022159490*/ 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/zedex/components/bitrix/menu/main-menu-multilevel.mobile/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/zedex/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1735120475467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/zedex/components/bitrix/menu/main-menu/style.min.css?1735120475490*/ 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/zedex/components/bitrix/menu/main-menu/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 */ /* /design/style/swiper-bundle.min.css?174305830818454 */ /* /design/fonts/stylesheet.css?17351204681453 */ /* /design/js/fancybox/jquery.fancybox.min.css?173512046812799 */ /* /design/style/style.css?178998168186813 */ /* /design/style/prog.css?17913555435820 */ /* /design/style/nika.css?17694948372756 */ /* /design/style/fynjn77.css?17694912102000 */ /* /design/style/orangato.css?178308090933810 */ /* /design/style/ruslan.css?17784805936477 */ /* /local/templates/zedex/components/bitrix/menu/main-menu-multilevel/style.min.css?1758012370490 */ /* /local/templates/zedex/components/bitrix/menu/main-menu-multilevel.mobile/style.min.css?1758022159490 */ /* /local/templates/zedex/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1735120475467 */ /* /local/templates/zedex/components/bitrix/menu/main-menu/style.min.css?1735120475490 */