/* Start:/local/templates/terratech_23/css/swiper.min.css?167999066416482*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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: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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width: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: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:10px;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-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: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:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/terratech_23/css/aos.css?167999066437466*/ [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos] { pointer-events: none } [data-aos].aos-animate { pointer-events: auto } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6, -.28, .735, .045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47, 0, .745, .715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39, .575, .565, 1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445, .05, .55, .95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } @media screen and (min-width: 768px) { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: none; transform: none } html:not(.no-js) [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0) } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0) } html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0) } html:not(.no-js) [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0) } html:not(.no-js) [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0) } html:not(.no-js) [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0) } html:not(.no-js) [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0) } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } html:not(.no-js) [data-aos=zoom-in] { -webkit-transform: scale(.6); transform: scale(.6) } html:not(.no-js) [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(.6); transform: translate3d(0, 100px, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(.6); transform: translate3d(0, -100px, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(.6); transform: translate3d(-100px, 0, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(.6); transform: translate3d(100px, 0, 0) scale(.6) } html:not(.no-js) [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2) } html:not(.no-js) [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2) } html:not(.no-js) [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2) } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; visibility: hidden } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0) } html:not(.no-js) [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } html:not(.no-js) [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } html:not(.no-js) [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } html:not(.no-js) [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } html:not(.no-js) [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg) } html:not(.no-js) [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg) } html:not(.no-js) [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0) } html:not(.no-js) [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg) } html:not(.no-js) [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } html:not(.no-js) [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg) } html:not(.no-js) [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0) } /* additional animations */ html:not(.no-js) [data-aos^=slide-position][data-aos^=slide-position] { position: relative; transition-property: top, right, bottom, left; visibility: hidden } html:not(.no-js) [data-aos^=slide-position][data-aos^=slide-position].aos-animate { visibility: visible; } html:not(.no-js) [data-aos=slide-position-left] { left: -100vw; } html:not(.no-js) [data-aos=slide-position-left].aos-animate { left: 0; } html:not(.no-js) [data-aos=slide-position-right] { right: -100vw; } html:not(.no-js) [data-aos=slide-position-right].aos-animate { right: 0; } html:not(.no-js) [data-aos=slide-position-top] { top: -100vh; } html:not(.no-js) [data-aos=slide-position-right].aos-animate { top: 0; } html:not(.no-js) [data-aos=slide-position-bottom] { bottom: -100vh; } html:not(.no-js) [data-aos=slide-position-right].aos-animate { bottom: 0; } html:not(.no-js) [data-aos^=grow-border][data-aos^=grow-border]::before, html:not(.no-js) [data-aos^=grow-border][data-aos^=grow-border]::after { transition: inherit; transition-property: width, height; } html:not(.no-js) [data-aos^=grow-border-x][data-aos^=grow-border-x]::before, html:not(.no-js) [data-aos^=grow-border-x][data-aos^=grow-border-x]::after { width: 0; } html:not(.no-js) [data-aos^=grow-border-x][data-aos^=grow-border-x].aos-animate::before, html:not(.no-js) [data-aos^=grow-border-x][data-aos^=grow-border-x].aos-animate::after { width: 100%; } html:not(.no-js) [data-aos^=grow-border-y][data-aos^=grow-border-y]::before, html:not(.no-js) [data-aos^=grow-border-y][data-aos^=grow-border-y]::after { height: 0; } html:not(.no-js) [data-aos^=grow-border-y][data-aos^=grow-border-y].aos-animate::before, html:not(.no-js) [data-aos^=grow-border-y][data-aos^=grow-border-y].aos-animate::after { height: 70px; } html:not(.no-js) [data-aos^=section-darken][data-aos^=section-darken] { transition-property: background-color, color; } html:not(.no-js) [data-aos^=section-darken][data-aos^=section-darken] > .section { transition: inherit; transition-property: background-color, color; } html:not(.no-js) [data-aos^=section-darken][data-aos^=section-darken].aos-animate, html:not(.no-js) [data-aos^=section-darken][data-aos^=section-darken].aos-animate > .section { color: var(--color-white); background-color: var(--color-text-color); } html:not(.no-js) [data-aos=reveal-by-words] { --transition-base-delay: 0.1s; --transition-delay-step: 0.25s; --transition-delay-multiplier: 1; } html:not(.no-js) [data-aos=reveal-by-words]:not(.aos-animate) { opacity: 0; } html:not(.no-js) [data-aos=reveal-by-words] > span { position: relative; display: inline-block; transition: inherit; transition-property: transform, opacity; transition-delay: calc(var(--transition-base-delay) + var(--transition-delay-step) * var(--transition-delay-multiplier)); transform: translate3d(0, 0.5em, 0); opacity: 0; } html:not(.no-js) [data-aos=reveal-by-words].aos-animate > span { transform: translate3d(0, 0, 0); opacity: 1; } html:not(.no-js) [data-aos^=svg-circle-progress] svg { transition: inherit; } html:not(.no-js) [data-aos^=svg-circle-progress] svg circle.circle-progress { transition: inherit; transition-property: stroke-dashoffset; } html:not(.no-js) [data-aos^=svg-circle-progress]:not(.aos-animate) svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * 1); } html:not(.no-js) [data-aos^=svg-circle-progress-reverse]:not(.aos-animate) svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * -1); } html:not(.no-js) [data-aos^=split-borders] { transition-property: all; } html:not(.no-js) [data-aos^=split-borders]::before, html:not(.no-js) [data-aos^=split-borders]::after { transition: inherit; } html:not(.no-js) [data-aos^=split-borders]:not(.aos-animate) { margin-left: 0; border-color: transparent; } html:not(.no-js) [data-aos^=split-borders]:not(.aos-animate)::before, html:not(.no-js) [data-aos^=split-borders]:not(.aos-animate)::after { margin: 0; } html:not(.no-js) [data-aos^=about-logo-bubbles] .about-logo-bubble { transition: inherit; transition-property: all; } html:not(.no-js) [data-aos^=about-logo-bubbles] .about-logo-bubble-logo { transition: inherit; transition-delay: 1.6s; transition-duration: 0.6s; } html:not(.no-js) [data-aos^=about-logo-bubbles] .about-logo-bubbles-line { transition-delay: 1.8s; transition-duration: 0.6s; } html:not(.no-js) [data-aos^=about-logo-bubbles]:not(.aos-animate) .about-logo-bubble:nth-child(1) { left: 0; margin-left: 0; } html:not(.no-js) [data-aos^=about-logo-bubbles]:not(.aos-animate) .about-logo-bubble:nth-child(2) { left: 13%; margin-left: 0; } html:not(.no-js) [data-aos^=about-logo-bubbles]:not(.aos-animate) .about-logo-bubble:nth-child(3) { left: 21%; margin-left: 0; } html:not(.no-js) [data-aos^=about-logo-bubbles]:not(.aos-animate) .about-logo-bubble-logo, html:not(.no-js) [data-aos^=about-logo-bubbles]:not(.aos-animate) .about-logo-bubbles-line{ opacity: 0; } } /* End */ /* Start:/local/templates/terratech_23/css/fancybox.css?167999066415598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/terratech_23/css/normalize.css?16799906641471*/ html { -webkit-text-size-adjust: 100% } body { margin: 0 } details, main { display: block; } small { font-size: 80% } h1, h2, h3, h4, p { margin: 0; } ul, ol { margin: 0; padding: 0; list-style: none; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } [hidden], template { display: none } /* End */ /* Start:/local/templates/terratech_23/css/grid.css?168250104134148*/ /*! * Bootstrap Grid v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /* break points: 480 | 768 | 1024 | 1280 | 1600 */ body { --bs-gutter-x: 10px; --bs-gutter-y: 0; } .container, .container-fluid { width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 480px) { body { --bs-gutter-x: 20px; } .container { max-width: 460px; } } @media (min-width: 768px) { body { --bs-gutter-x: 20px; } .container { max-width: 740px; } } @media (min-width: 1024px) { body { --bs-gutter-x: 20px; } .container { max-width: 980px; } } @media (min-width: 1280px) { body { --bs-gutter-x: 30px; } .container { max-width: 1230px; } } @media (min-width: 1600px) { body { --bs-gutter-x: 30px; } .container { max-width: 1430px; } } .row { --bs-gutter-x: 10px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } @media (min-width: 480px) { .row { --bs-gutter-x: 20px; } } @media (min-width: 1280px) { .row { --bs-gutter-x: 30px; } } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } @media (min-width: 480px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } } @media (min-width: 1024px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } } @media (min-width: 1280px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } } @media (min-width: 1600px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } @media (min-width: 480px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } } @media (min-width: 1024px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } } @media (min-width: 1280px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } } @media (min-width: 1600px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* End */ /* Start:/local/templates/terratech_23/css/animations.css?1679990664164*/ @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } /* End */ /* Start:/local/templates/terratech_23/css/fonts.css?16799906641422*/ @font-face { font-family: "Code Next"; font-weight: 300; font-style: normal; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Book.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Book.woff') format('woff'); } @font-face { font-family: "Code Next"; font-weight: 300; font-style: italic; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Book-Italic.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Book-Italic.woff') format('woff'); } @font-face { font-family: "Code Next"; font-weight: 400; font-style: normal; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Regular.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Regular.woff') format('woff'); } @font-face { font-family: "Code Next"; font-weight: 400; font-style: italic; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Regular-Italic.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Regular-Italic.woff') format('woff'); } @font-face { font-family: "Code Next"; font-weight: 600; font-style: normal; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_SemiBold.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_SemiBold.woff') format('woff'); } @font-face { font-family: "Code Next"; font-weight: 700; font-style: normal; src: url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Bold.woff2') format('woff2'), url('/local/templates/terratech_23/css/../fonts/Code Next/Code-Next_Bold.woff') format('woff'); } /* End */ /* Start:/local/templates/terratech_23/css/datepicker.css?16799906646176*/ .datepicker { display: none; } .datepicker.active { display: block; } .datepicker-dropdown { position: absolute; top: 0; left: 0; z-index: 20; padding-top: 4px; } .datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 4px; } .datepicker-picker { display: inline-block; border-radius: 4px; background-color: white; } .datepicker-dropdown .datepicker-picker { box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } .datepicker-picker span { display: block; flex: 1; border: 0; border-radius: 4px; cursor: default; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker-main { padding: 2px; } .datepicker-footer { box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; } .datepicker-grid, .datepicker-view .days-of-week, .datepicker-view, .datepicker-controls { display: flex; } .datepicker-grid { flex-wrap: wrap; } .datepicker-view .days .datepicker-cell, .datepicker-view .dow { flex-basis: 14.2857142857%; } .datepicker-view.datepicker-grid .datepicker-cell { flex-basis: 25%; } .datepicker-cell, .datepicker-view .week { height: 2.25rem; line-height: 2.25rem; } .datepicker-title { box-shadow: inset 0 -1px 1px rgba(10, 10, 10, 0.1); background-color: whitesmoke; padding: 0.375rem 0.75rem; text-align: center; font-weight: 700; } .datepicker-header .datepicker-controls { padding: 2px 2px 0; } .datepicker-controls .button { display: inline-flex; position: relative; align-items: center; justify-content: center; margin: 0; border: 1px solid #dbdbdb; border-radius: 4px; box-shadow: none; background-color: white; cursor: pointer; padding: calc(0.375em - 1px) 0.75em; height: 2.25em; vertical-align: top; text-align: center; line-height: 1.5; white-space: nowrap; color: #363636; font-size: 1rem; } .datepicker-controls .button:focus, .datepicker-controls .button:active { outline: none; } .datepicker-controls .button:hover { border-color: #b5b5b5; color: #363636; } .datepicker-controls .button:focus { border-color: #3273dc; color: #363636; } .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } .datepicker-controls .button:active { border-color: #4a4a4a; color: #363636; } .datepicker-controls .button[disabled] { cursor: not-allowed; } .datepicker-header .datepicker-controls .button { border-color: transparent; font-weight: bold; } .datepicker-header .datepicker-controls .button:hover { background-color: #f9f9f9; } .datepicker-header .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .datepicker-header .datepicker-controls .button:active { background-color: #f2f2f2; } .datepicker-header .datepicker-controls .button[disabled] { box-shadow: none; } .datepicker-footer .datepicker-controls .button { margin: calc(0.375rem - 1px) 0.375rem; border-radius: 2px; width: 100%; font-size: 0.75rem; } .datepicker-controls .view-switch { flex: auto; } .datepicker-controls .prev-btn, .datepicker-controls .next-btn { padding-right: 0.375rem; padding-left: 0.375rem; width: 2.25rem; } .datepicker-controls .prev-btn.disabled, .datepicker-controls .next-btn.disabled { visibility: hidden; } .datepicker-view .dow { height: 1.5rem; line-height: 1.5rem; font-size: 0.875rem; font-weight: 700; } .datepicker-view .week { width: 2.25rem; color: #b5b5b5; font-size: 0.75rem; } @media (max-width: 22.5rem) { .datepicker-view .week { width: 1.96875rem; } } .datepicker-grid { width: 15.75rem; } @media (max-width: 22.5rem) { .calendar-weeks + .days .datepicker-grid { width: 13.78125rem; } } .datepicker-cell:not(.disabled):hover { background-color: #f9f9f9; cursor: pointer; } .datepicker-cell.focused:not(.selected) { background-color: #e8e8e8; } .datepicker-cell.selected, .datepicker-cell.selected:hover { background-color: #3273dc; color: #fff; font-weight: 600; } .datepicker-cell.disabled { color: #dbdbdb; } .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) { color: #7a7a7a; } .datepicker-cell.prev.selected, .datepicker-cell.next.selected { color: #e6e6e6; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { border-radius: 0; background-color: whitesmoke; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { background-color: #eeeeee; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused { background-color: #e8e8e8; } .datepicker-cell.today:not(.selected) { background-color: #00d1b2; } .datepicker-cell.today:not(.selected):not(.disabled) { color: #fff; } .datepicker-cell.today.focused:not(.selected) { background-color: #00c4a7; } .datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) { background-color: #b5b5b5; color: #fff; } .datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) { background-color: #afafaf; } .datepicker-cell.range-start { border-radius: 4px 0 0 4px; } .datepicker-cell.range-end { border-radius: 0 4px 4px 0; } .datepicker-cell.range { border-radius: 0; background-color: #dbdbdb; } .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { background-color: #d5d5d5; } .datepicker-cell.range.disabled { color: #c2c2c2; } .datepicker-cell.range.focused { background-color: #cfcfcf; } .datepicker-view.datepicker-grid .datepicker-cell { height: 4.5rem; line-height: 4.5rem; } .datepicker-input.in-edit { border-color: #2366d1; } .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active { box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); } /* End */ /* Start:/local/templates/terratech_23/css/main.css?1750852029187822*/ :root { /* colors */ --color-text-color: #2B3944; --color-blue: #0066FF; --color-blue-active: #0049B7; --color-blue-light: #CEE2FF; --color-gray: #86939D; --color-white: #fff; --color-background: #F4F4F4; --color-border-gray: #D9D9D9; --color-error: #FF0000; } .color-gray { color: var(--color-gray); } .color-blue { color: var(--color-blue); } html { scroll-behavior: smooth; } body { font-size: 16px; line-height: 26px; font-family: "Code Next", sans-serif; color: var(--color-text-color); background: var(--color-background); } @media (max-width: 767px) { body { font-size: 14px; line-height: 22px; } } .template-wrapper ::before, .template-wrapper ::after, .template-wrapper * { box-sizing: inherit; } .template-wrapper { display: flex; flex-flow: column nowrap; min-height: 100vh; box-sizing: border-box; } .template-wrapper-top { flex: 1 0 auto; max-height: 100%; } .template-wrapper-bottom { flex: 0 0 auto; } .datepicker-picker span { color: var(--color-text-color); } /* utility */ .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } /* scrollbars */ .scrollbar-x-thin { scrollbar-width: thin; } .scrollbar-x-thin::-webkit-scrollbar { height: 8px; } .scrollbar-x-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-x-thin::-webkit-scrollbar-thumb { background-color: var(--color-gray); border-radius: 4px; border: transparent; } .scrollbar-y-thin { scrollbar-width: thin; } .scrollbar-y-thin::-webkit-scrollbar { width: 8px; } .scrollbar-y-thin::-webkit-scrollbar-track { background: transparent; } .scrollbar-y-thin::-webkit-scrollbar-thumb { background-color: var(--color-gray); border-radius: 4px; border: transparent; } a { color: var(--color-blue); text-decoration: none; } .template-wrapper svg { display: block; height: auto; max-width: 100%; } .template-wrapper img { display: block; max-width: 100%; } /* text */ h1, .h1 { font-weight: 700; font-size: 150px; line-height: 120px; letter-spacing: -0.07em; } h2, .h2 { font-weight: 400; font-size: 32px; line-height: 40px; letter-spacing: initial; } h3, .h3 { font-weight: 600; font-size: 24px; line-height: 34px; } h4, .h4 { font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: 0.05em; } p, .p { font-size: 16px; line-height: 26px; } @media (max-width: 1279px) { h1, .h1 { font-size: 90px; line-height: 80px; } h2, .h2 { font-size: 28px; line-height: 34px; } } @media (max-width: 767px) { h1, .h1 { font-size: 38px; line-height: 36px; } h2, .h2 { font-size: 24px; line-height: 28px; } h3, .h3 { font-size: 18px; line-height: 22px; } h4, .h4 { font-size: 14px; line-height: 26px; } p, .p { font-size: 14px; line-height: 22px; } } ul.simple-list > li { position: relative; padding: 0 0 0 1em; } ul.simple-list > li::before { content: "•"; position: absolute; top: 0; left: 0.4em; display: block; } ul.simple-list.blue-dot > li::before { content: ""; top: 12px; width: 3px; height: 3px; background: var(--color-blue); border-radius: 50%; } ul.simple-list > li + li { margin: 0.5em 0 0 0; } ul.simple-list.two-columns { column-count: 2; column-gap: var(--bs-gutter-x); } ul.simple-list.two-columns > li { display: inline-block; width: 100%; } @media (max-width: 767px) { ul.simple-list.blue-dot > li::before { top: 10px; } ul.simple-list.two-columns { column-count: 1; } } .date-text { font-size: 16px; line-height: 23px; color: var(--color-gray); } .link-text { font-size: 16px; line-height: 23px; } @media (max-width: 479px) { .link-text { font-size: 14px; line-height: 18px; } } /* buttons */ .btn { display: inline-flex; justify-content: center; align-items: center; gap: 0 8px; height: 46px; padding: 0 30px; font-size: 14px; line-height: 20px; color: var(--color-text-color); text-transform: uppercase; letter-spacing: 0.05em; background: transparent; border: 1px solid; border-radius: 240px; cursor: pointer; outline: none; transition: 0.25s; } .btn:hover, .btn:focus { outline: none; } .btn:disabled { opacity: 0.5; pointer-events: none; } .btn.active:not(.btn-no-border) { color: var(--color-white); background-color: var(--color-blue); border-color: var(--color-blue); } .btn-primary { color: var(--color-white); background-color: var(--color-blue); border-color: var(--color-blue); } .btn-primary:hover, .btn-primary:focus { background-color: var(--color-blue-active); border-color: var(--color-blue-active); } .btn-secondary { color: var(--color-blue); border-color: var(--color-blue); } .btn-secondary:hover, .btn-secondary:focus { color: var(--color-white); background-color: var(--color-blue); border-color: var(--color-blue); } .btn-secondary svg path { transition: 0.25s; } .btn-secondary:hover svg path, .btn-secondary:focus svg path { fill: var(--color-white); } .btn-bg-fill { position: relative; overflow: hidden; } .btn-secondary.btn-bg-fill:hover, .btn-secondary.btn-bg-fill:focus { background-color: transparent; } .btn-bg-fill::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 0; background-color: var(--color-blue); transition: inherit; } .btn-secondary.btn-bg-fill:hover::after, .btn-secondary.btn-bg-fill:focus::after { height: 100%; } .btn-bg-fill span { position: relative; z-index: 2; } .btn-white { color: var(--color-blue); background-color: var(--color-white); border-color: var(--color-white); } .btn-white:hover { background-color: var(--color-blue-light); border-color: var(--color-blue-light); } .btn-white:focus { color: var(--color-blue-active); background-color: var(--color-white); border-color: var(--color-white); } .btn-icon-only { width: 46px; padding: 0; } .btn .icon { position: relative; z-index: 1; display: block; width: 24px; } .btn:not(.active) .icon-active { display: none; } .btn.active .icon-active + .icon { display: none; } .btn.btn-no-border { padding: 0; border: none; border-radius: 0; } @media (max-width: 767px) { .btn { font-size: 12px; line-height: 18px; } } /* header */ .template-header { position: relative; position: -webkit-sticky; position: sticky; z-index: 50; top: 0; min-height: 107px; padding: 33px 0 0 0; background-color: var(--color-white); border-bottom: 1px solid var(--color-gray); opacity: 1; transition: opacity 0.25s ease-out; overflow: visible; } .header-dark { background-color: var(--color-text-color); } .template-header--hidden { opacity: 0; pointer-events: none; } .header-logo { position: relative; display: block; margin: 2px 0 0 0; width: 238px; } .header-logo img { display: block; width: 100%; opacity: 1; transition: 0.35s; } .header-logo img.hover { position: absolute; top: 0; left: 0; opacity: 0; } .header-logo:hover img:not(.no-hover), .header-logo:focus img:not(.no-hover) { opacity: 0; } .header-logo:hover img.hover, .header-logo:focus img.hover { opacity: 1; } .header-search-trigger { height: 24px; } .header-ui-buttons { display: flex; align-items: center; } .header-dark .header-ui-buttons svg path, .header-dark .header-ui-buttons-links svg path { fill: var(--color-white); } .header-ui-buttons-links { display: flex; margin: 0 0 0 24px; } .header-ui-buttons-links a + a { margin: 0 0 0 16px; } .language-change-link { display: flex; align-items: center; margin: 0 0 0 24px; font-size: 14px; line-height: 20px; color: var(--color-text-color); text-transform: uppercase; letter-spacing: 0.05em; transition: 0.25s; } .header-dark .language-change-link { color: var(--color-white); } .language-change-link svg { width: 16px; margin: 0 0 0 2px; } .header-mobile-menu-trigger { height: 24px; margin: 0 0 0 24px; } .header-dark .header-mobile-menu-trigger { color: var(--color-white); } .header-dark .header-mobile-menu-trigger svg path { fill: var(--color-white); } @media (max-width: 767px) { .template-header { min-height: initial; padding: 30px 0 25px 0; } .header-logo { width: 142px; margin: 0; } .language-change-link { justify-content: center; min-width: 68px; padding: 0 16px; border: 1px solid var(--color-text-color); border-radius: 24px; } } @media (max-width: 479px) { .header-logo { width: 142px; } .header-ui-buttons-links { margin: 0 0 0 16px; } .header-mobile-menu-trigger { margin: 0 0 0 16px; } } /* header menu */ .header-menu-list { display: flex; flex-flow: row nowrap; margin: 0 -15px; } .header-menu-item > a { position: relative; display: block; padding: 16px 15px 38px 15px; font-size: 14px; line-height: 20px; color: var(--color-text-color); letter-spacing: 0.05em; } .header-dark .header-menu-item > a { color: var(--color-white); } .header-menu-item > a::after { content: ""; position: absolute; right: 15px; bottom: 0; left: 15px; display: block; height: 3px; background-color: transparent; transition: 0.25s; } .header-menu-item > a:hover::after, .header-menu-item > a.active::after, .header-menu-item.is-parent:hover > a::after { background-color: var(--color-gray); } .header-menu-item.is-parent > a { display: flex; flex-flow: row nowrap; align-items: center; } .header-menu-item.is-parent > a svg { width: 16px; margin: 0 0 0 5px; } .header-dark .header-menu-item.is-parent > a svg path { stroke: var(--color-white); } .header-menu-sub { position: absolute; z-index: 5; top: 100%; left: 0; display: none; width: 100%; height: calc(100vh - 108px); background: rgba(43,57,68,0.5); overflow-y: auto; pointer-events: none; } .header-dark .header-menu-sub { background-color: rgba(0,0,0,0.5); } .header-menu-item.is-parent:hover .header-menu-sub { display: block; } .header-menu-item.is-parent:hover .header-menu-sub-heading, .header-menu-item.is-parent:hover .header-menu-sub-list, .header-menu-item.is-parent:hover .header-menu-sub-info .header-menu-sub-item-info-row { animation: 0.25s ease-in 0s forwards fadeIn; } .header-menu-sub-bg { position: relative; min-height: 445px; padding: 50px 0; background-color: var(--color-white); border-top: 1px solid var(--color-gray); pointer-events: initial; } .header-dark .header-menu-sub-bg { background-color: var(--color-text-color); } .header-menu-sub-heading { display: flex; flex-flow: column nowrap; justify-content: space-between; height: 100%; min-height: 220px; font-size: 32px; line-height: 40px; } .header-dark .header-menu-sub-heading { color: var(--color-white); } .header-menu-sub-heading-more { margin: 30px 0 0 0; padding: 0 0 15px 0; } .header-menu-sub-list { width: 33.33%; } .header-menu-sub-list--wide { width: 66.66%; column-count: 2; } .header-menu-sub-item > a { display: block; padding: 10px 30px 15px 0; font-size: 20px; line-height: 26px; color: var(--color-text-color); transition: 0.25s; } .header-dark .header-menu-sub-item > a { color: var(--color-white); } .header-menu-sub-item > a:hover, .header-menu-sub-item > a:focus, .header-menu-sub-item:hover > a { color: var(--color-blue); } .header-menu-sub-item-info { position: absolute; z-index: 5; top: 0; right: 0; display: block; width: calc(50% + var(--bs-gutter-x) / 2); height: 100%; padding: 60px 0; background-color: var(--color-background); opacity: 0; pointer-events: none; transition: opacity 0.25s ease; } .header-dark .header-menu-sub-item-info { background-color: var(--color-text-color); } .header-menu-sub-item:hover .header-menu-sub-item-info { opacity: 1; pointer-events: initial; transition: none; } .header-menu-sub-item-info-row { display: flex; width: 715px; height: 100%; padding: 0 0 0 30px; opacity: 0; overflow-y: auto; } .header-menu-sub-item:hover .header-menu-sub-item-info-row { opacity: 1; transition: opacity 0.25s ease; } .header-menu-sub-item-info-text { flex: 0 0 auto; width: 50%; padding: 0 15px 0 0; color: var(--color-text-color); } .header-dark .header-menu-sub-item-info-text { color: var(--color-white); } .header-menu-sub-item-info-heading { font-size: 20px; line-height: 26px; } .header-menu-sub-item-info-heading a { color: var(--color-text-color); transition: 0.25s; } .header-dark .header-menu-sub-item-info-heading a { color: var(--color-white); } .header-menu-sub-item-info-heading a:hover, .header-menu-sub-item-info-heading a:focus { color: var(--color-blue); } .header-menu-sub-item-info-description { margin: 24px 0 0 0; font-size: 16px; line-height: 26px; } .header-menu-sub-item-info-links { margin: 34px 0 0 0; } .header-menu-sub-item-info-links a { display: block; font-size: 20px; line-height: 32px; color: var(--color-text-color); } .header-dark .header-menu-sub-item-info-links a { color: var(--color-white); } .header-menu-sub-item-info-more { margin: 44px 0 0 0; } .show-more-link { display: inline-flex; justify-content: space-between; align-items: center; font-size: 16px; line-height: 23px; color: var(--color-blue); } .show-more-link-icon { align-self: flex-end; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 0 0 24px; background: var(--color-blue); border: 1px solid var(--color-blue); border-radius: 50%; transition: 0.35s; } .show-more-link-icon svg path { fill: var(--color-white); transition: 0.35s; } a:hover .show-more-link-icon, button:hover .show-more-link-icon { background: var(--color-white); } a:hover .show-more-link-icon svg path, button:hover .show-more-link-icon svg path{ fill: var(--color-blue); } .show-more-link--white { color: var(--color-white); } .show-more-link--white .show-more-link-icon { background: var(--color-white); border-color: var(--color-white); } .show-more-link--white .show-more-link-icon svg path { fill: var(--color-blue); } .title-link { display: inline-flex; flex-flow: row nowrap; align-items: center; font-size: 20px; line-height: 26px; color: var(--color-text-color); transition: 0.25s; } .title-link-video { font-size: 16px; line-height: 23px; color: var(--color-gray); } .title-link:focus { color: var(--color-blue); } .title-link-icon { position: relative; flex: 0 0 auto; width: 60px; height: 60px; margin: 0 24px 0 0; background: var(--color-blue); border-color: var(--color-blue); } .title-link-icon svg { position: relative; z-index: 2; } .title-link-icon svg rect, .title-link-icon svg path { fill: var(--color-white); transition: 0.25s; } .title-link:hover .title-link-icon svg rect, .title-link:hover .title-link-icon svg path, .title-link:focus .title-link-icon svg rect, .title-link:focus .title-link-icon svg path { fill: var(--color-blue); } .title-link-icon::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; background: var(--color-white); border: 1px solid var(--color-blue); border-radius: 50%; transition: 0.25s; } .title-link:hover .title-link-icon::before, .title-link:focus .title-link-icon::before { width: 100%; height: 100%; } .section-darken .title-link, .section-dark .title-link { color: var(--color-white); } .section-darken .title-link-video { color: var(--color-gray); } @media (max-width: 767px) { .title-link { font-size: 16px; line-height: 22px; } .title-link-video { font-size: 14px; line-height: 18px; } .title-link-icon { width: 48px; height: 48px; margin: 0 16px 0 0; } .title-link-icon svg { width: 22px; height: auto; } .title-link-icon svg.play-angle { width: auto; } } .header-menu-sub-item-info-image { flex: 0 0 auto; width: 50%; padding: 0 0 0 15px; } .header-menu-sub-item-info-image img { display: block; max-width: 100%; } .header-menu-sub-list--wide .header-menu-sub-item-info { width: calc(50% - 352px); padding: 60px 0 60px 5px; /* fix for browser miscalculation */ background-color: var(--color-white); } .header-dark .header-menu-sub-list--wide .header-menu-sub-item-info { background-color: var(--color-text-color); } .header-menu-sub-list--wide .header-menu-sub-item-info-row { flex-flow: column nowrap; width: 357px; padding: 0 15px; overflow: hidden; } .header-menu-sub-list--wide .header-menu-sub-item-info-text { width: 100%; padding: 0; } .header-menu-sub-list--wide .header-menu-sub-item-info-image { width: 100%; padding: 0; } .header-menu-sub-list--wide .header-menu-sub-item-info-image + .header-menu-sub-item-info-text, .header-menu-sub-list--wide .header-menu-sub-item-info-text + .header-menu-sub-item-info-image { margin: 10px 0 0 0; } .header-menu-sub-info.header-menu-sub-item-info { z-index: 0; opacity: 1; pointer-events: initial; } .header-menu-sub-info .header-menu-sub-item-info-row { opacity: 1; } @media (max-width: 1599px) { .header-menu-list { margin: 0 -10px; } .header-menu-item > a { padding: 16px 9px 38px 9px; } .header-menu-item > a::after { right: 10px; left: 10px; } .header-menu-sub-item-info-row { width: 615px; } .header-menu-sub-list--wide .header-menu-sub-item-info { width: calc(50% - 302px); } .header-menu-sub-list--wide .header-menu-sub-item-info-row { width: 307px; } } /* header search */ .header-search { position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 108px); background: rgba(43,57,68,0.5); opacity: 0; overflow-y: auto; transition: opacity 0.25s; pointer-events: none; } .header-dark .header-search { background-color: rgba(0,0,0,0.5); } .header-search.active { opacity: 1; transition: opacity 0.25s ease-in; } .header-search-bg { position: relative; display: none; min-height: 174px; padding: 60px 0 0 0; background-color: var(--color-white); border-top: 1px solid var(--color-gray); pointer-events: initial; } .header-dark .header-search-bg { background-color: var(--color-text-color); } .header-search.active .header-search-bg { display: block; } .header-search-form { position: relative; } .header-search-form-input { display: flex; align-items: center; width: 100%; height: 34px; padding: 0 54px 0 0; font-weight: 300; font-size: 20px; line-height: 26px; color: var(--color-text-color); border: none; border-bottom: 1px solid var(--color-gray); outline: none; } .header-dark .header-search-form-input { color: var(--color-white); background-color: var(--color-text-color); border-color: var(--color-white); } .header-search-form-input::placeholder, .header-search-form-input::-moz-placeholder { color: var(--color-gray); opacity: 1; } .header-search-form-submit { position: absolute; z-index: 2; top: 0; right: 0; height: 100%; } .header-dark .header-search-form-submit svg path { fill: var(--color-white); } @media (max-width: 767px) { .header-search-form-input { font-size: 16px; } } /* header mobile menu */ body.no-scroll { height: 100%; overflow: hidden; } .header-menu-mobile-container { position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 108px); background-color: var(--color-white); opacity: 0; overflow-y: auto; pointer-events: none; transition: opacity 0.25s ease; } .header-dark .header-menu-mobile-container { background-color: var(--color-text-color); } .header-menu-mobile-container.active { border-top: 1px solid var(--color-gray); opacity: 1; transition: opacity 0.25s ease-in; pointer-events: initial; } .header-menu-mobile-container > .container { position: relative; } .header-menu-mobile { display: none; padding: 60px 0; } .active .header-menu-mobile { display: block; } .header-menu-mobile-list { border-top: 1px solid var(--color-text-color); } .header-dark .header-menu-mobile-list { border-color: var(--color-white); } .header-menu-mobile-item { display: none; border-bottom: 1px solid var(--color-text-color); } .header-dark .header-menu-mobile-item { border-color: var(--color-white); } .is-top.current .header-menu-mobile-item { display: block; } .header-menu-mobile-item.active { display: block; } .header-menu-mobile-item > a, .header-menu-mobile-item > span { display: flex; justify-content: space-between; padding: 16px 0; font-size: 20px; line-height: 24px; color: var(--color-text-color); } .header-dark .header-menu-mobile-item > a, .header-dark .header-menu-mobile-item > span { color: var(--color-white); } .header-menu-mobile-item.is-parent > a svg, .header-menu-mobile-item.is-parent > span svg { width: 24px; margin: 0 0 0 30px; } .header-dark .header-menu-mobile-item.is-parent > a svg path, .header-dark .header-menu-mobile-item.is-parent > span svg path { fill: var(--color-white); } .header-menu-mobile-sub { position: absolute; top: 0; left: 0; display: none; width: 100%; min-height: 100%; padding: 60px calc(var(--bs-gutter-x) / 2); background-color: var(--color-white); } .header-dark .header-menu-mobile-sub { background-color: var(--color-text-color); } .active > .header-menu-mobile-sub { display: block; } .header-menu-mobile-sub-heading { display: none; border-top: 1px solid var(--color-text-color); border-bottom: 1px solid var(--color-text-color); } .header-dark .header-menu-mobile-sub-heading { border-color: var(--color-white); } .is-parent.current > .header-menu-mobile-sub > .header-menu-mobile-sub-heading { display: block; } .header-menu-mobile-sub-heading > a, .header-menu-mobile-sub-heading > span { display: flex; padding: 16px 0; font-weight: 700; font-size: 20px; line-height: 24px; color: var(--color-text-color); cursor: pointer; } .header-dark .header-menu-mobile-sub-heading > a, .header-dark .header-menu-mobile-sub-heading > span { color: var(--color-white); } .header-menu-mobile-sub-heading > a svg, .header-menu-mobile-sub-heading > span svg { width: 24px; margin: 0 30px 0 0; } .header-dark .header-menu-mobile-sub-heading > a svg path, .header-dark .header-menu-mobile-sub-heading > span svg path { fill: var(--color-white); } .header-menu-mobile-sub-list { display: flex; flex-flow: column nowrap; margin: 0 0 0 54px; padding: 12px 0; } .header-menu-mobile-sub-more { order: 2; } .header-menu-mobile-sub-more a { display: block; padding: 12px 0; margin: 12px 0 0 0; } .header-menu-mobile-sub-item { display: none; } .header-menu-mobile-sub-item.active { display: block; } .is-parent.current > .header-menu-mobile-sub > .header-menu-mobile-sub-list > .header-menu-mobile-sub-item { display: block; } .header-menu-mobile-sub-item > a, .header-menu-mobile-sub-item > span { display: flex; padding: 12px 0; font-size: 20px; line-height: 24px; color: var(--color-text-color); } .header-dark .header-menu-mobile-sub-item > a, .header-dark .header-menu-mobile-sub-item > span { color: var(--color-white); } .header-menu-mobile-sub-item.is-parent > a svg, .header-menu-mobile-sub-item.is-parent > span svg { width: 24px; margin: 0 0 0 16px; } .header-menu-mobile-links { display: none; justify-content: space-between; margin: 22px 0 0 0; } .current .header-menu-mobile-links { display: flex; } .header-menu-mobile-links .header-ui-buttons-links { margin: 0; } @media (max-width: 767px) { .header-menu-mobile-container { height: calc(100vh - 82px); } .header-menu-mobile { padding: 30px 0; } .header-menu-mobile-item > a, .header-menu-mobile-item > span { padding: 12px 0; font-size: 16px; } .header-menu-mobile-item.is-parent > a svg, .header-menu-mobile-item.is-parent > span svg { margin: 0 0 0 16px; } .header-menu-mobile-sub { padding: 30px calc(var(--bs-gutter-x) / 2); } .header-menu-mobile-sub-heading > a, .header-menu-mobile-sub-heading > span { padding: 12px 0; font-size: 16px; } .header-menu-mobile-sub-heading > a svg, .header-menu-mobile-sub-heading > span svg { margin: 0 16px 0 0; } .header-menu-mobile-sub-list { margin: 0 0 0 40px; } .header-menu-mobile-sub-item > a, .header-menu-mobile-sub-item > span { padding: 8px 0; font-size: 16px; } } @media (max-width: 479px) { .header-menu-mobile-container { height: calc(100vh - 80px); } } /* footer */ .template-footer { padding: 100px 0 48px 0; color: var(--color-white); background-color: var(--color-text-color); } .template-footer a { color: var(--color-white); } .template-footer .container { position: relative; } .footer-logo { display: block; width: 208px; } @media (max-width: 1279px) { .footer-logo { width: 163px; } } .footer-logo img { display: block; max-width: 100%; } .footer-menu-item { margin: 0 0 18px 0; } .footer-menu-item a { font-size: 18px; line-height: 28px; } .footer-link { position: relative; display: inline-block; } .footer-link::after { content: ""; position: absolute; top: 100%; left: 0; display: block; width: 0; height: 1px; background: var(--color-background); transition: 0.35s; } .footer-link:hover::after { width: 100%; } .footer-contacts-heading { margin: 0 0 65px 0; font-size: 18px; line-height: 28px; } .footer-contacts-links { margin: 0 0 40px 0; } .footer-contacts-links a { display: block; font-size: 16px; line-height: 26px; } .footer-contacts-address { margin: 0 0 30px 0; font-size: 16px; line-height: 26px; } .footer-social { display: flex; margin: 0 0 18px 0; } .footer-social-link { display: block; width: 48px; height: 48px; } .footer-social-link + .footer-social-link { margin: 0 0 0 28px; } .footer-social-link svg rect, .footer-social-link svg path { transition: 0.25s; } .footer-social-link:hover svg rect { fill: var(--color-blue); } .footer-social-link:hover svg path { fill: var(--color-white); } .footer-bottom { display: grid; grid-template-columns: auto 1fr auto; justify-content: space-between; align-items: center; gap: 0 15px; margin: 32px 0 0 0; padding: 48px 0 0 0; font-size: 14px; line-height: 24px; border-top: 1px solid var(--color-gray); } .footer-bottom-col { text-align: center; } .footer-bottom img, .footer-bottom svg { width: 160px; margin: 0 auto; } .back-to-top { position: absolute; top: -5px; right: calc(var(--bs-gutter-x) / 2); background: #374753; border: none; } .back-to-top svg { transition: 0.25s; } .back-to-top:hover svg { margin: -8px 0 0 0; } @media (max-width: 1023px) { .template-footer { padding: 80px 0 48px; } .footer-logo { margin: 0 0 70px 0; } .footer-menu-list { column-count: 2; column-gap: 20px; } .footer-contacts-heading { margin: 0 0 18px 0; } .footer-contacts-links { margin: 0 0 20px 0; } .footer-contacts-address { margin: 0 0 26px 0; } .footer-bottom { margin: 22px 0 0 0; padding: 48px 0 0 0; } } @media (max-width: 767px) { .footer-logo { margin: 0 0 50px 0; } .footer-contacts { margin: 32px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid var(--color-gray); } .footer-contacts-heading { margin: 0 0 30px 0; } .footer-contacts-links { margin: 0 0 28px 0; } .footer-contacts-address { margin: 0 0 40px 0; } .footer-bottom { grid-template-columns: 100%; gap: 24px 0; margin: 22px 0 0 0; padding: 30px 0 0 0; } } @media (max-width: 479px) { .template-footer { padding: 65px 0 30px; } } /* index banner */ .index-banner { position: relative; min-height: 750px; padding: 250px 0 50px 0; overflow: hidden; } .index-banner-heading { display: flex; flex-flow: row nowrap; } .index-banner-heading-part { position: relative; flex: 0 0 auto; font-weight: 700; font-size: 150px; line-height: 1; letter-spacing: -0.07em; } .index-banner-heading-part-color { color: var(--color-text-color); transition: color 0.35s; } .index-banner-heading-part:first-child .index-banner-heading-part-color { padding-left: 100%; margin-left: -100%; } .index-banner-heading-part:last-child .index-banner-heading-part-color { color: var(--color-blue); } .index-banner-heading-part:first-child:hover .index-banner-heading-part-color { color: var(--color-blue); } .index-banner-heading-part:first-child:hover + .index-banner-heading-part .index-banner-heading-part-color { color: var(--color-text-color); } .index-banner-heading-part:last-child { margin: 0 0 0 30px; } .index-banner-heading-part .small { position: absolute; top: 20px; left: 115px; font-weight: 400; font-size: 26px; text-transform: uppercase; letter-spacing: 0.05em; } .index-banner-heading-part:last-child .small { left: 190px; } .index-banner-promo { position: relative; display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; margin: -35px 0 0 0; cursor: pointer; } .index-banner-promo-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: var(--color-white); box-shadow: inset 0 0 0 1px var(--color-blue); border-radius: 50%; transition: 0.35s; } .index-banner-promo-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; opacity: 1; transition: 0.35s; } .index-banner-promo:hover .index-banner-promo-image img { opacity: 0; } .index-banner-promo-description { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; width: 140px; padding: 15px 5px; font-weight: 600; font-size: 16px; line-height: 20px; color: transparent; text-align: center; text-transform: uppercase; background: transparent; border: 1px solid var(--color-white); transition: 0.35s; } .index-banner-promo:hover .index-banner-promo-description { color: var(--color-blue); } .scope-border { position: absolute; z-index: 2; top: -2px; right: -2px; bottom: -2px; left: -2px; pointer-events: none; } .scope-border::before, .scope-border::after { content: ""; position: absolute; display: block; width: 18%; height: 18%; border: 0 solid var(--color-white); } .scope-border--top::before { top: 0; left: 0; border-width: 3px 0 0 3px; } .scope-border--top::after { top: 0; right: 0; border-width: 3px 3px 0 0; } .scope-border--bottom::before { bottom: 0; left: 0; border-width: 0 0 3px 3px; } .scope-border--bottom::after { bottom: 0; right: 0; border-width: 0 3px 3px 0; } .index-banner-promo-outside { position: absolute; left: 65%; bottom: 0; z-index: 5; display: flex; align-items: center; font-size: 20px; line-height: 26px; } .index-banner-promo-outside .show-more-link-icon { flex: 0 0 auto; margin: 0 12px 0 0; } .index-banner-description { max-width: 340px; margin: 100px 0 0 0; font-weight: 600; font-size: 16px; line-height: 24px; } .index-banner-description img { width: 231px; margin: 0 0 10px 0; } .index-banner-image { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); } .index-banner-image .image-earth { position: absolute; top: 55px; left: 20px; width: 440px; } .index-banner-image .image-orbit { width: 535px; } .index-banner-image .image-satellite { position: absolute; top: 70px; left: 10px; } @media (max-width: 1599px) { .index-banner-image .image-orbit { width: 480px; } .index-banner-image .image-earth { top: 50px; left: 20px; width: 400px; } .index-banner-heading-part { font-size: 130px; } .index-banner-heading-part .small { top: 18px; left: 95px; font-size: 20px; } .index-banner-heading-part:last-child .small { left: 165px; } .index-banner-promo { margin: -25px 0 0 0; } .index-banner-description { margin: 120px 0 0 0; } } @media (max-width: 1279px) { .index-banner { min-height: 735px; padding: 160px 0 40px 0; } .index-banner-image { left: 50%; transform: initial; } .index-banner-image .image-orbit { width: 420px; } .index-banner-image .image-earth { top: 50px; left: 20px; width: 360px; } .index-banner-image .image-satellite { top: 30px; left: 5px; } .index-banner-heading { flex-flow: row wrap; } .index-banner-heading-part:first-child { width: 100%; } .index-banner-heading-part:last-child { margin-left: 16.66%; } .index-banner-promo { width: 140px; height: 140px; } .index-banner-promo:hover .index-banner-promo-image img { opacity: 1; } .index-banner-promo-description { width: 110px; font-size: 12px; line-height: 14px; color: var(--color-text-color); background: rgba(255,255,255, 0.7); } .index-banner-description { margin: 100px 0 0 0; } } @media (max-width: 1023px) { .index-banner { min-height: 725px; padding: 160px 0 40px 0; } .index-banner-image { right: 0; left: auto; } .index-banner-heading-part:last-child { margin: 0 20px 0 0; } .index-banner-description { margin: 115px 0 0 0; } } @media (max-width: 767px) { .index-banner { min-height: 605px; padding: 90px 0 30px 0; } .index-banner--no-promo { min-height: 480px; } .index-banner-image { top: 20px; right: auto; left: calc(50% - 110px); } .index-banner-image .image-earth { top: 30px; left: 5px; width: 230px; } .index-banner-image .image-orbit { width: 290px; } .index-banner-image .image-satellite { top: 20px; left: 5px; width: 32px; } .index-banner-heading-part { font-size: 58px; } .index-banner-heading-part:first-child { margin: 0 0 12px 0; } .index-banner-heading-part:last-child { margin: 0 0 0 auto; } .index-banner-heading-part .small { top: 0; left: 46px; font-size: 12px; } .index-banner-heading-part:last-child .small { left: 74px; } .index-banner-promo { width: 110px; height: 110px; margin: 35px auto 0 auto; } .index-banner-promo-description { width: 78px; padding: 18px 4px; } .index-banner-promo-outside .show-more-link-icon { width: 24px; height: 24px; } .index-banner-description { max-width: 100%; margin: 60px 0 0 0; font-size: 14px; line-height: 20px; } .index-banner--no-promo .index-banner-description { margin: 150px 0 0 0; } .index-banner-description img { width: 174px; } } @media (max-width: 479px) { .index-banner-image { left: calc(50% - 20px); transform: translateX(-50%); } .index-banner-image .image-earth { left: 20px; } .index-banner-image .image-orbit { width: 260px; } .index-banner-heading { margin: 0 calc(var(--bs-gutter-x) / -2); } .index-banner-heading-part { font-size: 56px; } .index-banner-heading-part:first-child { margin: 0 0 18px 30px; } .index-banner-heading-part:last-child { margin: 0 calc(var(--bs-gutter-x) / 2) 0 auto; } .index-banner--no-promo .index-banner-description { margin: 120px 0 0 0; } } /* section */ .section { --section-padding-top: 150px; --section-padding-bottom: 150px; --section-list-margin: 0px; --section-heading-margin: 40px; padding: var(--section-padding-top) 0 calc(var(--section-padding-bottom) - var(--section-list-margin)); } .section-white { background-color: var(--color-white); } .section-dark { color: var(--color-white); background-color: var(--color-text-color); } .section-blue { color: var(--color-white); background-color: var(--color-blue); } .section-blue a, .section-blue a:hover, .section-blue a:focus { color: inherit; } .section-pt-0 { --section-padding-top: 0px !important; } .section-heading { position: relative; padding: 0 0 10px 0; margin: 0 0 var(--section-heading-margin) 0; } .section-heading.wo-border { padding: 0; margin: 0 0 calc(var(--section-heading-margin) + 20px) 0; } .section-heading::after { content: ""; position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 1px; background-color: var(--color-gray); } .section-heading.wo-border::after { display: none; } .section-heading h2, .section-heading .h2, .section-heading h4, .section-heading .h4 { max-width: 448px; } .section-heading h4, .section-heading .h4 { color: var(--color-gray); } .section-logo { margin: 0 0 60px 0; } .section-description { margin-bottom: 60px; } .section-description--next { margin-top: 60px; margin-bottom: 0; } .section-description h2, .section-description .h2, .section-description h3, .section-description .h3 { margin: 0 0 40px 0; } .section-description p, .section-description .p { margin: 0 0 24px 0; } .section-description ul { margin: 0 0 24px 0; } .section-description ul > li { position: relative; padding: 0 0 0 24px; } .section-description ul > li::before { content: ""; position: absolute; top: 11px; left: 10px; display: block; width: 4px; height: 4px; background: var(--color-blue); border-radius: 50%; } .section-darken .section-description ul > li::before { background: var(--color-white); } .section-description ul > li + li { margin: 12px 0 0 0; } .section-description > *:first-child, .section-description [class^="col-"] > *:first-child { margin-top: 0; } .section-description > *:last-child, .section-description [class^="col-"] > *:last-child { margin-bottom: 0; } .section-row-mt, .section-mt { margin-top: 100px; } .section-row-mt-small, .section-mt--small { margin-top: 60px; } .section-picture { position: relative; display: block; } .accordion-item-content * + .detail-text { margin: 36px 0 0 0; } .section-double-pictures { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bs-gutter-x); } .section-column { display: flex; flex-flow: column nowrap; align-items: flex-start; height: 100%; } .section-column--narrow { width: 328px; } .section-column p, .section-column .p { margin: 0 0 24px 0; } .section-column img { margin: 0 0 36px 0; } .section-more { margin: 36px 0 0 0; } .section-column .section-more:not(.section-more-sticky) { margin: auto 0 0 0; } .section-more-sticky { position: -webkit-sticky; position: sticky; top: 120px; margin: 0; } .section-more.section-more-last-row { margin: -120px 0 0 0; } @media (max-width: 1599px) { .section-column--narrow { width: 278px; } } @media (max-width: 1279px) { .section { --section-padding-top: 80px; --section-padding-bottom: 80px; } .section-description { margin-bottom: 36px; } .section-description--next { margin-top: 36px; margin-bottom: 0; } .section-description h2, .section-description .h2, .section-description h3, .section-description .h3 { margin: 0 0 36px 0; } .section-description .col-xl-6 + .col-xl-6 { margin-top: 24px; } .section-double-pictures { margin: 40px 0 0 0; } .section-row-mt { margin-top: 80px; } .section-column { height: auto; } .section-column--narrow { width: 308px; } .section-column-right, .section-column--right { margin: 36px 0 0 0; } } @media (max-width: 1023px) { .section-description .col-xl-6 + .col-xl-6, .section-description .col-lg-6 + .col-lg-6 { margin-top: 24px; } .section-column--narrow { width: 226px; } .section-row-mt-small, .section-mt--small { margin-top: 40px; } } @media (max-width: 767px) { .section { --section-padding-top: 60px; --section-padding-bottom: 60px; } .section-darken { color: var(--color-white); background-color: var(--color-text-color); } .section-heading.wo-border { margin: 0 0 var(--section-heading-margin) 0; } .section-logo { margin: 0 0 40px 0; } .section-logo.cz img { max-width: 165px; } .section-logo.pixel img { max-width: 185px; } .section-logo.dokaji img { max-width: 122px; } .section-logo.gpa img { max-width: 280px; } .section-description { margin-bottom: 24px; } .section-description--next { margin-top: 24px; margin-bottom: 0; } .section-description h2, .section-description .h2, .section-description h3, .section-description .h3 { margin: 0 0 24px 0; } .section-description p, .section-description .p { margin: 0 0 16px 0; } .section-description ul { margin: 0 0 16px 0; } .section-description ul > li { padding: 0 0 0 21px; } .section-description ul > li::before { top: 10px; left: 9px; width: 3px; height: 3px; } .section-description ul > li + li { margin: 8px 0 0 0; } .section-description .col-xl-6 + .col-xl-6, .section-description .col-lg-6 + .col-lg-6, .section-description .col-md-6 + .col-md-6 { margin-top: 16px; } .section-double-pictures { grid-template-columns: 100%; margin: 36px 0 0 0; } .section-row-mt, .section-mt { margin-top: 40px; } .section-row-mt-small, .section-mt--small { margin-top: 36px; } .section-column--narrow { width: 210px; } .section-column-right, .section-column--right { margin: 24px 0 0 0; } .section-column p, .section-column .p { margin: 0 0 16px 0; } .section-column img { margin: 0 0 24px 0; } .section-more { margin: 24px 0 0 0; } } @media (max-width: 479px) { .section-logo.cz img { max-width: 165px; } .section-logo.pixel img { max-width: 112px; } .section-logo.dokaji img { max-width: 102px; } .section-column--narrow { width: 142px; } .section-picture--scheme { margin: 0 calc(var(--bs-gutter-x) / -2); } } .section-video, .section-video video { position: relative; display: block; height: auto; max-width: 100%; } .section-video-play { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; transition: 0.25s; } .section-video-play::before { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; display: block; width: 60px; height: 60px; background: var(--color-blue); border-radius: 50%; transform: translate(-50%, -50%); transition: 0.25s; } .section-video-play::after { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; display: block; width: 0; height: 0; margin: 0 0 0 2px; border-width: 9px 0 9px 16px; border-style: solid; border-color: transparent transparent transparent var(--color-white); transform: translate(-50%, -50%); transition: 0.25s; } .section-video-play:hover::before { background: var(--color-white); } .section-video-play:hover::after { border-color: transparent transparent transparent var(--color-blue); } .section-video-play img { width: 100%; height: 100%; object-fit: cover; } .section-video-preview { display: block; width: 100%; } .section-video-preview-image { position: relative; height: 0; padding: 0 0 73% 0; } .section-video-preview-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(50%); transition: 0.25s; } .section-video-preview:hover .section-video-preview-image img { filter: grayscale(0%); } .section-video-preview-image::before { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; display: block; width: 60px; height: 60px; background: var(--color-blue); border-radius: 50%; transform: translate(-50%, -50%); transition: 0.25s; } .section-video-preview-image::after { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; display: block; width: 0; height: 0; margin: 0 0 0 2px; border-width: 9px 0 9px 16px; border-style: solid; border-color: transparent transparent transparent var(--color-white); transform: translate(-50%, -50%); transition: 0.25s; } .section-video-preview:hover .section-video-preview-image::before { background: var(--color-white); } .section-video-preview:hover .section-video-preview-image::after { border-color: transparent transparent transparent var(--color-blue); } .section-video-preview-name { margin: 20px 0 0 0; font-size: 16px; line-height: 23px; color: var(--color-gray); transition: 0.25s; } .section-video-preview:hover .section-video-preview-name { color: var(--color-blue); } .col-border-left { position: relative; } .col-border-left::before { content: ""; position: absolute; top: calc(var(--section-heading-margin) * -1); right: calc(100% + var(--bs-gutter-x)); display: block; width: 1px; height: 70px; background-color: var(--color-gray); } .section.index-expertise, .section.search-links { --section-list-margin: 40px; } .index-expertise-description { max-width: 325px; margin: 0 0 60px 0; } @media (max-width: 1279px) { .index-expertise-description { max-width: 100%; } } @media (max-width: 767px) { .index-expertise-description { margin: 0 0 40px 0; } } /* article preview */ .article-preview-block { --section-list-margin: 40px; } .article-preview { display: block; margin: 0 0 var(--section-list-margin) 0; color: inherit; } .article-preview h2, .article-preview .h2 { margin: 0 0 40px 0; } .article-preview-image { position: relative; height: 0; padding: 0 0 63% 0; overflow: hidden; } .article-preview-image-expertise { padding: 0 0 56% 0; } .article-preview-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: 0.25s; } .article-preview:hover .article-preview-image img { transform: scale(1.1); } .article-preview-video::before { content: ""; position: absolute; z-index: 2; top: 50%; left: 50%; display: block; width: 60px; height: 60px; background: var(--color-blue); border-radius: 50%; transform: translate(-50%, -50%); transition: 0.25s; } .article-preview-video::after { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; display: block; width: 0; height: 0; margin: 0 0 0 2px; border-width: 9px 0 9px 16px; border-style: solid; border-color: transparent transparent transparent var(--color-white); transform: translate(-50%, -50%); transition: 0.25s; } .article-preview:hover .article-preview-video::before { background: var(--color-white); } .article-preview:hover .article-preview-video::after { border-color: transparent transparent transparent var(--color-blue); } .article-preview-video img { filter: grayscale(95%); transition: 0.25s; } .article-preview:hover .article-preview-video img { filter: grayscale(0%); } .article-preview-date { margin: 24px 0 0 0; font-size: 16px; line-height: 23px; color: var(--color-gray); } .article-preview-title { margin: 30px 0 0 0; font-size: 20px; line-height: 26px; transition: 0.25s; } .article-preview-description { margin: 30px 0 0 0; } .article-preview-more { margin: 30px 0 0 0; } .article-preview-date ~ * { margin: 24px 0 0 0; } @media (max-width: 1023px) { .article-preview-image-expertise { padding: 0 0 74% 0; } } @media (max-width: 767px) { .article-preview h2, .article-preview .h2 { margin: 0 0 24px 0; } .article-preview-image-expertise { padding: 0 0 54% 0; } .article-preview-title { font-size: 16px; line-height: 26px; } .article-preview-description { margin: 16px 0 0 0; } .article-preview-more { margin: 16px 0 0 0; } } /* index technology */ .section.index-technology { --section-padding-top: 0px; --section-heading-margin: 80px; overflow: hidden; } .index-technology-row { display: flex; flex-flow: row nowrap; } .index-technology-col { width: 33.33%; } .index-technology-link { --index-technology-intersection: 22px; --index-technology-padding-x: 60px; position: relative; display: block; width: calc(100% + var(--index-technology-intersection)); height: 0; padding: 0 0 calc(100% + var(--index-technology-intersection)); color: inherit; transition: color 0.25s; } .index-technology-col:nth-child(2) .index-technology-link { right: calc(var(--index-technology-intersection) / 2); } .index-technology-col:nth-child(3) .index-technology-link { right: var(--index-technology-intersection); } .index-technology-link-border { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .index-technology-link-border svg { width: 100%; height: 100%; } .index-technology-link-border svg circle.circle-track { stroke: var(--color-gray); stroke-width: 1px; stroke-dasharray: 3; } .index-technology-link-border svg circle.circle-progress { --perimeter: calc(3.14 * 100%); stroke: var(--color-blue); stroke-width: 1px; stroke-dasharray: var(--perimeter); stroke-dashoffset: calc(var(--perimeter) * -0.12); } .index-technology-col:nth-child(1) .index-technology-link-border { transform: rotate(20deg); } .index-technology-col:nth-child(2) .index-technology-link-border { transform: rotate(200deg); } .index-technology-col:nth-child(3) .index-technology-link-border { transform: rotate(118deg); } .index-technology-link-content { position: absolute; z-index: 1; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 calc(var(--index-technology-padding-x) + var(--index-technology-intersection)); text-align: center; border-radius: 50%; overflow: hidden; } .index-technology-link-heading { transition: color 0.35s; } .index-technology-link:hover .index-technology-link-heading, .index-technology-link:focus .index-technology-link-heading { color: var(--color-blue); } .index-technology-link-hover { max-height: 0; opacity: 0; overflow: visible; transition: 0.25s ease-out; } .index-technology-link:hover .index-technology-link-hover, .index-technology-link:focus .index-technology-link-hover { max-height: 100%; opacity: 1; transition: 0.5s ease-in-out; } .index-technology-link-description, .index-technology-link-more { margin: 30px 0 0 0; } @media (max-width: 1599px) { .index-technology-link { --index-technology-padding-x: 40px; } } @media (max-width: 1279px) { .section.index-technology { --section-heading-margin: 60px; } .index-technology-link { --index-technology-intersection: 16px; --index-technology-padding-x: 28px; } .index-technology-link-description, .index-technology-link-more { margin: 16px 0 0 0; } } @media (max-width: 1023px) { .index-technology-link { --index-technology-intersection: 10px; --index-technology-padding-x: 16px; } } @media (max-width: 767px) { .section.index-technology { --section-heading-margin: 20px; } .index-technology-row { flex-flow: column nowrap; align-items: center; } .index-technology-col { width: 252px; } .index-technology-link { width: 100%; padding: 0 0 100% 0; } .index-technology-col:nth-child(2) .index-technology-link, .index-technology-col:nth-child(3) .index-technology-link { right: auto; margin: calc(var(--index-technology-intersection) * -2) 0 0 0; } .index-technology-link-border { transform: rotate(90deg); } } /* sliders ui */ .slider-nav { display: flex; } .slider-nav .btn + .btn { margin: 0 0 0 10px; } .btn.slider-nav-button { width: 60px; height: 60px; border-color: var(--color-blue); border-radius: 50%; } .btn.slider-nav-button svg { width: 24px; height: auto; margin: 0; transition: 0.25s; } .btn.slider-nav-button svg path { fill: var(--color-blue); } .btn.slider-nav-button:nth-child(1):hover svg { margin: 0 6px 0 0; } .btn.slider-nav-button:nth-child(2):hover svg { margin: 0 0 0 6px; } .btn.slider-nav-button:disabled { border-color: var(--color-gray); cursor: initial; } .btn.slider-nav-button:disabled svg path { fill: var(--color-gray); } .btn.slider-nav-button-white { border-color: var(--color-white); } .btn.slider-nav-button-white svg path { fill: var(--color-white); } .slider-progress-bar .swiper-pagination { position: relative; } .slider-progress-bar .swiper-pagination-progressbar { height: 2px; background: var(--color-white); } .slider-progress-bar .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--color-blue); } .slider-counter { display: flex; width: auto; font-weight: 600; font-size: 24px; line-height: 34px; color: var(--color-gray); } .slider-counter .swiper-pagination-current, .slider-counter-current { color: var(--color-blue); } .slider-counter-white, .slider-counter-white .swiper-pagination-current, .slider-counter-white .slider-counter-current { color: var(--color-white); } @media (max-width: 767px) { .slider-nav .btn + .btn { margin: 0 0 0 8px; } .btn.slider-nav-button { width: 36px; height: 36px; } .btn.slider-nav-button svg { width: 16px; } .slider-counter { font-size: 18px; line-height: 22px; } } /* index data */ .index-data-heading { margin: 0 0 60px 0; } .index-data-slider { position: relative; } .index-data-slider > .swiper:not(.swiper-initialized) { overflow: visible; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 25%); grid-auto-rows: 350px; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { position: static; transform: initial; -webkit-backface-visibility: initial; backface-visibility: initial; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:nth-child(2) { grid-row: 2 / 3; grid-column: 2 / 3; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:nth-child(3) { grid-column: 3 / 4; } .index-data-link { display: block; width: calc(100% - 1px); height: calc(100% - 1px); box-shadow: 0 0 0 1px var(--color-text-color); } .index-data-link-content { position: relative; display: flex; flex-flow: column nowrap; height: 100%; padding: 30px; } .index-data-link-content > div { position: relative; z-index: 2; } .index-data-link-content::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; background-color: var(--color-blue); opacity: 0; transition: 0.35s ease-in; } .index-data-link:hover .index-data-link-content::before, .index-data-link:focus .index-data-link-content::before { width: 100%; opacity: 1; transition: 0.35s ease-out; } .index-data-link-heading { flex: 0 0 auto; color: var(--color-text-color); transition: 0.35s; } .index-data-link:hover .index-data-link-heading, .index-data-link:focus .index-data-link-heading { color: var(--color-white); } .index-data-link-description { flex: 1 1 50%; max-height: 100%; margin: 16px 0 0 0; color: var(--color-white); opacity: 0; transition: 0.35s ease-in; overflow: hidden; } .index-data-link:hover .index-data-link-description, .index-data-link:focus .index-data-link-description { opacity: 1; } .index-data-link-more { margin: 16px 0 0 0; } .index-data-link-more .show-more-link { transition: 0.35s; } .index-data-link:hover .show-more-link, .index-data-link:focus .show-more-link { color: var(--color-white); } .index-data-link:hover .show-more-link svg circle, .index-data-link:focus .show-more-link svg circle { fill: var(--color-white); } .index-data-link:hover .show-more-link svg path, .index-data-link:focus .show-more-link svg path { fill: var(--color-blue); } .index-data-link-preview { position: absolute; z-index: 2; top: 50%; left: 50%; width: 0; height: 349px; transition: 0.35s ease; } .index-data-link-preview img, .index-data-link-preview video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .index-data-link:hover .index-data-link-preview, .index-data-link:focus .index-data-link-preview { width: calc(50% - 1px); } .index-data-slider-preview { position: absolute; top: 50%; left: 50%; width: calc(50% - 1px); height: 349px; box-shadow: 0 0 0 1px var(--color-text-color); } .index-data-slider-preview img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .index-data-more { position: relative; z-index: 5; width: 25%; margin: -60px 0 0 0; } @media (max-width: 1599px) { .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { grid-auto-rows: 300px; } .index-data-link-content { padding: 20px; } .index-data-link-preview, .index-data-slider-preview { height: 299px; } } @media (max-width: 1279px) { .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { grid-template-columns: repeat(3, 33.33%); grid-auto-rows: 320px; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:nth-child(2) { grid-column: 1 / 2; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:nth-child(3) { grid-column: 2 / 3; } .index-data-link-preview, .index-data-slider-preview { left: calc(33.33% + 1px); height: 319px; } .index-data-link:hover .index-data-link-preview, .index-data-link:focus .index-data-link-preview, .index-data-slider-preview { width: calc(66.66% - 1px); } .index-data-more { width: auto; margin: 40px 0 0 0; } } @media (max-width: 1023px) { .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { grid-template-columns: repeat(2, 50%); padding: 0 0 320px 0; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide:nth-child(4) { grid-row: 2 / 3; } .index-data-link-preview, .index-data-slider-preview { top: auto; bottom: 1px; left: 0; } .index-data-link:hover .index-data-link-preview, .index-data-link:focus .index-data-link-preview, .index-data-slider-preview { width: calc(100% - 1px); } } @media (max-width: 767px) { .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { display: flex; padding: 0; overflow: hidden; } .index-data-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 100%; } .index-data-link { width: 100%; height: auto; box-shadow: none; } .index-data-link-content { width: 50%; height: 196px; padding: 16px; border: 1px solid var(--color-text-color); } .index-data-link:hover .index-data-link-description, .index-data-link:focus .index-data-link-description { opacity: 0; } .index-data-link-preview { position: relative; bottom: auto; left: auto; width: calc(50% + 1px); height: 196px; margin: -1px 0 0 calc(50% - 1px); border: 1px solid var(--color-text-color); } .index-data-link:hover .index-data-link-preview, .index-data-link:focus .index-data-link-preview { bottom: auto; left: auto; width: calc(50% + 1px); } .index-data-slider-pagination { position: absolute; z-index: 2; bottom: 0; left: 0; } .index-data-slider-nav { position: absolute; z-index: 2; top: 0; right: 0; } .index-data-more { margin: 24px 0 0 50%; } } @media (max-width: 479px) { .index-data-link-content { width: 100%; } .index-data-link-preview { width: 100%; margin: -1px 0 0 0; } .index-data-link:hover .index-data-link-preview, .index-data-link:focus .index-data-link-preview { width: 100%; margin: -1px 0 0 0; } .index-data-slider-ui { display: flex; justify-content: space-between; align-items: baseline; margin: 18px 0 0 0; } .index-data-slider-pagination { position: static; } .index-data-slider-nav { position: static; } .index-data-more { margin: 24px 0 0 0; } } /* index services */ .index-services { padding: 100px 0; color: var(--color-white); background: var(--color-blue); overflow: hidden; } .promo-heading { font-weight: 700; font-size: 160px; line-height: 150px; letter-spacing: -0.07em; text-transform: uppercase; } .promo-heading-stroke { color: var(--color-blue); -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--color-white); } .index-services-heading { margin: 0 0 60px 0; } .index-services-slider { position: relative; } .index-service-logo { margin: 0 0 40px 0; } .index-service-logo img { display: block; width: auto; height: 63px; } .index-service-description { margin: 0 0 40px 0; } .index-services-previews { position: relative; width: 448px; height: 448px; margin: 0 auto; perspective: 100px; transform: translate3d(0%, 0%, 1px); } .index-service-preview { position: absolute; top: 0; left: 0; flex: 0 0 auto; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: var(--color-blue); border: 1px solid var(--color-white); border-radius: 50%; transition: transform 0.9s; } .index-service-preview.prev { z-index: 2; transform: translate3d(-95%, 20%, -45px); } .index-service-preview.current { z-index: 3; transform: translate3d(0%, 0%, 0px); } .index-service-preview.next { z-index: 1; transform: translate3d(95%, -20%, -45px); } .to-prev .index-service-preview.prev { z-index: 1; } .to-prev .index-service-preview.next { z-index: 2; } .index-service-preview-picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: center / cover no-repeat; border-radius: 50%; opacity: 0; transition: 0.9s; } .index-service-preview-icon { width: auto; height: 72px; opacity: 1; transition: 0.9s; } .index-service-preview.current .index-service-preview-picture { opacity: 1; } .index-service-preview.current .index-service-preview-icon { opacity: 0; } .index-services-slider-ui { display: flex; justify-content: space-between; align-items: center; margin: 15px 0 0 0; } .index-services-all-link { width: 100%; max-width: 228px; } .index-services-slider-pagination { position: absolute; right: 0; bottom: 100%; left: auto; margin: 0 0 72px 0; } @media (max-width: 1599px) { .index-services-previews { width: 380px; height: 380px; } .index-service-preview-icon { height: 64px; } } @media (max-width: 1279px) { .index-services { padding: 80px 0; } .promo-heading { font-size: 100px; line-height: 110px; } .index-services-previews { width: 320px; height: 320px; } .index-service-preview-icon { height: 52px; } .index-service-preview.prev { transform: translate3d(-80%, 40%, -40px); } .index-service-preview.current { transform: translate3d(0%, 0%, 0px); } .index-service-preview.next { transform: translate3d(80%, -40%, -40px); } .index-services-slider-ui { margin: 60px 0 0 0; } } @media (max-width: 1023px) { .index-services-previews { width: 280px; height: 280px; } .index-service-preview-icon { height: 48px; } .index-service-preview.prev { transform: translate3d(-60%, 65%, -50px); } .index-service-preview.current { transform: translate3d(0%, 0%, 0px); } .index-service-preview.next { transform: translate3d(60%, -65%, -50px); } } @media (max-width: 767px) { .index-services { padding: 60px 0; } .promo-heading { font-size: 58px; line-height: 70px; letter-spacing: -0.04em; } .index-services-heading { margin: 0 0 24px 0; } .index-service-logo { margin: 0 0 24px 0; } .index-service-logo img { height: 48px; } .index-service-description { height: 110px; margin: 0 0 24px 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .index-services-previews { margin: 40px auto 0 auto; } .index-services-previews { width: 250px; height: 250px; } .index-service-preview-icon { height: 42px; } .index-service-preview.prev { transform: translate3d(-70%, 0%, -35px); } .index-service-preview.current { transform: translate3d(0%, 0%, 0px); } .index-service-preview.next { transform: translate3d(70%, -0%, -35px); } .index-services-slider-ui { justify-content: center; } .index-services-slider-pagination { margin: 0 0 33px 0; } .index-services-slider-nav { position: absolute; z-index: 2; top: 0; right: 0; } .index-services-all-link { width: 165px; } } @media (max-width: 479px) { .index-service-logo { margin: 0 0 24px 0; } .index-service-description { height: 176px; -webkit-line-clamp: 8; } .index-services-slider-ui { margin: 40px 0 0 0; } } /* index solutions */ .index-solutions-grid { display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: repeat(2, 365px); } .index-solutions-col:nth-child(1) { grid-column: 3 / 4; } .index-solutions-col:nth-child(2) { grid-column: 1 / 2; grid-row: 1 / 2; } .index-solutions-col:nth-child(3) { grid-column: 2 / 3; grid-row: 1 / 3; } .index-solutions-col:nth-child(4) { grid-column: 3 / 4; grid-row: 2 / 3; } .index-solutions-col:nth-child(5) { grid-column: 1 / 2; grid-row: 2 / 3; align-self: end; } .index-solutions-slider-nav { justify-content: flex-end; margin: 0 0 60px 0; } .index-solutions-heading { display: flex; flex-flow: row nowrap; padding: 0 0 0 47px; } .index-solutions-heading-number { flex: 0 0 auto; margin: 0 22px 0 0; color: var(--color-blue); } .index-solutions-heading-text { align-self: center; } .index-solutions-slider, .index-solutions-slider .swiper, .index-solutions-slider .swiper-wrapper, .index-solutions-slider .swiper-slide { height: 100%; } .index-solutions-slider { width: calc(100% - 1px); box-shadow: 0 0 0 1px var(--color-gray); } .index-solution { position: relative; display: block; height: 100%; overflow: hidden; } .index-solution-image { position: relative; width: 100%; height: 100%; margin: 0; } .index-solution-image img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.95); transform: scale(1); transition: 0.25s; } .index-solution:hover .index-solution-image img { filter: grayscale(0); transform: scale(1.1); } .index-solution-heading { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 30px; opacity: 1; transition: 0.5s ease-in; } .index-solutions-slider .swiper-initialized .swiper-slide:not(.swiper-slide-active) .index-solution-heading { opacity: 0; } .index-solution-heading .show-more-link { color: var(--color-white); } @media (max-width: 1599px) { .index-solutions-heading { padding: 0 0 0 16px; } } @media (max-width: 1279px) { .index-solutions-grid { grid-template-rows: repeat(2, 292px); } .index-solutions-slider-nav { margin: 0 0 13px 0; } .index-solutions-heading { flex-flow: column nowrap; padding: 0 0 0 30px; } .index-solutions-heading-number { margin: 0; } } @media (max-width: 1023px) { .index-solutions-grid { grid-template-columns: repeat(2, 50%); grid-template-rows: 330px 330px auto; } .index-solutions-col:nth-child(1) { grid-column: 2 / 3; } .index-solutions-col:nth-child(2) { grid-column: 1 / 2; grid-row: 1 / 2; } .index-solutions-col:nth-child(3) { grid-column: 1 / 2; grid-row: 2 / 3; } .index-solutions-col:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; } .index-solutions-col:nth-child(5) { grid-column: 1 / 3; grid-row: 3 / 4; } .index-solutions-slider-nav { margin: 0 0 22px 0; } .index-solutions-heading { padding: 0 0 0 60px; } .index-solutions-more { margin: 40px 0 0 0; } } @media (max-width: 767px) { .index-solutions-grid { grid-template-columns: 100%; grid-template-rows: auto; } .index-solutions-col:nth-child(1) { grid-column: auto; grid-row: auto; display: flex; flex-flow: row-reverse nowrap; } .index-solutions-col:nth-child(2) { grid-column: auto; grid-row: auto; } .index-solutions-col:nth-child(3), .index-solutions-col:nth-child(4) { grid-column: auto; grid-row: auto; height: 0; overflow: hidden; } .index-solutions-col:nth-child(5) { grid-column: auto; grid-row: auto; } .index-solutions-heading { flex-flow: row nowrap; padding: 0; margin: 0 16px 16px 0; } .index-solutions-heading-number { margin: 0 16px 0 0; } .index-solution-image { height: 0; padding: 0 0 90% 0; } .index-solution-heading { padding: 24px; } .index-solutions-more { margin: 30px 0 0 0; } } @media (max-width: 479px) { .index-solutions-heading { flex-flow: column nowrap; margin: 0 0 16px 0; } .index-solutions-heading-number { margin: 0; } } /* index about */ .index-about-logo { position: relative; display: flex; justify-content: center; align-items: center; width: 269px; height: 269px; margin: 54px 0 0 69px; border: 1px solid var(--color-blue); border-radius: 50%; } .index-about-logo::before, .index-about-logo::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid; border-radius: 50%; } .index-about-logo::before { margin: 0 0 0 -70px; border-color: var(--color-text-color); } .index-about-logo::after { margin: 0 0 0 70px; border-color: var(--color-gray); } .index-about-logo img { width: 101px; height: auto; } .index-about-content h2, .index-about-content .h2 { margin: 0 0 40px 0; } .index-about-content p, .index-about-content .p { margin: 0 0 16px 0; } .index-about-content-more { margin: 14px 0 0 0; text-align: right; } @media (max-width: 1599px) { .index-about-logo { margin: 55px 0 0 55px; } .index-about-logo::before { margin: 0 0 0 -55px; } .index-about-logo::after { margin: 0 0 0 55px; } } @media (max-width: 1279px) { .index-about-logo { width: 218px; height: 218px; margin: 55px 0 0 45px; } .index-about-logo::before { margin: 0 0 0 -45px; } .index-about-logo::after { margin: 0 0 0 45px; } .index-about-logo img { width: 82px; } } @media (max-width: 1023px) { .index-about { --section-heading-margin: 30px; } .index-about-logo { width: 248px; height: 248px; margin: 0 0 40px 52px; } .index-about-logo::before { margin: 0 0 0 -52px; } .index-about-logo::after { margin: 0 0 0 52px; } .index-about-logo img { width: 93px; } } @media (max-width: 767px) { .index-about-logo { width: 164px; height: 164px; margin: 0 0 30px 34px; } .index-about-logo::before { margin: 0 0 0 -34px; } .index-about-logo::after { margin: 0 0 0 34px; } .index-about-logo img { width: 61px; } .index-about-content h2, .index-about-content .h2 { margin: 0 0 24px 0; } } @media (max-width: 479px) { .index-about-logo { width: 116px; height: 116px; margin: 0 0 30px 24px; } .index-about-logo::before { margin: 0 0 0 -24px; } .index-about-logo::after { margin: 0 0 0 24px; } .index-about-logo img { width: 60px; } } /* index press */ .tab-container { opacity: 1; } .tab-container:not(.active) { display: none; opacity: 0; } .index-press { --section-heading-margin: 16px; overflow: hidden; } .index-press-buttons { display: flex; flex-flow: row wrap; align-items: center; margin: 0 0 30px 0; } .index-press-buttons > .btn + .btn { margin: 0 0 0 30px; } .index-press-slider-nav { margin: 0 0 0 auto; } .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -15px; } .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 33.33%; padding: 0 15px; } .index-press-more { display: flex; justify-content: center; margin: 60px 0 0 0; } .index-press-more .btn { width: 100%; max-width: 198px; } @media (max-width: 1279px) { .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { margin: 0 -10px; } .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { padding: 0 10px; } } @media (max-width: 1023px) { .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 50%; } } @media (max-width: 767px) { .index-press { --section-heading-margin: 20px; } .index-press-buttons > .btn { height: 36px; padding: 0 16px; } .index-press-buttons > .btn + .btn { margin: 0 0 0 16px; } .index-press-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 100%; } .index-press-slider > .swiper { overflow: visible; } .index-press-slider > .swiper > .swiper-wrapper > .swiper-slide { width: 100%; max-width: 320px; } } @media (max-width: 479px) { .index-press-more { margin: 40px 0 0 0; } } /* index partners */ .index-partners { --section-heading-margin: 16px; overflow: hidden; } .index-partners-slider-nav { justify-content: flex-end; margin: 0 0 24px 0; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -15px; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 25%; padding: 0 15px; } .index-partners-slider > .swiper { margin: 0 -2px; padding: 0 2px; } .index-partner { display: flex; justify-content: center; align-items: center; height: 200px; padding: 10%; border: 1px solid var(--color-gray); transition: 0.35s; } .index-partner:hover, .index-partner:focus { border-color: var(--color-blue); } .index-partner img { height: auto; max-width: 100%; max-height: 100%; filter: grayscale(95%); transition: 0.35s; } .index-partner:hover img, .index-partner:focus img { filter: grayscale(0%); } @media (max-width: 1599px) { .index-partner { height: 180px; } } @media (max-width: 1279px) { .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -10px; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { padding: 0 10px; } .index-partner { height: 144px; } } @media (max-width: 1023px) { .index-partners-slider > .swiper { overflow: visible; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 33.33%; } } @media (max-width: 767px) { .index-partners-slider-nav { margin: 0 0 30px 0; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -8px; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { padding: 0 8px; } .index-partner { height: 90px; } } @media (max-width: 479px) { .index-partners-slider > .swiper:not(.swiper-initialized) { width: auto; } .index-partners-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide, .index-partners-slider > .swiper > .swiper-wrapper > .swiper-slide { width: auto; } .index-partner { width: 152px; height: 90px; } } /* page heading */ .page-heading { padding: 120px 0; } .page-heading-dark { color: var(--color-white); background-color: var(--color-text-color); } .page-heading-dark .title-link { color: var(--color-white); } .page-heading.with-description { padding: 100px 0; } .page-heading-description { margin: 100px 0 0 0; } .page-heading.with-buttons { padding: 100px 0; } .page-heading-buttons { display: flex; margin: 100px 0 0 0; } .page-heading-buttons .btn + .btn { margin: 0 0 0 30px; } @media (max-width: 1279px) { .page-heading { padding: 60px 0; } .page-heading.with-buttons { padding: 80px 0 60px 0; } .page-heading-buttons { margin: 80px 0 0 0; } .page-heading-buttons .btn + .btn { margin: 0 0 0 16px; } } @media (max-width: 1023px) { .page-heading.with-description { padding: 100px 0 80px 0; } .page-heading-description { margin: 60px 0 0 0; } .page-heading-description-link { margin: 60px 0 0 0; text-align: right; } } @media (max-width: 767px) { .page-heading { padding: 30px 0 36px 0; } .page-heading.with-description { padding: 60px 0; } .page-heading-description { margin: 40px 0 0 0; } .page-heading-description-link { margin: 40px 0 0 0; } .page-heading.with-buttons { padding: 50px 0 40px 0; } .page-heading-buttons { margin: 40px 0 0 0; } .page-heading-buttons .btn { height: 38px; padding: 0 16px; } .page-heading-buttons .btn + .btn { margin: 0 0 0 8px; } } @media (max-width: 479px) { .page-heading-description-link { text-align: left; } } /* page description */ .page-description { margin: 0 0 150px 0; } @media (max-width: 1279px) { .page-description { margin: 0 0 100px 0; } .page-description-link { margin: 40px 0 0 0; } } @media (max-width: 479px) { .page-description { margin: 0 0 60px 0; } .page-description-link { margin: 36px 0 0 0; } } .page-picture { margin: 0 0 60px 0; } .page-video { margin: 0 0 60px 0; } .page-video video { display: block; max-width: 100%; height: auto; } .page-video--top { position: relative; height: 0; padding: 0 0 43% 0; } .page-video--top video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1279px) { .page-video--top { padding: 0 0 50% 0; } } @media (max-width: 767px) { .page-picture { margin: 0 0 40px 0; } .page-video { margin: 0 0 40px 0; } } @media (max-width: 479px) { .page-picture { margin: 0 0 30px 0; } .page-video { margin: 0 0 30px 0; } } .page-anchor { position: relative; top: -108px; } @media (max-width: 767px) { .page-anchor { top: -82px; } } .solutions-directions { --section-padding-top: 0px; --section-heading-margin: 60px; --section-list-margin: 60px; } .solutions-direction-preview { position: relative; display: block; height: 350px; padding: 0 0 50px 0; margin: 0 0 var(--section-list-margin) 0; } .solutions-direction-preview-image { position: relative; height: 100%; } .solutions-direction-preview-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .solutions-direction-preview-info { position: absolute; bottom: 0; left: 0; display: flex; flex-flow: column nowrap; width: 100%; max-height: 100%; min-height: 50px; padding: 8px 40px; color: var(--color-white); background: var(--color-blue); transition: 0.35s; } .solutions-direction-preview:hover .solutions-direction-preview-info { min-height: 100%; padding: 40px 40px 30px 40px; } .solutions-direction-preview-heading { flex: 0 0 auto; } .solutions-direction-preview-hover { flex: 1 0 auto; display: flex; flex-flow: column nowrap; height: 0; max-height: 100%; opacity: 0; overflow: hidden; transition: 0.35s ease-in; } .solutions-direction-preview:hover .solutions-direction-preview-hover { opacity: 1; } .solutions-direction-preview-list { flex: 1 0 auto; max-height: calc(100% - 46px); padding: 16px 0 0 0; overflow: hidden; } .solutions-direction-preview-more { flex: 0 0 auto; padding: 16px 0 0 0; } @media (max-width: 1599px) { .solutions-direction-preview-info { padding: 8px 20px; } .solutions-direction-preview:hover .solutions-direction-preview-info { padding: 20px 20px 30px 20px; } } @media (max-width: 1279px) { .directions { --section-list-margin: 40px; } } @media (max-width: 1023px) { .directions { --section-list-margin: 60px; } .solutions-direction-preview { height: 270px; } .solutions-direction-preview:hover .solutions-direction-preview-info { min-height: 50px; padding: 8px 20px; } .solutions-direction-preview-hover { display: none; } } @media (max-width: 767px) { .directions { --section-heading-margin: 40px; --section-list-margin: 40px; } .solutions-direction-preview { height: auto; } .solutions-direction-preview-image { height: 0; padding: 0 0 59% 0; } .solutions-direction-preview-info { padding: 14px 20px; } .solutions-direction-preview:hover .solutions-direction-preview-info { padding: 14px 20px; } } /* order-project */ .form-section { --section-padding-top: 100px; --section-padding-bottom: 100px; } .form-section-description { display: flex; flex-flow: column nowrap; height: 100%; max-width: 360px; } .form-section-description h2, .form-section-description .h2 { margin: 0 0 30px 0; } .form-section-description > h2:last-child, .form-section-description > .h2:last-child { margin-bottom: 0; } .form-section-description-bottom { margin: auto 0 0 0; } .form-section-description-bottom a { width: 100%; } .form-section-description-bottom a + a { margin: 12px 0 0 0; } @media (max-width: 1279px) { .form-section { --section-padding-top: 80px; --section-padding-bottom: 80px; } .form-section-description { max-width: 240px; } } @media (max-width: 1023px) { .form-section-description { height: auto; max-width: 100%; margin: 0 0 40px 0; } .form-section-description h2, .form-section-description .h2 { margin: 0 0 20px 0; } .form-section-description-bottom { margin: 30px 0 0 0; } } @media (max-width: 767px) { .form-section { --section-padding-top: 60px; --section-padding-bottom: 60px; } } /* forms */ .form-disabled { opacity: 0.5; pointer-events: none; } .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px var(--bs-gutter-x); } .form-line { position: relative; grid-column: 1 / 3; } .form-line--auto { grid-column: auto; } .radio-buttons { display: grid; grid-template-columns: repeat(3, auto); gap: 25px var(--bs-gutter-x); } .radio-button { position: relative; } .radio-button input { position: absolute; top: 5px; left: 0; opacity: 0; } .radio-button label { position: relative; display: block; padding: 0 0 0 28px; font-size: 16px; line-height: 26px; cursor: pointer; } .radio-button label::before { content: ""; position: absolute; top: 5px; left: 0; display: block; width: 16px; height: 16px; border: 1px solid var(--color-blue); border-radius: 50%; } .radio-button label::after { content: ""; position: absolute; z-index: 2; top: 9px; left: 4px; display: block; width: 8px; height: 8px; background: var(--color-blue); border-radius: 50%; opacity: 0; transition: 0.25s; } .radio-button input:checked ~ label::after { opacity: 1; } .form-ui-white .radio-button label::before { border-color: var(--color-white); } .form-ui-white .radio-button label::after { background-color: var(--color-white); } .checkbox { position: relative; } .checkbox input { position: absolute; top: 5px; left: 0; opacity: 0; } .checkbox label { position: relative; display: block; padding: 0 0 0 28px; font-size: 16px; line-height: 26px; cursor: pointer; } .checkbox label::before { content: ""; position: absolute; top: 5px; left: 0; display: block; width: 16px; height: 16px; border: 1px solid var(--color-blue); border-radius: 4px; } .checkbox label::after { content: ""; position: absolute; z-index: 2; top: 9px; left: 3px; display: block; width: 10px; height: 6px; border-width: 0 0 1px 1px; border-style: solid; border-color: var(--color-blue); transform: rotate(-45deg); opacity: 0; transition: 0.25s; } .checkbox input:checked ~ label::after { opacity: 1; } .checkbox input:checked ~ label::before { background-color: var(--color-white); } .form-ui-white .checkbox label::before, .form-ui-white .checkbox label::after { border-color: var(--color-white); } .form-ui-white .checkbox input:checked ~ label::before { background-color: transparent; } .input-field { position: relative; } .input-field input { display: flex; align-items: center; width: 100%; height: 56px; padding: 0; font-weight: 300; font-size: 20px; line-height: 26px; color: var(--color-text-color); background: center right / 16px 16px transparent no-repeat; border: none; border-bottom: 1px solid var(--color-gray); transition: 0.25s; outline: none; } .input-field input:focus { border-color: var(--color-blue); outline: none; } .form-errors-show .input-field input:invalid { padding: 0 20px 0 0; background-image: url(/local/templates/terratech_23/css/../img/svg/attention.svg); border-color: var(--color-error); } .input-field-error { display: none; padding: 8px 0 0 0; font-size: 12px; line-height: 12px; } .form-errors-show .input-field input:invalid ~ .input-field-error { display: block; } .input-field label { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; min-height: 0; font-weight: 300; font-size: 12px; line-height: 12px; color: var(--color-gray); white-space: nowrap; text-overflow: ellipsis; cursor: text; transition: 0.25s; overflow: hidden; } .input-field input:placeholder-shown ~ label { height: 56px; padding: 15px 0; font-size: 20px; line-height: 26px; } .form-ui-white .input-field input { color: var(--color-white); border-color: var(--color-white); } .form-errors-show.form-ui-white .input-field input:invalid { background-image: url(/local/templates/terratech_23/css/../img/svg/attention-white.svg); border-color: var(--color-white); } .form-ui-white .input-field label { color: var(--color-blue-light); } .form-ui-white .input-field input:placeholder-shown ~ label { color: var(--color-white); } .textarea-field { position: relative; } .textarea-field textarea { width: 100%; max-width: 100%; min-width: 100%; height: 112px; padding: 14px 0; font-weight: 300; font-size: 20px; line-height: 26px; color: var(--color-text-color); background: top 14px right 0 / 16px 16px transparent no-repeat; border: none; border-bottom: 1px solid var(--color-gray); outline: none; resize: none; } .textarea-field textarea:focus { border-color: var(--color-blue); resize: none; } .textarea-field label { position: absolute; z-index: 2; top: 0; left: 0; display: block; font-weight: 300; font-size: 12px; line-height: 12px; color: var(--color-gray); cursor: text; transition: 0.25s; } .textarea-field textarea:placeholder-shown ~ label { top: 15px; font-size: 20px; line-height: 26px; } .form-errors-show .textarea-field textarea:invalid { background-image: url(/local/templates/terratech_23/css/../img/svg/attention.svg); border-color: var(--color-error); } .form-errors-show.form-ui-white .textarea-field textarea:invalid { background-image: url(/local/templates/terratech_23/css/../img/svg/attention-white.svg); border-color: var(--color-white); } .form-errors-show .textarea-field textarea:invalid ~ .input-field-error { display: block; } .textarea-field-error { display: none; padding: 8px 0 0 0; font-size: 12px; line-height: 12px; } .file-field { margin: 15px 0 0 0; } .file-field-input { position: absolute; z-index: -1; width: 0; height: 0; opacity: 0; overflow: hidden; } .file-field-input + label { display: flex; align-items: center; justify-content: center; width: 100%; padding: 28px 10px; font-style: normal; font-weight: 300; font-size: 20px; line-height: 26px; color: var(--color-gray); border: 1px dashed var(--color-gray); border-radius: 0; cursor: pointer; } .file-field-input + label span { position: relative; padding: 0 44px 0 0; } .file-field-input + label span::after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 24px; height: 24px; background: center / contain url(/local/templates/terratech_23/css/../img/svg/link.svg) no-repeat; transform: translateY(-50%) } .form-ui-white .file-field-input + label { color: var(--color-white); border-color: var(--color-background) } .form-ui-white .file-field-input + label span::after { background-image: url(/local/templates/terratech_23/css/../img/svg/link-white.svg) } .form-errors-show .file-field-input:invalid + label { border-color: var(--color-error); } .form-errors-show .textarea-field textarea:invalid ~ .textarea-field-error { display: block; } .form-ui-white .textarea-field textarea { color: var(--color-white); border-color: var(--color-white); } .form-ui-white .textarea-field label { color: var(--color-blue-light); } .form-ui-white .textarea-field textarea:placeholder-shown ~ label { color: var(--color-white); } .input-field--date-range { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; } .form-footer { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 50px calc(var(--bs-gutter-x) * -0.5) 0; } .form-footer > div { padding: 0 calc(var(--bs-gutter-x) * 0.5); } .form-footer-message { flex: 1 0 50%; align-self: center; max-width: calc(540px + var(--bs-gutter-x)); font-size: 14px; line-height: 21px; letter-spacing: 0.05em; } .form-footer-message a { text-decoration: underline; } .form-footer-button { flex: 0 0 auto; } .form-footer-button .btn { min-width: 193px; } .form-success { display: flex; flex-flow: row nowrap; margin: 46px 0 0 0; } .form-success svg { flex: 0 0 auto; width: 48px; height: 48px; margin: 0 24px 0 0; } .form-success svg path { fill: var(--color-blue); } .form-success svg circle { stroke: var(--color-blue); } .form-success > div { align-self: center; } .section-blue .form-success svg path { fill: var(--color-white); } .section-blue .form-success svg circle { stroke: var(--color-white); } @media (max-width: 767px) { .form-grid { grid-template-columns: 1fr; gap: 15px var(--bs-gutter-x); } .form-line { grid-column: auto; } .radio-buttons { grid-template-columns: 100%; } .radio-button label { font-size: 14px; line-height: 22px; } .radio-button label::before { top: 2px; } .radio-button label::after { top: 6px; } .input-field input { font-size: 16px; } .input-field input:placeholder-shown ~ label { font-size: 16px; } .textarea-field textarea { font-size: 16px; } .textarea-field textarea:placeholder-shown ~ label { font-size: 16px; } .file-field-input + label { padding: 18px 10px; font-size: 16px; } .form-footer { margin: 30px 0 0 0; } .form-footer > div { width: 100%; padding: 0; } .form-footer-message { margin: 0 0 30px 0; font-size: 12px; line-height: 18px; } .form-footer-button .btn { width: 100%; } .form-success { flex-flow: column nowrap; align-items: center; margin: 30px 0 0 0; text-align: center; } .form-success svg { margin: 0 0 15px 0; } } /* accordion gallery */ .accordion-gallery { display: flex; flex-flow: row nowrap; margin: 0 -6px 100px -6px; } .accordion-gallery-item { flex: 0 1 auto; position: relative; width: 20%; height: 700px; min-width: 82px; padding: 0 6px; transition: 0.5s; cursor: pointer; } .accordion-gallery--4 .accordion-gallery-item { width: 25%; } .accordion-gallery-item-image { position: relative; display: block; height: 100%; filter: grayscale(98%); transition: 0.25s; } .accordion-gallery-item-image img { width: 100%; height: 100%; object-fit: cover; } .accordion-gallery-item-heading { position: absolute; z-index: 2; right: 6px; bottom: 0; left: 6px; display: flex; justify-content: space-between; align-items: center; height: 90px; padding: 18px 16px 20px 16px; background: rgba(43, 57, 68, 0.7); pointer-events: none; } .accordion-gallery-item-heading .title-link { max-width: calc(100% - 46px); margin: 0 16px 0 0; color: var(--color-white); opacity: 1; transition: 0.25s 0.25s; } .accordion-gallery-item-heading svg { flex: 0 0 auto; transform: rotate(0deg); transition: 0.25s; } .accordion-gallery-item-heading svg circle, .accordion-gallery-item-heading svg path { transition: inherit; } .accordion-gallery-item:hover .accordion-gallery-item-image { filter: grayscale(0%); } .accordion-gallery-item:hover .accordion-gallery-item-heading svg { transform: rotate(90deg); } .accordion-gallery-item:hover .accordion-gallery-item-heading svg circle { fill: var(--color-white); } .accordion-gallery-item:hover .accordion-gallery-item-heading svg path { fill: var(--color-blue); } @media (min-width: 1280px) { .accordion-gallery.active .accordion-gallery-item:not(.active) .accordion-gallery-item-heading, .accordion-gallery--hover:hover .accordion-gallery-item:not(:hover) .accordion-gallery-item-heading { justify-content: center; } .accordion-gallery.active .accordion-gallery-item:not(.active) .accordion-gallery-item-heading .title-link, .accordion-gallery--hover:hover .accordion-gallery-item:not(:hover) .accordion-gallery-item-heading .title-link { max-width: 0; margin: 0; opacity: 0; transition: none; } .accordion-gallery.active .accordion-gallery-item.active, .accordion-gallery--hover .accordion-gallery-item:hover { flex: 1 0 auto; width: calc(100% - 328px); transition: 0.25s ease-out; } .accordion-gallery.accordion-gallery--4.active .accordion-gallery-item.active, .accordion-gallery--hover.accordion-gallery--4 .accordion-gallery-item:hover { flex: 1 0 auto; width: calc(100% - 246px); transition: 0.25s ease-out; } .accordion-gallery-item.active .accordion-gallery-item-image { filter: grayscale(0%); } } .accordion-gallery-item-legend { position: absolute; z-index: 5; bottom: 110px; left: 26px; display: flex; align-items: flex-end; width: 0; height: 0; opacity: 0; transition: 0s; pointer-events: none; overflow: hidden; } @media (min-width: 1280px) { .accordion-gallery.active .accordion-gallery-item.active .accordion-gallery-item-legend, .accordion-gallery--hover .accordion-gallery-item:hover .accordion-gallery-item-legend { width: auto; height: 100%; opacity: 1; transition: opacity 0.35s 0.35s; } } .accordion-gallery-item-legend .legend { position: static; pointer-events: initial; } @media (max-width: 1279px) { .accordion-gallery { flex-flow: column nowrap; margin: 0 -6px 80px -6px; } .accordion-gallery-item, .accordion-gallery--4 .accordion-gallery-item { width: 100%; height: auto; } .accordion-gallery-item + .accordion-gallery-item { margin: 4px 0 0 0; } .accordion-gallery-item-image { height: 62px; } .accordion-gallery-item-heading { top: 0; bottom: auto; height: 62px; padding: 16px 20px; pointer-events: initial; cursor: pointer; } input[type="radio"]:checked ~ .accordion-gallery-item-image { height: 500px; } input[type="radio"]:checked ~ .accordion-gallery-item-image { filter: grayscale(0%); } input[type="radio"]:checked ~ .accordion-gallery-item-heading svg { transform: rotate(90deg); } input[type="radio"]:checked ~ .accordion-gallery-item-heading svg circle { fill: var(--color-white); } input[type="radio"]:checked ~ .accordion-gallery-item-heading svg path { fill: var(--color-blue); } /* .accordion-gallery:hover .accordion-gallery-item:not(:hover) .accordion-gallery-item-heading { justify-content: space-between; } .accordion-gallery:hover .accordion-gallery-item:not(:hover) .accordion-gallery-item-heading .title-link { max-width: initial; margin: 0 16px 0 0; opacity: 1; } .accordion-gallery-item:hover, .accordion-gallery--4 .accordion-gallery-item:hover { width: 100%; } */ .accordion-gallery-item-legend { position: absolute; z-index: 5; top: auto; right: auto; bottom: 12px; left: 18px; width: 0; height: 0; opacity: 0; transition: 0s; overflow: hidden; } .accordion-gallery-item input[type="radio"]:checked ~ .accordion-gallery-item-legend { width: auto; height: 100%; opacity: 1; transition: opacity 0.35s 0.35s; } } @media (max-width: 1023px) { input[type="radio"]:checked ~ .accordion-gallery-item-image { height: 380px; } } @media (max-width: 767px) { .accordion-gallery { margin: 0 -6px 40px -6px; } .accordion-gallery-item-image { height: 48px; } .accordion-gallery-item-heading { height: 48px; padding: 8px 16px; } input[type="radio"]:checked ~ .accordion-gallery-item-image { height: 250px; } .accordion-gallery-item-legend, .accordion-gallery-item:hover .accordion-gallery-item-legend { right: 6px; bottom: 0; left: 6px; display: flex; } .accordion-gallery-item input[type="radio"]:checked ~ .accordion-gallery-item-legend { height: calc(100% - 48px); } } @media (max-width: 479px) { .accordion-gallery-item-heading { padding: 8px; } } /* progress-slider */ .progress-slider-grid { display: grid; grid-template-columns: 33.33% 66.66%; grid-template-rows: auto 1fr auto; margin: 0 calc(var(--bs-gutter-x) / -2); } .progress-slider-grid > div { padding: 0 calc(var(--bs-gutter-x) / 2); } .progress-slider-grid .progress-slider-thumbs { grid-column: 1/2; grid-row: 2/3; } .progress-slider-grid .progress-slider-link { margin: auto 0 0 0; grid-column: 1/2; grid-row: 3/4; } .progress-slider-grid .progress-slider-ui { grid-column: 2/3; grid-row: 1/2; } .progress-slider-grid .progress-slider-slides { grid-column: 2/3; grid-row: 2/4; } .progress-slider-thumbs .swiper-slide { cursor: pointer; } .progress-slider-thumbs .title-link { display: flex; color: var(--color-gray); transition: 0.6s; } .progress-slider-thumbs .title-link::before { content: ""; flex: 0 0 auto; align-self: flex-start; display: block; width: 0; height: 1px; margin: 12px 0 0 0; background: var(--color-blue); transition: 0.6s; } .progress-slider-thumbs .swiper-slide-thumb-active .title-link { color: var(--color-text-color); } section.section-darken .progress-slider-thumbs .swiper-slide-thumb-active .title-link, section.section-dark .progress-slider-thumbs .swiper-slide-thumb-active .title-link { color: var(--color-white); } .progress-slider-thumbs .swiper-slide-thumb-active .title-link::before { width: 60px; margin: 12px 16px 0 0; } .progress-slider-ui { display: flex; flex-flow: row nowrap; align-items: center; margin: 0 0 30px 0; } .progress-slider-ui-fraction { flex: 0 0 auto; align-self: flex-start; margin: 5px auto 0 0; } .progress-slider-ui-bar { flex: 1 1 50%; max-width: 100%; margin: 0 50px; } .progress-slider-ui-arrows { flex: 0 0 auto; margin: 0 0 0 auto; } .slide-description { position: absolute; z-index: 5; top: 20px; left: 20px; max-width: 380px; padding: 20px; font-weight: 600; font-size: 14px; line-height: 18px; color: var(--color-white); background: rgba(43, 57, 68, 0.8); } .progress-slider-slide-image { position: relative; display: block; height: 0; padding: 0 0 61.25% 0; } .progress-slider-slide-image img, .progress-slider-slide-image video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .progress-slider-slide-image video { object-fit: contain; } @media (max-width: 1599px) { .progress-slider-thumbs .swiper-slide-thumb-active .title-link::before { width: 35px; } .progress-slider-ui-bar { margin: 0 36px; } } @media (max-width: 1279px) { .progress-slider-grid { grid-template-columns: 100%; grid-template-rows: auto; } .progress-slider-grid .progress-slider-thumbs { grid-column: 1/2; grid-row: 2/3; } .progress-slider-grid .progress-slider-link { margin: 40px 0 0 0; grid-column: 1/2; grid-row: 4/5; } .progress-slider-grid .progress-slider-ui { grid-column: 1/2; grid-row: 1/2; } .progress-slider-grid .progress-slider-slides { grid-column: 1/2; grid-row: 3/4; } .progress-slider-thumbs { margin: 0 0 10px 0; } .progress-slider-thumbs .swiper-slide { height: auto; } .progress-slider-thumbs .title-link { align-items: flex-start; min-height: 52px; } .progress-slider-thumbs .swiper-slide-thumb-active .title-link::before { display: none; } .progress-slider-ui { margin: 0 0 36px 0; } } @media (max-width: 1023px) { .slide-description { top: 12px; left: 12px; padding: 12px; } } @media (max-width: 767px) { .progress-slider-thumbs { margin: 0 0 4px 0; } .progress-slider-grid .progress-slider-link { margin: 24px 0 0 0; } .progress-slider-ui { margin: 0 0 24px 0; } .progress-slider-ui-bar { margin: 0 8px; } .slide-description { top: 0; left: 0; max-width: 100%; padding: 8px; font-size: 12px; line-height: 16px; } } .date-point-slide-image { position: relative; display: block; height: 0; padding: 0 0 61% 0; } .date-point-slide-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .date-point-pagination { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 40px 0 0 0; padding: 0 0 26px 0; border-top: 2px solid var(--color-blue); } .date-point-pagination-bullet { position: relative; display: flex; flex-flow: column nowrap; align-items: center; width: 12px; height: 12px; margin: -7px 0 0 0 !important; background: var(--color-blue); border-radius: 50%; opacity: 1; transition: 0.35s ease-in; } .date-point-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-white); box-shadow: 0 0 0 2px var(--color-blue); } .date-point-pagination-bullet:first-child { align-items: flex-start; } .date-point-pagination-bullet:last-child { align-items: flex-end; } .date-point-pagination-bullet-date { position: relative; padding: 24px 0 0 0; font-size: 14px; line-height: 14px; color: var(--color-gray); transition: 0.35s ease-in; } .date-point-pagination-bullet.swiper-pagination-bullet-active .date-point-pagination-bullet-date { color: var(--color-text-color); } .section-darken .date-point-pagination-bullet.swiper-pagination-bullet-active .date-point-pagination-bullet-date { color: var(--color-white); } @media (max-width: 767px) { .date-point-pagination { margin: 36px 0 0 0; } .date-point-pagination-bullet-date { font-size: 12px; opacity: 0; } .date-point-pagination-bullet.swiper-pagination-bullet-active .date-point-pagination-bullet-date { opacity: 1; } } .iframe-compare { position: relative; height: 0; padding: 0 0 50% 0; box-shadow: 0 0 0 2px var(--color-white); } .iframe-compare iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .section-iframe { position: relative; height: 0; padding: 0 0 60% 0; } .border-gray { border: 1px solid var(--color-border-gray); } .section-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 1023px) { .iframe-compare { padding: 0 0 93% 0; } } @media (max-width: 767px) { .section-iframe--mob-high, .section-iframe--mobile-tall { padding: 0 0 120% 0; } } .image-tabs-buttons { display: flex; flex-flow: row wrap; align-items: stretch; } .btn.image-tab-button { width: 50%; height: auto; padding: 17px 30px; background-color: var(--color-white); border-top: 1px solid var(--color-blue); border-width: 1px 0 0 0; border-radius: 0; } .btn.image-tab-button.active { background-color: var(--color-blue); } .btn.image-tab-button .title-link { color: var(--color-text-color); text-transform: initial; } .btn.image-tab-button.active .title-link { color: var(--color-white); } .image-tab { position: relative; } .image-tab-image { position: relative; display: block; height: 0; padding: 0 0 46% 0; } .image-tab-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .image-tabs--height-auto .image-tab-image { height: auto; padding: 0; } .image-tabs--height-auto .image-tab-image img { position: relative; height: auto; } @media (max-width: 1279px) { .image-tab-image { padding: 0 0 57% 0; } } @media (max-width: 1023px) { .image-tab-image { padding: 0 0 75% 0; } } @media (max-width: 767px) { .btn.image-tab-button { width: 100%; padding: 8px; text-align: left; } } /* page promo */ .page-promo { padding: 100px 0; color: var(--color-white); background: var(--color-blue); } .page-promo-grid { display: grid; grid-template-columns: 33.33% 66.66%; align-items: start; margin: 0 calc(var(--bs-gutter-x) / -2); } .page-promo-grid > div { padding: 0 calc(var(--bs-gutter-x) / 2); } .page-promo-heading { grid-column: 1/3; min-height: 300px; margin: 0 0 30px 0; opacity: 1; transition: 0.6s; } .in-transition .page-promo-heading { opacity: 0; transition: 0.3s; } .page-promo-ui { display: flex; justify-content: space-between; } .page-promo-logo img { width: auto; height: 63px; opacity: 1; transition: 0.6s; } .in-transition .page-promo-logo img { opacity: 0; transition: 0.3s; } .page-promo-slider .swiper.swiper-initialized { overflow: visible; } .page-promo-ui .slider-nav { flex-flow: column-reverse nowrap; } .page-promo-ui .slider-nav .btn + .btn { margin: 0 0 10px 0; } .page-promo-slide { position: relative; display: flex; flex-flow: row wrap; } .page-promo-slide-info { width: 50%; padding: 0 calc(var(--bs-gutter-x) / 2) 0 0; } .page-promo-slide-heading { margin: 0 0 30px 0; } .page-promo-slide-description { margin: 0 0 40px 0; } .page-promo-slide-image { position: absolute; top: -330px; right: 0; width: 478px; height: 478px; } .page-promo-slider .swiper:not(.swiper-initialized) .page-promo-slide-image { visibility: hidden; } .five-borders-image { position: relative; width: 100%; height: 100%; } .five-borders-image-borders { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .five-borders-image::before, .five-borders-image::after, .five-borders-image-borders::before, .five-borders-image-borders::after { content: ""; position: absolute; top: 0; display: block; width: 100%; height: 100%; border: 1px solid var(--color-white); border-radius: 50%; } .five-borders-image::before { right: 3%; } .five-borders-image::after { left: 3%; } .five-borders-image-borders::before { right: 6%; } .five-borders-image-borders::after { left: 6%; } .five-borders-image img { width: 100%; height: 100%; object-fit: cover; border: 1px solid var(--color-white); border-radius: 50%; } @media (max-width: 1599px) { .page-promo-slide-info { width: 62.5%; } .page-promo-slide-image { top: -300px; width: 356px; height: 356px; } } @media (max-width: 1279px) { .page-promo-grid { grid-template-columns: 100%; } .page-promo-heading { grid-column: 1/2; min-height: 220px; margin: 0 0 40px 0; } .page-promo-ui { grid-column: 1/2; align-items: center; margin: 0 0 40px 0; } .page-promo-ui .slider-nav { flex-flow: row nowrap; } .page-promo-ui .slider-nav .btn + .btn { margin: 0 0 0 10px; } .page-promo-slider { grid-column: 1/2; } .page-promo-slide-info { width: 50%; } .page-promo-slide-image { position: static; order: 2; margin: 0 0 0 auto; } } @media (max-width: 1023px) { .page-promo-slide-image { width: 296px; height: 296px; } } @media (max-width: 767px) { .page-promo { padding: 60px 0; } .page-promo-heading { min-height: 140px; margin: 0 0 24px 0; } .page-promo-ui { margin: 0 0 24px 0; } .page-promo-logo img { height: 48px; } .page-promo-slide { justify-content: center; } .page-promo-slide-image { order: 0; width: 270px; height: 270px; margin: 0 0 24px 0; } .page-promo-slide-info { width: 100%; padding: 0; } .page-promo-slide-heading { margin: 0 0 24px 0; } .page-promo-slide-info .btn { width: 100%; } } .solution-steps { --solution-steps-intersection: 34px; display: flex; padding: 0 calc(var(--solution-steps-intersection) / 2); } .solution-steps-col { flex: 0 0 auto; width: 25%; } .solution-step { position: relative; right: calc(var(--solution-steps-intersection) / 2); width: calc(100% + var(--solution-steps-intersection)); height: 0; padding: 0 0 calc(100% + var(--solution-steps-intersection)) 0; } .solution-step-content { position: absolute; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; width: 100%; height: 100%; padding: calc(var(--solution-steps-intersection) + 14px); text-align: center; } .solution-step-name { justify-content: center; margin: 20px 0 0 0; color: var(--color-blue); } .solution-step-description { margin: 20px 0 0 0; } .sectoral-border-1::before, .sectoral-border-2::before, .sectoral-border-3::before, .sectoral-border-4::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid transparent; border-radius: 50%; transform: rotate(-45deg); pointer-events: none; } .sectoral-border-1::before { border-top-color: var(--color-blue); } .sectoral-border-2::before { border-top-color: var(--color-blue); border-left-color: var(--color-blue); } .sectoral-border-3::before { border-top-color: var(--color-blue); border-left-color: var(--color-blue); border-bottom-color: var(--color-blue); } .sectoral-border-4::before { border-top-color: var(--color-blue); border-left-color: var(--color-blue); border-bottom-color: var(--color-blue); border-right-color: var(--color-blue); } .sectoral-border-1::after, .sectoral-border-2::after, .sectoral-border-3::after, .sectoral-border-4::after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px dashed var(--color-gray); border-radius: 50%; pointer-events: none; } .solution-step-progress { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); } .solution-step-progress svg { width: 100%; height: 100%; } .solution-step-progress svg circle.circle-track { stroke: var(--color-gray); stroke-width: 1px; stroke-dasharray: 3; } .solution-step-progress svg circle.circle-progress { --perimeter: calc(3.14 * 100%); stroke: var(--color-blue); stroke-width: 1px; stroke-dasharray: var(--perimeter); stroke-dashoffset: calc(var(--perimeter) * -1); } .solution-step-progress--25 svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * -0.75); } .solution-step-progress--50 svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * -0.5); } .solution-step-progress--75 svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * -0.25); } .solution-step-progress--100 svg circle.circle-progress { stroke-dashoffset: calc(var(--perimeter) * 0); } .solution-how-much { margin: 100px 0 0 33.33%; padding: 0 calc(var(--bs-gutter-x) / 2); } .solution-how-much-heading { margin: 0 0 30px 0; } .solution-how-much-description { max-width: 450px; margin: 0 0 60px 0; } .solution-how-much-properties { margin: 0 0 40px 0; } .solution-property { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--bs-gutter-x); padding: 20px 0; border-bottom: 1px solid var(--color-gray); } .solution-property-name { color: var(--color-gray); } .solution-property-value { font-size: 20px; line-height: 26px; text-align: right; } @media (max-width: 1599px) { .solution-steps { --solution-steps-intersection: 40px; } .solution-step-content { padding: calc(var(--solution-steps-intersection) + 4px); } } @media (max-width: 1279px) { .solution-steps { padding: 0; margin: 0 calc(var(--bs-gutter-x) / -2); } .solution-steps-col { padding: 0 calc(var(--bs-gutter-x) / 2); } .solution-step { right: auto; width: 100%; height: auto; padding: 0; } .solution-step-content { position: static; height: auto; padding: 0; } .solution-step-number { position: relative; display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto 15px; } .solution-how-much--with-list { margin: 100px 0 0 0; } } @media (max-width: 1023px) { .solution-steps { flex-flow: column nowrap; align-items: flex-start; } .solution-steps-col { width: 100%; } .solution-step { width: auto; margin: 0 0 24px 190px; } .solution-step-content { flex-flow: row nowrap; justify-content: flex-start; text-align: left; } .solution-step-number { flex: 0 0 auto; margin: 0 20px 0 0; } .solution-step-content-text { margin: 66px 0 0 0; } .solution-step-name { margin: 0; } .solution-how-much { margin: 76px 0 0 33.33%; } .solution-how-much--with-list { margin: 76px 0 0 0; } } @media (max-width: 767px) { .solution-step { margin: 0 0 24px 0; } .solution-step-number { width: 100px; height: 100px; margin: 0 16px 0 0; } .solution-step-content-text { display: flex; flex-flow: column nowrap; justify-content: center; align-items: flex-start; margin: 0; } .solution-step-description { margin: 8px 0 auto 0; } .solution-how-much { margin: 36px 0 0 0; padding: 0; } .solution-how-much-description { max-width: 100%; margin: 0 0 36px 0; } .solution-how-much-properties { margin: 0 0 36px 0; } .solution-property { grid-template-columns: auto auto; } .solution-property-value { font-size: 16px; } } /* legend */ .legend { position: absolute; bottom: 20px; left: 20px; z-index: 5; display: flex; flex-flow: column nowrap; width: 100%; max-width: 380px; max-height: 70%; padding: 0 20px; font-size: 14px; line-height: 18px; color: var(--color-white); background: rgba(43, 57, 68, 0.7); } .legend.active { padding: 0 20px 20px 20px; } .legend-item { display: flex; flex-flow: row nowrap; } .legend-trigger { flex: 0 0 auto; justify-content: space-between; width: 100%; padding: 0; color: var(--color-white); border-color: transparent; } .legend-trigger-icon { transition: 0.35s; } .legend.active .legend-trigger-icon { transform: rotate(180deg); } .legend-items { flex: 0 1 auto; opacity: 1; transition: opacity 0.35s; overflow-y: auto; } .legend:not(.active) .legend-items { margin: 0; height: 0; opacity: 0; } .legend-item + .legend-item { margin: 8px 0 0 0; } .legend-item-mark { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 30px; height: 22px; margin: 0 10px 0 0; } .legend-item-mark img { max-width: 100%; max-height: 100%; } .legend-item-mark-color { width: 16px; height: 16px; border-radius: 50%; border: 2px solid transparent; } .legend-item-mark--line .legend-item-mark-color { height: 5px; border-width: 1px; border-radius: 0; } .legend-item-description { flex: 1 1 50%; max-width: 100%; align-self: center; } .legend-item--range { display: grid; grid-template-columns: 30px 1fr; gap: 8px 10px; } .legend-item--range .legend-item-mark { grid-row: 1 / 3; height: 100%; } @media (max-width: 1023px) { .legend { bottom: 12px; left: 12px; padding: 0 12px; } .legend.active { padding: 0 12px 12px 12px; } } @media (max-width: 767px) { .legend { bottom: 0; left: 0; max-width: 100%; max-height: 100%; font-size: 12px; line-height: 16px; padding: 0 8px; } .legend.active { padding: 0 8px 8px 8px; } .legend-trigger { height: 36px; } .legend-item + .legend-item { margin: 4px 0 0 0; } } /* image compare */ .image-compare { --position-left: 50%; position: relative; overflow: hidden; } .detail-text .image-compare { margin: 60px 0; } .image-compare-description { position: absolute; top: 20px; left: 20px; z-index: 10; padding: 16px 20px; font-size: 14px; line-height: 18px; color: var(--color-white); background: rgba(43, 57, 68, 0.7); } .image-compare-description + .image-compare-description { right: 20px; left: auto; } .image-compare .legend { max-width: 340px; } .image-compare-container { position: relative; } .image-compare .image { display: block; margin: 0; } .image-compare .image-before { position: absolute; z-index: 2; top: 0; left: 0; width: var(--position-left); height: 100%; object-fit: cover; object-position: left center; } .image-compare .image-after { width: 100%; height: auto; margin: 0; } .image-compare-slider { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .image-compare-line { position: absolute; z-index: 2; top: 0; left: var(--position-left); width: 3px; height: 100%; background: var(--color-blue); transform: translateX(-50%); pointer-events: none; } .image-compare-handle svg { position: absolute; z-index: 3; top: 50%; left: var(--position-left); display: block; width: 38px; height: 38px; transform: translate(-50%, -50%); pointer-events: none; } @media (max-width: 1023px) { .detail-text .image-compare { margin: 36px 0; } .image-compare-description { top: 0; left: 0; } .image-compare-description + .image-compare-description { right: 0; left: auto; } .image-compare .legend { left: 0; bottom: 0; } } @media (max-width: 767px) { .image-compare-description { padding: 12px; font-size: 12px; line-height: 14px; } .image-compare .legend { max-width: 100%; } } .accordion-item { border-bottom: 1px solid; } .accordion-item--no-head { padding: 30px 0 0 0; } .section-darken .accordion-item { border-bottom-color: var(--color-gray); } .accordion-item-heading { display: flex; justify-content: space-between; align-items: center; padding: 30px 0; cursor: pointer; } .accordion-item-icon { flex: 0 0 auto; position: relative; margin: 0 0 0 30px; width: 26px; height: 0; border-top: 1px solid; border-bottom: 1px solid; } .accordion-item-icon::before { content: ""; display: block; width: 100%; height: 100%; margin: -1px 0 0 0; border-top: 1px solid; border-bottom: 1px solid; transform: rotate(0deg); transition: transform 0.35s; } .accordion-item:not(.active) .accordion-item-icon::before { transform: rotate(90deg); } .accordion-item-content { padding: 10px 0 30px 0; opacity: 1; transition: 0.35s; overflow: hidden; } .accordion-item:not(.active) .accordion-item-content { height: 0; padding: 0; opacity: 0; } .accordion-item-content .img-75 { max-width: 75%; } .accordion-item-content .detail-text-iframe { margin: 30px 0; } .accordion-item-content-more { margin: 30px 0 0 0; text-align: right; } @media (max-width: 1023px) { .accordion-item-content .img-75 { max-width: 100%; } } @media (max-width: 767px) { .accordion-item-heading { padding: 24px 0; } .accordion-item-content { padding: 0 0 30px 0; } .accordion-item-content > .row > .col-12 + .col-12 { margin: 30px 0 0 0; } .accordion-item-content-more { margin: 24px 0 0 0; } } .filter-form-line { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .filter-form-line.border-padding { padding: 0 var(--bs-gutter-x) 0 0; } .filter-form input { flex: 1 1 50%; display: block; max-width: 100%; padding: 0; font-size: 20px; line-height: 26px; background: transparent; border: none; outline: none; } .filter-form input::placeholder { color: var(--color-gray); opacity: 1; } .filter-form-icon, .filter-form-btn { flex: 0 0 auto; display: block; width: 24px; margin: 0 0 0 24px; padding: 0; background: none; border: none; } .filter-form-btn { cursor: pointer; } .filter-form-date-fields { display: flex; flex-flow: row nowrap; margin: 0 0 0 auto; } .filter-form-date-fields input { width: 86px; font-size: 16px; } .filter-form-date-fields input ~ input { margin: 0 0 0 24px; } .filter-select { display: block; width: 100%; font-style: normal; font-size: 20px; line-height: 26px; color: var(--color-text-color); text-overflow: ellipsis; white-space: nowrap; background: 100% center / 24px 24px url(/local/templates/terratech_23/css/../img/svg/angle-arrow-down.svg) no-repeat transparent; border-color: transparent; overflow: hidden; appearance: none; outline: 0; cursor: pointer; } @media (max-width: 1279px) { .filter-form-icon { margin: 0 0 0 16px; } .filter-form-date-fields input ~ input { margin: 0 0 0 16px; } } @media (max-width: 767px) { .press-section { --section-heading-margin: 20px; } .filter-form input { font-size: 16px; line-height: 22px; } .filter-form-line { position: relative; padding: 0 0 18px 0; margin: 0 0 18px 0; border-bottom: 1px solid var(--color-gray); } .filter-form-line .datepicker-dropdown { left: 50% !important; transform: translateX(-50%); } .filter-form-line.border-padding { padding: 0 0 18px 0; } .filter-form-date-fields input { width: 78px; font-size: 14px; } .filter-select { font-size: 16px; line-height: 22px } } .press-section { --section-padding-bottom: 100px; --section-heading-margin: 50px; --section-list-margin: 60px; } .press-section-row { margin-top: 60px; } .tag-cloud { display: flex; flex-flow: column nowrap; margin: 0 0 40px 0; } .tag-cloud-more { order: 2; align-self: flex-start; display: inline-flex; justify-content: space-between; margin: 20px 0 0 0; font-size: 16px; line-height: 23px; color: var(--color-text-color); transition: 0.25s; } .tag-cloud-more:hover { color: var(--color-blue); } .tag-cloud-more svg { flex: 0 0 auto; margin: 0 0 0 10px; transform: rotate(0deg); transition: 0.25s; } .tag-cloud-more svg path { fill: var(--color-text-color); transition: 0.25s; } .tag-cloud-more:hover svg path { fill: var(--color-blue); } .tag-cloud-more.active svg { transform: rotate(180deg); } .tag-cloud-list { display: flex; flex-flow: row wrap; margin: 0 -10px; } .tag-cloud-link { display: inline-block; margin: 0 10px 20px 10px; font-size: 16px; line-height: 23px; color: var(--color-gray); opacity: 1; transition: 0.25s; transition-property: opacity, color; cursor: pointer; overflow: hidden; } .tag-cloud-link:hover, .tag-cloud-link.active { color: var(--color-blue); } .tag-cloud-more:not(.active) + .tag-cloud-list .tag-cloud-link:nth-child(n + 19) { height: 0; margin: 0; opacity: 0; } .press-list .article-preview { margin: 0 0 var(--section-list-margin) 0; } .press-list-more { margin: 0 0 var(--section-list-margin) 0; } .press-list-more .btn { min-width: 212px; } @media (max-width: 1279px) { .press-section-row { margin-top: 30px; } .tag-cloud-more { order: 0; width: 100%; margin: 0 0 26px 0; padding: 20px 0 0 0; border-top: 1px solid var(--color-gray); } .tag-cloud-more:not(.active) + .tag-cloud-list .tag-cloud-link:nth-child(n + 13) { height: 0; margin: 0; opacity: 0; } .press-list-more { text-align: center; } } @media (max-width: 1023px) { .press-section { --section-list-margin: 50px; } } @media (max-width: 767px) { .press-section-row { margin-top: 20px; } .tag-cloud { margin: 0 0 34px 0; } .tag-cloud-more { margin: 0 0 16px 0; padding: 0; border-top: none; } .tag-cloud-list { margin: 0 -8px; } .tag-cloud-link { margin: 0 8px 16px 8px; font-size: 14px; line-height: 18px; } .press-list-more .btn { width: 100%; max-width: 100%; } } /* press detail */ /* about page */ .about-description { margin: 0 0 60px 0; } .about-logo-bubbles { position: relative; width: 428px; height: 428px; margin: 0 0 40px 0; } .about-logo-bubbles-line { position: absolute; top: 50%; left: 0; width: 925px; height: 1px; background: var(--color-gray); } .about-logo-bubble { position: absolute; z-index: 2; top: 0; left: 0; flex: 0 0 auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; border: 1px solid var(--color-gray); border-radius: 50%; } .about-logo-bubble:nth-child(1) { width: 100%; height: 100%; } .about-logo-bubble:nth-child(2) { top: 13%; left: 100%; width: 74%; height: 74%; margin-left: -34px; } .about-logo-bubble:nth-child(3) { top: 21%; left: 174%; width: 58%; height: 58%; margin-left: -68px; } .about-logo-bubble-logo { position: relative; flex: 0 0 auto; padding: 0 20px; height: 30px; background: var(--color-background); } .about-logo-bubble-logo img { width: auto; height: 100%; } .about-details { margin: 0 0 140px 0; } @media (max-width: 1599px) { .about-logo-bubbles { width: 367px; height: 367px; } .about-logo-bubbles-line { width: 790px; } .about-logo-bubble:nth-child(1) { width: 100%; height: 100%; } .about-logo-bubble:nth-child(2) { margin-left: -30px; } .about-logo-bubble:nth-child(3) { margin-left: -60px; } .about-logo-bubble-logo { height: 26px; padding: 0 16px; } } @media (max-width: 1279px) { .about-description { margin: 0 0 40px 0; } .about-logo-bubbles { width: 440px; height: 440px; } .about-logo-bubbles-line { width: 960px; } .about-logo-bubble:nth-child(1) { width: 100%; height: 100%; } .about-logo-bubble:nth-child(2) { margin-left: -30px; } .about-logo-bubble:nth-child(3) { margin-left: -60px; } .about-logo-bubble-logo { height: 30px; padding: 0 20px; } .about-details { margin: 0 0 80px 0; } } @media (max-width: 1023px) { .about-logo-bubbles { width: 335px; height: 335px; } .about-logo-bubbles-line { width: 720px; } .about-logo-bubble:nth-child(1) { width: 100%; height: 100%; } .about-logo-bubble:nth-child(2) { margin-left: -30px; } .about-logo-bubble:nth-child(3) { margin-left: -60px; } .about-logo-bubble-logo { padding: 0 16px; height: 23px; } .about-details { margin: 0 0 60px 0; } } @media (max-width: 767px) { .about-logo-bubbles { width: 100%; height: 0; padding: 0 0 100% 0; } .about-logo-bubble:nth-child(1) { align-items: flex-start; padding: 56px 0 0 0; } .about-logo-bubble:nth-child(2) { top: auto; bottom: 0; left: 13%; align-items: flex-start; padding: 40px 0 0 0; margin: 0; } .about-logo-bubble:nth-child(3) { top: auto; bottom: 0; left: 24%; width: 52%; height: 52%; margin: 0; } .about-logo-bubble-logo { height: 30px; } .about-logo-bubbles-line { display: none; } } @media (max-width: 479px) { .about-logo-bubble:nth-child(1) { padding: 40px 0 0 0; } .about-logo-bubble:nth-child(2) { padding: 28px 0 0 0; } .about-logo-bubble:nth-child(3) { } .about-logo-bubble-logo { height: 22px; } } .about-advantages { display: grid; grid-template-columns: minmax(auto, 448px) minmax(auto, 330px) minmax(auto, 243px); position: relative; gap: 140px; } .about-advantage { position: relative; z-index: 2; } .about-advantage-description { font-size: 20px; line-height: 26px; } .about-advantage:nth-child(1) { padding: 42px 0 0 0; } .about-advantage:nth-child(1) .about-advantage-bubble { top: 0; left: 52px; width: 390px; height: 390px; } .about-advantage:nth-child(1) .about-advantage-description { margin: 0 0 0 120px; } .about-advantage:nth-child(2) { margin: 95px 0 0 0; padding: 50px 0 0 0; } .about-advantage:nth-child(2) .about-advantage-bubble { top: 0; left: -6px; width: 330px; height: 330px; } .about-advantage:nth-child(2) .about-advantage-description { margin-left: auto; max-width: 202px } .about-advantage:nth-child(3) { margin: 50px 0 0 0; } .about-advantage:nth-child(3) .about-advantage-bubble { top: 29px; left: 21px; width: 220px; height: 220px; } .about-advantage-heading { color: var(--color-blue); margin-bottom: 10px } .about-advantage-heading.text-center { text-align: center; } .about-advantage-bubble { position: absolute; z-index: -1; background-color: var(--color-white); border-radius: 50%; } .section-dark .about-advantage-bubble { background-color: transparent; border: 1px solid var(--color-gray); } @media (max-width: 1279px) { .about-advantages { grid-template-columns: minmax(auto, 340px) minmax(auto, 268px) minmax(auto, 245px); gap: 55px; } .about-advantage-description { font-size: 16px; } .about-advantage:nth-child(1) .about-advantage-bubble { left: 39px; width: 300px; height: 300px } .about-advantage:nth-child(1) .about-advantage-description { margin: 0 0 0 80px; } .about-advantage:nth-child(2) { padding: 20px 0 0 0; } .about-advantage:nth-child(2) .about-advantage-bubble { left: -6px; width: 260px; height: 260px; } .about-advantage:nth-child(3) .about-advantage-bubble { top: 29px; left: 0; } } @media (max-width: 1023px) { .about-advantages { justify-content: space-between; grid-template-columns: 1fr 220px; gap: 0 30px; } .about-advantage:nth-child(1) { grid-column: 1/2; grid-row: 1/2; width: 340px; } .about-advantage:nth-child(2) { grid-column: 1/2; grid-row: 2/3; width: 260px; padding: 20px 0 0 0; margin: 60px 0 0 auto; } .about-advantage:nth-child(3) { grid-column: 2/3; grid-row: 1/3; margin: 100px 0 0 0; } } @media (max-width: 767px) { .about-advantages { grid-template-columns: 100%; grid-auto-rows: minmax(168px, auto); gap: 12px; } .about-advantage { display: flex; flex-flow: row nowrap; align-items: center; } .about-advantage:nth-child(1), .about-advantage:nth-child(2), .about-advantage:nth-child(3) { grid-column: auto; grid-row: auto; width: auto; padding: 0; margin: 0; } .about-advantage:nth-child(1) { margin: 0 0 0 50px; } .about-advantage:nth-child(2) { margin: 0 0 0 100px; } .about-advantage:nth-child(1) .about-advantage-bubble, .about-advantage:nth-child(2) .about-advantage-bubble, .about-advantage:nth-child(3) .about-advantage-bubble { top: 0; left: 0; flex: 0 0 auto; width: 168px; height: 168px; } .about-advantage-heading { width: 168px; margin: 0 12px 0 0; text-align: center; } .about-advantage:nth-child(1) .about-advantage-description, .about-advantage:nth-child(2) .about-advantage-description, .about-advantage:nth-child(3) .about-advantage-description { flex: 1 1 50%; width: 100%; max-width: 100%; margin: 0; font-size: 14px; line-height: 22px; } } @media (max-width: 479px) { .about-advantage:nth-child(1) { margin: 0; } .about-advantage:nth-child(2) { margin: 0 0 0 40px; } } .about-directions { overflow: hidden; } .about-directions-slider > .swiper { overflow: visible; } .about-directions-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 calc(var(--bs-gutter-x) / -2); } .about-directions-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 33.33%; padding: 0 calc(var(--bs-gutter-x) / 2); } .about-direction { position: relative; display: flex; flex-flow: column nowrap; justify-content: flex-end; height: 447px; padding: 0 60px 66px 60px; border: 1px solid var(--color-gray); overflow: hidden; transition: 0.25s; } .about-direction:hover { background-color: var(--color-blue) } .about-direction-icon { position: absolute; right: 0; } .about-direction-icon.country-icon { top: 50px; height: 295px; } .about-direction-icon.business-icon { top: 76px; height: 270px; } .about-direction-icon.society-icon { top: 77px; height: 303px; } .about-direction-icon svg { width: auto; height: 100%; } .about-direction-icon svg path { transition: 0.25s; } .about-direction:hover .about-direction-icon svg path { stroke: var(--color-white) } .about-direction:hover .about-direction-icon svg path[fill="#2B3944"] { fill: var(--color-blue); } .about-direction-heading { color: var(--color-white); } .about-direction-description { margin: 15px 0 0 0; color: inherit; } .about-direction-hover { max-height: 0; opacity: 0; overflow: visible; transition: 0.5s ease; } .about-direction:hover .about-direction-hover { max-height: 50%; opacity: 1; transition: 0.5s ease-in; } @media (max-width: 1599px) { .about-direction { height: 380px; padding: 0 26px 30px 26px; } .about-direction-icon.country-icon { top: 58px; height: 251px; } .about-direction-icon.business-icon { top: 88px; height: 206px; } .about-direction-icon.society-icon { top: 59px; height: 231px; } } @media (max-width: 1279px) { .about-direction { height: 306px; padding: 40px 20px; justify-content: space-between; } .about-direction-icon.country-icon { top: 61px; height: 192px; } .about-direction-icon.business-icon { top: 67px; height: 157px; } .about-direction-icon.society-icon { top: 55px; height: 175px; } .about-direction-hover { max-height: 100%; opacity: 1; } } @media (max-width: 1023px) { .about-directions-slider > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: auto; } .about-directions-slider .swiper { overflow: visible; } .about-directions-slider > .swiper > .swiper-wrapper > .swiper-slide { width: auto; } .about-direction { width: 306px; } } @media (max-width: 767px) { .about-direction { width: 246px; height: 246px; padding: 24px; } .about-direction-icon.country-icon { top: 49px; height: 154px; } .about-direction-icon.business-icon { top: 54px; height: 126px; } .about-direction-icon.society-icon { top: 54px; height: 140px; } } .about-strategy { overflow: hidden; } .about-strategy-targets { --intersection: 64px; --intersection-active: 96px; padding: 0 calc(var(--intersection) / 2); margin: calc(var(--intersection-active) / 2) 0 0 0; } .about-strategy-targets .swiper { overflow: visible; } .about-strategy-targets .swiper > .swiper-wrapper { align-items: center; } .about-strategy-targets > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 33.33%; } .about-strategy-target { position: relative; display: block; left: 50%; width: calc(100% + var(--intersection)); height: 0; padding: 0 0 calc(100% + var(--intersection)) 0; transform: translateX(-50%); transition: 0.25s; cursor: pointer; } .about-strategy-target-bubble { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: var(--color-background); border: 1px solid var(--color-gray); border-radius: 50%; transform: translate(-50%, -50%); transition: 0.25s; } .about-strategy-target-content { position: absolute; z-index: 5; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: var(--color-gray); } .about-strategy-targets .swiper-slide-thumb-active .about-strategy-target-bubble { width: calc(100% + var(--intersection-active)); height: calc(100% + var(--intersection-active)); background: var(--color-blue); } .about-strategy-targets .swiper-slide-thumb-active .about-strategy-target-content { color: var(--color-white); } .about-strategy-descriptions, .about-strategy-descriptions .swiper, .about-strategy-descriptions .swiper-wrapper { height: 100%; } .about-strategy-descriptions { padding: 0 30px 0 0; } .about-strategy-descriptions .swiper-wrapper { align-items: center; } .about-strategy-descriptions .swiper-slide { height: auto; } .about-strategy-more { margin: 15px 0 0 0; } @media (max-width: 1599px) { .about-strategy-targets { --intersection: 55px; --intersection-active: 50px; } .about-strategy-descriptions { padding: 0 15px 0 0; } } @media (max-width: 1279px) { .about-strategy-targets { --intersection: 0px; --intersection-active: 0px; } .about-strategy-descriptions, .about-strategy-more { margin: 60px 0 0 0; } .about-strategy-descriptions, .about-strategy-descriptions .swiper, .about-strategy-descriptions .swiper-wrapper { height: auto; } .about-strategy-descriptions { padding: 0; } .about-strategy-descriptions .swiper-wrapper { align-items: flex-start; } .about-strategy-descriptions .swiper-slide { height: 100%; } } @media (max-width: 1023px) { .about-strategy-targets > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide, .about-strategy-targets .swiper-slide { width: 300px; } } @media (max-width: 767px) { .about-strategy-targets { --intersection: 20px; } .about-strategy-targets > .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide, .about-strategy-targets .swiper-slide { width: 190px; } .about-strategy-descriptions { margin: 40px 0 0 0; } .about-strategy-more { margin: 16px 0 0 0; } } .about-team { overflow: hidden } .about-team-info { margin: 0 0 30px 0; } .about-team-slider { display: grid; gap: 30px; grid-template-columns: 100%; } .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -15px; } .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 33.33%; padding: 0 15px; } .about-team-slide { display: block; } .about-team-slide-img { position: relative; height: 0; padding: 0 0 120% 0; margin: 0 0 30px 0; } .about-team-slide-img img { position: absolute; width: 100%; height: 100%; object-fit: cover } .about-team-slide-name { margin: 0 0 10px 0; } .about-team-slide-job { color: var(--color-gray) } @media (max-width: 1279px) { .about-team-info { margin: 0 0 40px 0; } .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper { margin: 0 -10px; } .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { padding: 0 10px; } } @media (max-width: 1023px) { .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 50%; } } @media (max-width: 767px) { .about-team-slide-img { margin: 0 0 24px 0; } .about-team-slider-name { margin: 0 0 8px 0; } .about-team-slider .about-team-slider-nav { order: 1; justify-content: flex-end; } } @media (max-width: 479px) { .about-team-slider .swiper > .swiper-wrapper > .swiper-slide, .about-team-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: auto; } .about-team-slider .swiper { overflow: visible; } .about-team-slide { width: 210px; } } .about-quote { --section-padding-top: 0px; --section-padding-bottom: 0px; } .about-quote-container { max-width: 100%; margin: 0 auto; } .about-quote-row { display: flex; flex-flow: row wrap; justify-content: space-between; } .about-quote-col { flex: 0 0 auto; width: calc(50% - 15px); } .about-quote-picture { display: flex; justify-content: flex-end; } .about-quote-picture img, .about-quote-picture picture { min-height: 100%; object-fit: cover; } .about-quote-text { display: grid; grid-template-columns: 119px auto; grid-template-rows: auto auto 1fr; width: 685px; height: 100%; padding: 100px 0; } .about-quote-heading { grid-column: 1/ 3; } .about-quote-icon { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background: var(--color-blue); border-radius: 50%; } .about-quote-author { grid-column: 2 / 3; align-self: end; margin: 40px 0 0 0; } .about-quote-author-job { margin: 20px 0 0 0; color: var(--color-gray); } @media (max-width: 1599px) { .about-quote-text { grid-template-columns: 103px auto; width: 585px; } } @media (max-width: 1279px) { .about-quote-col { flex: 0 0 auto; width: calc(50% - 10px); } .about-quote-text { grid-template-columns: 81px auto; width: 470px; padding: 60px 0; } } @media (max-width: 1023px) { .about-quote { --section-padding-top: 60px; --section-padding-bottom: 60px; } .about-quote-container { max-width: 740px; padding: 0 10px; } .about-quote-col { width: 100%; } .about-quote-heading { margin: 0 0 10px 0; color: var(--color-gray); } .about-quote-text { grid-template-columns: 100%; grid-template-rows: auto auto auto 1fr; width: 100%; padding: 0; margin: -24px 0 0 0; } .about-quote-icon { margin: 0 0 8px 0; } .about-quote-message { grid-column: 1 / 2; } .about-quote-author { grid-column: 1 / 2; } } @media (max-width: 767px) { .about-quote-container { max-width: 460px; } .about-quote-author-job { margin: 8px 0 0 0; } } .about-partners { --section-heading-margin: 20px } .about-partners-slider .slider-nav { justify-content: flex-end; margin: 0 0 40px 0; } .about-partners-slider .swiper > .swiper-wrapper > .swiper-slide { height: auto; } .about-partners-slide { display: flex; justify-content: center; align-items: center; height: 90px; padding: 5% 10%; } .about-partners-slide img { max-width: 100%; max-height: 100%; filter: grayscale(100%); transition: 0.25s; } .about-partners-slide:hover img { filter: grayscale(0%); } @media (max-width: 767px) { .about-partners-slider .slider-nav { margin: 0 0 20px 0; } } .about-awards { overflow: hidden; } .about-awards-slider .swiper { padding: 1px; } .about-awards-slider .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -15px; } .about-awards-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 25%; padding: 0 15px; } .about-award { position: relative; display: block; width: 100%; height: 0; padding: 0 0 100% 0; border: 1px solid var(--color-gray); border-radius: 50%; transition: 0.35s; } .about-award:hover { background: var(--color-blue); border-color: var(--color-white); } .about-award-icon { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20%; opacity: 1; transition: 0.35s; } .about-award-name { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12%; font-size: 20px; line-height: 26px; color: var(--color-text-color); text-align: center; transition: 0.35s; } .section-dark .about-award-name { color: var(--color-white); } .about-award-icon img { max-width: 100%; object-fit: contain; } .about-award:hover .about-award-icon, .about-award:hover .about-award-name { opacity: 0; } .about-award-info { position: absolute; z-index: 2; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 62px 15px; font-size: 16px; line-height: 26px; color: var(--color-white); text-align: center; opacity: 0; transition: 0.35s; } .about-award:hover .about-award-info { opacity: 1; } .about-award-more { position: absolute; bottom: 36px; left: 0; width: 100%; } .about-award-arrow { position: absolute; z-index: 3; right: 9%; bottom: 36px; } .about-award-arrow svg circle, .about-award-arrow svg path { transition: 0.35s; } .about-award:hover .about-award-arrow svg circle { fill: var(--color-white); } .about-award:hover .about-award-arrow svg path { fill: var(--color-blue); } .about-awards-slider .slider-nav { margin: 40px 0 0 0; justify-content: flex-end; } .about-award--img { height: auto; padding: 0; border: none; border-radius: 0; } .about-award--img:hover { background: transparent; } .about-award--img .about-award-info { position: relative; width: 100%; height: 0; padding: 0 0 100% 0; background: transparent; border: 1px solid var(--color-gray); border-radius: 50%; opacity: 1; } .about-award--img:hover .about-award-info { border-color: var(--color-white); } .about-award--img .about-award-info img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; opacity: 0; transition: 0.35s; } .about-award--img:hover .about-award-info img { opacity: 1; } @media (max-width: 1599px) { .about-award-info { padding: 52px 10px; } .about-award-more { bottom: 26px; } .about-award-arrow { bottom: 26px; } } @media (max-width: 1279px) { .about-awards-slider .swiper { padding: 0; overflow: visible; } .about-awards-slider .swiper:not(.swiper-initialized) > .swiper-wrapper { margin: 0 -10px; } .about-awards-slider .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: auto; padding: 0 10px; } .about-awards-slider .swiper > .swiper-wrapper > .swiper-slide { width: auto; } .about-award { width: 278px; } .about-award--img .about-award-info img { opacity: 1; } .about-award--img .about-award-name { position: static; height: auto; padding: 0 12%; margin: 30px 0 0 0; } .about-award--img:hover .about-award-name { opacity: 1; } } @media (max-width: 767px) { .about-award { width: 210px; } .about-award:hover { background: transparent; border-color: var(--color-gray); } .about-award:hover .about-award-icon { opacity: 1; } .about-award-info { display: none; } .about-award-arrow { bottom: 16px; } .about-award-name { font-size: 16px; line-height: 20px; } .about-award--img .about-award-info { display: flex; } .about-award--img .about-award-name { padding: 0 12%; margin: 24px 0 0 0; } } .about-history-years { position: relative; display: flex; flex-flow: column nowrap; height: 518px; } .about-history-years::before { content: ""; position: absolute; top: 50%; left: -100%; display: block; width: 100%; height: 1px; margin: 0 0 0 -30px; background: var(--color-blue); transition: 0.15s linear; } .about-history-years.change-year::before { width: 85%; transition: 0.25s ease; } .about-history-years-prev, .about-history-years-next { flex: 0 0 auto; display: flex; height: 42px; cursor: pointer; } .about-history-years-prev { align-items: flex-start; } .about-history-years-next { align-items: flex-end; } .about-history-years .swiper { flex: 1 1 50%; width: 100%; max-height: 100%; } .about-history-year { position: relative; display: flex; align-items: center; height: 100%; font-size: 20px; line-height: 26px; cursor: pointer; } .swiper-slide-active .about-history-year { color: var(--color-blue); } .about-history-year-fakes { position: absolute; left: 0; display: grid; grid-template-rows: repeat(3, 1fr); align-items: center; width: 100%; height: 300%; color: var(--color-gray); } .about-history-year-fakes--before { bottom: 100%; } .about-history-year-fakes--after { top: 100%; } .about-history-current-year { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 446px; height: 446px; margin: 0 auto; border: 1px solid var(--color-blue); border-radius: 50%; } .about-history-current-year-part { position: relative; display: flex; flex-flow: row nowrap; color: var(--color-blue) } .about-history-current-year-part:first-child { right: 25px; } .about-history-current-year-part:last-child { left: 25px; } .about-history-current-year-part .current-year-number { position: relative; width: 106px; height: 120px; line-height: 120px; text-align: center; opacity: 1; transition: 0.35s; overflow: hidden; } .about-history-current-year-part .current-year-number:first-child { left: 9px; } .about-history-current-year-part .current-year-number:last-child { right: 9px; } .about-history-current-year-part .current-year-number-track { height: 100%; transition: 0.6s ease-in-out; } .about-history-current-year-part .current-year-number.change-number { opacity: 0; transition: 0s; } .about-history-info { display: flex; flex-flow: column nowrap; height: 100%; } .about-history-info .swiper { flex: 1 1 50%; width: 100%; max-height: 100%; } .about-history-info .swiper > .swiper-wrapper { align-items: center; } .about-history-info .swiper > .swiper-wrapper > .swiper-slide { height: auto; } .about-history-info-prev, .about-history-info-next { flex: 0 0 auto; display: flex; align-items: center; transition: 0.35s; cursor: pointer; } .about-history-info-prev { align-self: flex-start; } .about-history-info-next { align-self: flex-end; } .about-history-info-prev.swiper-button-disabled, .about-history-info-next.swiper-button-disabled { opacity: 0; } .about-history-info-prev .year, .about-history-info-next .year { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; font-size: 20px; line-height: 26px; color: var(--color-gray); border: 1px solid transparent; border-radius: 50%; opacity: 1; transition: 0.25s; } .about-history-info-prev:hover .year, .about-history-info-next:hover .year { color: var(--color-blue); border-color: var(--color-blue); } .about-history-info-prev.change-year .year, .about-history-info-next.change-year .year { color: transparent; transition: 0s; } .about-history-info-prev::before, .about-history-info-next::after { content: ""; display: block; width: 86px; height: 1px; background: var(--color-blue); } .about-history-info-prev::before { margin: 0 14px 0 0; } .about-history-info-next::after { margin: 0 0 0 14px; } .about-history-info-text { padding: 30px 0; } @media (max-width: 1279px) { .about-history-years { flex-flow: row nowrap; height: auto; margin: 0 0 60px 0; } .about-history-years::before { top: 100%; left: 50%; width: 54px; margin: 0; transform: translateX(-50%); } .about-history-years.change-year::before { width: 54px; opacity: 0; } .about-history-years-prev, .about-history-years-next { width: 60px; height: 24px; } .about-history-years-next { justify-content: flex-end; } .about-history-years-prev svg, .about-history-years-next svg { transform: rotate(-90deg); } .about-history-year { justify-content: center; } .about-history-year-fakes { top: 0; left: auto; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; justify-items: center; width: 300%; height: 100%; } .about-history-year-fakes--before { right: 100%; bottom: auto; } .about-history-year-fakes--after { left: 100%; bottom: auto; } .about-history-current-year { width: 346px; height: 346px; margin: 0; } .about-history-current-year-part:first-child { right: 22px; } .about-history-current-year-part:last-child { left: 22px; } .about-history-current-year-part .current-year-number { width: 66px; height: 80px; line-height: 80px; } .about-history-current-year-part .current-year-number:first-child { left: 6px; } .about-history-current-year-part .current-year-number:last-child { right: 6px; } .about-history-info { flex-flow: row wrap; justify-content: space-between; } .about-history-info .swiper { flex: 0 0 auto; order: -1; min-height: calc(100% - 80px); max-height: initial; } .about-history-info .swiper > .swiper-wrapper { align-items: flex-start; } .about-history-info .swiper > .swiper-wrapper > .swiper-slide { height: 100%; } .about-history-info-text { padding: 0 0 10px 0; } .about-history-info-prev::before, .about-history-info-next::after { width: 62px; } } @media (max-width: 1023px) { .about-history-years-prev, .about-history-years-next { width: 42px; } .about-history-current-year { align-self: flex-start; width: 306px; height: 306px; } .about-history-info .swiper { min-height: calc(100% - 64px); } .about-history-info-prev::before, .about-history-info-next::after { width: 23px; } .about-history-info-prev::before { margin: 0 8px 0 0; } .about-history-info-next::after { margin: 0 0 0 8px; } .about-history-info-prev .year, .about-history-info-next .year { width: 64px; height: 64px; } } @media (max-width: 767px) { .about-history-years { margin: 0 0 36px 0; } .about-history-years::before, .about-history-years.change-year::before { width: 40px; } .about-history-years-prev, .about-history-years-next { width: 40px; } .about-history-year { font-size: 16px; line-height: 24px; } .about-history-current-year { width: 272px; height: 272px; margin: 0 auto 36px auto; } .about-history-current-year-part { font-size: 100px; line-height: 110px; letter-spacing: -0.07em; } .about-history-info .swiper { min-height: initial; } .about-history-info-prev::before, .about-history-info-next::after { width: 66px; } .about-history-info-prev .year, .about-history-info-next .year { width: 56px; height: 56px; font-size: 16px; line-height: 22px; } } @media (max-width: 479px) { .about-history-info-prev::before, .about-history-info-next::after { width: 36px; } } .bubble-promo { position: relative; display: block; width: min-content; min-width: 270px; min-height: 270px; padding: 20px 0 0 0; margin: 0 0 60px 0; } .bubble-promo--double-heading { padding: 0; } .bubble-promo-bubble { position: absolute; top: 0; left: 50%; display: block; width: 270px; height: 270px; margin: 0 0 0 -135px; background: var(--color-white); border-radius: 50%; } .section-dark .bubble-promo-bubble { background: transparent; border: 1px solid var(--color-gray); } .bubble-promo-content { position: relative; z-index: 2; } .bubble-promo-heading { display: flex; justify-content: center; font-weight: 700; font-size: 160px; line-height: 150px; color: transparent; letter-spacing: -0.07em; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--color-blue); } .section-dark .bubble-promo-heading { color: var(--color-blue); -webkit-text-stroke: initial; } .bubble-promo--double-heading .bubble-promo-heading + .bubble-promo-heading { line-height: 50%; } .bubble-promo-heading-small { margin: 0 6px 0 0; font-size: 93px; } .bubble-promo-description { width: 260px; margin: 10px 0 0 96px; font-size: 20px; line-height: 26px; color: var(--color-text-color); } .section-dark .bubble-promo-description { color: var(--color-white); } .bubble-promo-more { margin: 30px 0 0 96px; } @media (max-width: 767px) { .bubble-promo { padding: 70px 0 0 0; margin: 0 auto 60px auto; } .bubble-promo--double-heading { padding: 30px 0 0 0; } .bubble-promo-heading { justify-content: center; font-size: 100px; line-height: 110px; } .bubble-promo-description { width: 220px; margin: 0 0 0 62px; font-size: 16px; line-height: 22px; } .bubble-promo-more { margin: 30px 0 0 62px; } .bubble-promo-more .show-more-link { font-size: 14px; line-height: 18px; } .bubble-promo-more .show-more-link-icon { width: 24px; height: 24px; margin: 0 0 0 16px; } .bubble-promo-more .show-more-link-icon svg { width: 20px; height: 20px; } } .want-more { --section-padding-top: 100px; --section-padding-bottom: 100px; } .want-more-item { display: grid; grid-template-columns: 1fr minmax(60px, auto) 1fr; align-items: center; gap: 0 30px; padding: 6px 0 26px 0; font-size: 20px; line-height: 26px; color: var(--color-text-color); border-bottom: 1px solid; transition: 0.35s; } .want-more-item:hover { color: var(--color-blue); } .want-more-item + .want-more-item { margin: 20px 0 0 0; } .want-more-item-count { justify-self: center; font-weight: 600; font-size: 24px; line-height: 34px; color: var(--color-gray); } .want-more-item-more { justify-self: end; } @media (max-width: 1279px) { .want-more { --section-padding-top: 60px; --section-padding-bottom: 60px; } } @media (max-width: 767px) { .want-more-item { padding: 4px 0 24px 0; font-size: 16px; line-height: 22px; } .want-more-item-count { font-size: 14px; line-height: 16px; } .want-more-item-more { height: 24px; } .want-more-item-more .show-more-link { font-size: 14px; line-height: 18px; } .want-more-item-more .show-more-link-icon { width: 24px; height: 24px; margin: 0 0 0 16px; } } @media (max-width: 479px) { .want-more-item { grid-template-columns: 1fr minmax(40px, auto) auto; } .want-more-item-count { justify-self: start; } } .press-detail-back { margin: 40px 0 0 0; } .page-back-link { display: flex; align-items: center; font-size: 16px; line-height: 23px; color: var(--color-text-color); } .page-back-link-icon { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 16px 0 0; background: var(--color-text-color); border: 1px solid var(--color-text-color); border-radius: 50%; transition: 0.35s; } .page-back-link-icon svg path { fill: var(--color-white); transition: 0.35s; } .page-back-link:hover .page-back-link-icon { background: var(--color-white); } .page-back-link:hover .page-back-link-icon svg path { fill: var(--color-text-color); } .press-detail-heading { margin: 100px 0 60px 0; } .press-detail-heading-date { font-size: 16px; line-height: 23px; color: var(--color-gray); text-align: right; } .press-detail-heading-tags { margin: 40px 0 0 0; } @media (max-width: 1279px) { .press-detail-heading { margin: 60px 0 40px 0; } .press-detail-tags { margin: 0 0 40px 0; } } @media (max-width: 767px) { .press-detail-back { margin: 30px 0 0 0; } .press-detail-heading { margin: 30px 0 20px 0; } .press-detail-heading-date { margin: 30px 0 0 0; text-align: left; } .press-detail-tags { margin: 0 0 8px 0; } } .press-detail-subscribe { position: -webkit-sticky; position: sticky; top: 120px; margin: 180px 0 0 0; } .press-detail-other { --section-heading-margin: 16px; overflow: hidden; } .press-detail-other .section-heading { height: 1px; padding: 0; } .detail-text h1 { margin: 80px 0 40px 0; font-weight: 400; font-size: 40px; line-height: 50px; letter-spacing: initial; } .detail-text h2 { margin: 80px 0 40px 0; font-weight: 400; font-size: 32px; line-height: 40px; } .detail-text h3 { margin: 60px 0 40px 0; font-weight: 600; font-size: 24px; line-height: 34px; } .detail-text h4 { margin: 60px 0 30px 0; font-weight: 600; font-size: 18px; line-height: 30px; } .detail-text p { margin: 24px 0; } .detail-text ul { list-style: none; margin: 24px 0; padding: 0; } .detail-text ul > li { position: relative; padding: 0 0 0 24px; } .detail-text ul > li::before { content: ""; position: absolute; top: 11px; left: 10px; display: block; width: 4px; height: 4px; background: var(--color-blue); border-radius: 50%; } .detail-text ul > li + li { margin: 12px 0 0 0; } .detail-text img, .detail-text-image { display: block; margin: 60px 0; } .detail-text-image { width: fit-content; } .detail-text-image--50 { max-width: calc(50% - var(--bs-gutter-x) / 2); } .detail-text-image img { margin: 0; } .detail-text-image-description { margin: 10px 0 0 0; font-size: 14px; line-height: 14px; color: var(--color-gray); text-align: right; } .detail-text blockquote:not(.detail-text-quote) { position: relative; margin: 60px 0; padding: 30px 30px 30px 72px; text-align: left !important; background: var(--color-white); } .detail-text blockquote:not(.detail-text-quote)::before { content: ""; position: absolute; top: 30px; left: 30px; display: block; width: 24px; height: 24px; background: center / 16px 16px url(/local/templates/terratech_23/css/../img/svg/quote.svg) no-repeat var(--color-blue); border-radius: 50%; } .detail-text :first-child { margin-top: 0; } .detail-text :last-child { margin-bottom: 0; } .detail-text-quote { display: flex; flex-flow: row nowrap; margin: 60px 0; padding: 30px; background: var(--color-white); } .detail-text-quote-picture { position: relative; flex: 0 0 auto; margin: 0 20px 0 0; padding: 6px 0 0 0; } .detail-text-quote-picture::before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 24px; height: 24px; background: center / 16px 16px url(/local/templates/terratech_23/css/../img/svg/quote.svg) no-repeat var(--color-blue); border-radius: 50%; } .detail-text-quote-picture img { width: 70px; height: 70px; object-fit: cover; border-radius: 50%; } .detail-text-quote-text { flex: 1 1 50%; max-width: 100%; } .detail-text-quote-text p { margin: 0; } .detail-text-quote-text .author { margin: 0 0 20px 0; font-style: italic; font-weight: 300; font-size: 16px; line-height: 26px; } .detail-text .accordion-item { margin: 48px 0 0 0; } .detail-text .accordion-item + .accordion-item { margin: 0; } .detail-text-iframe { position: relative; height: 0; padding: 0 0 55% 0; margin: 60px 0; } .detail-text-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width: 1023px) { .detail-text h1 { margin: 72px 0 36px 0; font-size: 32px; line-height: 40px; } .detail-text h2 { margin: 48px 0 24px 0; font-size: 28px; line-height: 34px; } .detail-text h3 { margin: 48px 0 24px 0; font-size: 24px; line-height: 34px; } .detail-text h4 { margin: 48px 0 24px 0; font-size: 18px; line-height: 30px; } .detail-text p { margin: 24px 0; } .detail-text ul { margin: 24px 0; } .detail-text img, .detail-text-image { margin: 36px 0; } .detail-text-image img { margin: 0; } .detail-text-image--50 { max-width: calc(50% - var(--bs-gutter-x) / 2); } .detail-text-image img { margin: 0; } .detail-text-quote { margin: 48px 0; } .detail-text-iframe { margin: 36px 0; } } @media (max-width: 767px) { .detail-text h1 { margin: 48px 0 24px 0; font-size: 28px; line-height: 36px; } .detail-text h2 { margin: 48px 0 24px 0; font-size: 24px; line-height: 28px; } .detail-text h3 { margin: 36px 0 24px 0; font-size: 18px; line-height: 22px; } .detail-text h4 { margin: 36px 0 24px 0; font-size: 16px; line-height: 26px; } .detail-text p { margin: 22px 0; } .detail-text ul { margin: 22px 0; } .detail-text ul > li { padding: 0 0 0 21px; } .detail-text ul > li::before { top: 10px; left: 9px; width: 3px; height: 3px; } .detail-text ul > li + li { margin: 8px 0 0 0; } .detail-text-image--50 { max-width: 100%; } .detail-text-image-description { font-size: 12px; line-height: 14px; } .detail-text-quote { margin: 36px 0; padding: 16px 8px; } .detail-text-quote-picture { margin: 0 16px 0 0; padding: 4px 0 0 0; } .detail-text-quote-picture::before { width: 16px; height: 16px; background-size: 11px 11px; } .detail-text-quote-picture img { width: 48px; height: 48px; } .detail-text-quote-text p { margin: 0; } .detail-text-quote-text .author { margin: 0 0 16px 0; font-size: 14px; line-height: 22px; } .detail-text-iframe { height: 420px; padding: 0; } } .detail-text-slider { margin: 60px 0; } .detail-text-slider-pictures { position: relative; } .detail-text-slider .slider-nav-button { position: absolute; z-index: 5; top: 50%; width: 50px; height: 50px; background: var(--color-blue); transform: translateY(-50%); opacity: 0.75; } .detail-text-slider .slider-nav-button:hover { opacity: 1; } .detail-text-slider .slider-nav-button svg path { fill: var(--color-white); } .detail-text-slider .slider-nav-button:disabled { border-color: var(--color-blue); cursor: initial; opacity: 0.25; } .detail-text-slider .slider-nav-button:disabled svg path { fill: var(--color-white); } .detail-text-slider-prev { left: 20px; } .detail-text-slider-next { right: 20px; } .detail-text-slider .swiper-pagination { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: flex; justify-content: center; margin: 24px 0 0 0; } .detail-text-slider .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin: 0 8px; background: transparent; border: 1px solid var(--color-blue); border-radius: 50%; opacity: 1; } .detail-text-slider .swiper-pagination .swiper-pagination-bullet-active { background: var(--color-blue); } .detail-text-slider-picture { position: relative; display: block; height: 0; padding: 0 0 56.25% 0; } .detail-text-slider-picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .detail-text-slider-description { margin: 10px 0 0 0; font-size: 14px; line-height: 14px; color: var(--color-gray); text-align: right; } .detail-text-slider-thumbs { margin: 30px 0 0 0; } .detail-text-slider-thumbs .swiper:not(.swiper-initialized) > .swiper-wrapper { width: auto; margin: 0 -15px; } .detail-text-slider-thumbs .swiper:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { width: 25%; padding: 0 15px; } .detail-text-slider-thumb { position: relative; display: block; height: 0; padding: 0 0 65% 0; transition: 0.35s; opacity: 0.65; cursor: pointer; } .detail-text-slider-thumb:hover, .swiper-slide-thumb-active .detail-text-slider-thumb { opacity: 1; } .detail-text-slider-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1599px) { .detail-text-slider-thumbs { margin: 26px 0 0 0; } } @media (max-width: 1023px) { .detail-text-slider { margin: 36px 0; } } @media (max-width: 767px) { .detail-text-slider-description { font-size: 12px; line-height: 14px; } .detail-text-slider .slider-nav-button { width: 36px; height: 36px; } .detail-text-slider-prev { left: 8px; } .detail-text-slider-next { right: 8px; } .detail-text-slider .swiper-pagination { margin: 16px 0 0 0; } .detail-text-slider .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 7px; } } .press-detail-bottom { display: flex; justify-content: space-between; margin: 48px 0 0 0; } .share-links { display: flex; align-items: center; padding: 8px; } .share-links-text { flex: 0 0 auto; margin: 0 24px 0 0; font-size: 16px; line-height: 23px; color: var(--color-gray); } .share-links-item { flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0 8px; background: var(--color-gray); border-radius: 50%; transition: 0.25s; } .share-links-item:hover, .share-links-item:focus { background: var(--color-blue); } .share-links-item + .share-links-item { margin: 0 0 0 24px; } .share-links-item svg { max-width: 100%; object-fit: contain; } @media (max-width: 767px) { .share-links-item { width: 36px; height: 36px; padding: 0 8px; } .share-links-item + .share-links-item { margin: 0 0 0 16px; } } .search-page-heading { margin: 0 0 50px 0; } .search-page-heading-quarry { color: var(--color-blue); } .search-page-result { margin: 0 0 30px 0; } .search-page-result a { color: var(--color-text-color); transition: 0.35s; border-bottom: 1px solid transparent; } .search-page-result a:hover, .search-page-result a:focus { color: var(--color-blue); border-color: var(--color-text-color); } @media (max-width: 767px) { .search-page-heading { margin: 0 0 36px 0; } } .page-404 { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .page-404-subtext { margin: 20px 0 0 0; text-align: center; } .page-404-subtext h1 { margin: 0 0 30px 0; } .page-404-button { margin: 40px 0 0 0; } /* project */ .project-back { margin: 40px 0; } .project-heading { margin: 0 0 40px 0; } .project-date { margin: 0 0 40px 0; } .project-order-project { position: -webkit-sticky; position: sticky; top: 120px; margin: 180px 0 0 0; } @media (max-width: 1279px) { .project-heading { margin: 0 0 24px 0; } .project-date { margin: 0 0 24px 0; } .project .tag-cloud { margin: 0 0 20px 0; } } @media (max-width: 767px) { .project-back { margin: 30px 0; } .project-heading { margin: 0 0 20px 0; } .project-date { margin: 0 0 20px 0; } } .section.data { --section-heading-margin: 60px; } .data-list-item { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr auto; gap: 0 var(--bs-gutter-x); padding: 0 0 60px 0; color: var(--color-text-color); border-bottom: 1px solid var(--color-gray); } .section-dark .data-list-item { color: var(--color-white); } .data-list-item + .data-list-item { margin: 60px 0 0 0; } .data-list-item-heading { grid-column: 1 / 2; } .data-list-item-features { grid-column: 2 / 3; grid-row: 1 / 2; margin: 0 0 10px 0; } .data-list-item-more { grid-column: 2 / 3; grid-row: 2 / 3; } .data-list-item-image { position: relative; grid-column: 3 / 4; grid-row: 1 / 3; height: 0; padding: 0 0 75% 0; overflow: hidden; } .data-list-item-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.35s; } .data-list-item:hover .data-list-item-image img { transform: scale(1.1); } @media (max-width: 1279px) { .data-list-item { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr auto; gap: 0 var(--bs-gutter-x); } .data-list-item-heading { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0 0 30px 0; } .data-list-item-features { grid-column: 1 / 2; grid-row: 2 / 3; } .data-list-item-more { grid-column: 1 / 2; grid-row: 3 / 4; } .data-list-item-image { grid-column: 2 / 3; grid-row: 1 / 4; } } @media (max-width: 1023px) { .data-list-item { grid-template-columns: 473px auto; grid-template-rows: auto; } .data-list-item-heading { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0 0 30px 0; } .data-list-item-features { grid-column: 1 / 2; grid-row: 3 / 4; margin: 0 0 30px 0; } .data-list-item-more { grid-column: 1 / 2; grid-row: 4 / 5; } .data-list-item-image { grid-column: 1 / 2; grid-row: 2 / 3; margin: 0 0 30px 0; } } @media (max-width: 767px) { .section.data { --section-heading-margin: 36px; } .data-list-item { grid-template-columns: 100%; padding: 0 0 36px 0; border-bottom: 1px solid var(--color-gray); } .data-list-item + .data-list-item { margin: 36px 0 0 0; } .data-list-item-heading { margin: 0 0 24px 0; } .data-list-item-features { margin: 0 0 24px 0; } .data-list-item-image { margin: 0 0 24px 0; } } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .resolution-samples .swiper:not(.swiper-initialized) { opacity: 0; } .resolution-samples-item { position: relative; height: 360px; } .resolution-samples-item-image { position: relative; z-index: 1; width: 100%; height: 100%; } .resolution-samples-item-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .resolution-samples-item-info { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 12px; font-size: 14px; line-height: 14px; color: var(--color-white); text-align: center; background: rgba(43,57,68, 0.8); } @media (max-width: 1279px) { .resolution-samples-item { height: 300px; } } @media (max-width: 1023px) { .resolution-samples-item { height: 220px; } } @media (max-width: 767px) { .resolution-samples .swiper { overflow: visible; } .resolution-samples .swiper-slide { width: auto; } .resolution-samples-item { width: 128px; height: 220px; } } /* modal */ .fancybox__backdrop { background: rgba(43, 57, 68, 0.7); } .modal.fancybox__content { max-width: 840px; padding: 40px; color: var(--color-text-color); box-sizing: border-box; } .modal.fancybox__content > .carousel__button.is-close { position: absolute; z-index: 2; top: 40px; right: 40px; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border: 1px solid var(--color-blue); border-radius: 50%; transition: 0.35s; } .modal.fancybox__content > .carousel__button.is-close svg { width: 24px; height: 24px; stroke: var(--color-text-color); stroke-width: 2px; filter: none; } .modal.fancybox__content > .carousel__button.is-close:hover { transform: rotate(90deg); } .modal-heading { padding: 0 56px 0 0; margin: 0 0 32px 0; color: var(--color-blue); } @media (max-width: 1023px) { .modal.fancybox__content { max-width: 740px; padding: 30px 30px 40px 30px; } .modal.fancybox__content > .carousel__button.is-close { top: 30px; right: 30px; } .modal-heading { padding: 0 46px 0 0; } } @media (max-width: 767px) { .modal.fancybox__content { max-width: 480px; padding: 40px 20px; } .modal.fancybox__content > .carousel__button.is-close { top: 20px; right: 20px; width: 28px; height: 28px; } .modal.fancybox__content > .carousel__button.is-close svg { width: 18px; height: 18px; } .modal-heading { padding: 0 36px 0 0; } .modal-heading--success { padding: 0; margin: 18px 0 0 0; text-align: center; } } .spectral-channels-headings { display: grid; grid-template-columns: repeat(2, auto); gap: 0 var(--bs-gutter-x); justify-content: space-between; font-size: 14px; line-height: 14px; } .spectral-channels-headings :last-child { text-align: right; } .spectral-channels-gradient { height: 30px; margin: 16px 0 0 0; background: linear-gradient(90deg, #A302AC 0%, #1717F3 10.91%, #49A439 26.06%, #FFFB00 39.3%, #EE3C1C 54.9%, #E91A65 66.57%, #F6444C 80.6%, #8C0203 100%); } .spectral-channels-image { margin: 20px 0 0 0; } @media (max-width: 767px) { .spectral-channels-headings { font-size: 12px; } .spectral-channels-gradient { height: 20px; margin: 8px 0 0 0; } .spectral-channels-image { margin: 16px 0 0 0; } } .step-list--mt { margin-top: 60px; } .step-list--mb { margin-bottom: 60px; } .step-list-item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--bs-gutter-x); padding: 20px 0; border-bottom: 1px solid var(--color-gray); } .section-parameters .step-list-item { align-items: start; } .step-list-item-number { color: var(--color-gray); } @media (max-width: 767px) { .step-list--mt { margin-top: 40px; } .step-list--mb { margin-bottom: 40px; } .step-list-item { grid-template-columns: 60px 1fr; } .section-parameters .step-list-item { grid-template-columns: 100%; gap: 16px 0; } } .params-list-item { display: grid; grid-template-columns: repeat(2, 1fr); justify-content: start; align-items: center; gap: 0 var(--bs-gutter-x); padding: 20px 0; border-bottom: 1px solid var(--color-gray); } .params-list-item-value { font-weight: 600; font-size: 24px; line-height: 34px; color: var(--color-gray); } .section-dark .params-list-item-value { color: var(--color-white); } .params-list-item-description { font-size: 20px; line-height: 26px; } .params-list-description { margin: 30px 0 0 0; } @media (max-width: 767px) { .params-list-item { padding: 16px 0; } .params-list-item-value { font-size: 14px; line-height: 16px; } .params-list-item-description { font-size: 16px; line-height: 20px; } .params-list-description { margin: 24px 0 0 0; } } .main-mail-unsubscribe-main h1 { margin: 0 0 28px 0; } .page-modal-video { position: relative; } .page-modal-video a { position: absolute; top: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 var(--bs-gutter-x); color: var(--color-white); } .page-modal-video-play { position: relative; width: 60px; height: 60px; background: var(--color-white); border-radius: 50%; box-shadow: 0 0 32px 0 transparent; transition: 0.25s; } .page-modal-video-play::after { content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; display: block; width: 0; height: 0; margin: 0 0 0 2px; border-width: 9px 0 9px 16px; border-style: solid; border-color: transparent transparent transparent var(--color-blue); transform: translate(-50%, -50%); transition: 0.25s; } .page-modal-video a:hover .page-modal-video-play { background-color: var(--color-blue); box-shadow: 0 0 32px 0 rgba(255,255,255, 0.6); } .page-modal-video a:hover .page-modal-video-play::after { border-color: transparent transparent transparent var(--color-white); } .page-modal-video-title { margin: 8px 0 0; text-align: center; } @media (max-width: 767px) { .page-modal-video-play { width: 48px; height: 48px; } .page-modal-video-title { margin: 4px 0 0; } } /* purchases */ .sidebar-block { margin: 0 0 40px; padding: 30px; background: var(--color-white); } .sidebar-block-line { font-size: 20px; line-height: 26px; } .sidebar-block-line + .sidebar-block-line { margin: 20px 0 0; } .sidebar-document { display: flex; justify-content: space-between; gap: 0 35px; padding: 0 0 30px; border-bottom: 1px solid var(--color-gray); } .sidebar-document + .sidebar-document { margin: 30px 0 0; } .sidebar-document-name { font-size: 16px; line-height: 23px; color: var(--color-text-color); transition: 0.35s; } .sidebar-document:hover .sidebar-document-name, .sidebar-document:active .sidebar-document-name{ color: var(--color-blue); } .sidebar-document-icon { flex: 0 0 auto; width: 24px; } .sidebar-document-icon svg { display: block; width: 100%; height: auto; } .sidebar-document-icon svg path { fill: var(--color-text-color); transition: 0.35s; } .sidebar-document:hover .sidebar-document-icon svg path, .sidebar-document:active .sidebar-document-icon svg path { fill: var(--color-blue); } @media (max-width: 767px) { .sidebar-block { margin: 0 0 32px; padding: 20px; } .sidebar-block-line { font-size: 16px; line-height: 20px; } .sidebar-document { display: flex; justify-content: space-between; gap: 0 24px; padding: 0 0 20px; } .sidebar-document + .sidebar-document { margin: 20px 0 0; } .sidebar-document-name { font-size: 14px; line-height: 18px; } } @media (max-width: 479px) { .sidebar-block { padding: 20px 8px; margin: 0 -8px 34px; } } .purchase-categories { margin: 0 0 40px; } .purchase-info { margin: 0 0 48px; padding: 0 0 0 54px; font-weight: 300; font-style: italic; background: top left / 24px 24px url(/local/templates/terratech_23/css/../img/svg/info.svg) no-repeat; } .purchase-item-heading { flex-flow: row wrap; align-items: flex-start; } .purchase-item-heading .h3 { width: calc(100% - 56px); } .purchase-item-heading .accordion-item-icon { margin: 13px 0 0 0; } .purchase-item-heading-info { flex: 0 0 auto; display: flex; justify-content: space-between; gap: 16px 24px; width: 100%; margin: 10px 0 0; color: var(--color-gray); } .purchase-item-categories { display: flex; gap: 0 20px; } .purchase-item-property { display: flex; gap: 0 30px; } .purchase-item-property + .purchase-item-property { margin: 30px 0 0; } .purchase-item-property-name { flex: 0 0 auto; width: 208px; color: var(--color-gray); } @media (max-width: 1279px) { .purchase-categories { margin: 0 0 20px; } .purchase-info { margin: 0 0 40px; padding: 0 0 0 40px; } } @media (max-width: 767px) { .purchase-categories { margin: 0 0 16px; } .purchase-info { margin: 0 0 32px; } .purchase-item-property { flex-flow: row wrap; gap: 8px; } .purchase-item-property + .purchase-item-property { margin: 24px 0 0; } .purchase-item-property-name { width: 100%; } } /* End */ /* Start:/local/templates/terratech_23/css/additional.css?168915144912630*/ .contacts { --section-padding-bottom: 100px } .contacts-row + .contacts-row { margin-top: 100px } .contacts-link { position: sticky; top: 0 } .contacts-data-heading { color: var(--color-gray) } .contacts-data { position: relative } .contacts-data + .contacts-data { margin-top: 100px } .contacts-data-title { margin-bottom: 30px } .contacts-data .contacts-data-heading { flex: 0 0 223px } .contacts-data-info-item + .contacts-data-info-item { margin-top: 10px } .contacts-data .contacts-data-info { flex: 0 0 695px } .contacts-data-tel { display: block } .contacts-data-tel + .contacts-data-tel { margin-top: 10px } .contacts-data-row + .contacts-data-row { margin-top: 30px } .contacts-data-info { display: block } .contacts-data-mail-row + .contacts-data-mail-row { margin-top: 10px } .contacts-data-row { justify-content: space-between; display: flex; flex-wrap: nowrap } .contacts-data-row > .contacts-data-heading { padding-right: 15px } .contacts-data-row > .contacts-data-info { padding-left: 15px } .contacts-map { width: 100%; height: 470px; position: relative } .contacts-map .ymaps-2-1-79-ground-pane { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1) } .contacts-map::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 102, 255, .5); mix-blend-mode: color; z-index: 5; pointer-events: none } .contacts-data-info a { display: block } a.contacts-data-info-more { display: inline-block } @media (max-width: 1599px) { .contacts-data .contacts-data-heading { flex: 0 0 190px } .contacts-data .contacts-data-info { flex: 0 0 600px } } @media (max-width: 1279px) { .contacts-data .contacts-data-heading { flex: 0 0 325px } .contacts-data .contacts-data-info { flex: 0 0 650px } .contacts-row + .contacts-row { margin-top: 60px } } @media (max-width: 1023px) { .contacts { --section-padding-bottom: 80px } .contacts-data .contacts-data-heading { flex: 0 0 195px } .contacts-data .contacts-data-info { flex: 0 0 550px } .contacts-data-title { margin-bottom: 36px } .contacts-data + .contacts-data { margin-top: 60px } } @media (max-width: 767px) { .contacts-data-row { flex-wrap: wrap } .contacts-data-row > .contacts-data-heading { padding-right: 0 } .contacts-data-row > .contacts-data-info { padding-left: 0 } .contacts-data .contacts-data-heading, .contacts-data .contacts-data-info { flex: 0 0 100% } .contacts-data-title { margin-bottom: 30px } .contacts-data-row + .contacts-data-row { margin-top: 20px } .contacts-data-heading { font-size: 14px; margin-bottom: 10px } .contacts-map { height: 300px } .contacts { --section-padding-bottom: 60px } .contacts-data + .contacts-data .contacts-data-title { margin-bottom: 42px } } .documents { --section-heading-margin: 30px } .document { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; padding: 46px 0 40px; border-bottom: 1px solid var(--color-text-color) } .document .h3 { color: var(--color-text-color) } .document:focus .btn-secondary, .document:hover .btn-secondary { color: var(--color-white); background-color: var(--color-blue); border-color: var(--color-blue) } .document:focus .btn-secondary svg path, .document:hover .btn-secondary svg path { fill: var(--color-white) } .document .btn { width: 60px; height: 60px } @media (max-width: 767px) { .document { padding: 25px 0 } .document .btn { width: 40px; height: 40px } } .career { overflow-x: hidden } .page-picture { display: block } .career-item-grid { display: grid; grid-template-columns: 210px 1fr; gap: 24px 30px } .career-form { position: relative; margin: 60px 0; display: none } .career-form::before { content: ""; position: absolute; width: 1000vw; height: 100%; top: 0; left: -100%; z-index: -1; background-color: var(--color-white) } .career-items .career-form { margin-top: 10px } .career-item-grid + .career-item-grid { margin-top: 30px } .career-items { display: flex; flex-flow: column nowrap } .career-items .form-footer-message { color: var(--color-gray) } .career-items .accordion-item.active { order: 2 } .career-items .accordion-item.active ~ .career-form { display: block; order: 2 } .career-items .accordion-item.active ~ .accordion-item { order: 3 } .career-items .accordion-item .accordion-item-content * + .detail-text { margin: 0; } .career .accordion-item.active { border-bottom-color: transparent } .career-item-grid-sum { align-items: center } @media (max-width: 1599px) { .career-item-grid { grid-template-columns: 175px 1fr } } @media (max-width: 1279px) { .career-item-grid { grid-template-columns: 310px 1fr } .career-item-grid + .career-item-grid { margin-top: 24px } .career-form { margin: 40px 0 } .career-items .career-form { margin-top: 0 } } @media (max-width: 1023px) { .career-item-grid { grid-template-columns: 1fr } .career-form .form-section-description { margin-bottom: 15px } } @media (max-width: 767px) { .career-item-info p + p { margin-top: 22px } .career-item-grid + .career-item-grid { margin-top: 20px } .career-item-grid { gap: 20px 30px } .career-item-info ul.simple-list > li + li { margin-top: 22px } .career-items .career-form { margin-top: 10px } } .press-kit-info { margin-bottom: 40px } .press-kit-box-inner { display: grid; flex-wrap: wrap; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 40px 30px; align-items: flex-end } .press-kit-img-sm-fw .press-kit-box-inner { grid-template-columns: repeat(auto-fit, minmax(304px, 1fr)) } .press-kit-img { border: 1px solid var(--color-text-color); display: flex; align-items: center; justify-content: center; height: 300px; width: 100% } .press-kit-img img, .press-kit-img svg { height: 77px; width: auto; object-fit: contain } .press-kit-dowloads { display: flex } .press-kit-dowloads-form + .btn-icon-only { width: 60px; height: 60px } .press-kit-dowloads-form { width: auto } .press-kit-box + .press-kit-box { margin-top: 100px } .press-kit-list-title { margin-bottom: 30px } .press-kit-img-sm-fw .press-kit-dowloads-form-inner { margin-left: 0 } .press-kit-img-sm-fw .press-kit-dowloads { display: grid; grid-template-columns: 73% 1fr; gap: 30px } .press-kit-box-along { display: grid; grid-template-columns: 1fr 1fr; gap: 30px } .press-kit-box-along .press-kit-dowloads-form-inner + .btn-icon-only { order: -1 } .press-kit-img-sm-fw .press-kit-dowloads-form-subtitle { margin-top: 10px } .press-kit-dowloads-form-subtitle { color: var(--color-gray) } .press-kit-img-gray { background-color: var(--color-gray); border-color: transparent } .press-kit-dowloads-form-inner { display: grid; grid-template-columns: repeat(3, auto); gap: 30px; margin-left: 24px } .press-kit-dowloads-form-inner + .btn-icon-only { width: 60px; height: 60px; flex: 0 0 auto } .press-kit-box .simple-list { margin-bottom: 40px } .press-kit-img-fw img { height: auto; } .press-kit-title { margin-bottom: 40px } @media (max-width: 1599px) { .press-kit-img-sm-fw .press-kit-dowloads-form-subtitle { margin-top: 0 } .press-kit-img { height: 255px } .press-kit-img img, .press-kit-img svg { height: 66px } .press-kit-img-sm-fw .press-kit-dowloads { display: flex; gap: 0 } .press-kit-img-sm-fw .press-kit-dowloads-form-inner + .btn-icon-only { order: -1 } .press-kit-img-sm-fw .press-kit-dowloads-form-inner { margin-left: 24px } .press-kit-box-inner { gap: 30px } } @media (max-width: 1279px) { .press-kit-box + .press-kit-box { margin-top: 60px } .press-kit-title { margin-bottom: 30px } .press-kit-img { height: 260px } .press-kit-box-along { gap: 102px } .press-kit-img-sm-fw .press-kit-box-inner { gap: 40px 102px } } @media (max-width: 1023px) { .press-kit-img { height: 235px } .press-kit-img img, .press-kit-img svg { height: 60px } .press-kit-box-along, .press-kit-img-sm-fw .press-kit-box-inner { gap: 20px } } @media (max-width: 767px) { .press-kit-info { margin-bottom: 30px } .press-kit-img { height: 140px } .press-kit-img-sm-fw .press-kit-img { height: 235px } .press-kit-img img, .press-kit-img svg { height: 37px } .press-kit-img svg, .press-kit-img-sm-fw .press-kit-img img { height: 61px } .press-kit-dowloads-form-inner, .press-kit-img-sm-fw .press-kit-dowloads-form-inner { gap: 15px; margin-left: 15px } .press-kit-dowloads-form-inner + .btn-icon-only { width: 40px; height: 40px } .press-kit-box-inner { gap: 20px } .press-kit-title { margin-bottom: 20px } .press-kit-box .simple-list { margin-bottom: 30px } .press-kit-box + .press-kit-box { margin-top: 40px } } @media (max-width: 479px) { .press-kit-img-sm-fw .press-kit-img { height: 200px } .press-kit-img { height: 141px; width: 100% } .press-kit-box-along { grid-template-columns: 1fr; gap: 30px } .press-kit-title { margin-bottom: 30px } .press-kit-box .simple-list { margin-bottom: 20px } } .press-color { --section-padding-bottom: 100px } .press-color-items { display: grid; grid-template-columns: repeat(4, auto); gap: 30px } .press-color-item-buble { width: 208px; height: 208px; border-radius: 50% } .press-color-item-buble.color-text { background-color: var(--color-text-color) } .press-color-item-buble.color-blue { background-color: var(--color-blue) } .press-color-item-buble.color-violet { background-color: #21214a } .press-color-item-buble.color-gray { background-color: var(--color-gray) } .press-color-item { display: grid; grid-template-columns: 1fr; gap: 30px } .press-color-item-info-row { display: grid; grid-template-columns: 45px auto; gap: 23px } .press-color-item-info-row + .press-color-item-info-row { margin: 22px 0 0 0; } .press-color-item-info-descr { white-space: nowrap; } .press-kit-instructions { display: grid; grid-template-columns: 1fr auto; justify-content: space-between; align-items: center; gap: 30px } .press-kit-instructions .btn { width: 80px; height: 80px } .press-document-title { max-width: 222px } .press-document { --section-padding-top: 100px } @media (max-width: 1599px) { .press-color-item-buble { width: 175px; height: 175px } } @media (max-width: 1279px) { .press-color { --section-padding-bottom: 60px } .press-color-title { margin-bottom: 40px } .press-color-items { gap: 70px } .press-document-title { max-width: none } .press-document { --section-padding-top: 80px } } @media (max-width: 1023px) { .press-color-item-buble { width: 150px; height: 150px } .press-color-items { gap: 40px } .press-kit-instructions { gap: 15px } } @media (max-width: 767px) { .press-color-item-buble { width: 80px; height: 80px } .press-color-title { margin-bottom: 30px } .press-color-items { grid-template-columns: repeat(2, 50%); gap: 30px 10px } .press-color-item { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px } .press-color-item-info-row { gap: 8px; grid-template-columns: 38px 1fr } .press-color-item-info-row + .press-color-item-info-row { margin: 10px 0 0 0; } .press-kit-instructions { gap: 85px } .press-document { --section-padding-top: 47px } } @media (max-width: 479px) { .press-color-items { grid-template-columns: 1fr; gap: 30px } .press-kit-instructions { gap: 5px } .press-document { --section-padding-top: 60px } } .faq-accordion-list { margin: 0 0 var(--section-list-margin) 0; } /* End */ /* /local/templates/terratech_23/css/swiper.min.css?167999066416482 */ /* /local/templates/terratech_23/css/aos.css?167999066437466 */ /* /local/templates/terratech_23/css/fancybox.css?167999066415598 */ /* /local/templates/terratech_23/css/normalize.css?16799906641471 */ /* /local/templates/terratech_23/css/grid.css?168250104134148 */ /* /local/templates/terratech_23/css/animations.css?1679990664164 */ /* /local/templates/terratech_23/css/fonts.css?16799906641422 */ /* /local/templates/terratech_23/css/datepicker.css?16799906646176 */ /* /local/templates/terratech_23/css/main.css?1750852029187822 */ /* /local/templates/terratech_23/css/additional.css?168915144912630 */