/* Start:/local/templates/matrix2025/assets/css/swiper-bundle.min.css?174643566115563*/ /** * Swiper 7.0.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 4, 2021 */ @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-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-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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-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-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-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .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/matrix2025/assets/fonts/stylesheet.css?17464356615763*/ /* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:48 AM */ @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Thin.eot'); src: local('Geometria Thin'), local('Geometria-Thin'), url('/local/templates/matrix2025/assets/fonts/Geometria-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Thin.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-MediumItalic.eot'); src: local('Geometria MediumItalic'), local('Geometria-MediumItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-MediumItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Italic.eot'); src: local('Geometria Italic'), local('Geometria-Italic'), url('/local/templates/matrix2025/assets/fonts/Geometria-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Italic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Heavy.eot'); src: local('Geometria Heavy'), local('Geometria-Heavy'), url('/local/templates/matrix2025/assets/fonts/Geometria-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Heavy.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBoldItalic.eot'); src: local('Geometria ExtraBoldItalic'), local('Geometria-ExtraBoldItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBoldItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Medium.eot'); src: local('Geometria Medium'), local('Geometria-Medium'), url('/local/templates/matrix2025/assets/fonts/Geometria-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Medium.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-BoldItalic.eot'); src: local('Geometria BoldItalic'), local('Geometria-BoldItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-BoldItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-LightItalic.eot'); src: local('Geometria LightItalic'), local('Geometria-LightItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-LightItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-HeavyItalic.eot'); src: local('Geometria HeavyItalic'), local('Geometria-HeavyItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-HeavyItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria.eot'); src: local('Geometria'), url('/local/templates/matrix2025/assets/fonts/Geometria.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Bold.eot'); src: local('Geometria Bold'), local('Geometria-Bold'), url('/local/templates/matrix2025/assets/fonts/Geometria-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Bold.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBold.eot'); src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBold.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-ThinItalic.eot'); src: local('Geometria ThinItalic'), local('Geometria-ThinItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-ThinItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLightItalic.eot'); src: local('Geometria ExtraLightItalic'), local('Geometria-ExtraLightItalic'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLightItalic.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-Light.eot'); src: local('Geometria Light'), local('Geometria-Light'), url('/local/templates/matrix2025/assets/fonts/Geometria-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-Light.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Geometria'; src: url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLight.eot'); src: local('Geometria ExtraLight'), local('Geometria-ExtraLight'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLight.woff') format('woff'), url('/local/templates/matrix2025/assets/fonts/Geometria-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } /* End */ /* Start:/local/templates/matrix2025/assets/css/jquery.formstyler.css?17464356612169*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/matrix2025/assets/css/jquery.formstyler.theme.css?174643566110672*/ .jq-checkbox, .jq-radio { vertical-align: -4px; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-checkbox.focused, .jq-radio.focused { border: 0px; } .jq-checkbox.disabled, .jq-radio.disabled { opacity: .55; } .jq-checkbox { border-radius: 3px; } .jq-checkbox.checked .jq-checkbox__div { width: 12px; height: 12px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-radio { border-radius: 50%; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { cursor: pointer; } .jq-file__name { box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 32px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-selectbox__select:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/local/templates/matrix2025/assets/css/jquery.fancybox.css?174643566117412*/ @charset "UTF-8"; body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/matrix2025/assets/css/style.css?1746435661182675*/ * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } input, button, textarea, select, label { font: inherit; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; } b, body, html, i, img, strong, sup { margin: 0; padding: 0; } article, aside, footer, header, main, nav, section { display: block; } a, article, aside, blockquote, code, div, footer, form, h1, h2, h3, h4, h5, h6, header, hr, iframe, label, li, main, nav, ol, p, pre, section, span, textarea, ul { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 99.9vh; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #1A2329; background-color: #1A2329; font-family: 'Geometria'; font-weight: 300; font-style: normal; color: #FFEEE1; } ul[role="list"], ol[role="list"] { list-style: none; } html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ html, body { line-height: 1.4; font-size: .521vw; font-style: normal; line-height: 1; } @media screen and (max-width: 1440px) { html, body { font-size: 0.545vw; } } @media screen and (max-width: 799px) { html, body { font-size: 1.1vw; } } @media screen and (max-width: 449px) { html, body { font-size: 1.263vw; } } a { text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } a:hover { text-decoration: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .swiper-slide { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } .hidden { overflow: hidden; } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .container { width: 93.9vw; max-width: 179.943rem; margin: 0 auto; padding: 0; } @media screen and (max-width: 449px) { .container { width: 93vw; } } body::-webkit-scrollbar { width: 6px; height: 6px; } body::-webkit-scrollbar-button:hover { background-color: #FFFFFF14; } body::-webkit-scrollbar-thumb { background: #FFC085; border-radius: 10px; } body::-webkit-scrollbar-track { background-color: #FFFFFF14; border-radius: 10px; } .header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #1A2329; } .header__scroll { height: 1px; width: 100%; background: rgba(255, 238, 225, 0.24); position: relative; } .header__scroll .progress-bar { position: absolute; left: 0; top: 0; height: 1px; width: 0%; background: #fff; } .header__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.2rem 0 1.1rem; } @media screen and (max-width: 449px) { .header__block { padding: 2.5rem 0 2.5rem; } } .header__dropdown { position: fixed; top: 8rem; left: 0; right: 0; background: #1A2329; height: 0; padding: 0; overflow-y: hidden; overflow-x: hidden; -webkit-transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1); } .header__dropdown-scroll { overflow-y: auto; } @media screen and (max-width: 449px) { .header__dropdown { top: 11rem; } } .header__dropdown::-webkit-scrollbar { width: 6px; } .header__dropdown::-webkit-scrollbar-button:hover { background-color: #FFFFFF14; } .header__dropdown::-webkit-scrollbar-thumb { background: #FFC085; border-radius: 10px; } .header__dropdown::-webkit-scrollbar-track { background-color: #FFFFFF14; border-radius: 10px; } .header__dropdown .container { // height: calc(100dvh - 26rem); top: -100vh; position: relative; -webkit-transition: top 0.6s ease-out; transition: top 0.6s ease-out; } @media screen and (max-width: 799px) { .header__dropdown .container { height: auto; } } .header__dropdown_active { height: calc(100dvh - 8rem); } .header__dropdown_active .container { top: 0; padding: 9rem 0 5rem; } @media screen and (max-width: 799px) { .header__dropdown_active .container { padding: 7rem 0; } } @media screen and (max-width: 449px) { .header__dropdown_active .container { padding: 8rem 0; } } @media screen and (max-width: 449px) { .header__dropdown_active { top: 11rem; } } .header__dropdown__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } @media screen and (max-width: 799px) { .header__dropdown__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .header__dropdown__contacts { min-width: 36rem; max-width: 36rem; margin: 0 12rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: calc(100vh - 28rem); } @media screen and (max-width: 799px) { .header__dropdown__contacts { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; margin: 5rem 0 0; } } @media screen and (max-width: 449px) { .header__dropdown__contacts { min-width: 100%; max-width: 100%; margin: 11rem 0 0; } } .header__dropdown__contacts_image { width: 35.7rem; height: 35.7rem; margin: 1.5rem 0 5rem 0; } @media screen and (max-width: 799px) { .header__dropdown__contacts_image { margin: 5rem 0; } } @media screen and (max-width: 449px) { .header__dropdown__contacts_image { margin: 10.2rem 0 0; width: 30rem; height: 30rem; } } .header__dropdown__contacts_image svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .header__dropdown__contacts_image svg path:first-child { -webkit-transform: translateY(-12rem); transform: translateY(-12rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; transition: transform 0s ease; transition: transform 0s ease, -webkit-transform 0s ease; } .header__dropdown__contacts_image svg path:first-child.is-inview { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .header__dropdown__contacts_list { display: block; margin: 0; padding: 0; } .header__dropdown__contacts_item { display: block; margin: 0 0 2.4rem 0; padding: 0; } @media screen and (max-width: 449px) { .header__dropdown__contacts_item { margin: 0 0 3.4rem 0; } } .header__dropdown__contacts_item:last-child { margin: 0; } .header__dropdown__contacts_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__dropdown__contacts_link .item-icon { min-width: 6.4rem; max-width: 6.4rem; height: 6.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 2.6rem 0 0; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background: #FFC085; } @media screen and (max-width: 449px) { .header__dropdown__contacts_link .item-icon { min-width: 8rem; max-width: 8rem; height: 8rem; margin: 0 4.6rem 0 0; border-radius: 1rem; } } .header__dropdown__contacts_link .item-icon svg { width: 4.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; height: 4.8rem; } @media screen and (max-width: 449px) { .header__dropdown__contacts_link .item-icon svg { width: 5.8rem; height: 5.8rem; } } .header__dropdown__contacts_link .item-icon svg path { fill: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .header__dropdown__contacts_link .item-text { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; } @media screen and (max-width: 449px) { .header__dropdown__contacts_link .item-text { font-size: 3.2rem; } } @media screen and (min-width: 800px) { .header__dropdown__contacts_link:hover .item-icon { background: rgba(255, 238, 225, 0.16); } .header__dropdown__contacts_link:hover .item-icon svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .header__dropdown__contacts_link:hover .item-icon svg path { fill: #FFC085; } } .header__dropdown__menu { display: block; padding: 0; margin: 0; } .header__dropdown__menu_item { margin: 0 0 2.5rem 0; padding: 0; display: block; -webkit-transform: translateY(-22rem); transform: translateY(-22rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; transition: transform 0s ease; transition: transform 0s ease, -webkit-transform 0s ease; } .header__dropdown__menu_item.is-inview { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } @media screen and (max-width: 449px) { .header__dropdown__menu_item { margin: 0 0 1.1rem 0; } } .header__dropdown__menu_item:last-child { margin: 0; } .header__dropdown__menu_link { font-size: 6.4rem; font-weight: 300; line-height: 7.68rem; color: #FFEEE1; padding: 0 0 0 2rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 799px) { .header__dropdown__menu_link { padding: 0; font-size: 5.4rem; line-height: 6.4rem; } } @media screen and (max-width: 449px) { .header__dropdown__menu_link { font-size: 4.1rem; line-height: 5.4rem; } } .header__dropdown__menu_link .item-text { color: #FFEEE1; text-decoration: none; text-transform: uppercase; } .header__dropdown__menu_link .item-icon { min-width: 4.8rem; max-width: 4.8rem; margin: 0 1rem 0 0; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .header__dropdown__menu_link .item-icon { display: none; } } .header__dropdown__menu_link .item-icon svg { width: 100%; } @media screen and (min-width: 800px) { .header__dropdown__menu_link:hover .item-icon { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 1; margin: 0 3rem 0 0; } } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 39.3rem; } .header__logo img { width: 100%; } .menu-toggle { width: 100%; display: inline-block; vertical-align: middle; height: 2px; position: relative; background: #FFC085; } .menu-toggle-cont { width: 4rem; height: 2px; font-size: 0; cursor: pointer; } @media screen and (max-width: 449px) { .menu-toggle-cont { width: 6rem; } } .menu-toggle-cont_active .menu-toggle { height: 0; } .menu-toggle-cont_active .menu-toggle:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: auto; } .menu-toggle-cont_active .menu-toggle:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: auto; } .menu-toggle:before, .menu-toggle:after { content: ""; -webkit-transition: all .3s; transition: all .3s; height: 2px; background: #FFC085; position: absolute; left: 0; width: 100%; } .menu-toggle:before { top: -0.5rem; } @media screen and (max-width: 449px) { .menu-toggle:before { top: -0.3rem; } } .menu-toggle:after { top: 0.5rem; } @media screen and (max-width: 449px) { .menu-toggle:after { top: 0.4rem; } } .menu-toggle:before { -webkit-transform: translateY(-350%); transform: translateY(-350%); } .menu-toggle:after { -webkit-transform: translateY(350%); transform: translateY(350%); } .menu-toggle-cont.menu-toggle-cont_active .menu-toggle-cont:after { display: none; } .header__part { width: 5.6rem; height: 5.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .header__part:hover { background: rgba(255, 238, 225, 0.1); border-color: rgba(255, 238, 225, 0.24); } } .header__part_active { background: rgba(255, 238, 225, 0.1); border-color: rgba(255, 238, 225, 0.24); } @media screen and (max-width: 449px) { .header__part { width: 6.5rem; height: 6.5rem; padding: 0 0 0.6rem 0; } } .main { padding: 8rem 0 0; } .main-banner { padding: 11.5rem 0 10rem; position: relative; overflow: hidden; } @media screen and (max-width: 799px) { .main-banner { display: block; padding: 8rem 0; } } @media screen and (max-width: 449px) { .main-banner { padding: 9.5rem 0 8.5rem; } } .main-banner__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .main-banner__flex { display: block; } } .main-banner__line { width: 1px; height: 8rem; position: absolute; bottom: 10rem; left: 49.7rem; overflow: hidden; background: transparent; -webkit-transition: all 1s ease; transition: all 1s ease; } .main-banner__line.color { background: #FFC085; } .main-banner__line_bg { width: 100%; height: 12rem; background: #FFC085; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 0; left: 0; z-index: 1; border-top: 1.2rem solid #1A2329; -webkit-transform: translateY(50vw); transform: translateY(50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } .main-banner__line_bg.anim { -webkit-animation: lineSpin 2.5s infinite linear; animation: lineSpin 2.5s infinite linear; } @media screen and (max-width: 799px) { .main-banner__line { bottom: 8rem; left: 3rem; } } @media screen and (max-width: 449px) { .main-banner__line { bottom: 8.5rem; left: 3rem; height: 10rem; } } .main-banner__content { width: 100%; margin: 7.8rem 0 0 -0.5rem; -webkit-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-banner__content { margin: 0 0 7rem 0; -webkit-transform: translateX(-200vw); transform: translateX(-200vw); } } @media screen and (max-width: 449px) { .main-banner__content { margin: 0 0 15rem 0; } } .main-banner__content h1 { font-size: 10rem; font-weight: 300; line-height: 10.5rem; color: #FFEEE1; padding: 0; margin: 0; text-transform: uppercase; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } @media screen and (max-width: 449px) { .main-banner__content h1 { font-size: 7.3rem; line-height: 7.4rem; } } .main-banner__content h1 span { display: block; margin: 0 0 0 43.5rem; } @media screen and (max-width: 799px) { .main-banner__content h1 span { margin: 0 0 0 20rem; } } @media screen and (max-width: 449px) { .main-banner__content h1 span { margin: 0 0 0 11.5rem; line-height: 7rem; } } .main-banner__content h1 span.color { font-weight: 500; color: #FFC085; -webkit-transform: translateX(50rem); transform: translateX(50rem); -webkit-transition: -webkit-transform 1.2s ease; transition: -webkit-transform 1.2s ease; transition: transform 1.2s ease; transition: transform 1.2s ease, -webkit-transform 1.2s ease; } .main-banner__content h1 span.note { -webkit-transform: translateX(35rem); transform: translateX(35rem); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } .main-banner__content h1.tranfsorm { -webkit-transform: translateY(-100vh); transform: translateY(-100vh); } .main-banner__block { min-width: 58rem; max-width: 58rem; margin: 0 7.7rem 0 6.5rem; } @media screen and (max-width: 799px) { .main-banner__block { min-width: 100%; max-width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 449px) { .main-banner__block { padding: 0; } } .main-banner__image { width: 100%; height: 58rem; margin: 0 0 3.2rem; position: relative; -webkit-transform: translateX(50vw); transform: translateX(50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-banner__image { height: 58rem; margin: 0 8rem 0 0; -webkit-transform: translateX(100vw); transform: translateX(100vw); } } @media screen and (max-width: 449px) { .main-banner__image { height: 43rem; margin: 0 11rem 0 0; } } .main-banner__image img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } .main-banner__image img.light { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .main-banner__image_active img.light { opacity: 1; } .main-banner__button { min-width: 7.2rem; max-width: 7.2rem; height: 7.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #FFC085; padding: 0; border: 0; border-radius: 50%; cursor: pointer; position: relative; margin: 0 auto; top: 0; left: 0; -webkit-transform: translateY(50vw); transform: translateY(50vw); -webkit-transition: left 0.8s ease, top 0.8s ease, -webkit-transform 2s ease; transition: left 0.8s ease, top 0.8s ease, -webkit-transform 2s ease; transition: transform 2s ease, left 0.8s ease, top 0.8s ease; transition: transform 2s ease, left 0.8s ease, top 0.8s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-banner__button { min-width: 8.13rem; max-width: 8.13rem; height: 8.13rem; } } .main-banner__button:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background: #FFC085; border-radius: 50%; z-index: 5; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-banner__button_text { position: absolute; top: calc(50% - 1rem); right: 20%; font-size: 2rem; font-weight: 300; line-height: 2.2rem; letter-spacing: -0.03em; text-transform: uppercase; color: #FFEEE1; opacity: 0; pointer-events: none; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 1; } .main-banner__button_note { position: absolute; top: calc(50% - 1rem); right: -50%; font-size: 2rem; font-weight: 300; line-height: 2.2rem; letter-spacing: -0.03em; text-transform: uppercase; color: #FFEEE1; opacity: 0; pointer-events: none; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 1; } @media screen and (min-width: 800px) { .main-banner__button:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2); } .main-banner__button:hover .main-banner__button_text { right: 125%; opacity: 1; } .main-banner__button:hover .main-banner__button_note { right: -190%; opacity: 1; } } .main-banner__button img { width: 100%; position: relative; z-index: 10; } .main-banner.show .main-banner__content { -webkit-transform: translateX(0); transform: translateX(0); } .main-banner.show .main-banner__content h1 span.note { -webkit-transform: translateX(0); transform: translateX(0); } .main-banner.show .main-banner__content h1 span.color { -webkit-transform: translateX(0); transform: translateX(0); } .main-banner.show .main-banner__image { -webkit-transform: translateX(0); transform: translateX(0); } .main-banner.show .main-banner__line_bg { -webkit-transform: translateY(0); transform: translateY(0); } .main-banner.show .main-banner__button { -webkit-transform: translateY(0); transform: translateY(0); } @-webkit-keyframes lineSpin { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes lineSpin { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .main-tiles { position: absolute; top: 30rem; left: 17rem; right: 17rem; width: 0; overflow: hidden; -webkit-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s; } @media screen and (max-width: 1800px) { .main-tiles { top: 34rem; } } @media screen and (max-width: 1599px) { .main-tiles { top: 38rem; } } @media screen and (max-width: 1399px) { .main-tiles { top: 42rem; } } @media screen and (max-width: 1199px) { .main-tiles { top: 49rem; } } @media screen and (max-width: 1099px) { .main-tiles { top: 54rem; } } @media screen and (max-width: 999px) { .main-tiles { top: 60rem; } } @media screen and (max-width: 899px) { .main-tiles { top: 65rem; } } @media screen and (max-width: 799px) { .main-tiles { top: 82rem; left: 5rem; right: 3rem; } } @media screen and (max-width: 599px) { .main-tiles { top: 94rem; } } @media screen and (max-width: 450px) { .main-tiles { top: 107rem; } } @media screen and (max-width: 449px) { .main-tiles { top: 83rem; } } @media screen and (max-width: 400px) { .main-tiles { top: 87rem; } } @media screen and (max-width: 399px) { .main-tiles { top: 91rem; } } @media screen and (max-width: 380px) { .main-tiles { top: 94rem; } } @media screen and (max-width: 360px) { .main-tiles { top: 97rem; } } @media screen and (max-width: 340px) { .main-tiles { top: 100rem; } } @media screen and (max-width: 330px) { .main-tiles { top: 103rem; } } .main-tiles.show { width: 55%; -webkit-transition: all 1s ease-in-out 0.3s; transition: all 1s ease-in-out 0.3s; } @media screen and (max-width: 799px) { .main-tiles.show { width: 88%; } } @media screen and (max-width: 449px) { .main-tiles.show { width: 82%; } } .main-tiles__scroll { position: -webkit-sticky; position: sticky; top: 0; } .main-tiles__item { position: absolute; top: 40.8rem; left: 0; } @media screen and (max-width: 799px) { .main-tiles__item { right: 0; left: 40rem; } } @media screen and (max-width: 449px) { .main-tiles__item { left: 29.2rem; } } .main-tiles__item:after { content: ''; position: absolute; top: -14.5rem; left: 0; width: 92.5rem; height: 20.5rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-1.svg) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .main-tiles__item:after { top: -27rem; left: -30rem; width: 69rem; height: 37.5rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-2-small.svg) 0 0 no-repeat; background-size: cover; } } @media screen and (max-width: 449px) { .main-tiles__item:after { top: -20.5rem; left: -17.5rem; width: 61.3rem; height: 30rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-2-small.svg) 0 0 no-repeat; background-size: contain; } } .main-tiles__item p { font-size: 3.2rem; font-weight: 500; line-height: 3.85rem; text-align: left; color: #FFEEE1; margin: 0 0 0 3.5rem; text-transform: uppercase; } @media screen and (max-width: 799px) { .main-tiles__item p { text-align: left; margin: 0; } } @media screen and (max-width: 449px) { .main-tiles__item p { max-width: 37rem; font-size: 3.25rem; } } .main-tiles__item_panel { top: 54.8rem; } @media screen and (max-width: 799px) { .main-tiles__item_panel { top: 53.8rem; } } .main-tiles__item_panel:after { top: -8.9rem; width: 86rem; height: 15.5rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-2.svg) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .main-tiles__item_panel:after { top: -30.5rem; left: -35rem; width: 77rem; height: 41.5rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-2-small.svg) 0 0 no-repeat; background-size: cover; } } @media screen and (max-width: 449px) { .main-tiles__item_panel:after { top: -24rem; left: -23rem; width: 62.5rem; height: 34.5rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-2-small.svg) 0 0 no-repeat; background-size: contain; } } .main-tiles__item_fastening { top: 69.2rem; } @media screen and (max-width: 799px) { .main-tiles__item_fastening { top: 67.2rem; } } .main-tiles__item_fastening:after { top: -2.5rem; width: 79rem; height: 9rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-3.svg) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 799px) { .main-tiles__item_fastening:after { top: -38.5rem; left: -39rem; width: 76rem; height: 48rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-3-small.svg) 0 0 no-repeat; background-size: cover; } } @media screen and (max-width: 449px) { .main-tiles__item_fastening:after { top: -35rem; left: -29rem; width: 71rem; height: 48rem; background: url(/local/templates/matrix2025/assets/css/../images/tile-arrow-3-small.svg) 0 0 no-repeat; background-size: contain; } } .main-tiles__content { width: 100rem; min-height: 77rem; position: relative; } @media screen and (max-width: 799px) { .main-tiles__content { width: 80rem; } } .main-tiles__image { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media screen and (max-width: 799px) { .main-tiles__image { min-width: 84%; max-width: 84%; margin: 0 0 0 6rem; } } @media screen and (max-width: 799px) { .main-tiles__image { margin: 0 0 0 12rem; } } .main-tiles__image .main-banner__image { z-index: 5; } .main-tiles__image .main-banner__image:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: url(/local/templates/matrix2025/assets/css/../images/layer-1.png) 0 0 no-repeat; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 1.6rem; opacity: 0; } @media screen and (max-width: 449px) { .main-tiles__image .main-banner__image:after { background: url(/local/templates/matrix2025/assets/css/../images/layer-1-small.png) 0 0 no-repeat; } } .main-tiles__image_panel { position: absolute; top: 0; left: 0; right: 0; bottom: 11rem; z-index: 3; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 1.6rem; opacity: 0; } @media screen and (max-width: 799px) { .main-tiles__image_panel { right: 16rem; } } @media screen and (max-width: 449px) { .main-tiles__image_panel { right: 25rem; } } .main-tiles__image_panel img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } .main-tiles__image_fastening { position: absolute; top: 0; left: 0; right: 0; bottom: 11rem; z-index: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 1.6rem; opacity: 0; } @media screen and (max-width: 799px) { .main-tiles__image_fastening { right: 16rem; } } @media screen and (max-width: 449px) { .main-tiles__image_fastening { right: 25rem; } } .main-tiles__image_fastening img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } .main-tiles__image.show .main-banner__image:after { opacity: 1; } .main-tiles__image.show .main-tiles__image_panel { opacity: 1; } .main-tiles__image.show .main-tiles__image_fastening { opacity: 1; } .main-tiles__image.active { -webkit-transform: translateX(-11.8rem); transform: translateX(-11.8rem); } @media screen and (max-width: 799px) { .main-tiles__image.active { -webkit-transform: translate(11.8rem, -50rem); transform: translate(11.8rem, -50rem); min-width: 84%; max-width: 84%; margin: 0; } } @media screen and (max-width: 449px) { .main-tiles__image.active { -webkit-transform: translate(12.4rem, -45rem); transform: translate(12.4rem, -45rem); margin: 0; } } .main-tiles__image.active .main-banner__image:after { left: -2rem; right: 2rem; } @media screen and (max-width: 449px) { .main-tiles__image.active .main-banner__image:after { left: -1rem; right: 1rem; } } .main-tiles__image.active .main-tiles__image_panel { top: 6rem; left: -9rem; right: 7.8rem; bottom: 4.5rem; } @media screen and (max-width: 799px) { .main-tiles__image.active .main-tiles__image_panel { top: 4rem; left: -6rem; right: 19rem; bottom: -4rem; } } @media screen and (max-width: 449px) { .main-tiles__image.active .main-tiles__image_panel { top: 4.2rem; left: -6rem; right: 24.5rem; bottom: -4rem; } } .main-tiles__image.active .main-tiles__image_fastening { top: 11.5rem; left: -15.4rem; right: 14.1rem; bottom: -1.3rem; } @media screen and (max-width: 799px) { .main-tiles__image.active .main-tiles__image_fastening { top: 8rem; left: -10rem; right: 23rem; bottom: -8rem; } } @media screen and (max-width: 449px) { .main-tiles__image.active .main-tiles__image_fastening { top: 8.5rem; left: -11rem; right: 29rem; bottom: -8rem; } } .main-tiles__image.active .main-banner__button { left: 32rem; top: 2rem; } @media screen and (max-width: 799px) { .main-tiles__image.active .main-banner__button { left: 0; top: 8rem; } } .main-block { min-height: 96rem; } .main-block__scroll { position: -webkit-sticky; position: sticky; top: 8rem; } h2 { font-size: 4.4rem; font-weight: 300; line-height: 5.28rem; text-align: left; padding: 0; margin: 0; color: #FFEEE1; text-transform: uppercase; } @media screen and (max-width: 449px) { h2 { font-size: 3.3rem; line-height: 4.1rem; } } h2 strong { font-weight: 500; color: #FFC085; } .main-company { padding: 7.7rem 0 9.6rem; overflow: hidden; } @media screen and (max-width: 449px) { .main-company { padding: 7.7rem 0; } } .main-company__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0 0 0; } @media screen and (max-width: 449px) { .main-company__content { padding: 5rem 0 0; } } .main-company__content_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; -webkit-transform: translateX(-50vw); transform: translateX(-50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-company__content_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .main-company__content_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-company__content_text { width: 100%; max-width: 135.9rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-company__content_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .main-company__content_text { max-width: 61.6rem; } } .main-company__content_text h2 { max-width: 112.4rem; } .main-company__content.is-inview .main-company__content_icon { -webkit-transform: translateX(0); transform: translateX(0); } .main-company__content.is-inview .main-company__content_text { -webkit-transform: translateX(0); transform: translateX(0); } .main-company__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 11.7rem 0 0 0; } @media screen and (max-width: 449px) { .main-company__block { margin: 10.2rem 0 0 0; } } .main-company__block_icon { min-width: 18rem; max-width: 18rem; height: 18rem; } @media screen and (max-width: 799px) { .main-company__block_icon { display: none; } } .main-company__block_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-company__block_video { width: 100%; max-width: 136rem; height: 56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 1.6rem; } @media screen and (max-width: 799px) { .main-company__block_video { height: 45rem; } } @media screen and (max-width: 449px) { .main-company__block_video { height: 32.6rem; } } .main-company__block .in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; transition: transform 0s ease; transition: transform 0s ease, -webkit-transform 0s ease; } .main-company__block .in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } .video__block { width: auto; height: 100%; max-width: 100%; } .video__block .video { width: auto; height: auto; max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 1.6rem; } @media screen and (max-width: 799px) { .video__block .video { -o-object-fit: cover; object-fit: cover; height: 100%; } } .video__block_toggle .video__block_play { opacity: 0; } .video__block_toggle:hover .video__block_play { opacity: 1; } .video__block_play { position: absolute; width: 10.4rem; height: 10.4rem; top: calc(50% - 5.2rem); left: calc(50% - 5.2rem); z-index: 5; cursor: pointer; padding: 0; border: 0; background: transparent; border-radius: 50%; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video__block_play img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .video__block_play img.play { opacity: 1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video__block_play img.pause { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video__block_play_active img.play { opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video__block_play_active img.pause { opacity: 1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .video__block_play:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; border: 1.5rem solid #FFC085; background: transparent; border-radius: 50%; z-index: -1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .video__block_play:hover::after { top: -1rem; left: -1rem; right: -1rem; bottom: -1rem; } } .main-technology { margin: 9.6rem 0; overflow: hidden; } @media screen and (max-width: 449px) { .main-technology { margin: 2rem 0; } } .main-technology__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0; } @media screen and (max-width: 449px) { .main-technology__caption { padding: 5rem 0 0; } } .main-technology__caption_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; -webkit-transform: translateX(-50vw); transform: translateX(-50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-technology__caption_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .main-technology__caption_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-technology__caption_text { width: 100%; max-width: 135.9rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-technology__caption_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .main-technology__caption_text { max-width: 61.6rem; } } .main-technology__caption_text h2 { max-width: 112.4rem; } .main-technology__caption.is-inview .main-technology__caption_icon { -webkit-transform: translateX(0); transform: translateX(0); } .main-technology__caption.is-inview .main-technology__caption_text { -webkit-transform: translateX(0); transform: translateX(0); } .main-technology__link { margin: 5.6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 3.6rem; font-weight: 300; line-height: 3.8rem; color: #FFEEE1; text-transform: uppercase; text-decoration: none; } @media screen and (max-width: 449px) { .main-technology__link { margin: 10rem 0 5rem; font-size: 4.1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 4.1rem; } } .main-technology__link_icon { min-width: 4rem; max-width: 4rem; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 1.2rem; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-technology__link_icon svg { max-width: 3rem; max-height: 3rem; } .main-technology__link_icon svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-technology__link:hover { padding: 0 0 0 1.2rem; color: #FFC085; } .main-technology__link:hover .main-technology__link_icon { background: #FFC085; } .main-technology__link:hover .main-technology__link_icon svg path { stroke: #1A2329; } } .main-technology__block { position: relative; } .main-technology__images { position: absolute; bottom: 0; left: 0; width: calc(33.33% - 2rem); height: 61rem; overflow: hidden; } @media screen and (max-width: 799px) { .main-technology__images { position: initial; width: 100%; height: 30rem; margin: 0 0 3rem 0; } } @media screen and (max-width: 449px) { .main-technology__images { margin: 0 0 3.5rem 0; } } .main-technology__images img { width: 100%; height: 100%; border-radius: 1.6rem; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 449px) { .main-technology__images img { border-radius: 2.6rem; } } .main-technology__images__flex { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: calc(-100% - 6rem); top: 0; bottom: 0; width: calc(200% + 6rem); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; gap: 6rem; } @media screen and (max-width: 799px) { .main-technology__images__flex { width: 100%; height: 30rem; left: 0; } } .main-technology__images__flex.active { left: 0; } .main-technology__images__flex.active .main-technology__images__item { -webkit-transform: scale(1); transform: scale(1); } .main-technology__images_image { width: 100%; height: 100%; } .main-technology__images__blocks { width: 100%; height: 100%; background: transparent; border-radius: 1.6rem; position: relative; } @media screen and (max-width: 799px) { .main-technology__images__blocks { display: none; } } .main-technology__images__item { width: 100%; height: 100%; border-radius: 1.6rem; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); } .main-technology__images__item.active { opacity: 1; } .main-technology__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3rem; counter-reset: technology-name -1; } @media screen and (max-width: 449px) { .main-technology__list { gap: 3.3rem; } } .main-technology__item { padding: 4.6rem 4.6rem 4.4rem; position: relative; border-radius: 1.6rem; height: 29rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: calc(33.33% - 2rem); overflow: hidden; } @media screen and (max-width: 799px) { .main-technology__item { width: calc(50% - 1.6rem); } } @media screen and (max-width: 449px) { .main-technology__item { width: 100%; padding: 5.6rem 5.4rem 4.6rem; height: 30rem; } } .main-technology__item:nth-of-type(4) { margin: 0 0 0 33.89%; } @media screen and (max-width: 799px) { .main-technology__item:nth-of-type(4) { margin: 0; } } .main-technology__item:nth-of-type(6) { margin: 0 0 0 33.89%; } @media screen and (max-width: 799px) { .main-technology__item:nth-of-type(6) { margin: 0; } } .main-technology__item:before { content: ''; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0; width: 0; bottom: 0; background: #FFC085; border-radius: 1.6rem; z-index: -1; } .main-technology__item:after { counter-increment: technology-name; content: counter(technology-name); position: absolute; bottom: 0; left: 1.6rem; font-size: 34.4rem; font-weight: 300; line-height: 30rem; color: #212a30; z-index: -1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media screen and (max-width: 449px) { .main-technology__item:after { left: 5.6rem; font-size: 28.4rem; line-height: 30rem; } } .main-technology__item_name { font-size: 3.6rem; font-weight: 500; line-height: 4.3rem; color: #FFEEE1; display: block; width: 100%; text-align-last: left; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media screen and (max-width: 449px) { .main-technology__item_name { font-size: 4.05rem; } .main-technology__item_name br { display: none; } } .main-technology__item_name:before { content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 1.6rem; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .main-technology__item_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-technology__item_link_text { text-transform: uppercase; font-size: 2rem; font-weight: 500; line-height: 2.4rem; color: #1A2329; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .main-technology__item_link_image { min-width: 4.8rem; max-width: 4.8rem; height: 4.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 1.4rem; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media screen and (max-width: 449px) { .main-technology__item_link_image { min-width: 6.6rem; max-width: 6.6rem; height: 6.6rem; } } .main-technology__item_link_image svg { width: auto; max-width: 4rem; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } @media screen and (max-width: 449px) { .main-technology__item_link_image svg { max-width: 6rem; } } .main-technology__item_link_image svg path { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; stroke: #FFC085; } @media screen and (min-width: 800px) { .main-technology__item:hover:before { left: 1.6rem; top: 1.6rem; bottom: 1.6rem; width: calc(100% - 3.2rem); } .main-technology__item:hover:after { font-size: 7.6rem; line-height: 7.6rem; bottom: 3rem; left: 4.6rem; color: #6d5e4f; } .main-technology__item:hover .main-technology__item_name { color: #1A2329; } .main-technology__item:hover .main-technology__item_name:before { top: 1.6rem; bottom: 1.6rem; left: 1.6rem; right: 1.6rem; background: rgba(255, 238, 225, 0.16); } .main-technology__item:hover .main-technology__item_link_image { min-width: 1.6rem; max-width: 1.6rem; height: 1.6rem; } .main-technology__item:hover .main-technology__item_link_image svg { max-width: 1.6rem; } .main-technology__item:hover .main-technology__item_link_image svg path { stroke: #1A2329; } } .main-technology .in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: transform 0s ease, opacity 0s ease; transition: transform 0s ease, opacity 0s ease, -webkit-transform 0s ease; } .main-technology .in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } .main-solution { margin: 19.3rem 0 9.6rem 0; overflow: hidden; } @media screen and (max-width: 449px) { .main-solution { margin: 9.8rem 0; } } .main-solution__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0; } @media screen and (max-width: 449px) { .main-solution__caption { padding: 5rem 0 0; } } .main-solution__caption_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; -webkit-transform: translateX(-50vw); transform: translateX(-50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-solution__caption_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .main-solution__caption_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-solution__caption_text { width: 100%; max-width: 135.9rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-solution__caption_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .main-solution__caption_text { max-width: 61.6rem; } } .main-solution__caption.is-inview .main-solution__caption_icon { -webkit-transform: translateX(0); transform: translateX(0); } .main-solution__caption.is-inview .main-solution__caption_text { -webkit-transform: translateX(0); transform: translateX(0); } .main-solution__title { margin: 5rem 0; } @media screen and (max-width: 449px) { .main-solution__title { margin: 10rem 0 5rem; } } .main-solution__title h3 { font-size: 3.6rem; font-weight: 300; line-height: 3.8rem; color: #FFEEE1; margin: 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .main-solution__title h3 { font-size: 4.1rem; line-height: 4.1rem; } } .main-solution__title.in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0s ease; transition: -webkit-transform 0s ease; transition: transform 0s ease; transition: transform 0s ease, -webkit-transform 0s ease; } .main-solution__title.in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } .main-solution__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3rem 3rem; grid-template-areas: "item-1 item-2 item-3" "item-1 item-4 item-5"; } @media screen and (max-width: 799px) { .main-solution__list { display: block; } } .main-solution__list .item-1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-1; } .main-solution__list .item-2 { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-2; } .main-solution__list .item-3 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: item-3; } .main-solution__list .item-4 { -ms-grid-row: 3; -ms-grid-column: 2; grid-area: item-4; } .main-solution__list .item-5 { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: item-5; } .main-solution__item { position: relative; padding: 4.6rem 2.8rem 2.8rem 4.8rem; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .main-solution__item.in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: transform 0s ease, opacity 0s ease; transition: transform 0s ease, opacity 0s ease, -webkit-transform 0s ease; } .main-solution__item.in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } @media screen and (max-width: 799px) { .main-solution__item { margin: 0 0 3rem 0; } .main-solution__item:last-child { margin: 0; } } @media screen and (max-width: 449px) { .main-solution__item { padding: 5.6rem 6.8rem 5.8rem 4.8rem; margin: 0 0 3.2rem 0; min-height: 44.8rem; } } .main-solution__item_text { width: 100%; } .main-solution__item_text p.title { font-size: 3.6rem; font-weight: 500; line-height: 4.3rem; color: #FFEEE1; margin: 0 0 0.3rem 0; } @media screen and (max-width: 449px) { .main-solution__item_text p.title { font-size: 4.1rem; line-height: 4.1rem; margin: 0 0 1.5rem 0; } } .main-solution__item_text p.text { font-size: 3.6rem; font-weight: 300; line-height: 4.3rem; color: #FFEEE1; margin: 0 0 1.2rem 0; } @media screen and (max-width: 449px) { .main-solution__item_text p.text { font-size: 4.1rem; line-height: 4.6rem; margin: 0 0 3.4rem 0; max-width: 59rem; } } .main-solution__item_icon { min-width: 14rem; max-width: 14rem; height: 14rem; } .main-solution__item_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-solution__item__title { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; padding: 4.6rem 2.8rem 4.8rem 4.8rem; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .main-solution__item__title p.name { font-size: 3.6rem; font-weight: 500; line-height: 4.3rem; color: #1A2329; margin: 0 0 0.3rem 0; -webkit-transform: translateY(2rem); transform: translateY(2rem); opacity: 0; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; } @media screen and (max-width: 449px) { .main-solution__item__title p.name { font-size: 4.1rem; line-height: 4.1rem; margin: 0 0 1.5rem 0; } } .main-solution__item__desc { position: absolute; top: 0; left: -101%; width: 100%; bottom: 0; background: #FFC085; z-index: 7; padding: 4.6rem 2.8rem 4.8rem 4.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .main-solution__item__desc p { font-size: 2.6rem; font-weight: 300; line-height: 3.6rem; color: #1A2329; margin: 0; } @media screen and (max-width: 449px) { .main-solution__item__desc p { font-size: 2.6rem; line-height: 3.6rem; } } .main-solution__item__desc p.name { font-size: 3.6rem; font-weight: 500; line-height: 4.3rem; color: #1A2329; margin: 0 0 0.3rem 0; -webkit-transform: translateY(3rem); transform: translateY(3rem); -webkit-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } @media screen and (max-width: 449px) { .main-solution__item__desc p.name { font-size: 4.1rem; line-height: 4.1rem; margin: 0 0 1.5rem 0; } } .main-solution__item:hover .main-solution__item__desc { left: 0; } .main-solution__item:hover .main-solution__item__title p.name { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .main-design { margin: 19.2rem 0 9.6rem 0; overflow: hidden; } @media screen and (max-width: 449px) { .main-design { margin: 12.6rem 0 13rem; } } .main-design__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0; } @media screen and (max-width: 449px) { .main-design__caption { padding: 5rem 0 0; } } .main-design__caption_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; -webkit-transform: translateX(-50vw); transform: translateX(-50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-design__caption_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .main-design__caption_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-design__caption_text { width: 100%; max-width: 135.9rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-design__caption_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .main-design__caption_text { max-width: 61.6rem; } } .main-design__caption.is-inview .main-design__caption_icon { -webkit-transform: translateX(0); transform: translateX(0); } .main-design__caption.is-inview .main-design__caption_text { -webkit-transform: translateX(0); transform: translateX(0); } .main-design__link { margin: 5.6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 3.6rem; font-weight: 300; line-height: 3.8rem; color: #FFEEE1; text-transform: uppercase; text-decoration: none; } @media screen and (max-width: 449px) { .main-design__link { margin: 9rem 0 3.6rem; font-size: 4.1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 4.1rem; } } .main-design__link_icon { min-width: 4rem; max-width: 4rem; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 1.2rem; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-design__link_icon svg { max-width: 3rem; max-height: 3rem; } .main-design__link_icon svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-design__link:hover { padding: 0 0 0 1.2rem; color: #FFC085; } .main-design__link:hover .main-design__link_icon { background: #FFC085; } .main-design__link:hover .main-design__link_icon svg path { stroke: #1A2329; } } .main-design__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 5.6rem 0 0; } @media screen and (max-width: 799px) { .main-design__block { display: block; } } @media screen and (max-width: 449px) { .main-design__block { margin: 3.6rem 0 0; } } .main-design__images { max-width: 58rem; min-width: 58rem; height: 58rem; margin: 0 12rem 0 0; overflow: hidden; position: relative; } @media screen and (max-width: 799px) { .main-design__images { min-width: 100%; max-width: 100%; height: 30rem; margin: 0 0 3rem 0; } } @media screen and (max-width: 449px) { .main-design__images { height: 29rem; } } .main-design__images img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 1.6rem; } .main-design__images__flex { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: calc(-100% - 6rem); top: 0; bottom: 0; width: calc(200% + 6rem); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; gap: 6rem; } @media screen and (max-width: 799px) { .main-design__images__flex { width: 100%; height: 30rem; left: 0; } } .main-design__images__flex.active { left: 0; } .main-design__images__flex.active .main-design__images__item { -webkit-transform: scale(1); transform: scale(1); } .main-design__images_image { width: 100%; height: 100%; } .main-design__images__blocks { width: 100%; height: 100%; background: transparent; border-radius: 1.6rem; position: relative; } @media screen and (max-width: 799px) { .main-design__images__blocks { display: none; } } .main-design__images__item { width: 100%; height: 100%; border-radius: 1.6rem; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); } .main-design__images__item.active { opacity: 1; } .main-design__list { display: block; width: 100%; } .main-design__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.2rem 3.2rem; border-radius: 1rem; font-size: 4.4rem; font-weight: 300; line-height: 5.28rem; color: #FFEEE1; text-decoration: none; background: transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-transform: uppercase; position: relative; } @media screen and (max-width: 799px) { .main-design__item { padding: 2.2rem 0 2.2rem 3.2rem; } } @media screen and (max-width: 449px) { .main-design__item { padding: 3rem 0 2.46rem 6rem; font-size: 4.1rem; line-height: 4.1rem; } } .main-design__item:before { content: ''; position: absolute; top: 3.3rem; left: 0rem; height: 2px; width: 2rem; background: rgba(255, 238, 225, 0.16); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .main-design__item:before { top: 3.8rem; width: 4.6rem; } } .main-design__item svg { width: 4.8rem; height: 4.8rem; } @media screen and (max-width: 449px) { .main-design__item svg { width: 3.6rem; height: 3.6rem; margin: 0.7rem 0.7rem 0 0; } } .main-design__item svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-design__item:hover { background: #FFC085; color: #1A2329; padding: 2.2rem 3.2rem 2.2rem 7.2rem; } .main-design__item:hover svg path { stroke: #1A2329; } .main-design__item:hover:before { width: 4rem; left: 2rem; background: rgba(26, 35, 41, 0.16); } } .main-design .in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: transform 0s ease, opacity 0s ease; transition: transform 0s ease, opacity 0s ease, -webkit-transform 0s ease; } .main-design .in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } .main-media { margin: 19.2rem 0 3.6rem 0; overflow: hidden; } @media screen and (max-width: 449px) { .main-media { margin: 12.6rem 0 4rem; position: relative; padding: 0 0 8.5rem 0; } } .main-media__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0; } @media screen and (max-width: 449px) { .main-media__caption { padding: 5rem 0 0; } } .main-media__caption_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; -webkit-transform: translateX(-50vw); transform: translateX(-50vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 449px) { .main-media__caption_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .main-media__caption_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-media__caption_text { width: 100%; max-width: 135.9rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } @media screen and (max-width: 799px) { .main-media__caption_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .main-media__caption_text { max-width: 61.6rem; } } .main-media__caption.is-inview .main-media__caption_icon { -webkit-transform: translateX(0); transform: translateX(0); } .main-media__caption.is-inview .main-media__caption_text { -webkit-transform: translateX(0); transform: translateX(0); } .main-media__link { margin: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 3.6rem; font-weight: 300; line-height: 3.8rem; color: #FFEEE1; text-transform: uppercase; text-decoration: none; } @media screen and (max-width: 449px) { .main-media__link { margin: 11rem 0 4.6rem; font-size: 4.1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 4.1rem; } } .main-media__link_icon { min-width: 4rem; max-width: 4rem; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 1.2rem; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-media__link_icon svg { max-width: 3rem; max-height: 3rem; } .main-media__link_icon svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-media__link:hover { padding: 0 0 0 1.2rem; color: #FFC085; } .main-media__link:hover .main-design__link_icon { background: #FFC085; } .main-media__link:hover .main-design__link_icon svg path { stroke: #1A2329; } } .main-media__flex { margin: 6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 449px) { .main-media__flex { display: block; margin: 2.5rem 0 2.2rem; } } .main-media__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.2rem; } @media screen and (max-width: 449px) { .main-media__nav { position: absolute; bottom: 0; left: 3rem; right: 3rem; gap: 2rem; } } .main-media-prev { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: rgba(255, 238, 225, 0.08); border: 1px solid rgba(255, 238, 225, 0.16); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .main-media-prev { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); } } .main-media-prev svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .main-media-prev svg { width: 3rem; height: 3rem; } } .main-media-prev svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-media-prev:hover { background: #FFC085; } .main-media-prev:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .main-media-prev:hover svg path { stroke: #1A2329; } } .main-media-next { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: rgba(255, 238, 225, 0.08); border: 1px solid rgba(255, 238, 225, 0.16); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .main-media-next { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); } } .main-media-next svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .main-media-next svg { width: 3rem; height: 3rem; } } .main-media-next svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .main-media-next:hover { background: #FFC085; } .main-media-next:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .main-media-next:hover svg path { stroke: #1A2329; } } .main-media__slider .swiper-slide { width: 36.889%; margin: 0 3rem 0 0; } @media screen and (max-width: 799px) { .main-media__slider .swiper-slide { width: 100%; } } .main-media__slider .swiper-slide__big { width: 61.445%; } @media screen and (max-width: 799px) { .main-media__slider .swiper-slide__big { width: 100%; } } .main-media__slider .swiper-slide__big .main-media__slide { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(255, 238, 225, 0.16); } @media screen and (max-width: 799px) { .main-media__slider .swiper-slide__big .main-media__slide { display: block; border: 1px solid transparent; } } @media screen and (max-width: 449px) { .main-media__slider .swiper-slide__big .main-media__slide { padding: 0; } } .main-media__slider .swiper-slide__big .main-media__slide__image { min-width: 66.4rem; max-width: 66.4rem; height: 44.7rem; } @media screen and (max-width: 799px) { .main-media__slider .swiper-slide__big .main-media__slide__image { min-width: 100%; max-width: 100%; height: 32.8rem; } } .main-media__slider .swiper-slide__big .main-media__slide__content { width: 100%; padding: 7.4rem 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 799px) { .main-media__slider .swiper-slide__big .main-media__slide__content { padding: 1.8rem 1.6rem; display: block; } } @media screen and (max-width: 449px) { .main-media__slider .swiper-slide__big .main-media__slide__content { padding: 2.8rem 1.6rem; } } .main-media__slider .swiper-slide__big .main-media__slide__content a.link { font-size: 2.8rem; font-weight: 500; line-height: 3.36rem; } @media screen and (max-width: 449px) { .main-media__slider .swiper-slide__big .main-media__slide__content a.link { font-size: 3.5rem; line-height: 4.96rem; } } .main-media__slide { background: transparent; border-radius: 2rem; border: 1px solid transparent; display: block; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-media__slide__image { width: 100%; height: 32.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-media__slide__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .main-media__slide__content { padding: 1.8rem 1.6rem; } @media screen and (max-width: 449px) { .main-media__slide__content { padding: 2.8rem 1.6rem; } } .main-media__slide__content .item-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 1rem 0; gap: 1.9rem; } @media screen and (max-width: 449px) { .main-media__slide__content .item-block { gap: 2.9rem; margin: 0 0 2rem 0; } } .main-media__slide__content .item-block p.type { font-size: 2rem; font-weight: 300; line-height: 2.4rem; text-align: left; color: rgba(255, 238, 225, 0.32); } @media screen and (max-width: 449px) { .main-media__slide__content .item-block p.type { font-size: 2.4rem; } } .main-media__slide__content .item-block p.date { font-size: 2rem; font-weight: 500; line-height: 2.4rem; color: #FFC085; position: relative; } @media screen and (max-width: 449px) { .main-media__slide__content .item-block p.date { font-size: 2.4rem; } } .main-media__slide__content .item-block p.date:before { content: ''; position: absolute; top: 1.1rem; left: -1.1rem; width: 0.3rem; height: 0.3rem; background: rgba(255, 238, 225, 0.08); border-radius: 50%; } @media screen and (max-width: 449px) { .main-media__slide__content .item-block p.date:before { left: -1.7rem; } } .main-media__slide__content .link { font-size: 3.6rem; font-weight: 500; line-height: 4.32rem; color: #FFEEE1; text-decoration: none; } @media screen and (max-width: 449px) { .main-media__slide__content .link { font-size: 3.5rem; line-height: 4.96rem; } } @media screen and (min-width: 800px) { .main-media__slide:hover { background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } .main-media__slide:hover .main-media__slide__image { padding: 1.6rem; } } .main-media .in-animate { -webkit-transform: translateY(50rem); transform: translateY(50rem); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: transform 0s ease, opacity 0s ease; transition: transform 0s ease, opacity 0s ease, -webkit-transform 0s ease; } .main-media .in-animate.is-inview { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: var(--text-delay); transition-delay: var(--text-delay); } .footer { margin: 9.6rem 0 0 0; } @media screen and (max-width: 449px) { .footer { margin: 3.6rem 0 0 0; } } .footer__link { margin: 5.6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 3.6rem; font-weight: 300; line-height: 3.8rem; color: #FFEEE1; text-transform: uppercase; text-decoration: none; } @media screen and (max-width: 449px) { .footer__link { margin: 9rem 0 3.6rem; font-size: 4.1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 4.1rem; } } .footer__link_note { color: #FFEEE1; } .footer__link_text { font-weight: 500; color: #FFEEE1; } .footer__link_icon { min-width: 4rem; max-width: 4rem; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 1.2rem; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .footer__link_icon svg { max-width: 3rem; max-height: 3rem; } .footer__link_icon svg path { stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .footer__link:hover { padding: 0 0 0 1.2rem; } .footer__link:hover .footer__link_icon { background: #FFC085; } .footer__link:hover .footer__link_icon svg path { stroke: #1A2329; } } .footer__block { margin: 7.2rem 0 0; background: rgba(255, 238, 225, 0.08); border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 2rem; padding: 9rem 11rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .footer__block { display: block; padding: 9rem 6rem; } } @media screen and (max-width: 449px) { .footer__block { padding: 5rem 4rem 4rem; margin: 6.4rem 0 0; } } .footer__block__content { min-width: 76rem; max-width: 76rem; margin: 1.3rem 18rem 0 0; } @media screen and (max-width: 799px) { .footer__block__content { min-width: 100%; max-width: 100%; margin: 0 0 6rem 0; } } @media screen and (max-width: 449px) { .footer__block__content { margin: 0 0 5.5rem 0; } } .footer__block__content p { font-size: 4.4rem; font-weight: 300; line-height: 5.28rem; margin: 0 0 5.4rem 0; color: #FFEEE1; } @media screen and (max-width: 449px) { .footer__block__content p { font-size: 4.1rem; line-height: 5.1rem; margin: 0 0 6.8rem 0; } } .footer__block__content p.info { font-size: 1.6rem; font-weight: 300; line-height: 1.92rem; text-align: left; color: rgba(255, 238, 225, 0.6); margin: 0; } @media screen and (max-width: 449px) { .footer__block__content p.info { font-size: 2.85rem; line-height: 3.6rem; } } .footer__block__content p.info a { color: rgba(255, 238, 225, 0.6); text-decoration: underline; } .footer__block__content p.info a:hover { color: rgba(255, 238, 225, 0.6); text-decoration: none; } .footer__block__contacts { width: 100%; display: block; padding: 0; margin: 0; } .footer__block__contacts_item { display: block; padding: 0; margin: 0 0 1.6rem 0; } @media screen and (max-width: 449px) { .footer__block__contacts_item { margin: 0 0 2.6rem 0; } } .footer__block__contacts_item:last-child { margin: 0; } .footer__block__contacts_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__block__contacts_link .item-icon { min-width: 6.4rem; max-width: 6.4rem; height: 6.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 2.6rem 0 0; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background: #FFC085; } @media screen and (max-width: 449px) { .footer__block__contacts_link .item-icon { min-width: 8rem; max-width: 8rem; height: 8rem; margin: 0 4.6rem 0 0; border-radius: 1rem; } } .footer__block__contacts_link .item-icon svg { width: 4.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; height: 4.8rem; } @media screen and (max-width: 449px) { .footer__block__contacts_link .item-icon svg { width: 5.8rem; height: 5.8rem; } } .footer__block__contacts_link .item-icon svg path { fill: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .footer__block__contacts_link .item-text { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; } @media screen and (max-width: 449px) { .footer__block__contacts_link .item-text { font-size: 3.2rem; } } @media screen and (min-width: 800px) { .footer__block__contacts_link:hover .item-icon { background: rgba(255, 238, 225, 0.16); } .footer__block__contacts_link:hover .item-icon svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .footer__block__contacts_link:hover .item-icon svg path { fill: #FFC085; } } .footer__block_form { width: 100%; max-width: 56.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 1.2rem 0; gap: 2.3rem; } @media screen and (max-width: 449px) { .footer__block_form { max-width: 100%; gap: 3.3rem; margin: 0 0 2.6rem 0; } } .footer__block_form ::-webkit-input-placeholder { color: rgba(255, 238, 225, 0.32); } .footer__block_form ::-moz-placeholder { color: rgba(255, 238, 225, 0.32); } .footer__block_form :-moz-placeholder { color: rgba(255, 238, 225, 0.32); } .footer__block_form :-ms-input-placeholder { color: rgba(255, 238, 225, 0.32); } .footer__block_form__button { min-width: 8rem; max-width: 8rem; height: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #FFC085; border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; padding: 0; border: 0; } @media screen and (max-width: 449px) { .footer__block_form__button { min-width: 13rem; max-width: 13rem; height: 13rem; border-radius: 1.8rem; } } .footer__block_form__button svg { width: 4.6rem; height: 4.6rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .footer__block_form__button svg { width: 6.6rem; height: 6.6rem; } } .footer__block_form__button svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .footer__block_form__button:hover { background: rgba(255, 238, 225, 0.16); } .footer__block_form__button:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .footer__block_form__button:hover svg path { stroke: #FFC085; } } .footer__block_form__button:disabled { pointer-events: none; opacity: 0.9; } .footer__block_form__button.loading { position: relative; color: transparent; pointer-events: none; } .footer__block_form__button.loading svg path { stroke: transparent; } .footer__block_form__button.loading:after { content: ''; border-radius: 50%; width: 4rem; height: 4rem; border: 0.25rem solid #1A2329; border-top-color: #FFC085; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border-width: .5rem; position: absolute; top: calc(50% - 2rem); left: calc(50% - 2rem); } @media screen and (max-width: 449px) { .footer__block_form__button.loading:after { width: 6rem; height: 6rem; top: calc(50% - 3rem); left: calc(50% - 3rem); } } .footer__block_form.error .form-control { border-color: #FF4920; } .footer__copy { margin: 4rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 449px) { .footer__copy { margin: 6.4rem 0 5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__copy_text { font-size: 1.6rem; font-weight: 300; line-height: 1.92rem; color: #FFC085; margin: 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .footer__copy_text { font-size: 2.6rem; line-height: 2.6rem; margin: 0 0 4rem 0; } } .footer__copy_dev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 449px) { .footer__copy_dev { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__copy_dev span { text-align: right; font-size: 1.6rem; font-weight: 300; line-height: 1.92rem; color: #FFC085; margin: 0 1.7rem 0 0; display: block; text-transform: uppercase; width: 13rem; } @media screen and (max-width: 449px) { .footer__copy_dev span { font-size: 2.6rem; width: auto; line-height: 2.6rem; margin: 0 0 2rem 0; } } .footer__copy_dev img { width: 8rem; } @media screen and (max-width: 449px) { .footer__copy_dev img { width: 16rem; } } .form-control { width: 100%; padding: 2.3rem 2.4rem; background: #1A2329; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 0.8rem; font-size: 2rem; font-weight: 300; line-height: 2.4rem; color: #FFEEE1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-transform: uppercase; transition: all 400ms ease-in-out; outline: none; } @media screen and (max-width: 449px) { .form-control { padding: 2.3rem 3rem; border-radius: 1.8rem; font-size: 4rem; line-height: 4rem; } } .form-control:hover, .form-control:focus { border-color: #FFC085; -webkit-box-shadow: none; box-shadow: none; outline: none; } .inside-block { margin: 6rem 0 0.4rem; } @media screen and (max-width: 449px) { .inside-block { margin: 10rem 0 3.4rem; } } .inside-block h1 { font-size: 3.6rem; font-weight: 300; line-height: 4.2rem; text-align: left; padding: 0; margin: 0; color: #FFEEE1; text-transform: uppercase; } @media screen and (max-width: 449px) { .inside-block h1 { font-size: 4.1rem; line-height: 4.6rem; } } .inside-block__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 5.6rem 0 0; } @media screen and (max-width: 799px) { .inside-block__flex { display: block; } } @media screen and (max-width: 449px) { .inside-block__flex { margin: 3rem 0 0; } } .inside-block__content { width: 100%; } .inside-block__button { margin: 1.4rem 0 0 0; } @media screen and (max-width: 449px) { .inside-block__button { margin: 3.4rem 0 0 0; } } .inside-block__button .button-show { font-size: 2.4rem; font-weight: 500; line-height: 3rem; color: #FFC085; background: rgba(255, 238, 225, 0.08); border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 0.8rem; padding: 2.4rem; cursor: pointer; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-transform: uppercase; width: 100%; } @media screen and (max-width: 449px) { .inside-block__button .button-show { font-size: 3.3rem; line-height: 3.3rem; padding: 4.6rem; border-radius: 1rem; } } @media screen and (min-width: 800px) { .inside-block__button .button-show:hover { background: #FFC085; border-color: #FFC085; color: #1A2329; } } .breadcrumb { margin: 0 0 5.4rem 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8rem; } @media screen and (max-width: 799px) { .breadcrumb { display: none; } } .breadcrumb__item { display: block; padding: 0; margin: 0; font-size: 1.6rem; font-weight: 500; line-height: 1.92rem; text-transform: uppercase; color: #FFC085; position: relative; } .breadcrumb__item + .breadcrumb__item:before { content: ''; position: absolute; left: -5rem; top: 0.7rem; width: 1.6rem; height: 2px; background: rgba(255, 238, 225, 0.24); } .breadcrumb__link { color: rgba(255, 238, 225, 0.32); } .breadcrumb__link:hover { color: #FFEEE1; } .filters { min-width: 39rem; max-width: 39rem; margin: 0 5.3rem 0 0; position: -webkit-sticky; position: sticky; top: 10rem; z-index: 20; } @media screen and (max-width: 799px) { .filters { min-width: 100%; max-width: 100%; margin: 0; background: #1A2329; top: 8rem; } } @media screen and (max-width: 449px) { .filters { top: 11.8rem; } } .filters__block { max-height: calc(100vh - 11rem); overflow: auto; margin: 0 0 0 -2.2rem; padding: 0 0 0 2.2rem; } @media screen and (max-width: 799px) { .filters__block { display: none; } } .filters-mobile { display: none; } @media screen and (max-width: 799px) { .filters-mobile { display: block; } } .radiobox { display: block; padding: 0; margin: 0; } .radiobox-item { padding: 0; margin: 0 0 2rem 0; } .radiobox-item input[type="radio"] { display: none; } .radiobox-item input[type="radio"] + label { display: block; padding: 2.6rem 2.8rem; width: 100%; border-radius: 0.8rem; border: 1px solid rgba(255, 238, 225, 0.16); font-size: 2.4rem; font-weight: 300; line-height: 3rem; color: #FFC085; text-transform: uppercase; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; } @media screen and (min-width: 800px) { .radiobox-item input[type="radio"] + label:hover { background: rgba(255, 238, 225, 0.08); } } .radiobox-item input[type="radio"]:checked + label { border-color: #FFC085; background: #FFC085; color: #1A2329; } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; position: relative; } .ps__rail-x { display: block; opacity: 1; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 4px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; width: calc(100% - 4.5rem) !important; overflow: hidden; } .ps__rail-y { display: none; opacity: 1; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 4px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background: rgba(255, 255, 255, 0.08); } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 1; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background: rgba(255, 255, 255, 0.16); } .ps__thumb-x { background: #FFC085; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 4px; /* there must be 'bottom' for ps__thumb-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #FFC085; border-radius: 10px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 100%; /* there must be 'right' for ps__thumb-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #FFC085; height: 4px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #FFC085; width: 0.8rem; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps__rail-y { right: auto; left: 0; } .media__slide_fix { margin: 0 0 7.2rem 0; } @media screen and (max-width: 799px) { .media__slide_fix { margin: 3rem 0 4.6rem; } } @media screen and (max-width: 449px) { .media__slide_fix { margin: 3rem 0 0; } } .media__slide_fix .main-media__slide { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid rgba(255, 238, 225, 0.16); } @media screen and (max-width: 799px) { .media__slide_fix .main-media__slide { display: block; border: 1px solid transparent; } } @media screen and (max-width: 449px) { .media__slide_fix .main-media__slide { padding: 0; } } .media__slide_fix .main-media__slide__image { min-width: 66.4rem; max-width: 66.4rem; height: 41.2rem; } @media screen and (max-width: 799px) { .media__slide_fix .main-media__slide__image { min-width: 100%; max-width: 100%; height: 32.8rem; } } .media__slide_fix .main-media__slide__content { width: 100%; padding: 7.4rem 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 799px) { .media__slide_fix .main-media__slide__content { padding: 1.8rem 1.6rem; display: block; } } @media screen and (max-width: 449px) { .media__slide_fix .main-media__slide__content { padding: 2.8rem 1.6rem; } } .media__slide_fix .main-media__slide__content a.link { font-size: 2.8rem; font-weight: 500; line-height: 3.36rem; } @media screen and (max-width: 449px) { .media__slide_fix .main-media__slide__content a.link { font-size: 3.5rem; line-height: 4.96rem; } } .media__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.9rem; } .media__block .main-media__slide { width: calc(50% - 1.5rem); margin: 0 0 4.6rem 0; } @media screen and (max-width: 799px) { .media__block .main-media__slide { width: 100%; } } @media screen and (max-width: 449px) { .media__block .main-media__slide { margin: 0; } .media__block .main-media__slide .main-media__slide__content { padding: 2.8rem 1.6rem 0; } } .jq-selectbox__select { height: auto; padding: 2.5rem 3rem 2.5rem 2rem; border: 1px solid rgba(255, 238, 225, 0.16) !important; border-radius: 1rem; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-family: 'Geometria'; color: #FFC085; text-shadow: none; font-size: 1.8rem; font-weight: 300; line-height: 2.3rem; } @media screen and (max-width: 449px) { .jq-selectbox__select { padding: 4.5rem 11rem 4.5rem 3.4rem; border-radius: 2rem; } } .jq-selectbox { z-index: 10; width: 100%; margin: 0; } .jq-selectbox__select-text { display: block; width: auto !important; color: #FFC085; font-size: 1.8rem; font-weight: 300; line-height: 2.3rem; text-transform: uppercase; } @media screen and (max-width: 449px) { .jq-selectbox__select-text { font-size: 3.6rem; line-height: 3.6rem; } } .jq-selectbox__trigger { border: 0; width: 15px; } .jq-selectbox__trigger-arrow { position: absolute; top: 2.4rem; right: 2.4rem; width: 2.4rem; height: 2.4rem; border: 0; background: url(/local/templates/matrix2025/assets/css/../images/chevron-down.svg) 0 0 no-repeat; background-size: contain; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .jq-selectbox__trigger-arrow { top: 4rem; right: 5.2rem; width: 4.7rem; height: 4.7rem; } } .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 3.8rem; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .jq-selectbox__dropdown { margin: 0 0 0; left: 0; min-width: 100%; max-width: 100%; padding: 0rem; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(255, 238, 225, 0.08); border-radius: 1rem; background: #1A2329; } .jq-selectbox ul li { margin: 0; padding: 2rem; color: #FFC085; font-size: 1.8rem; font-weight: 300; line-height: 2.3rem; text-transform: uppercase; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; font-family: 'Geometria'; } @media screen and (max-width: 449px) { .jq-selectbox ul li { font-size: 3.6rem; line-height: 3.6rem; padding: 4.5rem 3.4rem; } } .jq-selectbox ul li:hover { color: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background: transparent; } .jq-selectbox ul li.sel { background: transparent; color: #FFC085; } .new-item ol.breadcrumb { margin-bottom: 4.2rem; } .new-item h1 { max-width: 156rem; line-height: 4rem; } @media screen and (max-width: 449px) { .new-item h1 { max-width: 100%; line-height: 4.4rem; } } .new-item__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 5.2rem 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .new-item__back { margin: -2.4rem 0 6rem 0; } } .new-item__back_icon { min-width: 2rem; max-width: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2rem; } @media screen and (max-width: 449px) { .new-item__back_icon { min-width: 4rem; max-width: 4rem; height: 4rem; } } .new-item__back_icon img { min-width: 1.2rem; max-width: 1.2rem; } @media screen and (max-width: 449px) { .new-item__back_icon img { min-width: 2.4rem; max-width: 2.4rem; } } .new-item__back_text { margin: 0 0 0 0.7rem; font-size: 2rem; font-weight: 300; line-height: 2.4rem; color: #FFEEE1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; text-transform: uppercase; } @media screen and (max-width: 449px) { .new-item__back_text { margin: 0 0 0 1rem; font-size: 3.4rem; line-height: 3.4rem; } } @media screen and (min-width: 800px) { .new-item__back:hover { padding: 0 0 0 1rem; } .new-item__back:hover .new-item__back_text { color: #FFC085; } } .new-item .inside-block__flex { margin: 4.3rem 0 0; } @media screen and (max-width: 449px) { .new-item .inside-block__flex { margin-top: 7.3rem; } } .new-item__details { min-width: 39rem; max-width: 39rem; margin: 0.5rem 5rem 0 0; } @media screen and (max-width: 799px) { .new-item__details { min-width: 100%; max-width: 100%; margin: 0 0 7.7rem 0; } } .new-item__details_item { margin: 0 0 3.8rem 0; } @media screen and (max-width: 449px) { .new-item__details_item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; margin: 0 0 2.6rem 0; } } .new-item__details_item p { font-size: 2rem; font-weight: 300; line-height: 2.4rem; color: rgba(255, 238, 225, 0.32); margin: 0 0 0.6rem 0; } @media screen and (max-width: 449px) { .new-item__details_item p { font-size: 2.5rem; line-height: 3rem; margin: 0 2rem 0 0; } } .new-item__details_item p.note { font-weight: 500; color: #FFC085; margin: 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .new-item__details_item p.note { font-size: 2.5rem; line-height: 3rem; } } .new-item__content { margin: 0; } .new-item__content p { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; text-align: left; color: #FFEEE1; margin: 0; } @media screen and (max-width: 449px) { .new-item__content p { font-size: 3.26rem; line-height: 3.85rem; } } .new-item__slider { position: relative; max-width: 136rem; margin: 6rem 0 0 0; } @media screen and (max-width: 1440px) { .new-item__slider { max-width: 128rem; } } @media screen and (max-width: 799px) { .new-item__slider { max-width: 100%; } } @media screen and (max-width: 449px) { .new-item__slider { margin: 7rem 0 0 0; padding: 0 0 11rem 0; } } .new-item__slider .video__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-item__slider .video__block .video { height: 100%; -o-object-fit: cover; object-fit: cover; } .new-item__text { margin: 0 0 9.6rem 0; } @media screen and (max-width: 449px) { .new-item__text { margin: 0 0 7.2rem 0; } } .new-item__slide { border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 1.6rem; } @media screen and (max-width: 449px) { .new-item__slide { border-radius: 2rem; } } .new-item__slide img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } @media screen and (max-width: 449px) { .new-item__slide img { border-radius: 2rem; } } .new-item__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.2rem; position: absolute; bottom: 4rem; right: 4rem; z-index: 15; } @media screen and (max-width: 449px) { .new-item__nav { bottom: 0; right: 0; left: 0; } } .new-item-prev { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .new-item-prev { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .new-item-prev svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .new-item-prev svg { width: 3rem; height: 3rem; } } .new-item-prev svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .new-item-prev svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .new-item-prev:hover { background: rgba(255, 238, 225, 0.16); } .new-item-prev:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .new-item-prev:hover svg path { stroke: #FFC085; } } .new-item-next { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .new-item-next { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .new-item-next svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .new-item-next svg { width: 3rem; height: 3rem; } } .new-item-next svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .new-item-next svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .new-item-next:hover { background: rgba(255, 238, 225, 0.16); } .new-item-next:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .new-item-next:hover svg path { stroke: #FFC085; } } .company__block { margin: 9.1rem 0 7rem; } @media screen and (max-width: 449px) { .company__block { margin: 6.1rem 0 5rem; } } .company__block_text { margin: 6rem 0 6.2rem 0; max-width: 145rem; } @media screen and (max-width: 799px) { .company__block_text { margin: 4rem 0 3.7rem 0; max-width: 100%; } } .company__block_text p { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; margin: 0; } @media screen and (max-width: 799px) { .company__block_text p { font-size: 3.25rem; line-height: 3.8rem; } } .company__block_slider { margin: 0 0 0 44rem; position: relative; } @media screen and (max-width: 799px) { .company__block_slider { margin: 0; } } @media screen and (max-width: 449px) { .company__slider { position: relative; padding: 0 0 11.5rem 0; } } .company__slide { border: 1px solid rgba(255, 238, 225, 0.16); height: 67.7rem; border-radius: 1.6rem; } @media screen and (max-width: 799px) { .company__slide { height: 42.7rem; } } @media screen and (max-width: 449px) { .company__slide { height: 32.7rem; border-radius: 2rem; } } .company__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } @media screen and (max-width: 449px) { .company__slide img { border-radius: 2rem; } } .company__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.2rem; position: absolute; bottom: 4rem; right: 4rem; z-index: 15; } @media screen and (max-width: 449px) { .company__nav { bottom: 0; right: 0; left: 0; } } .company-prev { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .company-prev { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .company-prev svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .company-prev svg { width: 3rem; height: 3rem; } } .company-prev svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .company-prev svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .company-prev:hover { background: rgba(255, 238, 225, 0.16); } .company-prev:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .company-prev:hover svg path { stroke: #FFC085; } } .company-next { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .company-next { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .company-next svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .company-next svg { width: 3rem; height: 3rem; } } .company-next svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .company-next svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .company-next:hover { background: rgba(255, 238, 225, 0.16); } .company-next:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .company-next:hover svg path { stroke: #FFC085; } } .company__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 6rem 0; } @media screen and (max-width: 449px) { .company__content { padding: 5rem 0 0; } } .company__content_icon { min-width: 4.4rem; max-width: 4.4rem; height: 3.1rem; margin: 1rem 0rem 0 0; } @media screen and (max-width: 449px) { .company__content_icon { min-width: 4.8rem; max-width: 4.8rem; height: 3.2rem; } } .company__content_icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .company__content_text { width: 100%; max-width: 135.9rem; } @media screen and (max-width: 799px) { .company__content_text { max-width: 64rem; } } @media screen and (max-width: 449px) { .company__content_text { max-width: 61.6rem; } } .company-team { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 19.4rem 0 6rem 0; } @media screen and (max-width: 799px) { .company-team { display: block; margin: 10rem 0 6rem; } } @media screen and (max-width: 449px) { .company-team { margin: 18rem 0 6rem; } } .company-team__caption { min-width: 39rem; max-width: 39rem; margin: 0 5rem 0 0; } @media screen and (max-width: 799px) { .company-team__caption { min-width: 100%; max-width: 100%; margin: 0 0 5rem 0; } } @media screen and (max-width: 449px) { .company-team__caption { margin: 0 0 4.8rem 0; } } .company-team__caption h2 { font-size: 3.6rem; font-weight: 300; line-height: 4.6rem; } @media screen and (max-width: 449px) { .company-team__caption h2 { font-size: 4rem; } } .company-team__block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1.6rem; } @media screen and (max-width: 449px) { .company-team__block { display: block; margin: 0; } } .company-team__item { width: calc(33.33% - 3.2rem); margin: 0 1.6rem 5.6rem; } @media screen and (max-width: 799px) { .company-team__item { width: calc(50% - 3.2rem); } } @media screen and (max-width: 449px) { .company-team__item { width: 100%; margin: 0 0 10.4rem 0; } } .company-team__item_image { width: 100%; height: 49rem; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 1.6rem; } @media screen and (max-width: 799px) { .company-team__item_image { height: 45rem; } } @media screen and (max-width: 449px) { .company-team__item_image { height: 73rem; } } .company-team__item_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } .company-team__item_content { margin: 2rem 0 0 0; } @media screen and (max-width: 449px) { .company-team__item_content { margin: 4.4rem 0 0 0; } } .company-team__item_content p { font-size: 2.8rem; font-weight: 500; line-height: 3.36rem; color: #FFC085; margin: 0 0 0.8rem 0; } @media screen and (max-width: 449px) { .company-team__item_content p { font-size: 4.85rem; line-height: 5.36rem; margin: 0 0 2.8rem 0; } } .company-team__item_content p.position { font-size: 2rem; font-weight: 300; line-height: 2.8rem; color: rgba(255, 238, 225, 0.32); margin: 0; } @media screen and (max-width: 449px) { .company-team__item_content p.position { font-size: 4rem; line-height: 4rem; } } .company .main-media { margin-top: 13rem; } .error-page { margin: 0 0 7.4rem 0; } @media screen and (max-width: 799px) { .error-page { margin: 0; } } .error-page__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 4.6rem 0 0 0; } @media screen and (max-width: 799px) { .error-page__block { display: block; } } .error-page__image { min-width: 35.7rem; max-width: 35.7rem; height: 35.7rem; } @media screen and (max-width: 799px) { .error-page__image { margin: 6rem 0 0 0; } } .error-page__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .error-page__content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .error-page__content p { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; margin: 1.8rem 0 6.2rem 0; } @media screen and (max-width: 449px) { .error-page__content p { font-size: 3.85rem; line-height: 4.36rem; margin: 0 0 6.4rem 0; } } .contacts__block { margin: 7.2rem 0 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 799px) { .contacts__block { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .contacts__block_map { min-width: 58rem; max-width: 58rem; height: 58rem; margin: 0 12rem 0 0; position: relative; } .contacts__block_map #mapContacts { width: 100%; height: 100%; position: absolute; border-radius: 2rem; overflow: hidden; } @media screen and (max-width: 449px) { .contacts__block_map #mapContacts { border-radius: 0; } } @media screen and (max-width: 799px) { .contacts__block_map { min-width: 100%; max-width: 100%; margin: 0; } } @media screen and (max-width: 449px) { .contacts__block_map { margin: 0 -2.7rem; min-width: calc(100% + 5.4rem); max-width: calc(100% + 5.4rem); height: 50.8rem; } } .contacts__block_map img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts__block_content { width: 100%; padding: 9.5rem 0 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 799px) { .contacts__block_content { padding-top: 0; } } @media screen and (max-width: 449px) { .contacts__block_content { padding: 0 0 3.2rem 0; } } .contacts__block_content .footer__block__contacts_item { margin: 0 0 2.4rem 0; } @media screen and (max-width: 449px) { .contacts__block_content .footer__block__contacts_item { margin: 0 0 3.4rem 0; } } @media screen and (max-width: 799px) { .contacts__block_address { margin: 0 0 6.4rem 0; } } @media screen and (max-width: 449px) { .contacts__block_address { margin: 0 0 4rem 0; } } .contacts__block_address p { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; margin: 0 0 1.5rem 0; } @media screen and (max-width: 449px) { .contacts__block_address p { font-size: 3.3rem; line-height: 4rem; margin: 0 0 2.5rem 0; } } .contacts__block_address p.address { font-size: 4.4rem; font-weight: 500; line-height: 5.28rem; color: #FFEEE1; margin: 0; } @media screen and (max-width: 449px) { .contacts__block_address p.address { font-size: 4.1rem; line-height: 5rem; } } .contacts__callback { margin: 11.4rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .contacts__callback { display: block; } } @media screen and (max-width: 449px) { .contacts__callback { margin: 6rem 0 0; } } .contacts__callback_content { min-width: 39rem; max-width: 39rem; margin: 0 5rem 0 0; } @media screen and (max-width: 799px) { .contacts__callback_content { min-width: 100%; max-width: 100%; } } .contacts__callback_content h2 { font-size: 3.6rem; } @media screen and (max-width: 449px) { .contacts__callback_content h2 { font-size: 4.1rem; } } .contacts__callback_content p { font-size: 2rem; font-weight: 300; line-height: 2.4rem; margin: 4.4rem 0 5.1rem 0; } @media screen and (max-width: 449px) { .contacts__callback_content p { font-size: 4.1rem; line-height: 4.6rem; max-width: 60rem; margin: 4.4rem 0 4.1rem 0; } } .contacts__callback_content img { width: 16.8rem; } @media screen and (max-width: 799px) { .contacts__callback_content img { display: none; } } .contacts__callback_form { width: 100%; margin: 0.6rem 0 0 0; } @media screen and (max-width: 449px) { .contacts__callback_form .button-icon { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 1rem; font-size: 3.2rem; line-height: 4rem; padding: 1.6rem 4.2rem 1.6rem 5.2rem; } } .contacts__callback_form .button-icon svg { margin: 0 0 0 5.3rem; } .contacts__callback_form p.note { font-size: 1.6rem; font-weight: 300; line-height: 1.92rem; text-align: left; margin: 2.9rem 0 0; color: #FFEEE1; } @media screen and (max-width: 449px) { .contacts__callback_form p.note { font-size: 3.25rem; line-height: 4rem; margin: 2rem 0 0; } } .contacts__callback_form p.note a { text-decoration: underline; color: #FFEEE1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; } @media screen and (min-width: 449px) { .contacts__callback_form p.note a:hover { color: #FFEEE1; text-decoration: none; } } .form-item { padding: 1.9rem 2.4rem; border: 1px solid rgba(255, 238, 225, 0.16); background: #1A2329; border-radius: 0.8rem; text-align: left; position: relative; margin: 0 0 3.2rem 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .form-item { padding: 4.3rem 3.4rem; } } .form-item ::-webkit-input-placeholder { color: rgba(255, 238, 225, 0.32); opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .form-item ::-moz-placeholder { color: rgba(255, 238, 225, 0.32); opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .form-item :-moz-placeholder { color: rgba(255, 238, 225, 0.32); opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .form-item :-ms-input-placeholder { color: rgba(255, 238, 225, 0.32); opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .form-item:hover { border-color: #FFC085; } .form-item.error { border-color: #FF4920; } .form-item.focus { border-color: #FFC085; } .form-item.focus ::-webkit-input-placeholder { opacity: 1; } .form-item.focus ::-moz-placeholder { opacity: 1; } .form-item.focus :-moz-placeholder { opacity: 1; } .form-item.focus :-ms-input-placeholder { opacity: 1; } .form-input { width: 100%; height: 4rem; background-color: transparent; border: 0; padding: 2.1rem 0 0 0; outline: none; font-size: 2rem; font-weight: 300; line-height: 2.5rem; color: #FFEEE1; text-transform: uppercase; } @media screen and (max-width: 449px) { .form-input { font-size: 3.8rem; line-height: 3.8rem; height: 6rem; margin: 0 0 -1rem 0; } } .form-input:focus > .form-item { border-color: #FFC085; } textarea.form-input { height: 15rem; resize: none; } @media screen and (max-width: 449px) { textarea.form-input { height: 31.4rem; } } .form-input:focus { outline: none; } .form-label { position: absolute; pointer-events: none; left: 2.4rem; right: 2.4rem; top: 2.6rem; white-space: nowrap; overflow: hidden; -webkit-transition: .3s; transition: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 2rem; font-weight: 300; line-height: 2.5rem; color: rgba(255, 238, 225, 0.32); text-transform: uppercase; } @media screen and (max-width: 449px) { .form-label { left: 3.4rem; right: 3.4rem; top: 5.3rem; font-size: 3.8rem; line-height: 3.8rem; } } .form-input:focus ~ .form-label, .form-input:not(:focus):valid ~ .form-label { top: 1rem; } .form__file { position: relative; margin: -0.3rem 0 3rem 0; } .form__file.error .form__file__chosen { color: #FF4920; } .form__file input[type="file"] { display: none; } .form__file__chosen { font-size: 2rem; font-weight: 300; line-height: 2.4rem; text-align: left; display: inline-block; padding: 0 0 0 2.8rem; border-radius: 0; cursor: pointer; color: #FFEEE1; display: block; margin: 0; text-transform: uppercase; background: url(/local/templates/matrix2025/assets/css/../images/file.svg) 0px 2px no-repeat; background-size: 2rem; } @media screen and (max-width: 449px) { .form__file__chosen { font-size: 3rem; line-height: 4rem; padding: 0 0 0 5rem; background-size: 3rem; } } .form__file__text { font-size: 1.6rem; font-weight: 400; line-height: 2rem; text-align: left; color: #9A9A9A; } @media screen and (max-width: 449px) { .form__file__text { font-size: 2.1rem; line-height: 3.1rem; } } @media screen and (max-width: 799px) { .app .filters { margin: 0 0 3rem 0; } } .app .inside-block__button { margin: 3rem 0 0 0; } .app__block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 3rem 3rem; margin: 0 0 -6rem; grid-template-areas: "item-1 item-2" "item-3 item-3" "item-4 item-5" "item-4 item-6"; } @media screen and (max-width: 799px) { .app__block { margin: 0 0 -1.2rem; } } @media screen and (max-width: 449px) { .app__block { display: block; margin: 0; } } .app__block .item-1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-1; height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-1 { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-1 { height: 73.303rem; } } .app__block .item-1 .app__link { height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-1 .app__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-1 .app__link { height: 73.303rem; } } .app__block .item-2 { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-2; height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-2 { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-2 { height: 73.303rem; } } .app__block .item-2 .app__link { height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-2 .app__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-2 .app__link { height: 73.303rem; } } .app__block .item-3 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: item-3; height: 58rem; } @media screen and (max-width: 799px) { .app__block .item-3 { height: 36.6rem; } } @media screen and (max-width: 449px) { .app__block .item-3 { height: 30.5rem; } } .app__block .item-3 .app__link { height: 58rem; } @media screen and (max-width: 799px) { .app__block .item-3 .app__link { height: 36.6rem; } } @media screen and (max-width: 449px) { .app__block .item-3 .app__link { height: 30.5rem; } } .app__block .item-4 { -ms-grid-row: 3; -ms-grid-column: 2; grid-area: item-4; height: 136rem; margin: -8.6rem 0; } @media screen and (max-width: 799px) { .app__block .item-4 { height: 85.5rem; margin: -4.6rem 0; } } @media screen and (max-width: 449px) { .app__block .item-4 { height: 146.5rem; margin: 0 0 3rem 0; } } .app__block .item-4 .app__link { height: 136rem; } @media screen and (max-width: 799px) { .app__block .item-4 .app__link { height: 85.5rem; } } @media screen and (max-width: 449px) { .app__block .item-4 .app__link { height: 146.5rem; } } .app__block .item-5 { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: item-5; height: 66.5rem; margin: -8.6rem 0; } @media screen and (max-width: 799px) { .app__block .item-5 { height: 41.303rem; margin: -4.6rem 0; } } @media screen and (max-width: 449px) { .app__block .item-5 { height: 73.303rem; margin: 0 0 3rem 0; } } .app__block .item-5 .app__link { height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-5 .app__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-5 .app__link { height: 73.303rem; } } .app__block .item-6 { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: item-6; height: 66.5rem; margin: -8.6rem 0; } @media screen and (max-width: 799px) { .app__block .item-6 { height: 41.303rem; margin: -4.6rem 0; } } @media screen and (max-width: 449px) { .app__block .item-6 { height: 73.303rem; margin: 0 0 3rem 0; } } .app__block .item-6 .app__link { height: 66.5rem; } @media screen and (max-width: 799px) { .app__block .item-6 .app__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .app__block .item-6 .app__link { height: 73.303rem; } } .app__link { width: 100%; } .app__item { border-radius: 1.6rem; position: relative; } @media screen and (max-width: 449px) { .app__item { margin: 0 0 3rem 0; } } .app__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 1.6rem; -o-object-position: center; object-position: center; } .app__item .app__link { display: none; } .app__item .app__link:first-child { display: block; } .app__item_icon { position: absolute; bottom: 3.2rem; right: 3.2rem; background: #FFC085; border-radius: 0.8rem; width: 8rem; height: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; pointer-events: none; } .app__item_icon svg path { stroke: #1A2329; } .app__item:hover .app__item_icon { opacity: 1; } .fancybox-button svg path { stroke: #fff; fill: #fff; } .fancybox-navigation button:before, .fancybox-navigation button::after { background: rgba(255, 238, 225, 0.16); } .production__caption { margin: 9rem 0; max-width: 150rem; } .production__caption h1 { margin: 0 0 6.2rem 0; } @media screen and (max-width: 449px) { .production__caption h1 { margin: 0 0 3.7rem 0; } } .production__caption p { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; margin: 0; } @media screen and (max-width: 449px) { .production__caption p { font-size: 3.25rem; line-height: 4rem; margin: 0 0 3.5rem 0; } } .production__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 10.5rem 0 0; } @media screen and (max-width: 799px) { .production__block { display: block; } } @media screen and (max-width: 449px) { .production__block { margin: 11.7rem 0 0; } } .production__block_caption { min-width: 39rem; max-width: 39rem; margin: 0 5rem 5rem 0; } @media screen and (max-width: 449px) { .production__block_caption { margin: 0; } } .production__block_caption h2 { font-size: 3.6rem; line-height: 4.6rem; } @media screen and (max-width: 449px) { .production__block_caption h2 { font-size: 4.1rem; line-height: 4.6rem; } } .production__block_content { width: 100%; margin: 0.6rem 0 0 0; } @media screen and (max-width: 449px) { .production__block_content { margin: 4.6rem 0 0 0; } } .production .inside-block__button { margin: 0.8rem 0 0 0; } .production__grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; gap: 3rem 3rem; margin: 0 0 -9.2rem; grid-template-areas: "item-1 item-1" "item-2 item-2" "item-3 item-4" "item-3 item-5"; } @media screen and (max-width: 799px) { .production__grid { margin: 0 0 4.2rem; } } @media screen and (max-width: 449px) { .production__grid { display: block; margin: 0 0 3.5rem; } } .production__grid .item-1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-1; height: 67.7rem; } @media screen and (max-width: 799px) { .production__grid .item-1 { height: 35.3rem; } } @media screen and (max-width: 449px) { .production__grid .item-1 { height: 32.303rem; } } .production__grid .item-1 .production__link { height: 67.7rem; } @media screen and (max-width: 799px) { .production__grid .item-1 .production__link { height: 35.3rem; } } @media screen and (max-width: 449px) { .production__grid .item-1 .production__link { height: 32.303rem; } } .production__grid .item-2 { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: item-2; height: 58rem; } @media screen and (max-width: 799px) { .production__grid .item-2 { height: 42.7rem; margin: -4rem 0; } } @media screen and (max-width: 449px) { .production__grid .item-2 { height: 73.2rem; margin: 0 0 3.5rem 0; } } .production__grid .item-2 .production__link { height: 58rem; } @media screen and (max-width: 799px) { .production__grid .item-2 .production__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .production__grid .item-2 .production__link { height: 73.2rem; } } .production__grid .item-3 { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: item-3; height: 136rem; margin: -9.8rem 0; } @media screen and (max-width: 799px) { .production__grid .item-3 { height: 85.2rem; margin: -1.6rem 0; } } @media screen and (max-width: 449px) { .production__grid .item-3 { height: 72.5rem; margin: 0 0 3.5rem 0; } } .production__grid .item-3 .production__link { height: 136rem; } @media screen and (max-width: 799px) { .production__grid .item-3 .production__link { height: 85.2rem; } } @media screen and (max-width: 449px) { .production__grid .item-3 .production__link { height: 72.5rem; } } .production__grid .item-4 { -ms-grid-row: 3; -ms-grid-column: 2; grid-area: item-4; height: 66.5rem; margin: -9.8rem 0; } @media screen and (max-width: 799px) { .production__grid .item-4 { height: 41.303rem; margin: -1.6rem 0; } } @media screen and (max-width: 449px) { .production__grid .item-4 { height: 146.5rem; margin: 0 0 3.5rem 0; } } .production__grid .item-4 .production__link { height: 66.5rem; } @media screen and (max-width: 799px) { .production__grid .item-4 .production__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .production__grid .item-4 .production__link { height: 146.5rem; } } .production__grid .item-5 { -ms-grid-row: 4; -ms-grid-column: 2; grid-area: item-5; height: 66.5rem; margin: -11rem 0; } @media screen and (max-width: 799px) { .production__grid .item-5 { height: 41.303rem; margin: -0.6rem 0; } } @media screen and (max-width: 449px) { .production__grid .item-5 { height: 73.303rem; margin: 0 0 3rem 0; } } .production__grid .item-5 .production__link { height: 66.5rem; } @media screen and (max-width: 799px) { .production__grid .item-5 .production__link { height: 41.303rem; } } @media screen and (max-width: 449px) { .production__grid .item-5 .production__link { height: 73.303rem; } } .production__link { width: 100%; display: block; } .production__item { border-radius: 1.6rem; position: relative; } @media screen and (max-width: 449px) { .production__item { margin: 0 0 3.5rem 0; } } .production__item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 1.6rem; -o-object-position: center; object-position: center; } .production__item_icon { position: absolute; bottom: 3.2rem; right: 3.2rem; background: #FFC085; border-radius: 0.8rem; width: 8rem; height: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; pointer-events: none; } .production__item_icon svg path { stroke: #1A2329; } .production__item:hover .app__item_icon { opacity: 1; } .production__video .video__block_play { pointer-events: none; } @media screen and (min-width: 800px) { .production__video:hover .video__block_play::after { top: -1rem; left: -1rem; right: -1rem; bottom: -1rem; } } .fancybox-slide video { position: absolute; top: 50%; left: 50%; width: auto; max-width: 90rem; max-height: 90vh; -o-object-fit: contain; object-fit: contain; margin: 2rem auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: transparent; } .button { background: transparent; border: none; font-family: 'Raleway'; font-size: 1.8rem; font-weight: 500; line-height: 1.8rem; text-align: center; padding: 1.1rem 2.4rem; cursor: pointer; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: inline-block; } .button:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .button-light { color: #fff; border: 1px solid #fff; border-radius: 3rem; letter-spacing: 0.2rem; } @media screen and (min-width: 800px) { .button-light:hover { background: #fff; color: #FFC085; } } .button-orange { background: #FFC085; color: #1A2329; border-radius: 0.8rem; } .button-orange svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .button-orange:hover { background: rgba(255, 238, 225, 0.08); color: #FFC085; } .button-orange:hover svg path { stroke: #FFC085; } } .button-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.6rem 3.2rem; font-size: 2.4rem; font-weight: 500; line-height: 2.4rem; text-transform: uppercase; font-family: 'Geometria'; } @media screen and (max-width: 449px) { .button-icon { font-size: 4rem; line-height: 4rem; } } .button-icon svg { min-width: 3.2rem; max-width: 3.2rem; margin: 0 0 0 3.6rem; } @media screen and (max-width: 449px) { .button-icon svg { min-width: 5.2rem; max-width: 5.2rem; } } .button:disabled { opacity: 0.5; pointer-events: none; } .button.loading { position: relative; color: transparent; pointer-events: none; } .button.loading svg path { stroke: transparent; } .button.loading:after { content: ''; border-radius: 50%; width: 4rem; height: 4rem; border: 0.25rem solid #1A2329; border-top-color: #FFC085; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border-width: .5rem; position: absolute; top: calc(50% - 2rem); left: calc(50% - 2rem); } @media screen and (max-width: 449px) { .button.loading:after { width: 6rem; height: 6rem; top: calc(50% - 3rem); left: calc(50% - 3rem); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .site-map { margin: 5rem 0; display: block; padding: 0; } .site-map li { display: block; padding: 0; margin: 0 0 2rem 0; } .site-map li a { font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; color: #FFEEE1; } @media screen and (max-width: 449px) { .technology h1 { font-size: 4.05rem; } } .technology__caption { margin: 6.4rem 0; } .technology__caption h1 strong { color: #FFC085; font-weight: 500; } .technology-banner { margin: 12.5rem auto; width: 100%; max-width: 88.3rem; position: relative; height: 52.2rem; } @media screen and (max-width: 799px) { .technology-banner { max-width: 56.3rem; margin: 12.5rem 0; height: 80rem; } } @media screen and (max-width: 449px) { .technology-banner { margin: 10rem 0; max-width: 54.3rem; padding-bottom: 91rem; height: 51rem; } } .technology-banner:hover .technology-banner__item { opacity: 0.25; } .technology-banner__item { position: absolute; height: 43.6rem; z-index: 5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; width: 45.5rem; right: 0; } .technology-banner__item:hover { opacity: 1 !important; z-index: 15; } .technology-banner__item:hover .technology-banner__item_desc { opacity: 1; visibility: visible; bottom: 6rem; } @media screen and (max-width: 799px) { .technology-banner__item:hover .technology-banner__item_desc { bottom: 18rem; } } .technology-banner__item_panel { position: absolute; top: 8.4rem; right: 5.6rem; z-index: 4; width: 44.3rem; height: 40rem; } .technology-banner__item_panel .technology-banner__item_image { top: -4rem; right: 0; width: 44.6rem; } @media screen and (max-width: 449px) { .technology-banner__item_panel .technology-banner__item_image { width: 43.6rem; } } .technology-banner__item_panel .technology-banner__item_name { left: -50.5rem; } @media screen and (max-width: 799px) { .technology-banner__item_panel .technology-banner__item_name { left: 22rem; right: -2rem; top: 56rem; } } @media screen and (max-width: 449px) { .technology-banner__item_panel .technology-banner__item_name { left: 26rem; top: 59rem; right: -24rem !important; } } .technology-banner__item_panel .technology-banner__item_name:after { width: 56.1rem; height: 9.8rem; top: -6rem; background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-2.svg) 0 0 no-repeat; } @media screen and (max-width: 799px) { .technology-banner__item_panel .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-2-small.svg) 0 0 no-repeat; top: -19.5rem; left: -19rem; width: 43.5rem; height: 26.5rem; background-size: cover; } } @media screen and (max-width: 449px) { .technology-banner__item_panel .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-2-small.svg) 0 0 no-repeat; top: -25.5rem; left: -22.5rem; width: 65.5rem; height: 35.1rem; background-size: cover; } } .technology-banner__item_panel .technology-banner__item_desc { right: -25rem; bottom: -7rem; } @media screen and (max-width: 799px) { .technology-banner__item_panel .technology-banner__item_desc { bottom: 23rem; right: -33rem; } } @media screen and (max-width: 449px) { .technology-banner__item_panel .technology-banner__item_desc { right: -23rem; bottom: 17rem; } } .technology-banner__item_panel:hover .technology-banner__item_desc { bottom: -4rem; } @media screen and (max-width: 799px) { .technology-banner__item_panel:hover .technology-banner__item_desc { bottom: 27rem; } } @media screen and (max-width: 449px) { .technology-banner__item_panel:hover .technology-banner__item_desc { bottom: 21rem; } } .technology-banner__item_fastening { position: absolute; top: 8.4rem; right: 10.4rem; z-index: 3; width: 44.5rem; height: 44rem; } .technology-banner__item_fastening .technology-banner__item_name { top: 30.1rem; left: -45.5rem; } @media screen and (max-width: 799px) { .technology-banner__item_fastening .technology-banner__item_name { left: 27rem; right: 0; top: 65rem; } } @media screen and (max-width: 449px) { .technology-banner__item_fastening .technology-banner__item_name { left: 31rem; top: 75rem; right: -28rem !important; } } .technology-banner__item_fastening .technology-banner__item_image { top: 0; right: 0; width: 44.6rem; } @media screen and (max-width: 449px) { .technology-banner__item_fastening .technology-banner__item_image { width: 43.5rem; } } .technology-banner__item_fastening .technology-banner__item_name:after { width: 51.4rem; height: 5.6rem; top: -1.7rem; background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-3.svg) 0 0 no-repeat; } @media screen and (max-width: 799px) { .technology-banner__item_fastening .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-3-small.svg) 0 0 no-repeat; top: -24rem; left: -24rem; width: 48.5rem; height: 31rem; background-size: cover; } } @media screen and (max-width: 449px) { .technology-banner__item_fastening .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-3-small.svg) 0 0 no-repeat; top: -35rem; left: -27.5rem; width: 70.5rem; height: 44.6rem; background-size: cover; } } .technology-banner__item_fastening .technology-banner__item_desc { right: -20rem; bottom: -7rem; } @media screen and (max-width: 799px) { .technology-banner__item_fastening .technology-banner__item_desc { bottom: 24rem; right: -38rem; } } @media screen and (max-width: 449px) { .technology-banner__item_fastening .technology-banner__item_desc { bottom: 22rem; right: -28rem; } } .technology-banner__item_fastening:hover .technology-banner__item_desc { bottom: -4rem; } @media screen and (max-width: 799px) { .technology-banner__item_fastening:hover .technology-banner__item_desc { bottom: 30rem; } } @media screen and (max-width: 449px) { .technology-banner__item_fastening:hover .technology-banner__item_desc { bottom: 26rem; } } .technology-banner__item_name { font-size: 2.1rem; font-weight: 500; line-height: 2.53rem; text-transform: uppercase; color: #FFEEE1; position: absolute; top: 20.7rem; left: -55rem; z-index: 5; } @media screen and (max-width: 799px) { .technology-banner__item_name { top: 55rem; left: 18rem; } .technology-banner__item_name p { max-width: 30rem; } } @media screen and (max-width: 449px) { .technology-banner__item_name { top: 54.3rem; left: 21.5rem; font-size: 3.25rem; font-weight: 500; right: -16rem !important; line-height: 4rem; } .technology-banner__item_name p { max-width: 100%; } } .technology-banner__item_name:after { content: ''; position: absolute; top: -9.7rem; left: -2.5rem; width: 60.3rem; height: 13.6rem; background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-1.svg) 0 0 no-repeat; } @media screen and (max-width: 799px) { .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-1-small.svg) 0 0 no-repeat; top: -15rem; left: -13rem; width: 37rem; height: 22rem; background-size: cover; pointer-events: none; } } @media screen and (max-width: 449px) { .technology-banner__item_name:after { background: url(/local/templates/matrix2025/assets/css/../images/technology-arrow-1-small.svg) 0 0 no-repeat; top: -18.8rem; left: -17rem; width: 60rem; height: 28rem; background-size: cover; pointer-events: none; } } .technology-banner__item_image { width: 45.1rem; height: 43.6rem; position: absolute; top: 0; right: 0; } @media screen and (max-width: 449px) { .technology-banner__item_image { width: 44.1rem; height: 42.6rem; } } .technology-banner__item_image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.2rem; } .technology-banner__item_desc { width: 54.8rem; padding: 3.2rem; border-radius: 2rem; background: #1A2329; position: absolute; right: -32rem; opacity: 0; visibility: hidden; bottom: 3rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: 1px solid rgba(255, 255, 255, 0.08); } @media screen and (max-width: 799px) { .technology-banner__item_desc { right: -28rem; bottom: 18rem; } } @media screen and (max-width: 449px) { .technology-banner__item_desc { right: -18rem; bottom: 14rem; } } .technology-banner__item_desc p { font-size: 2rem; font-weight: 300; line-height: 2.8rem; text-align: left; color: #FFEEE1; margin: 0; } @media screen and (max-width: 449px) { .technology-banner__item_desc p { font-size: 2.65rem; line-height: 3.2rem; } } .technology__block { margin: 15.4rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 799px) { .technology__block { display: block; } } .technology__sidebar { min-width: 39rem; max-width: 39rem; margin: 0 5rem 0 0; position: -webkit-sticky; position: sticky; top: 10rem; z-index: 30; } @media screen and (max-width: 799px) { .technology__sidebar { min-width: 100%; max-width: 100%; margin: 0 0 3rem 0; background: #1A2329; top: 8rem; } } @media screen and (max-width: 449px) { .technology__sidebar { top: 11.5rem; } } .technology__content { width: 100%; } .technology__content_item { margin: 0 0 4.8rem; padding: 5rem 3.2rem; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 799px) { .technology__content_item { display: block; } } @media screen and (max-width: 449px) { .technology__content_item { border-radius: 3.6rem; padding: 3rem 3.2rem; } } .technology__content_item.active { border-color: #FFC085; } .technology__content_item:last-child { margin: 0; } .technology__content_item .item-icon { min-width: 15.8rem; max-width: 15.8rem; margin: 0 3.2rem 0 0; } @media screen and (max-width: 449px) { .technology__content_item .item-icon { min-width: 20rem; max-width: 20rem; margin: 0 0 0 0; } } .technology__content_item .item-icon img { width: 100%; } .technology__content_item .item-content { width: 100%; border-left: 1px solid rgba(255, 238, 225, 0.16); padding: 0 0 0 3.2rem; } @media screen and (max-width: 799px) { .technology__content_item .item-content { border-left: none; border-top: 1px solid rgba(255, 238, 225, 0.16); padding: 3.2rem 0 0 0; margin: 3.2rem 0 0 0; } } @media screen and (max-width: 449px) { .technology__content_item .item-content { padding: 4.2rem 0 0 0; margin: 4.4rem 0 0 0; } } .technology__content_item .item-content ul { display: block; margin: 1.2rem 0; padding: 0; } .technology__content_item .item-content ul li { display: block; padding: 0 0 0 4rem; margin: 0 0 1.3rem 0; position: relative; font-size: 2.8rem; font-weight: 300; line-height: 3.92rem; text-align: left; color: #FFEEE1; } @media screen and (max-width: 449px) { .technology__content_item .item-content ul li { padding: 0 0 0 5rem; margin: 0 0 3.3rem 0; font-size: 3.2rem; line-height: 3.8rem; } } .technology__content_item .item-content ul li strong { color: #FFEEE1; font-weight: 700; } .technology__content_item .item-content ul li:before { width: 0.5rem; height: 0.5rem; content: ''; position: absolute; top: 1.8rem; left: 1.6rem; background: #FFEEE1; border-radius: 50%; } @media screen and (max-width: 449px) { .technology__content_item .item-content ul li:before { top: 1.4rem; left: 1.8rem; } } .technology__content_item .item-content p.info { font-size: 2.4rem; font-weight: 500; line-height: 2.88rem; color: #FFC085; margin: 1.6rem 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .technology__content_item .item-content p.info { font-size: 3.25rem; line-height: 3.88rem; margin: 1rem 0 2.8rem 0; } } .technology__content_item .item-content__links { margin: 5rem 0 2.4rem; } .technology__content_item .item-content__links p.note { font-size: 2.4rem; font-weight: 500; line-height: 2.88rem; color: #FFC085; margin: 0 0 2.4rem 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .technology__content_item .item-content__links p.note { font-size: 3.25rem; line-height: 2.88rem; margin: 0 0 3.4rem 0; } } .technology__content_item .item-content__links .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 41rem; padding: 3.2rem 3.4rem 2.6rem 3rem; height: 18rem; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 0.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology__content_item .item-content__links .link { width: 100%; padding: 4.2rem 3.4rem 2.4rem 3rem; height: 24.2rem; border-radius: 1.8rem; } } .technology__content_item .item-content__links .link-name { display: block; width: 100%; font-size: 2.8rem; font-weight: 500; line-height: 3.36rem; color: #FFEEE1; margin: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology__content_item .item-content__links .link-name { font-size: 4.1rem; line-height: 4.1rem; } } .technology__content_item .item-content__links .link-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.8rem; font-size: 1.6rem; font-weight: 300; line-height: 2.4rem; text-transform: uppercase; color: #FFEEE1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology__content_item .item-content__links .link-more { font-size: 3.25rem; line-height: 3.25rem; } } .technology__content_item .item-content__links .link-more svg { min-width: 1.2rem; max-width: 1.2rem; margin: 0 0 0 0.4rem; } @media screen and (max-width: 449px) { .technology__content_item .item-content__links .link-more svg { min-width: 2.4rem; max-width: 2.4rem; margin: 0 0.4rem 0 1.4rem; } } .technology__content_item .item-content__links .link-more svg path { stroke-width: 2px; stroke: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (min-width: 800px) { .technology__content_item .item-content__links .link:hover { background: #FFC085; } .technology__content_item .item-content__links .link:hover .link-name { color: #1A2329; } .technology__content_item .item-content__links .link:hover .link-more { color: #1A2329; } .technology__content_item .item-content__links .link:hover .link-more svg path { stroke: #1A2329; } } .technology__content_item .item-content__block { margin: 5rem 0 0; } .technology__content_item .item-content__block p.note { font-size: 2.4rem; font-weight: 500; line-height: 2.88rem; color: #FFC085; margin: 0 0 1.6rem 0; text-transform: uppercase; } @media screen and (max-width: 449px) { .technology__content_item .item-content__block p.note { font-size: 3.25rem; line-height: 3.88rem; margin: 0 0 2.8rem 0; } } .technology__slider { max-width: 106.4rem; margin: 5.4rem 0 2.4rem 0.8rem; } @media screen and (max-width: 1440px) { .technology__slider { max-width: 97.4rem; } } @media screen and (max-width: 449px) { .technology__slider { position: relative; padding: 0 0 11.5rem 0; } } .technology__slide { border: 1px solid rgba(255, 238, 225, 0.16); height: 58.2rem; border-radius: 1.6rem; } @media screen and (max-width: 799px) { .technology__slide { height: 42.7rem; } } @media screen and (max-width: 449px) { .technology__slide { height: 31.7rem; border-radius: 2rem; } } .technology__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.6rem; } @media screen and (max-width: 449px) { .technology__slide img { border-radius: 2rem; } } .technology__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.2rem; position: absolute; bottom: 4rem; right: 4rem; z-index: 15; } @media screen and (max-width: 449px) { .technology__nav { bottom: 0; right: 0; left: 0; } } .technology-prev { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .technology-prev { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .technology-prev svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology-prev svg { width: 3rem; height: 3rem; } } .technology-prev svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology-prev svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .technology-prev:hover { background: rgba(255, 238, 225, 0.16); } .technology-prev:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .technology-prev:hover svg path { stroke: #FFC085; } } .technology-next { min-width: 8rem; max-width: 8rem; height: 8rem; position: initial; border-radius: 0.8rem; background: #FFC085; border: 1px solid transparent; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } @media screen and (max-width: 449px) { .technology-next { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: calc(50% - 1rem); max-width: calc(50% - 1rem); background: rgba(255, 238, 225, 0.08); border-color: rgba(255, 238, 225, 0.16); } } .technology-next svg { width: 3.8rem; height: 3.8rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology-next svg { width: 3rem; height: 3rem; } } .technology-next svg path { stroke: #1A2329; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .technology-next svg path { stroke: #FFC085; } } @media screen and (min-width: 800px) { .technology-next:hover { background: rgba(255, 238, 225, 0.16); } .technology-next:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .technology-next:hover svg path { stroke: #FFC085; } } .left-menu { display: block; padding: 0; margin: 0; counter-reset: left-name -1; } .left-menu__item { position: relative; display: block; padding: 0; margin: 0 0 2rem; } .left-menu__link { padding: 1.85rem 2.4rem 1.85rem 7.2rem; border: 1px solid rgba(255, 238, 225, 0.16); border-radius: 0.8rem; font-size: 2.4rem; font-weight: 300; line-height: 3.2rem; text-decoration: none; color: #FFC085; text-transform: uppercase; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 8.4rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .left-menu__link:before { counter-increment: left-name; content: counter(left-name); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; position: absolute; top: 0.3rem; left: 1.8rem; width: 4rem; text-align: center; font-size: 6rem; font-weight: 300; line-height: 7.2rem; z-index: 1; color: rgba(255, 255, 255, 0.12); } @media screen and (min-width: 800px) { .left-menu__link:hover { background: rgba(255, 238, 225, 0.08); } } .left-menu__link.current { background: #FFC085; color: #1A2329; border-color: #FFC085; } .left-menu__link.current:before { color: rgba(26, 35, 41, 0.64); } .addresses__block { margin: 5.4rem 0 -4px; max-width: 106rem; } @media screen and (max-width: 1440px) { .addresses__block { max-width: 98rem; } } @media screen and (max-width: 449px) { .addresses__block { margin: 5rem 0 -4px; } } .addresses__pagination { bottom: 0 !important; top: auto !important; background: rgba(255, 255, 255, 0.08) !important; width: calc(100% - 4.5rem) !important; } .addresses__map { position: relative; } .addresses__map #map { width: 100%; height: 58rem; border-radius: 1.6rem; overflow: hidden; } @media screen and (max-width: 449px) { .addresses__map #map { border-radius: 2.6rem; height: 55rem; } } .addresses__map .jq-selectbox { position: absolute; top: 2.4rem; left: 2.4rem; border-radius: 1.6rem; z-index: 20; width: auto; background: #FFC085; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox { top: 1.4rem; left: 1.4rem; border-radius: 2.6rem; width: 95%; } } .addresses__map .jq-selectbox__trigger-arrow { top: 1.8rem; right: 2rem; width: 2.6rem; height: 2.6rem; background: url(/local/templates/matrix2025/assets/css/../images/chevron-down-dark.svg) 0 0 no-repeat; background-size: contain; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox__trigger-arrow { top: 1rem; right: 1.2rem; width: 6.6rem; height: 6.6rem; } } .addresses__map .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 1.6rem; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox.opened .jq-selectbox__trigger-arrow { top: 0.6rem; } } .addresses__map .jq-selectbox__dropdown { min-width: 34rem; max-width: 34rem; right: auto; border: 1px solid rgba(255, 238, 225, 0.08); padding: 2.4rem; margin-top: 3px; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox__dropdown { min-width: 100%; max-width: 100%; padding: 3.4rem; } } .addresses__map .jq-selectbox__dropdown ul { margin: 0; padding: 0; } .addresses__map .jq-selectbox__dropdown ul li { margin: 0; padding: 2rem 0; border-bottom: 1px solid rgba(255, 238, 225, 0.16); font-size: 1.6rem; line-height: 2rem; text-transform: uppercase; display: block; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox__dropdown ul li { font-size: 3.25rem; padding: 3rem 0; line-height: 4rem; } } .addresses__map .jq-selectbox__dropdown ul li::before { display: none; } .addresses__map .jq-selectbox__select { padding: 2rem 6.5rem 2rem 2rem; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox__select { padding: 2rem 6.5rem 2rem 3rem; } } .addresses__map .jq-selectbox__select-text { color: #1A2329; font-size: 1.6rem; line-height: 2rem; font-weight: 500; } @media screen and (max-width: 449px) { .addresses__map .jq-selectbox__select-text { font-size: 3.25rem; line-height: 4rem; } } .addresses__content { position: relative; margin: 2.4rem -4.5rem 2.4rem 0; } @media screen and (max-width: 799px) { .addresses__content { margin: 2.4rem -3rem 2.4rem 0; } } @media screen and (max-width: 449px) { .addresses__content { margin: 5.4rem -3rem 2.4rem 0; } } .addresses__scroll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.6rem; overflow: auto; max-width: 100%; padding: 0 3rem 3rem 0; } .addresses__slider { padding: 0 0 2.7rem 0; } @media screen and (max-width: 449px) { .addresses__slider { padding: 0 0 5.5rem 0; } } .addresses__slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #FFC085; } .addresses__slider .swiper-slide { width: 44rem; margin: 0 1.6rem 0 0; height: auto; } @media screen and (max-width: 449px) { .addresses__slider .swiper-slide { width: 56.5rem; margin: 0 3.6rem 0 0; } } .addresses__item { border: 1px solid rgba(255, 238, 225, 0.16); height: 100%; padding: 3.4rem 3.4rem; border-radius: 1.6rem; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .addresses__item { padding: 4rem 3.5rem; } } .addresses__item p { font-size: 2rem; font-weight: 300; line-height: 2.8rem; color: #FFEEE1; margin: 0 0 0.6rem 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .addresses__item p { font-size: 3.3rem; line-height: 3.9rem; margin: 0 0 2.8rem 0; } } .addresses__item p.title { font-size: 2.8rem; font-weight: 500; line-height: 3.36rem; text-align: left; text-transform: uppercase; color: #FFC085; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .addresses__item p.title { font-size: 3.3rem; line-height: 3.3rem; } } .addresses__item .link { font-size: 2rem; font-weight: 300; line-height: 2.8rem; color: #FFEEE1; text-decoration: none; border-bottom: 1px solid #FFEEE1; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } @media screen and (max-width: 449px) { .addresses__item .link { font-size: 3.3rem; line-height: 3.9rem; } } @media screen and (min-width: 800px) { .addresses__item .link:hover { color: #FFEEE1; text-decoration: none; border-bottom: transparent; } } @media screen and (min-width: 800px) { .addresses__item:hover { background: #FFC085; } .addresses__item:hover p { color: #1A2329; } .addresses__item:hover p.title { color: #1A2329; } .addresses__item:hover .link { color: #1A2329; border-color: #1A2329; } } .addresses__item.selected { background: #FFC085; } .addresses__item.selected p { color: #1A2329; } .addresses__item.selected p.title { color: #1A2329; } .addresses__item.selected .link { color: #1A2329; border-color: #1A2329; } .address-mobile .jq-selectbox__dropdown { bottom: auto !important; top: 100% !important; height: calc(100vh - 26rem) !important; min-height: auto !important; } .address-mobile .jq-selectbox__dropdown ul { max-height: 100% !important; } .address-mobile .jq-selectbox__dropdown ul { counter-reset: address-name -1; padding: 2rem 4rem; } .address-mobile .jq-selectbox__select { padding: 2rem 15rem 1.8rem 11.4rem; position: relative; } .address-mobile .jq-selectbox__select span { position: absolute; top: 2.5rem; left: 3.8rem; width: 4rem; text-align: center; font-size: 6rem; font-weight: 300; line-height: 7.2rem; z-index: 1; color: rgba(255, 255, 255, 0.12); } .address-mobile .jq-selectbox__select-text { font-size: 3.6rem; line-height: 4.6rem; white-space: break-spaces; height: 9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .address-mobile .jq-selectbox__dropdown ul li { position: relative; font-weight: 300; font-size: 3.6rem; line-height: 4.6rem; padding: 4.5rem 4.5rem 4.5rem 10.4rem; white-space: break-spaces; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .address-mobile .jq-selectbox__dropdown ul li:before { counter-increment: address-name; content: counter(address-name); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; position: absolute; top: calc(50% - 4rem); left: 1.8rem; width: 4rem; text-align: center; font-size: 6rem; font-weight: 300; line-height: 7.2rem; z-index: 1; color: rgba(255, 255, 255, 0.12); } .message-succsess { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(26, 35, 41, 0.75); padding: 6rem; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; z-index: -1; } @media screen and (max-width: 449px) { .message-succsess { padding: 10rem 2rem 2rem; } } .message-succsess.show { z-index: 9999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .message-succsess__content { width: 100%; max-width: 79rem; background: #1A2329; padding: 5rem 7rem; position: relative; border: 1px solid rgba(255, 238, 225, 0.08); } @media screen and (max-width: 449px) { .message-succsess__content { padding: 6rem 2rem 2rem; } } .message-succsess__content_close { position: absolute; top: 2.5rem; right: 2.5rem; cursor: pointer; width: 5rem; height: 5rem; background: transparent; opacity: 1; padding: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 0; } @media screen and (max-width: 449px) { .message-succsess__content_close { top: 0.5rem; width: 6rem; height: 6rem; right: 0.5rem; } } .message-succsess__content_close img { width: 100%; } .message-succsess__content_close:hover { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0.4; } .message-succsess__content p { font-size: 2.4rem; font-weight: 400; line-height: 3.1rem; margin: 0; color: #FFEEE1; } @media screen and (max-width: 449px) { .message-succsess__content p { font-size: 3.51rem; line-height: 4.2rem; } } .message-succsess__content p.title { font-size: 4.4rem; font-weight: 300; line-height: 5.28rem; text-align: left; padding: 0; margin: 0; text-transform: uppercase; color: #FFEEE1; } @media screen and (max-width: 449px) { .message-succsess__content p.title { font-size: 4.1rem; } } .body-open-form { overflow: hidden; } .back-link { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.8rem; } @media screen and (max-width: 799px) { .back-link { display: -webkit-box; display: -ms-flexbox; display: flex; } } .back-link img { min-width: 3.25rem; max-width: 3.25rem; } .back-link span { font-weight: 300; font-size: 3.25rem; line-height: 3.8rem; vertical-align: middle; text-transform: uppercase; color: #FFEEE1; } .main-media__caption-mobile { display: none; } @media screen and (max-width: 799px) { .main-media__caption-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .swiper-button-lock { display: none !important; } /*# sourceMappingURL=style.css.map */ .error-page__content { display: flex; flex-direction: column; align-items: flex-start; } @media screen and (max-width: 799px) { .footer__block_form .form-control { line-height: 5rem; padding: 2.3rem 3rem 2rem; } } .item-content__links_flex { display: flex; gap: 2rem; flex-wrap: wrap; } @media screen and (min-width: 800px) { .main-technology__link:hover { padding: 0; } .main-design__link:hover { padding: 0; } .main-media__link:hover { padding: 0; } .main-technology__link span.text { transition: all 400ms ease-in-out; } .main-design__link span.text { transition: all 400ms ease-in-out; } .main-media__link span.text { transition: all 400ms ease-in-out; } .main-technology__link:hover span.text { padding: 0 0 0 1.2rem; } .main-design__link:hover span.text { padding: 0 0 0 1.2rem; } .main-media__link:hover span.text { padding: 0 0 0 1.2rem; } } /* 20 03 */ .app__block { display: block; margin: 0; } .app__block__content { display: flex; flex-wrap: wrap; gap: 0; margin: 0 -1.5rem; } .app__item { width: calc(50% - 3rem); margin: 0 1.5rem 3rem; } .app__block .item-4 { margin: 0; } .app__block .item-3 { width: 100%; } .app__block__flex { display: flex; flex-wrap: wrap; gap: 0; margin: 0 -1.5rem; } .app__block .item-4 { margin: 0 1.5rem 3rem; } .app__block .item-5 { margin: 0 0 3rem 0; width: 100%; } .app__block .item-6 { margin: 0 0 3rem 0; width: 100%; } .app__block__flex_block { width: calc(50% - 3rem); margin: 0 1.5rem; } @media screen and (max-width: 449px) { .app__block__content { margin: 0; display: block; } .app__item { width: 100%; margin: 0 0 3rem; } .app__block__flex { display: block; margin: 0; } .app__block .item-4 { margin: 0 0 3rem; } .app__block__flex_block { width: 100%; margin: 0; } } div[id^="wait_"] {display:none!important;} /* end 20 03 */ /* End */ /* Start:/local/templates/matrix2025/styles.css?1746435663849*/ .radiobox-item input[type="submit"] { display: none; } .radiobox-item input[type="submit"] + label { display: block; padding: 2.6rem 2.8rem; width: 100%; border-radius: 0.8rem; border: 1px solid rgba(255, 238, 225, 0.16); font-size: 2.4rem; font-weight: 300; line-height: 3rem; color: #FFC085; text-transform: uppercase; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; } @media screen and (min-width: 800px) { .radiobox-item input[type="submit"] + label:hover { background: rgba(255, 238, 225, 0.08); } } .radiobox-item input[type="submit"]:checked + label { border-color: #FFC085; background: #FFC085; color: #1A2329; } .item_checked label{ border-color: #FFC085; background: #FFC085; color: #1A2329 !important; } /* End */ /* /local/templates/matrix2025/assets/css/swiper-bundle.min.css?174643566115563 */ /* /local/templates/matrix2025/assets/fonts/stylesheet.css?17464356615763 */ /* /local/templates/matrix2025/assets/css/jquery.formstyler.css?17464356612169 */ /* /local/templates/matrix2025/assets/css/jquery.formstyler.theme.css?174643566110672 */ /* /local/templates/matrix2025/assets/css/jquery.fancybox.css?174643566117412 */ /* /local/templates/matrix2025/assets/css/style.css?1746435661182675 */ /* /local/templates/matrix2025/styles.css?1746435663849 */