/* Start:/bitrix/templates/rowi/static/css/swiper-bundle.min.css?172225234015904*/ /** * Swiper 8.1.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 16, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/rowi/static/css/styles.css?1758095297871545*/ @charset "UTF-8"; @font-face { font-family: "Stolzl"; src: url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Light.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Light.woff2) format("woff2"); font-weight: 300; font-style: "normal"; font-display: swap; } @font-face { font-family: "Stolzl"; src: url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Regular.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Regular.woff2) format("woff2"); font-weight: 400; font-style: "normal"; font-display: swap; } @font-face { font-family: "Stolzl Book"; src: url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Book.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Book.woff2) format("woff2"); font-weight: 350; font-style: "normal"; font-display: swap; } @font-face { font-family: "Stolzl"; src: url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Medium.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Medium.woff2) format("woff2"); font-weight: 500; font-style: "normal"; font-display: swap; } @font-face { font-family: "Stolzl"; src: url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Bold.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/stolzl/Stolzl-Bold.woff2) format("woff2"); font-weight: 700; font-style: "normal"; font-display: swap; } @font-face { font-family: "Object Sans"; src: url(/bitrix/templates/rowi/static/css/../fonts/objectsans/ObjectSans-Regular.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/objectsans/ObjectSans-Regular.woff2) format("woff2"); font-weight: 400; font-style: "normal"; font-display: swap; } @-webkit-keyframes animation-ball { to { motion-offset: 0%; offset-distance: 100%; } } @keyframes animation-ball { to { motion-offset: 0%; offset-distance: 100%; } } @-webkit-keyframes bounce { 0% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 100% { -webkit-transform: translate(-50%, 16px); transform: translate(-50%, 16px); } } @keyframes bounce { 0% { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 100% { -webkit-transform: translate(-50%, 16px); transform: translate(-50%, 16px); } } @-webkit-keyframes re-animation-ball { to { motion-offset: 0%; offset-distance: 0%; opacity: 0; } } @keyframes re-animation-ball { to { motion-offset: 0%; offset-distance: 0%; opacity: 0; } } @-webkit-keyframes dash { to { stroke-dashoffset: 0; } } @keyframes dash { to { stroke-dashoffset: 0; } } @-webkit-keyframes dashReverse { to { stroke-dashoffset: calc(var(--pathLength) * 2); } } @keyframes dashReverse { to { stroke-dashoffset: calc(var(--pathLength) * 2); } } @-webkit-keyframes undash { from { stroke-dashoffset: 0; } to { stroke-dashoffset: var(--pathLength); } } @keyframes undash { from { stroke-dashoffset: 0; } to { stroke-dashoffset: var(--pathLength); } } @-webkit-keyframes undash-tech { from { stroke-dashoffset: 0; opacity: 1; } to { stroke-dashoffset: var(--pathLength); opacity: 0; } } @keyframes undash-tech { from { stroke-dashoffset: 0; opacity: 1; } to { stroke-dashoffset: var(--pathLength); opacity: 0; } } @-webkit-keyframes undashReverse { from { stroke-dashoffset: calc(var(--pathLength) * 2); } to { stroke-dashoffset: var(--pathLength); } } @keyframes undashReverse { from { stroke-dashoffset: calc(var(--pathLength) * 2); } to { stroke-dashoffset: var(--pathLength); } } @-webkit-keyframes fadeInStatic { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInStatic { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOutStatic { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutStatic { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeInTop { 0% { opacity: 0; -webkit-transform: translate(0, -7vh); transform: translate(0, -7vh); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInTop { 0% { opacity: 0; -webkit-transform: translate(0, -7vh); transform: translate(0, -7vh); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInTop58 { 0% { opacity: 0; -webkit-transform: translate(0, -58px); transform: translate(0, -58px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInTop58 { 0% { opacity: 0; -webkit-transform: translate(0, -58px); transform: translate(0, -58px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInTop98 { 0% { opacity: 0; -webkit-transform: translate(0, -98px); transform: translate(0, -98px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInTop98 { 0% { opacity: 0; -webkit-transform: translate(0, -98px); transform: translate(0, -98px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeOutTop { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, 7vh); transform: translate(0, 7vh); } } @keyframes fadeOutTop { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, 7vh); transform: translate(0, 7vh); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate(-60px, 0); transform: translate(-60px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate(-60px, 0); transform: translate(-60px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInLeftInner { 0% { opacity: 0; -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInLeftInner { 0% { opacity: 0; -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeOutLeftInner { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); } } @keyframes fadeOutLeftInner { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); } } @-webkit-keyframes fadeInLeftInner2 { 0% { opacity: 0; -webkit-transform: translate(-6px, -3px); transform: translate(-6px, -3px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (min-width: 1200px) { 0% { opacity: 0; -webkit-transform: translate(-10px, -6px); transform: translate(-10px, -6px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } } @keyframes fadeInLeftInner2 { 0% { opacity: 0; -webkit-transform: translate(-6px, -3px); transform: translate(-6px, -3px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (min-width: 1200px) { 0% { opacity: 0; -webkit-transform: translate(-10px, -6px); transform: translate(-10px, -6px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } } @-webkit-keyframes fadeInRightInner { 0% { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInRightInner { 0% { opacity: 0; -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeOutRightInner { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } } @keyframes fadeOutRightInner { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(20px, 0); transform: translate(20px, 0); } } @-webkit-keyframes fadeInRightInner2 { 0% { opacity: 0; -webkit-transform: translate(-38px, -40px); transform: translate(-38px, -40px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (min-width: 1200px) { 0% { opacity: 0; -webkit-transform: translate(-50px, -40px); transform: translate(-50px, -40px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } } @keyframes fadeInRightInner2 { 0% { opacity: 0; -webkit-transform: translate(-38px, -40px); transform: translate(-38px, -40px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media only screen and (min-width: 1200px) { 0% { opacity: 0; -webkit-transform: translate(-50px, -40px); transform: translate(-50px, -40px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } } @-webkit-keyframes fadeOutRightInner2 { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } @media only screen and (min-width: 1200px) { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } } } @keyframes fadeOutRightInner2 { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } @media only screen and (min-width: 1200px) { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-75px, 0); transform: translate(-75px, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-75px, 0); transform: translate(-75px, 0); } } @-webkit-keyframes fadeInLeftArrow { 0% { opacity: 0; -webkit-transform: translate(-75px, -50%); transform: translate(-75px, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes fadeInLeftArrow { 0% { opacity: 0; -webkit-transform: translate(-75px, -50%); transform: translate(-75px, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @-webkit-keyframes fadeOutLeftArrow { 0% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } 100% { opacity: 0; -webkit-transform: translate(-75px, -50%); transform: translate(-75px, -50%); } } @keyframes fadeOutLeftArrow { 0% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } 100% { opacity: 0; -webkit-transform: translate(-75px, -50%); transform: translate(-75px, -50%); } } @-webkit-keyframes fadeInLeftArrowD { 0% { opacity: 0; -webkit-transform: translate(-64px, 0); transform: translate(-64px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInLeftArrowD { 0% { opacity: 0; -webkit-transform: translate(-64px, 0); transform: translate(-64px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeOutLeftArrowD { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-64px, 0); transform: translate(-64px, 0); } } @keyframes fadeOutLeftArrowD { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-64px, 0); transform: translate(-64px, 0); } } @-webkit-keyframes fadeInLeftArrowD86 { 0% { opacity: 0; -webkit-transform: translate(-74px, 0); transform: translate(-74px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInLeftArrowD86 { 0% { opacity: 0; -webkit-transform: translate(-74px, 0); transform: translate(-74px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeOutLeftArrowD86 { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-74px, 0); transform: translate(-74px, 0); } } @keyframes fadeOutLeftArrowD86 { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(-74px, 0); transform: translate(-74px, 0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInRightF { 0% { opacity: 0; -webkit-transform: translate(60px, 20px); transform: translate(60px, 20px); } 100% { opacity: 1; -webkit-transform: translate(-44px, 20px); transform: translate(-44px, 20px); } } @keyframes fadeInRightF { 0% { opacity: 0; -webkit-transform: translate(60px, 20px); transform: translate(60px, 20px); } 100% { opacity: 1; -webkit-transform: translate(-44px, 20px); transform: translate(-44px, 20px); } } @-webkit-keyframes fadeInRightV { 0% { opacity: 0; -webkit-transform: translate(60px, -50%); transform: translate(60px, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes fadeInRightV { 0% { opacity: 0; -webkit-transform: translate(60px, -50%); transform: translate(60px, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } } @-webkit-keyframes fadeInBottomO { 0% { visibility: hidden; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInBottomO { 0% { visibility: hidden; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInBottom { 0% { opacity: 0; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInBottom { 0% { opacity: 0; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInBottomV { 0% { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes fadeInBottomV { 0% { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @-webkit-keyframes fadeOutBottom { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, -7vh); transform: translate(0, -7vh); } } @keyframes fadeOutBottom { 0% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, -7vh); transform: translate(0, -7vh); } } @-webkit-keyframes fadeInBottom30 { 0% { opacity: 0; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInBottom30 { 0% { opacity: 0; -webkit-transform: translate(0, 1.875rem); transform: translate(0, 1.875rem); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInBottom1 { 0% { opacity: 0; -webkit-transform: translate(-70px, -68px); transform: translate(-70px, -68px); } 100% { opacity: 1; -webkit-transform: translate(-30px, -68px); transform: translate(-30px, -68px); } } @keyframes fadeInBottom1 { 0% { opacity: 0; -webkit-transform: translate(-70px, -68px); transform: translate(-70px, -68px); } 100% { opacity: 1; -webkit-transform: translate(-30px, -68px); transform: translate(-30px, -68px); } } @-webkit-keyframes fadeInBottom2 { 0% { opacity: 0; -webkit-transform: translate(-129px, -161px); transform: translate(-129px, -161px); } 100% { opacity: 1; -webkit-transform: translate(-89px, -161px); transform: translate(-89px, -161px); } } @keyframes fadeInBottom2 { 0% { opacity: 0; -webkit-transform: translate(-129px, -161px); transform: translate(-129px, -161px); } 100% { opacity: 1; -webkit-transform: translate(-89px, -161px); transform: translate(-89px, -161px); } } @-webkit-keyframes fadeInBottom3 { 0% { opacity: 0; -webkit-transform: translate(-62px, 24px); transform: translate(-62px, 24px); } 100% { opacity: 1; -webkit-transform: translate(-22px, 24px); transform: translate(-22px, 24px); } } @keyframes fadeInBottom3 { 0% { opacity: 0; -webkit-transform: translate(-62px, 24px); transform: translate(-62px, 24px); } 100% { opacity: 1; -webkit-transform: translate(-22px, 24px); transform: translate(-22px, 24px); } } @-webkit-keyframes fadeInBottom4 { 0% { opacity: 0; -webkit-transform: translate(-111px, 136px); transform: translate(-111px, 136px); } 100% { opacity: 1; -webkit-transform: translate(-71px, 136px); transform: translate(-71px, 136px); } } @keyframes fadeInBottom4 { 0% { opacity: 0; -webkit-transform: translate(-111px, 136px); transform: translate(-111px, 136px); } 100% { opacity: 1; -webkit-transform: translate(-71px, 136px); transform: translate(-71px, 136px); } } @-webkit-keyframes moveX { from { left: 0; } to { left: calc(100vw - 100px); } } @keyframes moveX { from { left: 0; } to { left: calc(100vw - 100px); } } @-webkit-keyframes moveY { from { top: 0; } to { top: calc(100vh - 100px); } } @keyframes moveY { from { top: 0; } to { top: calc(100vh - 100px); } } @-webkit-keyframes moveXt { from { left: 0; } to { left: calc(100vw - 230px); } } @keyframes moveXt { from { left: 0; } to { left: calc(100vw - 230px); } } @-webkit-keyframes moveYt { from { top: 0; } to { top: calc(100vh - 230px); } } @keyframes moveYt { from { top: 0; } to { top: calc(100vh - 230px); } } .title { font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 2rem; font-weight: 500; color: #14004B; text-align: left; } @media screen and (min-width: 1200px) { .title { font-size: 2.75rem; line-height: 3.1875rem; } } .section-title { font-family: "Stolzl", sans-serif; font-size: 1.625rem; line-height: 2rem; font-weight: 500; color: #14004B; text-align: left; } @media screen and (min-width: 1200px) { .section-title { font-size: 2.5rem; line-height: 2.75rem; } } .small-title { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 500; color: #14004B; text-align: left; letter-spacing: 0.02em; } @media screen and (min-width: 1200px) { .small-title { font-size: 1.125rem; line-height: 1.375rem; max-width: 70%; } } .section-subtitle { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.7875rem; font-weight: 500; color: #14004B; text-align: left; } .breadcrumbs { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; width: 100%; max-width: 21.4375rem; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.5rem; z-index: 0; } .breadcrumbs > *:not(:last-child) { margin-right: 0.8125rem; position: relative; } .breadcrumbs > *:not(:last-child)::after { position: absolute; content: '/'; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: #505051; letter-spacing: -0.15px; width: 0.3125rem; right: -0.5625rem; } .breadcrumbs__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: auto; white-space: nowrap; } .breadcrumbs__link { font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1.1875rem; font-weight: 400; color: #4164EE; text-decoration: none; letter-spacing: 0.01em; } .breadcrumbs__link:active { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .breadcrumbs__text { font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1.1875rem; font-weight: 400; color: #B5B5B5; letter-spacing: 0.01em; } @media screen and (min-width: 1200px) { .breadcrumbs { grid-area: breadcrumbs; padding-top: 2rem; z-index: 1; max-width: 43.875rem; align-self: flex-end; } .breadcrumbs__link:hover { opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .breadcrumbs__link:active { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } :root { --vh: 1vh; } .gradient-ball { pointer-events: none; } html { font-family: "Stolzl", sans-serif, Arial, serif; font-size: 16px; height: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; background-attachment: scroll !important; } body { height: 100%; min-height: -webkit-fill-available; scroll-behavior: smooth; text-rendering: optimizeSpeed; line-height: 1.5; background-color: #fff; cursor: url("/bitrix/templates/rowi/static/css/../images/content/pointer.svg"), auto; } .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } *, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } a, button, details, summary { cursor: pointer; } body, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0; padding: 0; font-weight: normal; } ol, ul { list-style: none; } img { max-width: 100%; display: block; } input { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, input, select, textarea { font: inherit; } audio, canvas, iframe, img, svg, textarea, video { vertical-align: middle; } textarea { resize: none; } section { position: relative; } button, input, select { outline: none; } textarea { border-radius: 0; -webkit-appearance: none; } .body { width: 100%; } .body.no-scroll { overflow: hidden; min-height: -webkit-fill-available; position: fixed; top: 0; } .popup-fact { width: 100%; background-color: #ECF0FE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 1.125rem 4.0625rem; } .popup-fact__closer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; border: none; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.348783 0.340519C0.641677 0.0476263 1.11655 0.0476263 1.40944 0.34052L6.00561 4.93669L10.5963 0.346041C10.8892 0.0531493 11.3641 0.0531518 11.657 0.346047C11.9499 0.638941 11.9499 1.11382 11.657 1.40671L7.06627 5.99735L11.657 10.588C11.9499 10.8809 11.9499 11.3558 11.657 11.6487C11.3641 11.9416 10.8892 11.9416 10.5963 11.6487L6.00561 7.058L1.40386 11.6597C1.11097 11.9526 0.636094 11.9526 0.343202 11.6597C0.0503106 11.3668 0.0503131 10.8919 0.343208 10.599L4.94495 5.99734L0.348783 1.40118C0.0558901 1.10829 0.0558901 0.633413 0.348783 0.340519Z' fill='%2319191A'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 50%; cursor: pointer; top: 1.125rem; right: 1.125rem; } .popup-fact__description { font-family: "Object Sans", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: #505051; letter-spacing: 0.01em; text-align: left; position: relative; } .popup-fact__description::before { position: absolute; content: ''; width: 1.25rem; height: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99383 -0.374756C8.23162 -0.316826 8.46495 -0.242147 8.69219 -0.15128C9.35403 0.164193 9.78688 0.820136 9.81656 1.55273V1.72033C9.12609 1.48567 8.40188 1.36537 7.67258 1.36417C6.93617 1.36179 6.2045 1.48216 5.50766 1.72033C5.47637 1.13846 5.70998 0.573677 6.14317 0.183934C6.4357 -0.0942689 6.80592 -0.27694 7.20468 -0.339838L7.29547 -0.374756H7.99383ZM7.64465 15.08H14.2791C14.3804 15.0826 14.4814 15.0708 14.5794 15.0451C14.7855 14.9976 14.9377 14.8228 14.9565 14.6121C14.9852 14.4138 14.8951 14.217 14.726 14.1093C14.5774 13.9991 14.4394 13.8752 14.314 13.7392C14.0121 13.3858 13.7756 12.9814 13.6156 12.545C13.1792 11.3318 12.9434 10.0558 12.9173 8.76681C12.8754 8.06845 12.9173 7.41199 12.7986 6.74854C12.2982 3.90336 9.58603 2.00253 6.74083 2.50294C6.23666 2.59162 5.74823 2.75382 5.29117 2.98437C3.51464 3.81014 2.38627 5.59969 2.40693 7.55864C2.40099 8.6159 2.31461 9.67112 2.14853 10.7152C2.02397 11.5415 1.76941 12.3429 1.3943 13.0897C1.19563 13.5104 0.892732 13.8734 0.514365 14.1442C0.339626 14.2621 0.265283 14.4823 0.332791 14.6819C0.415427 14.9482 0.677869 15.1163 0.954334 15.08H7.64465ZM5.11658 16.1555C5.57073 17.176 6.59808 17.8195 7.71449 17.7827C8.776 17.7827 9.98416 16.9656 10.1657 16.1555H5.11658Z' fill='%2314004B' fill-opacity='0.45'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 15px 18px; left: -2.5rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 1200px) { .popup-fact { padding-left: 0; padding-right: 0; } .popup-fact__closer { right: 2rem; top: 1rem; } .popup-fact__description::before { width: 1.125rem; height: 1.125rem; left: -1.875rem; } } .main { overflow: hidden; position: relative; } .main--guide { overflow: visible; } @media screen and (min-width: 1200px) { .main::before { position: absolute; content: ''; width: 100vw; height: calc(100vh - 99px); top: 0; left: 0; background-color: rgba(30, 33, 37, 0.5); opacity: 0; pointer-events: none; z-index: 9; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .main.menu-opened::before { opacity: 1; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .footer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 1.5rem calc(var(--width) / 2); background-color: #14004B; overflow: hidden; } .footer__upper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2.5rem; margin-bottom: 3rem; } .footer__block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__logo { display: block; margin-bottom: 2rem; } .footer__social { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__social-item { width: 1.875rem; height: 1.875rem; border-radius: 0.9375rem; border: none; margin-right: 0.625rem; } .footer__social-item:last-of-type { margin-right: 0; } .footer__social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border-radius: inherit; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__social-link[title="VK"] { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.14952 1.14952C0.03125 2.26779 0.03125 4.06762 0.03125 7.66728V8.33128C0.03125 11.9309 0.03125 13.7308 1.14952 14.849C2.26779 15.9673 4.06762 15.9673 7.66728 15.9673H8.33128C11.9309 15.9673 13.7308 15.9673 14.849 14.849C15.9673 13.7308 15.9673 11.9309 15.9673 8.33128V7.66728C15.9673 4.06762 15.9673 2.26779 14.849 1.14952C13.7308 0.03125 11.9309 0.03125 8.33128 0.03125H7.66728C4.06762 0.03125 2.26779 0.03125 1.14952 1.14952ZM3.1846 5.01125H4.34687C4.64392 5.01125 4.75567 5.14122 4.86705 5.463C5.43551 7.11849 6.39396 8.56529 6.78798 8.56529C6.93572 8.56529 7.00351 8.49726 7.00351 8.1221V6.4109C6.97683 5.92381 6.80663 5.71316 6.68057 5.55714C6.60272 5.46079 6.5417 5.38527 6.5417 5.27834C6.5417 5.14836 6.65279 5.01125 6.83745 5.01125H8.66389C8.9102 5.01125 8.99595 5.14292 8.99595 5.4384V7.74046C8.99595 7.98664 9.10289 8.07283 9.17676 8.07283C9.32454 8.07283 9.44767 7.98664 9.71859 7.71583C10.5559 6.78022 11.1469 5.33986 11.1469 5.33986C11.2208 5.16755 11.3571 5.01125 11.6526 5.01125H12.8149C13.1664 5.01125 13.2402 5.19215 13.1664 5.4384C13.0186 6.11545 11.6025 8.10978 11.6025 8.10978C11.4794 8.30672 11.4302 8.40523 11.6025 8.62681C11.6632 8.71179 11.7928 8.83864 11.941 8.98378C12.0934 9.13305 12.2656 9.30166 12.4029 9.46395C12.9022 10.0255 13.2784 10.4992 13.3833 10.8257C13.479 11.1533 13.313 11.3193 12.9809 11.3193H11.8186C11.5073 11.3193 11.3506 11.1449 11.0119 10.7682C10.8683 10.6086 10.692 10.4125 10.4574 10.1779C9.76782 9.51318 9.47231 9.427 9.2999 9.427C9.06597 9.427 8.99599 9.49326 8.99599 9.82526V10.8674C8.99599 11.1533 8.90459 11.3193 8.16578 11.3193C6.93442 11.3193 5.58125 10.5719 4.62081 9.1931C3.18014 7.17417 2.7861 5.64766 2.7861 5.33986C2.7861 5.16755 2.85252 5.01125 3.1846 5.01125Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1rem 1rem; } .footer__social-link[title="Youtube"] { background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7809 1.05748C14.425 1.23086 14.9271 1.74135 15.0976 2.38669C15.4102 3.56178 15.4197 5.99866 15.4197 5.99866C15.4197 5.99866 15.4197 8.44517 15.1071 9.61064C14.9366 10.256 14.3398 10.7857 13.6956 10.9591C12.5304 11.2673 7.95495 11.2481 7.95495 11.2481C7.95495 11.2481 3.37949 11.277 2.21431 10.9591C1.57962 10.7857 0.954401 10.256 0.783886 9.61064C0.471277 8.43554 0.499696 5.99866 0.499696 5.99866C0.499696 5.99866 0.471277 3.56178 0.783886 2.38669C0.954401 1.74135 1.57015 1.21159 2.21431 1.03822C3.37949 0.729997 7.95495 0.749261 7.95495 0.749261C7.95495 0.749261 12.6157 0.749261 13.7809 1.05748ZM10.4435 5.72243L6.5752 7.9329V3.51196L10.4435 5.72243Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1rem 0.75rem; } .footer__social-link[title="Telegram"] { background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50826 5.16568C5.4453 3.4722 8.07061 2.35576 9.3842 1.81635C13.1347 0.276221 13.9141 0.00868426 14.422 -0.000149948C14.5337 -0.00209294 14.7835 0.0252423 14.9454 0.154868C15.082 0.264321 15.1196 0.412177 15.1376 0.515951C15.1556 0.619725 15.178 0.856125 15.1601 1.04084C14.9569 3.14916 14.0775 8.26548 13.6301 10.6268C13.4408 11.626 13.068 11.961 12.7071 11.9938C11.9228 12.0651 11.3273 11.4821 10.5677 10.9905C9.37906 10.2213 8.70755 9.7424 7.55378 8.99176C6.22039 8.12426 7.08477 7.64746 7.84466 6.86825C8.04353 6.66433 11.4991 3.56126 11.5659 3.27977C11.5743 3.24456 11.5821 3.11333 11.5031 3.04403C11.4241 2.97474 11.3076 2.99844 11.2235 3.01728C11.1043 3.04399 9.2054 4.2831 5.5269 6.73459C4.98792 7.09999 4.49972 7.27802 4.06231 7.26869C3.58011 7.25841 2.65254 6.99951 1.96298 6.77822C1.11722 6.50679 0.44502 6.36329 0.503553 5.90232C0.534041 5.66222 0.868942 5.41668 1.50826 5.16568Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1rem 0.75rem; } .footer__social-link:active { background-color: rgba(255, 255, 255, 0.9); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } .footer__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__link { display: block; padding: 0.1875rem 0; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; white-space: nowrap; text-decoration: none; opacity: 0.6; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__link[data-active="active"] { opacity: 1; } .footer__link.active { opacity: 1; } .footer__link:active { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.5rem; } .footer__callback-link { display: block; padding: 0.1875rem 0; margin-right: 0.875rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: rgba(255, 255, 255, 0.6); letter-spacing: 0.01em; text-decoration: none; position: relative; white-space: nowrap; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback-link:active { color: rgba(255, 255, 255, 0.86); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback-link::after { position: absolute; content: ''; width: 0.125rem; height: 0.75rem; background-color: rgba(255, 255, 255, 0.6); top: 50%; right: -0.5rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .footer__callback-btn { display: block; padding: 0.1875rem 0; background-color: transparent; border: none; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; white-space: nowrap; cursor: pointer; outline: none; text-decoration: none; opacity: 0.6; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback-btn:active { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } .footer__wrap-item { outline: none; } .footer__wrap-item[open] .footer__wrap-name { margin-bottom: 1rem; opacity: 1; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap-item[open] .footer__wrap-arr { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap-name { outline: none; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; padding: 0; text-decoration: none; opacity: 0.6; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap-name:active { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap-name span:first-of-type { padding: 0.1875rem 1.75rem 0.1875rem 0; } .footer__wrap-name::-webkit-details-marker, .footer__wrap-name::marker { display: none; } .footer__wrap-name span { position: relative; cursor: pointer; } .footer__wrap-name span .footer__wrap-arr { position: absolute; } .footer__wrap-arr { position: absolute; -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); top: 50%; right: 0; padding-right: 0; display: block; width: 1.5rem; height: 1.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.625rem 0.375rem; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='white'/%3E%3C/svg%3E"); } .footer__wrap-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__wrap-inner--docs li { margin-bottom: 1.125rem; } .footer__wrap-inner--docs li:last-of-type { margin-bottom: 0; } .footer__wrap-inner--docs a { text-decoration: underline; } .footer__wrap-info, .footer__wrap-nr { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; text-align: left; } .footer__wrap-info { margin-bottom: 0rem; text-decoration: none; cursor: pointer; outline: none; } .footer__wrap-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__wrap-list .footer__wrap-info { margin-bottom: 0rem; min-width: 3.125rem; } .footer__wrap-list li { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.75rem; } .footer__copyright, .footer__policy, .footer__info { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 0.9375rem; font-weight: 350; color: rgba(255, 255, 255, 0.35); letter-spacing: 0.01em; text-decoration: none; } .footer__info a { color: rgba(255, 255, 255, 0.35); text-underline-offset: 0.125rem; } .footer__info a:focus { text-decoration: underline; color: #fff; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__policy { cursor: pointer; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__visual { display: none; } @media screen and (min-width: 1200px) { .footer { --width: calc(100% - 1032px); padding-top: 3rem; padding-bottom: 2rem; } .footer__upper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; margin-bottom: 4.5rem; } .footer__block:first-of-type { max-width: 7rem; margin-right: 4rem; } .footer__block:nth-of-type(2) { max-width: 7.5rem; margin-right: 7.5rem; } .footer__block:nth-of-type(2) .footer__item:last-of-type .footer__link { white-space: normal; } .footer__block:nth-of-type(3) { max-width: 12.8125rem; margin-right: 5.5625rem; } .footer__block:last-of-type { max-width: 18.375rem; } .footer__logo { margin-bottom: 1.5rem; } .footer__social-item { width: 2rem; height: 2rem; border-radius: 1rem; margin-right: 0.5rem; } .footer__social-item:last-of-type { margin-right: 0; } .footer__social-link:hover, .footer__social-link:focus { background-color: rgba(255, 255, 255, 0.6); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__list { gap: 1rem; } .footer__link { font-size: 0.9375rem; letter-spacing: 0.02em; } .footer__link:hover, .footer__link:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback { margin-bottom: 1rem; } .footer__callback-link { font-size: 0.9375rem; letter-spacing: 0.02em; } .footer__callback-link:hover { color: rgba(255, 255, 255, 0.8); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__callback-link:hover::after { background-color: rgba(255, 255, 255, 0.6); -webkit-transition: 0s linear; transition: 0s linear; } .footer__callback-btn { display: block; padding: 0.1875rem 0; background-color: transparent; border: none; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.02em; text-decoration: none; opacity: 0.6; } .footer__callback-btn:hover, .footer__callback-btn:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap { gap: 1rem; } .footer__wrap-name { cursor: pointer; font-size: 0.9375rem; letter-spacing: 0.02em; } .footer__wrap-name:hover, .footer__wrap-name:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .footer__wrap-arr { margin-left: 0.5rem; } .footer__wrap-info, .footer__wrap-nr { font-size: 0.9375rem; letter-spacing: 0.02em; } .footer__wrap-info { margin-bottom: 1rem; } .footer__wrap-list .footer__wrap-info { margin-bottom: 0rem; } .footer__bottom { display: grid; grid-template-areas: 'policy info2' 'info copyright'; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .footer__copyright { grid-area: copyright; } .footer__policy { grid-area: policy; } .footer__info:first-of-type { grid-area: info2; } .footer__info:last-of-type { grid-area: info; } .footer__copyright, .footer__policy, .footer__info { font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.02em; } } .header { width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); position: relative; padding: 0.625rem calc(var(--width) / 2); } .header.hidden { overflow: hidden; } .header--callback { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header__logo { min-width: 5.0625rem; width: 5.0625rem; height: 1.99687rem; cursor: pointer; } .header__logo-image { width: 5.0625rem; height: 1.99687rem; -o-object-fit: contain; object-fit: contain; } .header__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2rem; height: 2rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.800781 1.9999C0.800781 1.57556 0.969352 1.16859 1.26941 0.868532C1.56947 0.568474 1.97643 0.399902 2.40078 0.399902H21.6008C22.0251 0.399902 22.4321 0.568474 22.7322 0.868532C23.0322 1.16859 23.2008 1.57556 23.2008 1.9999C23.2008 2.42425 23.0322 2.83121 22.7322 3.13127C22.4321 3.43133 22.0251 3.5999 21.6008 3.5999H2.40078C1.97643 3.5999 1.56947 3.43133 1.26941 3.13127C0.969352 2.83121 0.800781 2.42425 0.800781 1.9999ZM0.800781 9.9999C0.800781 9.57556 0.969352 9.16859 1.26941 8.86853C1.56947 8.56847 1.97643 8.3999 2.40078 8.3999H21.6008C22.0251 8.3999 22.4321 8.56847 22.7322 8.86853C23.0322 9.16859 23.2008 9.57556 23.2008 9.9999C23.2008 10.4242 23.0322 10.8312 22.7322 11.1313C22.4321 11.4313 22.0251 11.5999 21.6008 11.5999H2.40078C1.97643 11.5999 1.56947 11.4313 1.26941 11.1313C0.969352 10.8312 0.800781 10.4242 0.800781 9.9999ZM0.800781 17.9999C0.800781 17.5756 0.969352 17.1686 1.26941 16.8685C1.56947 16.5685 1.97643 16.3999 2.40078 16.3999H21.6008C22.0251 16.3999 22.4321 16.5685 22.7322 16.8685C23.0322 17.1686 23.2008 17.5756 23.2008 17.9999C23.2008 18.4242 23.0322 18.8312 22.7322 19.1313C22.4321 19.4313 22.0251 19.5999 21.6008 19.5999H2.40078C1.97643 19.5999 1.56947 19.4313 1.26941 19.1313C0.969352 18.8312 0.800781 18.4242 0.800781 17.9999Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.5rem 1.25rem; background-position: 50% 50%; background-repeat: no-repeat; background-color: transparent; border: none; } .header__toggle.is-active { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L16 16' stroke='%2314004B' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M16 2L2 16' stroke='%2314004B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-size: 1.125rem 1.125rem; } .header__bottom { display: none; } @media screen and (min-width: 1200px) { .header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; --width: calc(100% - 1032px); justify-content: flex-start; padding-top: 1.5rem; padding-bottom: 1rem; background-color: transparent; position: relative; } .header__logo { margin-right: 4.5rem; } .header__toggle { display: none; } } .nav { width: 100%; position: absolute; --width: calc(100% - 343px); width: 100%; height: calc((var(--vh, 1vh) * 100) - 56px); overflow: hidden; top: 3.625rem; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding-top: 3rem; z-index: 10; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 0s linear 0s; transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; transition: transform 0s linear 0s, -webkit-transform 0s linear 0s; } .nav.opened { height: 100%; position: fixed; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; overflow: auto; padding-top: 3rem; padding-bottom: 3.5rem; -webkit-transition: -webkit-transform 0s linear 0s; transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; transition: transform 0s linear 0s, -webkit-transform 0s linear 0s; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .nav.opened::-webkit-scrollbar { display: none; } .nav.opened .nav__cabinet { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .nav.opened .nav__list { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .nav.opened .nav__contacts { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .nav__cabinet { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; --width: calc(100% - 343px); padding: 0 calc(var(--width) / 2); margin-bottom: 3rem; opacity: 0; -webkit-animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) backwards 0s; animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) backwards 0s; } .nav__cabinet-btn { width: 13.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); position: relative; } .nav__cabinet-btn[open] .nav__cabinet-name { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); margin-bottom: 0.625rem; } .nav__cabinet-btn[open] .nav__cabinet-arr { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); opacity: 1; } .nav__cabinet-name { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #14004B; text-decoration: none; background-color: white; border: 0.125rem solid #14004B; border-radius: 0.375rem; padding: 0.8125rem 1.625rem; white-space: nowrap; cursor: pointer; outline: none; } .nav__cabinet-name::-webkit-details-marker, .nav__cabinet-name::marker { display: none; } .nav__cabinet-name:active { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__cabinet-name span { cursor: pointer; } .nav__cabinet-arr { position: absolute; top: 14px; right: 1.625rem; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); display: block; width: 1.5rem; height: 1.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.625rem 0.375rem; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%2314004B'/%3E%3C/svg%3E"); } .nav__cabinet-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #FFFFFF; /* Shadddow */ padding: 0.875rem 1.375rem; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 0.5rem; cursor: pointer; } .nav__cabinet-inner li { width: 100%; padding: 0.9375rem 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav__cabinet-inner li:not(:last-of-type) { border-bottom: 0.0625rem solid rgba(3, 15, 34, 0.1); } .nav__cabinet-inner a { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.02em; text-decoration: none; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); white-space: nowrap; cursor: pointer; } .nav__cabinet-inner a:active { color: #4164EE; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 calc(var(--width) / 2); margin-bottom: 3rem; opacity: 0; -webkit-animation: fadeOutStatic 0s linear backwards 0s; animation: fadeOutStatic 0s linear backwards 0s; } .nav__list-item { width: 100%; outline: none; margin-bottom: 2.5rem; } .nav__list-item[open] .nav__list-summary { margin-bottom: 1.5rem; } .nav__list-item[open] .nav__list-name { color: #4164EE; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-item[open] .nav__list-arr { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nav__list-summary { position: relative; outline: none; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; outline: none; } .nav__list-summary::-webkit-details-marker, .nav__list-summary::marker { display: none; } .nav__list-summary .nav__list-name { margin-right: 1rem; margin-bottom: 0; text-decoration: none; } .nav__list-arr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .nav__list-arr svg { fill: #14004B; width: 0.875rem; height: 0.5rem; } .nav__list-name { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.375rem; font-weight: 500; color: #14004B; text-decoration: none; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-name:last-of-type { margin-bottom: 2.5rem; } .nav__list-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; } .nav__list-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; } .nav__list-title { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 120%; font-weight: 400; color: rgba(20, 0, 75, 0.5); margin-bottom: 0.5rem; } .nav__list-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-items: flex-start; text-decoration: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link:active .nav__list-image { fill: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link:active .nav__list-text { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link.active .nav__list-image { fill: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link.active .nav__list-text { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link:first-of-type .nav__list-image { width: 0.875rem; height: 0.8125rem; } .nav__list-link:nth-of-type(3) .nav__list-image { width: 0.8125rem; height: 0.8125rem; } .nav__list-link:nth-of-type(4) .nav__list-image { width: 0.9375rem; height: 0.75rem; } .nav__list-link:last-of-type .nav__list-image { width: 0.875rem; height: 0.875rem; } .nav__list-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; } .nav__list-image { fill: #14004B; -o-object-fit: contain; object-fit: contain; } .nav__list-text { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; letter-spacing: 0.02em; } .nav__list-text span{ display: block; margin-top: 8px; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0.02em; background: radial-gradient(958.88% 222.10% at -18.60% 131.15%, rgb(246, 180, 198) 0%, rgb(205, 164, 207) 11.249987035989761%, rgb(112, 133, 230) 36.55484318733215%, rgb(87, 144, 215) 50.020891427993774%, rgb(31, 180, 180) 66.53399467468262%, rgb(164, 213, 213) 90.41665196418762%, rgb(0, 170, 170) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .nav__list-frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 2.5rem; } .nav__list-frame picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border-radius: 1.6875rem; overflow: hidden; } .nav__list-banner { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .nav__list--desktop { display: none; } .nav__contacts { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; --width: calc(100% - 343px); padding: 0 calc(var(--width) / 2); opacity: 0; -webkit-animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) backwards 0s; animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) backwards 0s; } .nav__contacts-wrap { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3rem; } .nav__contacts-link { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 500; color: #14004B; text-decoration: none; outline: none; background-color: transparent; border: none; padding: 0; } .nav__contacts-link:first-child { margin-bottom: 1rem; } @media screen and (min-width: 1200px) { .nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); position: relative; width: 100%; height: auto; overflow: visible; top: auto; left: auto; background-color: transparent; z-index: 10; -webkit-transition: none; transition: none; padding-top: 0; } .nav__list { width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.5rem; padding: 0; margin-bottom: 0; opacity: 1; -webkit-animation: none; animation: none; z-index: 1000; } .nav__list--mobile { display: none; } .nav__list--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } .nav__list-item { width: 100%; margin-bottom: 0; position: relative; } .nav__list-item[open] .nav__list-summary { margin-bottom: 0; color: #4164EE; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-item[open] .nav__list-arr { opacity: 1; } .nav__list-item:first-of-type .nav__list-inner:first-of-type::after { position: absolute; content: ''; width: 0.0625rem; height: 14rem; background-color: #e3e3e3; opacity: 0.5; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -1.25rem; } .nav__list-item:nth-of-type(2) .nav__list-wrap { grid-template-columns: 1fr 18.5rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .nav__list-item:nth-of-type(2) .nav__list-wrap::before { left: 7.375rem; } .nav__list-item:nth-of-type(2) .nav__list-inner:first-of-type, .nav__list-item:nth-of-type(2) .nav__list-inner:last-of-type { grid-column: 1 / 2; grid-row: 1 / 2; gap: 0.625rem; padding: 0.625rem 0 0.5rem 0; margin-bottom: 0; } .nav__list-item:nth-of-type(2) .nav__list-inner:first-of-type .nav__list-link, .nav__list-item:nth-of-type(2) .nav__list-inner:last-of-type .nav__list-link { padding: 0.25rem 0 0.0625rem 0; } .nav__list-item:nth-of-type(2) .nav__list-inner:first-of-type .nav__list-text, .nav__list-item:nth-of-type(2) .nav__list-inner:last-of-type .nav__list-text { padding: 0; } .nav__list-item:nth-of-type(2) .nav__list-frame { grid-column: 2 / 3; grid-row: 1 / 2; } .nav__list-name { white-space: nowrap; font-size: 0.9375rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.02em; padding: 0; border-bottom: none; cursor: pointer; outline: none; } .nav__list-name:hover { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-name:last-of-type { margin-bottom: 0; z-index: 10; } .nav__list-summary { z-index: 12; } .nav__list-summary .nav__list-name { margin-right: 0; } .nav__list-arr { margin-left: 0.25rem; opacity: 1; } .nav__list-arr svg { width: 0.625rem; height: 0.375rem; } .nav__list-content { width: auto; position: absolute; left: -6.5625rem; padding-top: 4.625rem; top: 0rem; } .nav__list-wrap { width: 100%; position: relative; display: grid; grid-template-columns: 1fr 1fr 21.5rem; grid-template-rows: 8.625rem 6.375rem; row-gap: 0; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; padding: 0.5rem 0.5rem 0.5rem 2.5rem; background-color: #fff; border-radius: 1.875rem; -webkit-box-shadow: 2px 13px 35px 0px rgba(0, 0, 0, 0.12); box-shadow: 2px 13px 35px 0px rgba(0, 0, 0, 0.12); } .nav__list-wrap::before { position: absolute; content: ''; width: 1rem; height: 0.5625rem; background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.76506 2.44805C6.36245 0.251631 9.63755 0.251631 11.2349 2.44805L16 9H0L4.76506 2.44805Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; top: -0.5625rem; left: 8.5rem; } .nav__list-inner { position: relative; border-bottom: none; width: 12.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; padding: 0; } .nav__list-inner:first-of-type { grid-column: 1 / 2; grid-row: 1 / 3; } .nav__list-inner:nth-of-type(2) { grid-column: 2 / 3; grid-row: 1 / 2; gap: 0; max-height: 8.125rem; padding: 0.625rem 0 0.5rem 0; margin-bottom: 1rem; margin-right: 0.375rem; } .nav__list-inner:nth-of-type(2) .nav__list-link { padding: 0.25rem 0 0.0625rem 0; margin-bottom: 0.75rem; } .nav__list-inner:nth-of-type(2) .nav__list-link:last-of-type { margin-bottom: 0; } .nav__list-inner:nth-of-type(2) .nav__list-text { padding: 0; line-height: 100%; } .nav__list-inner:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; gap: 0; max-height: 4.625rem; padding: 0.5rem 0; } .nav__list-inner:nth-of-type(3) .nav__list-title { padding: 0.3125rem 0; } .nav__list-inner:nth-of-type(3) .nav__list-link { padding: 0.25rem 0 0.0625rem 0; } .nav__list-inner:nth-of-type(3) .nav__list-text { padding: 0; line-height: 100%; } .nav__list-frame { grid-column: 3 / 4; grid-row: 1 / 3; min-width: 18.5rem; justify-self: end; width: 18.5rem; height: 15rem; margin-top: 0; } .nav__list-frame picture { border-radius: 1.5rem; } .nav__list-link { font-size: 0.9375rem; line-height: 100%; font-weight: 400; letter-spacing: 0.02em; padding: 0.4rem 0; } .nav__list-link:hover .nav__list-image { fill: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-link:hover .nav__list-text { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-icon { width: 1.5rem; height: 1.5rem; } .nav__list-text { font-size: 0.9375rem; line-height: 100%; font-weight: 400; letter-spacing: 0.02em; padding: 0.25rem 0; } .nav__list-text:hover { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__list-title { font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.02em; margin-bottom: 0.875rem; } .nav__contacts { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; opacity: 1; -webkit-animation: none; animation: none; margin-right: 0; margin-left: auto; } .nav__contacts-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 3.0625rem; margin-bottom: 0; gap: 0.25rem; } .nav__contacts-link { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 400; letter-spacing: 0.02em; cursor: pointer; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__contacts-link:last-of-type { margin-bottom: 0; } .nav__contacts-link:hover { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__cabinet { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; opacity: 1; padding: 0; margin: 0; -webkit-animation: none; animation: none; } .nav__cabinet-btn { min-width: 15.25rem; position: relative; } .nav__cabinet-btn[open] .nav__cabinet-name { margin-bottom: 0; } .nav__cabinet-btn[open] .nav__cabinet-inner { -webkit-transform: translateY(1.25rem); -ms-transform: translateY(1.25rem); transform: translateY(1.25rem); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__cabinet-arr { top: 1rem; } .nav__cabinet-name { font-size: 1.125rem; line-height: 1.375rem; letter-spacing: 0.02em; padding: 0.875rem 1.375rem; } .nav__cabinet-name:hover, .nav__cabinet-name:focus { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__cabinet-inner { position: absolute; -webkit-transform: translateY(0.625rem); -ms-transform: translateY(0.625rem); transform: translateY(0.625rem); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .nav__cabinet-inner a:hover { color: #4164EE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .intro { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .intro.loaded .intro__info-item--first .intro__info-inner { -webkit-animation: fadeInStatic 0s linear forwards 0.15s; animation: fadeInStatic 0s linear forwards 0.15s; } .intro.loaded .intro__info-item--first .intro__info-nr { -webkit-animation: fadeInStatic 0s linear forwards 0.15s; animation: fadeInStatic 0s linear forwards 0.15s; } .intro.loaded .intro__info-item--first .range-upper { -webkit-animation: fadeInStatic 0s linear forwards 0.1s, dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s, dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro.loaded .intro__info-item--first .range-tumbler { -webkit-animation: animation-ball 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: animation-ball 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro.loaded .intro__info-item--first:hover { margin-top: -8px; -webkit-transition: all 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: all 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--second .intro__info-name { -webkit-animation: fadeInRightInner 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInRightInner 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .intro.loaded .intro__info-item--second .intro__info-name::after { -webkit-animation: fadeInStatic 0.1s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInStatic 0.1s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .intro.loaded .intro__info-item--second .intro__info-border { -webkit-animation: fadeInLeftInner 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInLeftInner 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .intro.loaded .intro__info-item--second:hover { margin-top: 3rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--third .intro__info-name { -webkit-animation: fadeInRightInner2 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInRightInner2 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .intro.loaded .intro__info-item--third .intro-percent-round { -webkit-animation: fadeInStatic 0s linear forwards 0.15s, dashReverse 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInStatic 0s linear forwards 0.15s, dashReverse 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .intro.loaded .intro__info-item--third .intro__info-percent span { -webkit-animation: fadeInStatic 0s linear forwards 0.15s; animation: fadeInStatic 0s linear forwards 0.15s; } .intro.loaded .intro__info-item--third:hover { margin-top: -4rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--fourth .intro__info-ball { -webkit-animation: animation-ball 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: animation-ball 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .intro.loaded .intro__info-item--fourth:hover { margin-top: -0.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.5s; animation: fadeInStatic 0s linear forwards 0.5s; } .intro.loaded .intro__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .intro__title { margin-bottom: 2.5rem; z-index: 2; } .intro__title span { color: #4164EE; } .intro__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; position: relative; } .intro__info::before { position: absolute; content: ''; width: 21.4375rem; height: 20.25rem; background-color: #FCE9ED; border-radius: 2.5rem; left: 0; bottom: 0.75rem; } .intro__info-list { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 10.9375rem 10.9375rem; grid-column-gap: 0.9375rem; grid-row-gap: 4.4375rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .intro__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 10.25rem; height: 100%; background-color: #fff; -webkit-box-shadow: 0.125rem 0.8125rem 2.1875rem rgba(0, 0, 0, 0.12); box-shadow: 0.125rem 0.8125rem 2.1875rem rgba(0, 0, 0, 0.12); border-radius: 0.75rem; padding: 0; position: relative; z-index: 2; overflow: hidden; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__info-item:hover { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__info-item:first-of-type { grid-column: 2 / 3; grid-row: 1 / 2; } .intro__info-item:first-of-type .intro__info-inner { width: 5.625rem; padding: 0.5rem 0.3125rem 0.3125rem 0.3125rem; -ms-flex-item-align: end; align-self: flex-end; margin-top: auto; margin-bottom: 0; opacity: 0; } .intro__info-item:nth-of-type(2) { grid-column: 1 / 2; grid-row: 1 / 2; margin-top: 3.5rem; position: relative; overflow: hidden; } .intro__info-item:nth-of-type(2) .intro__info-inner { width: 100%; max-width: 4.25rem; 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-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-item-align: end; align-self: flex-end; margin-top: auto; margin-bottom: 0; -webkit-box-shadow: none; box-shadow: none; z-index: auto; background-color: transparent; } .intro__info-item:nth-of-type(2) .intro__info-border { position: absolute; width: 100%; height: 100%; border: 0.125rem solid #F5AABE; border-radius: 0.625rem; z-index: -2; top: -0.625rem; left: -0.625rem; opacity: 0; } .intro__info-item:nth-of-type(2) .intro__info-name { width: 4.25rem; padding: 3rem 0.9375rem 0.5rem 0.9375rem; text-align: center; position: relative; background-color: #fff; border-radius: 0.5rem; -webkit-box-shadow: 0px 2.15256px 8.80593px -0.97844px rgba(85, 99, 136, 0.46); box-shadow: 0px 2.15256px 8.80593px -0.97844px rgba(85, 99, 136, 0.46); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); opacity: 0; } .intro__info-item:nth-of-type(2) .intro__info-name::after { position: absolute; content: ''; width: 1.25rem; height: 1.25rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.92234 1.64733C5.3845 1.64733 1.70665 5.32518 1.70665 9.86301C1.70665 14.4008 5.3845 18.0787 9.92234 18.0787C14.4602 18.0787 18.138 14.4008 18.138 9.86301C18.138 5.32518 14.4602 1.64733 9.92234 1.64733ZM0.212891 9.86301C0.212891 4.5002 4.55952 0.153564 9.92234 0.153564C15.2852 0.153564 19.6318 4.5002 19.6318 9.86301C19.6318 15.2258 15.2852 19.5725 9.92234 19.5725C4.55952 19.5725 0.212891 15.2258 0.212891 9.86301ZM14.4338 7.34321C14.7255 7.63488 14.7255 8.10778 14.4338 8.39946L9.45462 13.3787C9.16295 13.6703 8.69005 13.6703 8.39837 13.3787L5.41085 10.3911C5.11918 10.0995 5.11918 9.62656 5.41085 9.33489C5.70253 9.04321 6.17542 9.04321 6.4671 9.33489L8.9265 11.7943L13.3776 7.34321C13.6693 7.05153 14.1422 7.05153 14.4338 7.34321Z' fill='%234164EE'/%3E%3C/svg%3E"); top: 1.0625rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .intro__info-item:nth-of-type(2) .intro__info-title { max-width: 70%; } .intro__info-item:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; margin-top: -3.5rem; position: relative; } .intro__info-item:nth-of-type(3) .intro__info-inner { width: 100%; max-width: 3.4375rem; -webkit-box-shadow: none; box-shadow: none; -ms-flex-item-align: end; align-self: flex-end; margin-top: auto; margin-bottom: 0; position: relative; } .intro__info-item:nth-of-type(3) .intro__info-round { position: absolute; top: -2rem; left: -1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1; } .intro__info-item:nth-of-type(3) .intro__info-round svg { width: 3rem; height: 3rem; } .intro__info-item:nth-of-type(3) .intro__info-round span { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 0.9375rem; font-weight: 500; color: #14004B; letter-spacing: 0.02em; } .intro__info-item:nth-of-type(3) .intro__info-round span:last-of-type { right: 6px; font-size: 0.5rem; line-height: 0.75rem; letter-spacing: 0.01em; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .intro__info-item:nth-of-type(3) .intro__info-percent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .intro__info-item:nth-of-type(3) .intro__info-percent span { opacity: 0; } .intro__info-item:nth-of-type(3) .intro-percent-round { stroke-linecap: round; stroke-width: 0.125rem; stroke: #F5AABE; opacity: 0; } .intro__info-item:nth-of-type(3) .intro-percent-round.desktop { display: none; } .intro__info-item:nth-of-type(3) .intro__info-name { width: 3.4375rem; padding: 2.0625rem 0.375rem 0.375rem 0.375rem; border-radius: 0.375rem; background: #fff; -webkit-box-shadow: 2.85932px 2.85932px 14.7761px rgba(48, 69, 130, 0.3); box-shadow: 2.85932px 2.85932px 14.7761px rgba(48, 69, 130, 0.3); text-align: center; margin-bottom: 0; opacity: 0; position: relative; } .intro__info-item:nth-of-type(3) .intro__info-name::after { position: absolute; content: ''; width: 1.25rem; height: 1.1875rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.773438' width='18.33' height='18.33' rx='9.16498' fill='%234164EE'/%3E%3Cpath d='M14.6943 9.10742H12.8709C12.4718 9.10742 12.1484 9.43074 12.1484 9.82993V10.4216C12.1484 10.8208 12.4718 11.1441 12.8709 11.1441H14.6943' stroke='white' stroke-width='0.752749' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6779 13.6908H6.54958C5.98695 13.6908 5.53125 13.2351 5.53125 12.6725V7.58083C5.53125 7.0182 5.98695 6.5625 6.54958 6.5625H13.6779C14.2405 6.5625 14.6962 7.0182 14.6962 7.58083V12.6725C14.6962 13.2351 14.2405 13.6908 13.6779 13.6908Z' stroke='white' stroke-width='0.752749' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1319 6.56184L9.45524 4.88515C9.25615 4.68607 8.93385 4.68607 8.73528 4.88515L7.05859 6.56184' stroke='white' stroke-width='0.752749' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1113 5.5435L10.7697 4.88515C10.9688 4.68607 11.2911 4.68607 11.4896 4.88515L13.1663 6.56184' stroke='white' stroke-width='0.752749' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); top: 0.625rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro__info-item:last-of-type { grid-column: 1 / 2; grid-row: 2 / 3; overflow: hidden; position: relative; } .intro__info-item:last-of-type .intro__info-title { margin-bottom: 1.9375rem; } .intro__info-item:last-of-type .intro__info-graph { display: block; width: 164px; height: 4.5rem; position: absolute; margin-bottom: 0; bottom: 0.5rem; left: 0; } .intro__info-item:last-of-type .intro__info-graph::before { position: absolute; content: ''; width: 7.4375rem; height: 4.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='119' height='72' viewBox='0 0 119 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 71.0001C5.7608 68.2807 9.46178 63.4862 17 52.0001C22.2782 44.7394 24.8449 42.6314 29 41.0001C32.7002 39.4365 34.6094 39.6051 38 40.0001C43.5897 40.5042 46.8987 41.9873 53 46C59.9902 49.8204 62.1458 50.0606 66 50.5C71.9257 51.1653 74.2279 49.3622 78.5 46.5C84.5065 40.0989 86.9387 35.0919 91.5 26.5C96.7256 16.2609 98.0567 14.6141 100.5 11.5C104.43 6.20059 106.197 4.64321 109 3C112.399 1.18239 114.378 0.696633 118 0.5' stroke='black'/%3E%3C/svg%3E%0A"); left: 0; bottom: 0; display: none; } .intro__info-item:last-of-type .intro__info-graph::after { position: absolute; content: ''; width: 16.875rem; height: 5.8125rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='254' height='93' viewBox='0 0 254 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M129.362 61.63C125.628 66.2623 121.22 69.5349 115.559 69.5685C107.481 69.6165 102.903 66.8087 98.4624 64.0855L98.3232 64.0002C93.9036 61.2903 89.5687 58.6806 81.6941 58.7273C77.2111 58.754 73.6685 60.7008 70.5252 63.723C67.3905 66.7369 64.7193 70.7538 61.9581 74.9058L61.8574 75.0572C59.0908 79.217 56.2282 83.5003 52.7808 86.7367C49.3039 90.0009 45.1782 92.2534 39.8907 92.2848L1.3917 92.5136C1.39153 92.5136 1.39145 92.5136 1.38825 91.5101C1.38506 90.5066 1.38514 90.5066 1.3853 90.5066L39.8843 90.2778C44.5373 90.2502 48.2015 88.2928 51.4195 85.2718C54.667 82.2229 57.4042 78.1456 60.1977 73.9451L60.365 73.6936C63.0749 69.6182 65.851 65.4432 69.1464 62.2746C72.5391 59.0126 76.5482 56.7509 81.6877 56.7203C90.1366 56.6701 94.868 59.5277 99.3668 62.2861L99.4731 62.3512C103.868 65.0462 108.043 67.6061 115.553 67.5615C120.348 67.533 124.247 64.791 127.811 60.3692C131.306 56.0343 134.345 50.2534 137.495 44.26L137.712 43.8486C140.914 37.7578 144.24 31.4885 148.234 26.6145C152.238 21.728 157.015 18.1187 163.152 17.546C173.98 16.5355 180.581 23.3313 186.834 29.9109L187.093 30.1835C193.352 36.7705 199.335 43.0672 209.025 43.0096C214.575 42.9767 220.028 40.4405 225.139 36.5261C230.243 32.6165 234.924 27.393 238.907 22.1358C242.885 16.8839 246.142 11.6307 248.406 7.68737C249.537 5.71682 250.419 4.07604 251.017 2.92957C251.316 2.3564 251.544 1.90696 251.697 1.60182C251.773 1.44926 251.831 1.33279 251.869 1.25497C251.888 1.21608 251.902 1.18685 251.911 1.1676L251.922 1.14626L251.924 1.1413L251.925 1.14016C252.166 0.640866 252.763 0.431132 253.259 0.671707C253.755 0.912292 253.962 1.51207 253.722 2.01136L253.001 1.66207C253.722 2.01142 253.722 2.01175 253.721 2.01224L253.72 2.0141L253.717 2.02066L253.705 2.04524L253.686 2.0844L253.659 2.13923C253.639 2.18117 253.613 2.23319 253.582 2.29494C253.553 2.35434 253.519 2.42273 253.48 2.49984C253.323 2.81438 253.09 3.27382 252.785 3.85751C252.177 5.02478 251.282 6.68965 250.136 8.68674C247.844 12.6787 244.54 18.0088 240.495 23.3488C236.453 28.6836 231.648 34.0608 226.347 38.1211C221.052 42.1768 215.182 44.9801 209.031 45.0166C198.472 45.0794 191.94 38.2 185.836 31.7703C185.686 31.6129 185.537 31.4559 185.388 31.2992C179.053 24.634 173.082 18.6345 163.331 19.5445C157.939 20.0477 153.605 23.2133 149.774 27.8879C145.933 32.5749 142.7 38.6528 139.477 44.7824C139.388 44.9524 139.298 45.1225 139.209 45.2926C136.101 51.2057 132.982 57.1391 129.362 61.63ZM0.389622 91.516C0.387857 90.9618 0.833775 90.5099 1.3853 90.5066L1.38825 91.5101L1.3917 92.5136C0.840166 92.5169 0.391387 92.0703 0.389622 91.516Z' fill='url(%23paint0_linear_27_3847)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_27_3847' x1='121.872' y1='32.4282' x2='137.344' y2='73.4906' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321E5C2'/%3E%3Cstop offset='0.401042' stop-color='%2357B5FB'/%3E%3Cstop offset='0.703125' stop-color='%23848DF5'/%3E%3Cstop offset='1' stop-color='%23DF5ABB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); top: -18px; left: -55px; z-index: -1; } .intro__info-item:last-of-type .intro__info-ball { position: absolute; width: 0.3125rem; height: 0.3125rem; border-radius: 0.15625rem; background-color: #00AAAA; left: 0; -webkit-box-shadow: 0 0 0 4px rgba(87, 181, 251, 0.3); box-shadow: 0 0 0 4px rgba(87, 181, 251, 0.3); z-index: 14; motion-path: path("M1 71.0001C5.7608 68.2807 9.46178 63.4862 17 52.0001C22.2782 44.7394 24.8449 42.6314 29 41.0001C32.7002 39.4365 34.6094 39.6051 38 40.0001C43.5897 40.5042 46.8987 41.9873 53 46C59.9902 49.8204 62.1458 50.0606 66 50.5C71.9257 51.1653 74.2279 49.3622 78.5 46.5C84.5065 40.0989 86.9387 35.0919 91.5 26.5C96.7256 16.2609 98.0567 14.6141 100.5 11.5C104.43 6.20059 106.197 4.64321 109 3C112.399 1.18239 114.378 0.696633 118 0.5"); offset-path: path("M1 71.0001C5.7608 68.2807 9.46178 63.4862 17 52.0001C22.2782 44.7394 24.8449 42.6314 29 41.0001C32.7002 39.4365 34.6094 39.6051 38 40.0001C43.5897 40.5042 46.8987 41.9873 53 46C59.9902 49.8204 62.1458 50.0606 66 50.5C71.9257 51.1653 74.2279 49.3622 78.5 46.5C84.5065 40.0989 86.9387 35.0919 91.5 26.5C96.7256 16.2609 98.0567 14.6141 100.5 11.5C104.43 6.20059 106.197 4.64321 109 3C112.399 1.18239 114.378 0.696633 118 0.5"); } .intro__info-link { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-decoration: none; padding: 1rem 1rem; } .intro__info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 2.15256px 8.80593px -0.97844px rgba(85, 99, 136, 0.46); box-shadow: 0px 2.15256px 8.80593px -0.97844px rgba(85, 99, 136, 0.46); border-radius: 0.25rem; } .intro__info-name { font-family: "Stolzl", sans-serif; font-size: 0.5rem; line-height: 0.75rem; font-weight: 400; color: #14004B; margin-bottom: 0.1875rem; } .intro__info-title { color: #14004B; } .intro__info-nr { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 0.9375rem; font-weight: 500; color: #14004B; letter-spacing: 0.01em; margin-bottom: 0.1875rem; opacity: 0; } .intro__info-nr span:first-of-type { margin-right: 2px; } .intro__info-range { width: 100%; height: 0.375rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 1; } .intro__info-range .range-line { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 0.0625rem; width: 100%; background-color: #14004B; opacity: 0.15; z-index: auto; } .intro__info-range .range-upper { stroke: #F5AABE; stroke-width: 2px; border-radius: 0.25rem; fill: none; stroke-linecap: round; z-index: 2; opacity: 0; } .intro__info-range .range-upper--desktop { display: none; } .intro__info-range .range-tumbler { position: absolute; left: 0; top: 3px; motion-path: path("M 0 0 L 68 0"); offset-path: path("M 0 0 L 68 0"); width: 0.3125rem; height: 0.3125rem; border-radius: 0.15625rem; background-color: #4164EE; z-index: 5; } .intro__info-range .range-overline { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3.75rem; height: 0.0375rem; background: #F5AABE; border-radius: 0.25rem; z-index: 1; } .intro__info--factoring { padding-top: 10.4375rem; padding-bottom: 9.375rem; padding-left: 0.625rem; margin-bottom: 0; } .intro__info--factoring .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .intro__info--factoring .intro__info-item { padding: 4.25rem 1.4375rem 1.25rem 1.4375rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); border-radius: 0.75rem; overflow: visible; } .intro__info--factoring .intro__info-item::before { position: absolute; content: ''; width: 2.375rem; height: 2.375rem; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Crect width='68' height='68' rx='34' fill='%234164EE'/%3E%3Cpath d='M52.8491 24.1994C53.4349 23.6137 53.4349 22.6639 52.8491 22.0781C52.2633 21.4923 51.3136 21.4923 50.7278 22.0781L52.8491 24.1994ZM29.7503 45.1769L28.6896 46.2376L29.7503 47.2983L30.8109 46.2376L29.7503 45.1769ZM19.3213 32.6267C18.7355 32.0409 17.7858 32.0409 17.2 32.6267C16.6142 33.2125 16.6142 34.1622 17.2 34.748L19.3213 32.6267ZM50.7278 22.0781L28.6896 44.1163L30.8109 46.2376L52.8491 24.1994L50.7278 22.0781ZM30.8109 44.1163L19.3213 32.6267L17.2 34.748L28.6896 46.2376L30.8109 44.1163Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); top: 0.875rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro__info--factoring .intro__info-name { font-size: 0.5625rem; line-height: 0.6875rem; margin-bottom: 0; } .intro__info--factoring::before { display: none; } .intro__info--factoring::after { position: absolute; content: ''; left: auto; width: 26rem; height: 17.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("/bitrix/templates/rowi/static/css/../images/content/factoring-new.png"); pointer-events: none; top: 4.75rem; right: -9.375rem; -webkit-box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); border-radius: 12px; } .intro__info--warranty { margin-bottom: 0; } .intro__info--warranty::before { width: 22rem; height: 15.5625rem; background-color: #D9F2F2; left: auto; top: 3.625rem; right: -2.375rem; } .intro__info--warranty::after { display: none; } .intro__info--warranty .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; padding-top: 0; margin-top: 4.75rem; width: 21.1875rem; height: 22.25rem; gap: 0; z-index: 2; } .intro__info--warranty .intro__info-item:first-of-type { width: 8rem; height: 8.75rem; position: absolute; bottom: 0; right: 0.25rem; padding: 1rem 1.5rem; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 1rem; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-name { text-align: left; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; letter-spacing: 0.01em; margin-bottom: 0.75rem; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-round { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; border: 0.21875rem solid #00AAAA; background-color: #fff; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 500; color: #14004B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.02em; z-index: -1; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-round span { font-size: 0.625rem; line-height: 0.9375rem; letter-spacing: 0.01em; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .intro__info--warranty .intro__info-item--big { width: auto; max-width: 17.5625rem; height: 13.75rem; padding: 1.5rem 1.5rem; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; position: absolute; left: 0; top: 1.0625rem; z-index: 0; } .intro__info--warranty .intro__info-item--big .intro__info-title { font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 1.5rem; font-weight: 500; max-width: 100%; } .intro__info--warranty .intro__info-item--big .intro__list { margin-bottom: 0; gap: 0.25rem; } .intro__info--warranty .intro__info-item--big .intro__item { padding-top: 0.125rem; padding-bottom: 0.125rem; } .intro__info--warranty .intro__info-item--big .intro__item::before { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .intro__info--credit { padding-top: 4.75rem; padding-bottom: 6.875rem; padding-left: 0.125rem; margin-bottom: 0; } .intro__info--credit .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 21.4375rem; height: 17.375rem; pointer-events: none; } .intro__info--credit .intro__info-item { position: absolute; top: 5.8125rem; left: 0; padding: 1rem 1.5rem 1rem 1rem; border-radius: 0.75rem; width: 9.25rem; height: 8.8125rem; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); } .intro__info--credit .intro__info-title { font-size: 0.875rem; line-height: 1.0625rem; letter-spacing: 0.01em; } .intro__info--credit .intro__info-item:last-of-type .intro__info-title { margin-bottom: 0.75rem; } .intro__info--credit .intro__list { margin-bottom: 0; } .intro__info--credit .intro__item { padding-top: 0.0625rem; padding-bottom: 0.0625rem; } .intro__info--credit::before { width: 22rem; height: 15.5625rem; right: -2.25rem; z-index: -1; pointer-events: none; bottom: auto; top: 5.8125rem; left: auto; } .intro__info--credit::after { position: absolute; content: ''; width: 25rem; height: 17.375rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("/bitrix/templates/rowi/static/css/../images/content/intro-credit.png"); left: auto; bottom: auto; top: 4.75rem; right: -8.25rem; -webkit-box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); box-shadow: 0 16px 40px 0 rgba(114, 128, 182, 0.2); border-radius: 12px; pointer-events: none; } .intro__info--about { margin-bottom: 0; } .intro__info--about::before { position: absolute; content: ''; top: 1.875rem; left: 3.375rem; right: auto; width: 16.375rem; height: 11.375rem; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("/bitrix/templates/rowi/static/css/../images/content/about-intro.png"); background-size: contain; border-radius: 0.75rem; } .intro__info--about::after { position: absolute; content: ''; width: 6.75rem; height: 4.0625rem; background: #F9D4DE; border-radius: 8px; background-position: 0 50%; background-repeat: no-repeat; background-image: url("/bitrix/templates/rowi/static/css/../images/content/truck.png"); background-size: 5.9375rem 3.25rem; left: 0; bottom: -0.25rem; } .intro__info--about .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 0; padding-bottom: 8.25rem; margin-bottom: 1rem; } .intro__info--about .intro__info-item { width: 4.25rem; height: 5rem; padding: 3rem 0.75rem 0.5rem 0.75rem; -webkit-box-shadow: 0px 9.09639px 22.741px rgba(114, 128, 182, 0.2); box-shadow: 0px 9.09639px 22.741px rgba(114, 128, 182, 0.2); border-radius: 7.06142px; position: relative; } .intro__info--about .intro__info-item::after { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.65' clip-path='url(%23clip0_971_6396)'%3E%3Crect width='24' height='24' rx='12' fill='%23E8ECFD'/%3E%3Cpath d='M18.7077 8.59636C18.9451 8.35895 18.9451 7.97402 18.7077 7.7366C18.4703 7.49919 18.0853 7.49919 17.8479 7.7366L18.7077 8.59636ZM10.4996 15.9447L10.0698 16.3745L10.4996 16.8044L10.9295 16.3745L10.4996 15.9447ZM6.87436 11.4596C6.63695 11.2222 6.25202 11.2222 6.01461 11.4596C5.77719 11.697 5.77719 12.082 6.0146 12.3194L6.87436 11.4596ZM17.8479 7.7366L10.0698 15.5148L10.9295 16.3745L18.7077 8.59636L17.8479 7.7366ZM10.9295 15.5148L6.87436 11.4596L6.0146 12.3194L10.0698 16.3745L10.9295 15.5148Z' fill='%234164EE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_971_6396'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); top: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro__info--about .intro__info-name { font-size: 0.5rem; line-height: 0.75rem; letter-spacing: 0.01em; text-align: center; } .intro__svg { opacity: 0; position: absolute; width: 20.375rem; height: 22rem; } .intro__line { position: absolute; top: 0; left: 0; } .intro__line--desktop { display: none; } .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 999; } .intro__details { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .intro__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; letter-spacing: 0.01em; text-align: left; margin-bottom: 1.5rem; } .intro__controls { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .intro__link { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; text-decoration: none; background-color: #14004B; border-radius: 0.375rem; padding: 0.9375rem 2rem; margin-right: 1rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__btn { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #14004B; letter-spacing: 0.02em; padding: 0.9375rem 1.5rem 0.9375rem 3rem; position: relative; background-color: transparent; border: none; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__btn::after { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%2314004B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 8L16 12L10 16V8Z' stroke='%2314004B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; top: 50%; left: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .intro__btn:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro--factoring { padding-top: 3rem; padding-bottom: 0; margin-bottom: 3rem; } .intro--factoring::before { position: absolute; content: ''; bottom: 4.625rem; left: 2.6875rem; width: 22rem; height: 15.5625rem; border-radius: 2.5rem; background-color: #E3E8FD; opacity: 0.6; } .intro--factoring.loaded .intro__svg { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro--factoring.loaded .intro__line-mask { -webkit-animation: dashReverse 0.4s linear forwards 0.1s; animation: dashReverse 0.4s linear forwards 0.1s; } .intro--factoring.loaded .intro__line-top { -webkit-animation: dashReverse 0.2s linear forwards 0.5s; animation: dashReverse 0.2s linear forwards 0.5s; } .intro--factoring .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .intro--factoring .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .intro--factoring .intro__info { position: relative; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--factoring .intro__link { width: 100%; margin-right: 0; margin-bottom: 1rem; background-color: #4164EB; } .intro--factoring .intro__svg { display: block; opacity: 0; width: 9.1875rem; height: 7.375rem; position: absolute; bottom: 1.5rem; left: 1.25rem; } .intro--factoring .intro__line { position: absolute; top: 0; left: 0; } .intro--factoring .intro__line--desktop { display: none; } .intro--factoring .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--factoring .intro__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--factoring .intro__frame { position: absolute; bottom: 24px; left: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 9.6875rem; height: 7rem; } .intro--factoring .intro__frame-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .intro__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .intro .callback__input { width: 100%; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 400; color: #14004B; padding: 1.375rem 0.625rem 0.25rem 0; margin-bottom: 0; border: none; border-bottom: 0.125rem solid #14004B; background-color: transparent; } .intro .callback__submit { background-color: #14004B; } .intro .callback__agree { letter-spacing: 0.01em; } .intro .callback__agree a { color: #14004B; text-decoration: underline; } .intro--credit { padding-top: 3rem; padding-bottom: 0; margin-bottom: 3rem; } .intro--credit.loaded .intro__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .intro--credit.loaded .intro__line-mask { -webkit-animation: dashReverse 0.4s ease-out forwards 0.2s; animation: dashReverse 0.4s ease-out forwards 0.2s; } .intro--credit .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 2.5rem; } .intro--credit .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .intro--credit .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--credit .intro__info-item:last-of-type { overflow: visible; } .intro--credit .intro__info-item:last-of-type .intro__list { width: 100%; } .intro--credit .intro__info-item:last-of-type .intro__item::before { background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%234164EB'/%3E%3C/svg%3E"); background-size: 0.4375rem 0.4375rem; } .intro--credit .intro__svg { opacity: 0; width: 7.875rem; height: 5rem; position: absolute; bottom: 3.125rem; left: 1.5rem; z-index: 0; } .intro--credit .intro__line { position: absolute; top: 0; left: 0; } .intro--credit .intro__line--desktop { display: none; } .intro--credit .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--credit .intro__description { margin-bottom: 3.5rem; } .intro--credit .intro__link { width: 100%; margin-right: 0; } .intro--credit .intro__scroll { display: none; } .intro--about { padding-top: 3rem; } .intro--about.loaded .intro__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .intro--about.loaded .intro__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro--about.loaded .intro__line-top { -webkit-animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .intro--about .intro__svg { opacity: 0; position: absolute; bottom: 0; right: calc((100% - 495px) / 2); width: 15.3125rem; height: 6.625rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .intro--about .intro__line { position: absolute; top: 0; left: 0; } .intro--about .intro__line--desktop { display: none; } .intro--about .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 1.5px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--about .intro__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 1.5px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--about .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 2.5rem; } .intro--about .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .intro--about .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--about .intro__description { margin-bottom: 3.5rem; } .intro--about .intro__link { width: 100%; margin-right: 0; } .intro--career { padding-top: 3rem; } .intro--career.loaded .intro__svg { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro--career.loaded .intro__line-mask { -webkit-animation: dashReverse 0.4s linear forwards 0.1s; animation: dashReverse 0.4s linear forwards 0.1s; } .intro--career.loaded .intro__line-top { -webkit-animation: dash 0.2s linear forwards 0.5s; animation: dash 0.2s linear forwards 0.5s; } .intro--career .intro__title { margin-bottom: 1.5rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .intro--career .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 3.5rem; } .intro--career .intro__description { margin-bottom: 2.5rem; } .intro--career .intro__link { margin: 0; width: 100%; } .intro--career .intro__visual { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; } .intro--career .intro__frame { border-radius: 1.375rem; overflow: hidden; } .intro--career .intro__svg { opacity: 0; position: absolute; bottom: -0.625rem; left: calc((100% - 343px) / 2); width: 9.75rem; height: 6.1875rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .intro--career .intro__line { position: absolute; top: 0; left: 0; } .intro--career .intro__line--desktop { display: none; } .intro--career .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 1.5px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--career .intro__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 1.5px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; margin-bottom: 2.5rem; } .intro__item { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 2rem; position: relative; } .intro__item span { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; letter-spacing: 0.01em; } .intro__item::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.2176 1.12573C23.5106 1.41852 23.5108 1.89339 23.218 2.18639L8.54094 16.8739C8.24823 17.1668 7.77353 17.1671 7.4805 16.8745L0.782583 10.187C0.489462 9.89433 0.489092 9.41945 0.781757 9.12633C1.07442 8.83321 1.5493 8.83284 1.84242 9.12551L8.00982 15.2833L22.157 1.12611C22.4498 0.833111 22.9246 0.832943 23.2176 1.12573Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.125rem 0.8125rem; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .intro--warranty { padding-top: 3rem; padding-bottom: 4.25rem; } .intro--warranty.loaded .intro__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .intro--warranty.loaded .intro__line-mask { -webkit-animation: dashReverse 0.4s ease-out forwards 0.3s; animation: dashReverse 0.4s ease-out forwards 0.3s; } .intro--warranty .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .intro--warranty .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .intro--warranty .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--warranty .intro__svg { opacity: 0; width: 12.375rem; height: 11.0625rem; position: absolute; bottom: -1.125rem; left: 2.5rem; z-index: 0; } .intro--warranty .intro__line { position: absolute; top: 0; left: 0; } .intro--warranty .intro__line--desktop { display: none; } .intro--warranty .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .intro--warranty .intro__link { width: 100%; margin-right: 0; } .intro--warranty .intro__description { margin-bottom: 3.5rem; } .intro--sell { padding-top: 3rem; padding-bottom: 3.1875rem; } .intro--sell .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1.5rem; } .intro--sell .intro__visual { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; width: 22.1875rem; height: 18.875rem; max-height: 18.875rem; margin-left: -0.375rem; } .intro--sell .intro__visual-frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .intro--sell .intro__visual-image { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .intro--sell .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 3.1875rem; } .intro--sell .intro__description { margin-bottom: 2.5rem; } .intro--sell .intro__link { width: 100%; margin: 0; background-color: #4164EE; } @media screen and (min-width: 1200px) { .intro { --width: calc(100% - 1032px); display: grid; grid-template-areas: 'title list' 'info list'; grid-template-columns: 31.75rem 31.5rem; grid-column-gap: 1.25rem; grid-row-gap: 2.5rem; padding: 8.8125rem calc(var(--width) / 2) 7.8125rem calc(var(--width) / 2); margin-bottom: 7rem; z-index: 2; } .intro.loaded .intro__info-item--first:hover { margin-top: 4.75rem; -webkit-transition: all 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: all 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--second:hover { margin-top: -0.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--third:hover { margin-top: -5.625rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro.loaded .intro__info-item--fourth:hover { margin-top: -0.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__title { grid-area: title; margin-bottom: 0; align-self: center; margin-top: 2.75rem; } .intro__info { grid-area: list; margin-bottom: 0; } .intro__info::before { width: 29.125rem; height: 28.5rem; border-radius: 3.75rem; left: auto; right: -2.75rem; bottom: -0.625rem; } .intro__info::after { bottom: 0.5rem; left: auto; right: -2.625rem; width: 35.1875rem; height: 29.75rem; background-image: url("data:image/svg+xml,%3Csvg width='563' height='476' viewBox='0 0 563 476' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.4236 52.3306C103.024 9.18424 176.553 -12.0141 280.867 8.93383C281.409 9.04257 281.759 9.56967 281.651 10.1111C281.542 10.6526 281.015 11.0034 280.473 10.8947C176.591 -9.96656 103.793 11.2102 58.7982 53.7834C13.7832 96.3756 -3.60011 160.566 3.73624 226.121C18.4101 357.244 131.902 493.309 319.768 471.609C424.187 459.548 490.65 425.241 526.75 380.805C562.825 336.398 568.706 281.715 551.635 228.557C517.471 122.167 391.385 22.0679 232.134 23.9215C231.581 23.9279 231.129 23.4854 231.122 22.9332C231.116 22.3809 231.558 21.928 232.11 21.9216C392.157 20.0588 519.083 120.644 553.54 227.945C570.78 281.633 564.874 337.047 528.302 382.066C491.753 427.055 424.709 461.501 319.997 473.596C130.834 495.446 16.5223 358.358 1.74864 226.344C-5.63879 160.332 11.8431 95.4579 57.4236 52.3306Z' fill='%2314004B'/%3E%3C/svg%3E"); -webkit-transform: rotate(156deg); -ms-transform: rotate(156deg); transform: rotate(156deg); } .intro__info-list { grid-template-columns: 47.61904761904762% 47.61904761904762%; grid-template-rows: 12.8125rem 12.8125rem; grid-column-gap: 1.5rem; grid-row-gap: 6.625rem; } .intro__info-item { border-radius: 1.375rem; max-width: 15rem; } .intro__info-item:first-of-type { grid-column: 1 / 2; margin-top: 5.125rem; } .intro__info-item:first-of-type .intro__info-inner { width: 7.375rem; padding: 0.5rem 0.75rem 0.5rem 0.4375rem; } .intro__info-item:nth-of-type(2) { grid-column: 2 / 3; margin-top: 0; } .intro__info-item:nth-of-type(2) .intro__info-inner { max-width: 5.0625rem; } .intro__info-item:nth-of-type(2) .intro__info-name { width: 5.0625rem; padding: 3.625rem 0.8125rem 0.375rem 0.8125rem; border-radius: 0.3125rem; } .intro__info-item:nth-of-type(2) .intro__info-name::after { width: 1.4375rem; height: 1.4375rem; top: 1.25rem; } .intro__info-item:nth-of-type(2) .intro__info-border { border-radius: 0.3125rem; } .intro__info-item:nth-of-type(3) { margin-top: -5.125rem; } .intro__info-item:nth-of-type(3) .intro__info-link { padding-right: 2.125rem; } .intro__info-item:nth-of-type(3) .intro__info-inner { max-width: 4.4375rem; } .intro__info-item:nth-of-type(3) .intro__info-name { width: 4.4375rem; padding: 2.25rem 0.4375rem 0.75rem 0.5625rem; border-radius: 0.3125rem; } .intro__info-item:nth-of-type(3) .intro__info-name::after { width: 1.375rem; height: 1.375rem; top: 0.5rem; } .intro__info-item:nth-of-type(3) .intro__info-round { width: 3.5625rem; height: 3.5625rem; border-radius: 1.8125rem; top: -2.375rem; left: -2rem; } .intro__info-item:nth-of-type(3) .intro__info-round svg { width: 3.5625rem; height: 3.5625rem; } .intro__info-item:nth-of-type(3) .intro__info-round span { font-size: 0.9375rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.02em; } .intro__info-item:nth-of-type(3) .intro__info-round span:last-of-type { font-size: 0.625rem; line-height: 0.9375rem; letter-spacing: 0.01em; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .intro__info-item:nth-of-type(3) .intro-percent-round.mobile { display: none; } .intro__info-item:nth-of-type(3) .intro-percent-round.desktop { display: block; stroke-width: 0.1875rem; } .intro__info-item:last-of-type .intro__info-title { margin-bottom: 1.9375rem; } .intro__info-item:last-of-type .intro__info-graph { width: 15rem; height: 5.3125rem; bottom: 1rem; left: 0; } .intro__info-item:last-of-type .intro__info-graph::after { width: 291px; top: -46px; left: -3px; height: 158px; } .intro__info-item:last-of-type .intro__info-graph::before { position: absolute; content: ''; width: 11.75rem; height: 5.3125rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='188' height='85' viewBox='0 0 188 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 83.5H41C54.2141 83.8595 58.7571 76.9594 66.9999 65C66.9999 65 72.001 58 73.5004 56C74.9998 54.0001 78.5012 49.5001 82.5004 47.5C87.67 44.7882 90.2766 45.2238 95 45.5C102.014 46.4463 105.164 48.6032 111 52C116.819 55.6011 118.88 56.3197 122 57C127.604 58.0391 130.117 57.91 134 57C138.068 55.2479 140.254 53.4473 144 49C146.06 46.4978 147.668 43.8897 151 38C161.617 18.5773 163.665 13.387 171 6.49999C177.488 1.12176 180.914 0.95682 187 0.999986' stroke='black'/%3E%3C/svg%3E"); left: 0; bottom: 0; display: none; } .intro__info-item:last-of-type .intro__info-ball { motion-path: path("M0 83.5H41C54.2141 83.8595 58.7571 76.9594 66.9999 65C66.9999 65 72.001 58 73.5004 56C74.9998 54.0001 78.5012 49.5001 82.5004 47.5C87.67 44.7882 90.2766 45.2238 95 45.5C102.014 46.4463 105.164 48.6032 111 52C116.819 55.6011 118.88 56.3197 122 57C127.604 58.0391 130.117 57.91 134 57C138.068 55.2479 140.254 53.4473 144 49C146.06 46.4978 147.668 43.8897 151 38C161.617 18.5773 163.665 13.387 171 6.49999C177.488 1.12176 180.914 0.95682 187 0.999986"); offset-path: path("M0 83.5H41C54.2141 83.8595 58.7571 76.9594 66.9999 65C66.9999 65 72.001 58 73.5004 56C74.9998 54.0001 78.5012 49.5001 82.5004 47.5C87.67 44.7882 90.2766 45.2238 95 45.5C102.014 46.4463 105.164 48.6032 111 52C116.819 55.6011 118.88 56.3197 122 57C127.604 58.0391 130.117 57.91 134 57C138.068 55.2479 140.254 53.4473 144 49C146.06 46.4978 147.668 43.8897 151 38C161.617 18.5773 163.665 13.387 171 6.49999C177.488 1.12176 180.914 0.95682 187 0.999986"); } .intro__info-link { padding: 1.5rem 1.5rem; } .intro__info-inner { border-radius: 0.3125rem; } .intro__info-name { font-size: 0.625rem; line-height: 0.9375rem; margin-bottom: 0.375rem; letter-spacing: 0.01em; } .intro__info-nr { font-weight: 400; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.02em; margin-bottom: 0.3125rem; white-space: nowrap; } .intro__info-range svg { width: 4.8125rem; } .intro__info-range .range-upper--mobile { display: none; } .intro__info-range .range-upper--desktop { display: block; } .intro__info-range .range-tumbler { top: 3px; width: 0.4375rem; height: 0.4375rem; border-radius: 0.21875rem; motion-path: path("M 0 0 L 77 0"); offset-path: path("M 0 0 L 77 0"); } .intro__info-range .range-overline { width: 4.875rem; } .intro__info--factoring { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0; margin-bottom: 0; } .intro__info--factoring .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 4; } .intro__info--factoring .intro__info-item { padding: 7.75rem 2.0625rem 2.5rem 2.0625rem; border-radius: 1.375rem; margin: 0; -webkit-transform: translate(-44px, 20px); -ms-transform: translate(-44px, 20px); transform: translate(-44px, 20px); } .intro__info--factoring .intro__info-item::before { width: 4.25rem; height: 4.25rem; top: 2rem; } .intro__info--factoring .intro__info-name { font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; letter-spacing: 0.02em; margin-bottom: 0; white-space: nowrap; } .intro__info--factoring::before { display: none; } .intro__info--factoring::after { width: 43rem; height: 29rem; top: 66%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -12.625rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("/bitrix/templates/rowi/static/css/../images/content/factoring-new.png"); pointer-events: none; } .intro__info--warranty { margin-bottom: 0; } .intro__info--warranty::after { display: none; } .intro__info--warranty::before { width: 27.8125rem; height: 21.8125rem; right: 0; top: 2.875rem; } .intro__info--warranty .intro__info-list { padding-top: 0; margin-top: 0; width: 26rem; height: 28.25rem; } .intro__info--warranty .intro__info-item:first-of-type { width: 11.3125rem; height: 12.125rem; top: 0rem; right: 1rem; bottom: auto; margin-top: 0; padding: 1.5rem 2.5rem; border-radius: 1.375rem; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-name { text-align: center; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.02em; margin-bottom: 1.3125rem; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-round { width: 5rem; height: 5rem; border-radius: 2.5rem; border-width: 0.3125rem; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0.01em; } .intro__info--warranty .intro__info-item:first-of-type .intro__info-round span { font-size: 0.875rem; line-height: 1.375rem; } .intro__info--warranty .intro__info-item--big { max-width: 23.5625rem; height: 20.0625rem; padding-top: 2rem; padding-left: 2rem; border-radius: 1.375rem; margin-top: 0; top: 8.1875rem; left: 0; } .intro__info--warranty .intro__info-item--big .intro__info-title { font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 2rem; max-width: 50%; } .intro__info--warranty .intro__info-item--big .intro__list { margin-bottom: 0; gap: 0.5rem; } .intro__info--warranty .intro__info-item--big .intro__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .intro__info--credit { padding-top: 0rem; padding-bottom: 0rem; padding-left: 0rem; margin-bottom: 0; } .intro__info--credit .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 26rem; height: 29rem; } .intro__info--credit .intro__info-item { margin-top: 0; top: 8.875rem; left: 0; padding: 2rem 2.5rem 2rem 2rem; border-radius: 1.375rem; width: 14.8125rem; height: 13.8125rem; } .intro__info--credit .intro__info-title { font-size: 1.375rem; line-height: 1.8125rem; letter-spacing: 0; } .intro__info--credit .intro__info-item:last-of-type .intro__info-title { margin-bottom: 1.5rem; } .intro__info--credit .intro__list { margin-bottom: 0; gap: 0.25rem; } .intro__info--credit .intro__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-left: 2.625rem; } .intro__info--credit::before { width: 46.6875rem; height: 21.8125rem; border-radius: 3.75rem; bottom: auto; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -17.3125rem; } .intro__info--credit::after { width: 41.75rem; height: 29rem; background-image: url("/bitrix/templates/rowi/static/css/../images/content/intro-credit.png"); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -23.125rem; } .intro__info--about { -ms-flex-item-align: start; align-self: start; margin-bottom: 0; min-height: 16rem; } .intro__info--about::before { top: 0.5rem; left: 0; right: auto; width: 23rem; height: 16rem; background-image: url("/bitrix/templates/rowi/static/css/../images/content/about-intro-2.png"); -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 1.375rem; } .intro__info--about::after { width: 9.4375rem; height: 5.6875rem; background-size: 8.8125rem 4.875rem; background-position: -10px 50%; background-image: url("/bitrix/templates/rowi/static/css/../images/content/truck.png"); overflow: hidden; left: -4.0625rem; bottom: -2.125rem; } .intro__info--about .intro__info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 0; padding-bottom: 0; } .intro__info--about .intro__info-item { position: absolute; width: 7.125rem; height: 7.5rem; padding: 4.75rem 1.75rem 1.3125rem 1.75rem; margin: 0; top: -2.125rem; right: -1.8125rem; } .intro__info--about .intro__info-item::after { width: 2.375rem; height: 2.375rem; top: 1.3125rem; } .intro__info--about .intro__info-name { font-size: 0.625rem; font-weight: 500; line-height: 0.75rem; letter-spacing: 0.02em; } .intro__svg { width: 36.4375rem; height: 28.4375rem; left: 55%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .intro__line--mobile { display: none; } .intro__line--desktop { display: block; } .intro__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 999; } .intro__details { grid-area: info; align-self: flex-start; max-width: 24.875rem; -webkit-transform: translateY(-32px); -ms-transform: translateY(-32px); transform: translateY(-32px); } .intro__description { font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0; margin-bottom: 2.5rem; } .intro__link { font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; margin-right: 3rem; } .intro__link:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro__btn { font-size: 1.125rem; line-height: 1.375rem; padding-top: 1.0625rem; padding-bottom: 1.0625rem; } .intro__btn:hover, .intro__btn:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .intro--factoring { grid-template-columns: 37rem 32.75rem; grid-column-gap: 3.875rem; padding-top: 7.0625rem; padding-bottom: 5.5rem; } .intro--factoring::before { position: absolute; content: ''; bottom: 6.25rem; left: auto; right: calc((100% - 1400px) / 2); width: 40rem; height: 25rem; border-radius: 3.75rem; } .intro--factoring.loaded .intro-main-mask { -webkit-animation: dashReverse 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: dashReverse 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .intro--factoring.loaded .intro__info-item { -webkit-animation: fadeInRightF 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInRightF 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .intro--factoring .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .intro--factoring .intro__details { max-width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .intro--factoring .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--factoring .intro__link { width: auto; } .intro--factoring .intro__svg { width: 15.5625rem; height: 16.6875rem; position: absolute; bottom: -15.625rem; left: 2.875rem; z-index: 3; } .intro--factoring .intro__line--desktop { display: block; } .intro--factoring .intro__line--mobile { display: none; } .intro--factoring .intro__form .callback__nr { grid-template-columns: 16.625rem 14.1875rem; margin-bottom: 0; } .intro__form { max-width: 31.8125rem; display: grid; grid-template-columns: 16.625rem 14.1875rem; grid-row-gap: 1.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .intro__form .callback__nr { grid-template-columns: 16.625rem 14.1875rem; } .intro__form .callback__nr-field { margin-bottom: 0; } .intro .callback__nr { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .intro .callback__agree { font-size: 0.875rem; line-height: 155%; font-weight: 400; max-width: 30rem; } .intro .callback__submit { padding: 1rem 1.5rem; } .intro .callback__input { padding-top: 0; padding-bottom: 1.125rem; font-size: 1.125rem; line-height: 130%; } .intro--credit { position: relative; grid-template-columns: 37rem 26rem; grid-template-rows: minmax(9.5625rem, 9.5625rem); grid-column-gap: 1.5rem; grid-row-gap: 2.5rem; padding-top: 7.25rem; padding-bottom: 10.375rem; margin-bottom: 7rem; } .intro--credit .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0rem; justify-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 0; } .intro--credit .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 31.5rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .intro--credit .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--credit .intro__description { margin-bottom: 3.5rem; } .intro--credit .intro__svg { opacity: 0; width: 14.1875rem; height: 8.875rem; position: absolute; bottom: -2.8125rem; left: 3.75rem; z-index: 0; } .intro--credit .intro__line { position: absolute; top: 0; left: 0; } .intro--credit .intro__line--mobile { display: none; } .intro--credit .intro__line--desktop { display: block; } .intro--credit .intro__link { max-width: 13.4375rem; } .intro--credit .intro__item span { white-space: nowrap; } .intro--credit .intro__scroll { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.5rem; height: 2.5rem; } .intro--credit .intro__scroll-body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 100%; border: 0.125rem solid #14004B; border-radius: 1.25rem; } .intro--credit .intro__scroll-body svg { position: absolute; top: 0.5rem; left: 50%; fill: #14004B; width: 0.875rem; height: 0.5rem; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); -webkit-animation: bounce 1s cubic-bezier(0.64, 0.47, 0.44, 0.76) alternate infinite; animation: bounce 1s cubic-bezier(0.64, 0.47, 0.44, 0.76) alternate infinite; } .intro--credit .intro__scroll:hover .intro__scroll-body svg { top: 1.5rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); -webkit-animation: none; animation: none; } .intro--credit .intro__form .callback__nr { grid-template-columns: 16.625rem 14.1875rem; margin-bottom: 0; } .intro--about { grid-template-columns: 39.8125rem 23rem; grid-column-gap: 2.25rem; grid-row-gap: 1.5rem; padding-top: 9.875rem; padding-bottom: 8.125rem; margin-bottom: 7rem; position: relative; } .intro--about .intro__details { position: relative; } .intro--about .intro__svg { --width: calc(100% - 212px); left: calc(var(--width) / 2); bottom: 10px; position: absolute; opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 8.125rem; height: 9.0625rem; } .intro--about .intro__line--mobile { display: none; } .intro--about .intro__line--desktop { display: block; } .intro--about .intro__line-mask { -webkit-animation: fadeOutStatic 0s linear forwards; animation: fadeOutStatic 0s linear forwards; } .intro--about .intro__top { bottom: -8px; right: -4px; width: 0.9375rem; height: 1.125rem; background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.907987 0.74447L7.94868 3.76813L14.9549 0.901122L8.04358 17.2717L0.907987 0.74447Z' fill='%23F5AABE'/%3E%3C/svg%3E"); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .intro--about .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; justify-self: start; -ms-flex-item-align: start; align-self: start; margin-top: 0; } .intro--about .intro__details { max-width: 27.5rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .intro--about .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--about .intro__info--about::after { -webkit-transform: none; -ms-transform: none; transform: none; } .intro--about .intro__description { font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 0; } .intro--about .intro__link { width: 100%; margin-right: 0; } .intro__item { padding-left: 3rem; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .intro__item span { font-size: 1.125rem; line-height: 1.625rem; letter-spacing: 0.01em; } .intro__item::before { width: 2rem; height: 2rem; background-size: 1.4375rem 1rem; } .intro--warranty { padding-top: 7.25rem; padding-bottom: 3.8125rem; grid-template-columns: 33.75rem 26rem; grid-template-rows: minmax(6.375rem, 6.375rem); grid-column-gap: 4.75rem; grid-row-gap: 2.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .intro--warranty .intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; justify-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 0; } .intro--warranty .intro__details { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .intro--warranty .intro__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .intro--warranty .intro__svg { opacity: 0; width: 14.1875rem; height: 8.875rem; position: absolute; bottom: -0.375rem; left: -2.875rem; z-index: 0; } .intro--warranty .intro__line { position: absolute; top: 0; left: 0; } .intro--warranty .intro__line--mobile { display: none; } .intro--warranty .intro__line--desktop { display: block; } .intro--warranty .intro__link { max-width: 13.4375rem; } .intro--warranty .intro__description { margin-bottom: 3.5rem; max-width: 100%; } .intro--warranty .intro__form .callback__nr { grid-template-columns: 16.625rem 14.1875rem; margin-bottom: 0; } .intro--career { padding-top: 11.625rem; padding-bottom: 5.4375rem; margin-bottom: 7rem; } .intro--career .intro__title { margin-top: 0; margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .intro--career .intro__details { max-width: 26rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0rem; -webkit-transform: none; -ms-transform: none; transform: none; } .intro--career .intro__visual { position: absolute; top: 11.625rem; right: calc((100% - 1518px) / 2); border-radius: 3.75rem; overflow: hidden; } .intro--career .intro__frame { width: 39.0625rem; height: 20.375rem; } .intro--career .intro__svg { bottom: 2.9375rem; left: calc((100% - 100px) / 2); -webkit-transform: none; -ms-transform: none; transform: none; width: 10.5rem; height: 12.375rem; } .intro--career .intro__line--mobile { display: none; } .intro--career .intro__line--desktop { display: block; } .intro--career .intro__description { margin-bottom: 3.5rem; font-size: 1.25rem; line-height: 1.625rem; } .intro--career .intro__link { margin: 0; width: auto; } .intro--sell { padding-top: 9.6875rem; grid-template-areas: 'title visual' 'info visual'; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-rows: 12.75rem 15.125rem; grid-row-gap: 2.5rem; grid-template-columns: 31.9375rem 33rem; grid-column-gap: 0; margin-bottom: 7rem; padding-bottom: 3.5rem; } .intro--sell .intro__title { margin-bottom: 0; margin-top: 2rem; } .intro--sell .intro__visual { grid-area: visual; width: 33rem; height: 28rem; max-height: 28rem; margin-left: -0.1875rem; } .intro--sell .intro__details { margin-top: 0; margin-bottom: 0; max-width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } .intro--sell .intro__description { max-width: 100%; margin-bottom: 3.5rem; } .intro--sell .intro__link { width: auto; max-width: 100%; white-space: nowrap; padding: 1.0625rem 1.5rem; } } @media screen and (min-width: 1440px) { .intro--career .intro__info { --width: calc(100% - 1032px); position: absolute; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; right: calc(var(--width) / 2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 47.0625rem; height: 24.5625rem; } .intro--career .intro__info::after, .intro--career .intro__info::before { display: none; } .intro--sell { grid-template-columns: 31.6875rem 32.3125rem; grid-column-gap: 1.3125rem; } } .features { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3rem calc(var(--width) / 2); margin-bottom: 3rem; } .features.loaded .features__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .features.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features.loaded .features__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features.loaded .features__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .features.loaded .features__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.5s; animation: fadeInStatic 0s linear forwards 0.5s; } .features.loaded .features__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .features.loaded .features__top { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; } .features__title { margin-bottom: 2.5rem; opacity: 0; } .features__title span { color: #4164EE; } .features__about { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 7.5rem; } .features__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .features__item { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1.5rem 0 1.5rem 2.5rem; opacity: 0; } .features__item:first-of-type .features__description { max-width: 70%; } .features__item:nth-of-type(3) .features__description { max-width: 82%; } .features__item:last-of-type .features__description { max-width: 82%; } .features__icon { position: absolute; width: 2rem; height: 2rem; left: 0; top: 1.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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .features__icon::after { position: absolute; content: ''; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .features__icon::before { position: absolute; content: ''; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.625rem; height: 1.625rem; background-color: #E3E8FD; border-radius: 0.1875rem; } .features__icon.fea-1::after { top: 0.0625rem; right: 0.3125rem; width: 1.25rem; height: 1.625rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='26' viewBox='0 0 20 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77025 11.4586C6.08524 15.1928 5.89626 23.6414 5.14028 24.5848C4.1953 25.764 10.1802 23.9952 14.5901 24.5848C14.5901 24.5848 14.5901 23.4056 14.5901 20.4575C14.5901 17.5094 14.5901 11.4586 14.5901 11.4586H19C16.4801 6.15198 10.1802 1.00002 9.86519 1C8.97426 0.999955 2.93532 7.92085 1.36036 9.68971C0.100382 11.1048 2.41034 11.4586 4.19531 11.4586' stroke='%2314004B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .features__icon.fea-2::after { top: 0; right: 0; width: 1.6875rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.25 1.5C11.7612 1.5 10.3503 2.01795 9.32421 2.91499C8.30133 3.80922 7.75 4.99872 7.75 6.2139C7.75 7.42908 8.30133 8.61857 9.32421 9.5128C10.3503 10.4098 11.7612 10.9278 13.25 10.9278C14.7388 10.9278 16.1497 10.4098 17.1758 9.5128C18.3189 8.51343 19.1106 7.42192 19.1106 6.31931C19.1106 5.22537 18.335 3.96711 17.2835 3.01101C16.0218 2.57486 15.3234 2.20599 14.8237 1.94209C14.7589 1.90787 14.6975 1.87541 14.6386 1.8448C14.3833 1.71213 14.2138 1.63498 14.0289 1.58391C13.8472 1.53376 13.617 1.5 13.25 1.5ZM8.33695 1.78569C9.65506 0.633371 11.4236 0 13.25 0C13.7118 0 14.0828 0.0426531 14.4281 0.138031C14.7702 0.232498 15.0535 0.369982 15.3302 0.513776C15.3917 0.545738 15.4547 0.578995 15.5202 0.613551C16.0224 0.878817 16.6696 1.22055 17.9096 1.63985C18.0029 1.67137 18.089 1.72092 18.1631 1.78569C19.4014 2.86828 20.6106 4.55205 20.6106 6.31931C20.6106 8.11493 19.3641 9.59212 18.1631 10.6421C16.8449 11.7944 15.0764 12.4278 13.25 12.4278C11.4236 12.4278 9.65506 11.7944 8.33695 10.6421C7.01563 9.48698 6.25 7.89695 6.25 6.2139C6.25 4.53084 7.01563 2.94082 8.33695 1.78569ZM2.27102 18.2678C1.73146 18.8256 1.5 19.3671 1.5 19.8736V22.6056C1.5 23.0198 1.16421 23.3556 0.75 23.3556C0.335786 23.3556 0 23.0198 0 22.6056V19.8736C0 18.8707 0.467757 17.9746 1.19284 17.2249C1.91442 16.4789 2.92236 15.8415 4.10977 15.3224C6.48681 14.2834 9.71862 13.6597 13.25 13.6597C16.6679 13.6597 19.3169 13.7097 21.4175 14.4764C23.6041 15.2745 25.1297 16.8142 26.4277 19.5524C26.492 19.688 26.5141 19.8398 26.4912 19.9882L26.0862 22.609C26.0554 22.8079 25.9461 22.9861 25.7827 23.1035C25.6193 23.2209 25.4156 23.2678 25.2173 23.2336C23.22 22.8885 20.6475 23.03 17.4586 23.2188L17.3201 23.227C14.1963 23.412 10.5585 23.6275 6.51948 23.4059C6.10589 23.3833 5.789 23.0296 5.81169 22.616C5.83437 22.2024 6.18805 21.8855 6.60164 21.9082C10.5546 22.125 14.1202 21.9139 17.254 21.7283L17.3699 21.7214C20.1498 21.5569 22.647 21.4106 24.7169 21.6478L24.9732 19.9894C23.8204 17.6383 22.5725 16.4947 20.9032 15.8855C19.1001 15.2274 16.7384 15.1597 13.25 15.1597C9.87514 15.1597 6.85694 15.7586 4.71055 16.6969C3.63623 17.1664 2.8141 17.7063 2.27102 18.2678Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-3::after { top: 0.0625rem; right: 0.0625rem; width: 1.25rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.94935 3.98312L5.0238 12.9934C5.02546 13.1944 4.94061 13.3849 4.79087 13.5164C4.64112 13.648 4.44094 13.7077 4.2413 13.6806L1.96881 13.3714L2.07385 14.8736L4.74863 15.0583C5.09377 15.0822 5.37423 15.3541 5.40892 15.6985L5.60814 17.6761C5.6279 17.8723 5.56427 18.0663 5.43283 18.2106C5.32573 18.3282 5.18167 18.4038 5.02547 18.4269C5.15822 18.4488 5.28389 18.5085 5.38642 18.6008C5.53539 18.7349 5.62143 18.9251 5.62308 19.1238L5.64655 21.964L7.14288 21.5726L6.96104 18.3797C6.95014 18.1883 7.01809 18.0022 7.14906 17.8647C7.18489 17.827 7.22457 17.794 7.26725 17.7658C7.17095 17.6309 7.12406 17.4662 7.13663 17.3007L7.30156 15.1288C7.31666 14.9299 7.41614 14.7484 7.57495 14.63C7.73376 14.5116 7.93676 14.4676 8.13286 14.509L10.2867 14.9642L10.3437 14.1368L8.90508 14.1237C8.58742 14.1209 8.30782 13.9044 8.22407 13.5966L7.84686 12.2101C7.79645 12.0248 7.82369 11.8283 7.92223 11.6661C8.02077 11.504 8.18205 11.3904 8.3686 11.3517C10.1419 10.984 12.7678 10.1429 14.8716 8.83482C17.0097 7.50544 18.3789 5.84868 18.1817 3.8912C18.1345 3.42254 17.982 3.07996 17.767 2.81918C17.5483 2.55381 17.2326 2.33458 16.8045 2.16841C15.9285 1.82831 14.6827 1.74946 13.213 1.88465C10.4709 2.13688 7.24461 3.10302 4.94935 3.98312ZM4.72442 18.4325L3.69132 18.4231L3.70498 18.5335L4.72442 18.4325ZM18.841 1.93986C19.254 2.4409 19.5023 3.05693 19.5746 3.77485C19.8555 6.56365 17.8723 8.63045 15.6256 10.0273C13.6178 11.2757 11.2146 12.1132 9.38694 12.5614L9.43244 12.7287L11.0882 12.7437C11.2832 12.7455 11.47 12.8286 11.6037 12.9728C11.7373 13.1171 11.8057 13.3096 11.7923 13.5039L11.629 15.8734C11.6152 16.0732 11.5163 16.2561 11.3572 16.3756C11.1981 16.495 10.9943 16.5396 10.7974 16.498L8.63809 16.0417L8.59018 16.6727L9.65772 16.6824C10.0443 16.6859 10.3603 17.0021 10.3635 17.3887L10.3716 18.3767C10.3748 18.7633 10.064 19.0738 9.67745 19.0703L8.40058 19.0587L8.57267 22.0803C8.59139 22.409 8.37883 22.7025 8.06191 22.7854L5.14223 23.5492C4.93238 23.6041 4.70723 23.5577 4.53316 23.4237C4.35909 23.2896 4.25596 23.0833 4.25416 22.8654L4.22958 19.8908L3.17679 19.995C2.79484 20.0329 2.44854 19.7549 2.40119 19.3725L2.20524 17.7901C2.18065 17.5916 2.24185 17.3935 2.37344 17.2456C2.50502 17.0977 2.69447 17.0142 2.89412 17.016L4.13814 17.0273L4.07631 16.4136L1.38268 16.2275C1.02938 16.2031 0.745259 15.9192 0.720555 15.5659L0.513176 12.6003C0.498611 12.392 0.577584 12.1897 0.728582 12.0485C0.879579 11.9072 1.08687 11.8418 1.29399 11.87L3.61729 12.1861L3.54549 3.49605C3.54313 3.21134 3.71346 2.95657 3.97628 2.85166C6.34544 1.90598 9.95363 0.776319 13.0608 0.490507C14.6047 0.348489 16.11 0.405798 17.2914 0.864431C17.8921 1.09763 18.4317 1.44342 18.841 1.93986Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8218 4.19552C16.1171 4.34255 16.4695 4.64942 16.4738 5.16253C16.4772 5.58364 16.2311 5.91086 16.0378 6.1153C15.8237 6.34188 15.5392 6.55773 15.2286 6.7599C14.6032 7.16704 13.7602 7.58997 12.8546 7.99387C11.0363 8.80484 8.8638 9.58384 7.41779 10.0541C7.20492 10.1233 6.96997 10.0854 6.78634 9.95219C6.60271 9.81897 6.4928 9.6067 6.49094 9.38169L6.46007 5.64615C6.45738 5.32085 6.67915 5.04046 6.99532 4.96941C8.44271 4.64414 10.6228 4.22656 12.454 4.03544C13.3618 3.94069 14.2268 3.89669 14.8839 3.9616C15.2043 3.99325 15.5423 4.05633 15.8218 4.19552ZM7.86463 6.2175L7.88278 8.41422C9.21072 7.95741 10.8554 7.34272 12.2659 6.71361C13.1492 6.31967 13.9153 5.93116 14.4506 5.58265C14.5767 5.50059 14.6839 5.42455 14.7735 5.35513C14.7724 5.35502 14.7714 5.35491 14.7703 5.35481C14.2594 5.30434 13.5092 5.33545 12.6232 5.42792C11.0776 5.58922 9.24889 5.92241 7.86463 6.2175Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-4::after { top: 0.01563rem; right: 0.04688rem; width: 1.25rem; height: 1.6875rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='27' viewBox='0 0 20 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9434 1.75572C14.9292 1.75073 14.9123 1.74854 14.8946 1.75101C14.874 1.7539 14.8593 1.76204 14.8508 1.76938L7.56956 9.59931C7.28749 9.90264 6.81293 9.91987 6.5096 9.6378C6.20627 9.35573 6.18904 8.88117 6.47111 8.57784L13.7641 0.73525C13.769 0.729986 13.7739 0.724793 13.779 0.719672C14.0242 0.470764 14.345 0.313237 14.687 0.265447C15.0289 0.217679 15.3794 0.281184 15.6829 0.449202C15.7011 0.459271 15.7187 0.470032 15.7358 0.481441C16.0158 0.650962 16.2388 0.90539 16.3651 1.21361L15.6712 1.49806M15.6712 1.49806L16.3651 1.21361C16.4997 1.54179 16.5139 1.90584 16.4047 2.24377C16.3987 2.26246 16.3919 2.2809 16.3844 2.29905L16.3719 2.32963L16.3349 2.41993C16.3027 2.49884 16.2559 2.61388 16.1979 2.75777C16.0818 3.04564 15.921 3.44851 15.742 3.90813C15.3824 4.83147 14.9556 5.96871 14.6701 6.86208C14.3985 7.71185 14.1 8.82471 13.8675 9.73469C13.8056 9.97706 13.7486 10.204 13.6983 10.4064H18.1812C18.1811 10.4064 18.1813 10.4064 18.1812 10.4064C18.48 10.4063 18.7751 10.4896 19.0298 10.6494C19.2849 10.8095 19.4906 11.0408 19.6163 11.3189C19.7423 11.5973 19.7808 11.9072 19.7252 12.2089C19.6697 12.5103 19.5237 12.7848 19.3108 13.0004C19.271 13.0408 19.2267 13.0765 19.1788 13.1069C19.1787 13.1069 19.1788 13.1068 19.1788 13.1069L19.177 13.108L19.1692 13.113L19.1353 13.1348C19.1049 13.1546 19.059 13.1845 18.9993 13.2242C18.8797 13.3037 18.7049 13.4219 18.4873 13.5746C18.0518 13.8804 17.4471 14.3232 16.7736 14.8692C15.4165 15.9694 13.8232 17.4542 12.7566 19.0526C11.5887 20.8026 9.93818 22.6217 8.59904 23.9884C7.9259 24.6753 7.32435 25.2551 6.89069 25.6634C6.67377 25.8677 6.49859 26.0294 6.37717 26.1404C6.31645 26.1959 6.26915 26.2388 6.23677 26.268L6.20175 26.2995C5.95885 26.5376 5.64534 26.6884 5.31177 26.7347C4.96944 26.7823 4.61854 26.7183 4.31489 26.5496C4.01073 26.3806 3.76809 26.1139 3.63434 25.7867C3.50028 25.4588 3.48619 25.0952 3.5953 24.7577C3.60016 24.7426 3.6055 24.7278 3.6113 24.713L5.38411 20.2212L6.29445 16.5936H1.81877C1.81867 16.5936 1.81886 16.5936 1.81877 16.5936C1.51998 16.5937 1.2249 16.5103 0.970201 16.3505C0.715111 16.1905 0.509396 15.9591 0.383659 15.6811C0.257722 15.4026 0.219217 15.0927 0.274804 14.7911C0.330345 14.4897 0.476318 14.2151 0.689189 13.9995C0.729569 13.9586 0.774515 13.9225 0.823143 13.8919L0.826218 13.8899L0.841264 13.8803C0.855229 13.8713 0.876928 13.8572 0.905651 13.8381C0.963117 13.8001 1.04858 13.7425 1.15637 13.667C1.37219 13.5158 1.67617 13.2935 2.02339 13.0129C2.72318 12.4474 3.57423 11.6644 4.23776 10.7663C4.4839 10.4332 4.95351 10.3627 5.28665 10.6088C5.6198 10.855 5.69033 11.3246 5.44418 11.6577C4.6754 12.6982 3.71739 13.5725 2.96621 14.1795C2.58794 14.4852 2.25595 14.7281 2.01718 14.8954C1.91142 14.9695 1.82368 15.029 1.75799 15.0728C1.76041 15.075 1.76351 15.0775 1.76747 15.0799C1.77977 15.0877 1.79749 15.0936 1.81819 15.0936H7.25592C7.48699 15.0936 7.70516 15.2001 7.84728 15.3823C7.9894 15.5645 8.03961 15.802 7.98336 16.0261L6.82711 20.6337C6.81919 20.6652 6.80924 20.6962 6.7973 20.7264L5.02357 25.2206C5.02547 25.224 5.03079 25.2314 5.04347 25.2384C5.05943 25.2473 5.0817 25.2523 5.1053 25.249C5.12874 25.2457 5.1445 25.2357 5.15235 25.2277C5.1637 25.2162 5.17543 25.205 5.18749 25.1942C5.18747 25.1943 5.18751 25.1942 5.18749 25.1942L5.18978 25.1922L5.198 25.1848L5.23183 25.1544C5.26191 25.1272 5.30682 25.0865 5.36505 25.0333C5.48154 24.9268 5.65126 24.7702 5.86232 24.5714C6.28464 24.1737 6.87141 23.6082 7.52767 22.9385C8.84729 21.5918 10.4197 19.8521 11.5089 18.22C12.6992 16.4362 14.4282 14.8396 15.829 13.704C16.5345 13.132 17.1677 12.6683 17.6254 12.347C17.8544 12.1862 18.0399 12.0607 18.1692 11.9749C18.1957 11.9572 18.22 11.9412 18.2417 11.9269C18.2393 11.9247 18.2363 11.9224 18.2325 11.92C18.2202 11.9123 18.2025 11.9064 18.1818 11.9064H12.7441C12.5149 11.9064 12.2984 11.8016 12.1561 11.622C12.0139 11.4423 11.9615 11.2075 12.014 10.9845L12.0218 10.9517L12.0438 10.8592C12.063 10.7789 12.091 10.6625 12.1263 10.5176C12.1968 10.2277 12.2967 9.82301 12.4142 9.36331C12.6481 8.44795 12.9555 7.2995 13.2413 6.40541C13.5417 5.46553 13.9826 4.29246 14.3442 3.36381C14.5258 2.89743 14.689 2.48888 14.8067 2.19683C14.8656 2.05076 14.9132 1.93372 14.9462 1.85302L14.976 1.78017C14.9737 1.77653 14.9683 1.76968 14.9564 1.76311C14.952 1.76068 14.9477 1.75822 14.9434 1.75572' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-5::after { top: 0.0625rem; right: 0.0625rem; width: 1.6875rem; height: 1.6875rem; background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4605 1C20.3423 1 25.3415 6.23256 25.921 13.5C26.7904 20.7674 20.3423 26 13.4605 26C6.57876 26 1 20.4036 1 13.5C1.19319 10.3992 3.4921 3.7907 11.1423 2.16279M13.4605 6.23256C13.3639 9.52713 13.3446 16.9884 14.0401 20.4767M7.08537 14.0814C7.95471 14.0814 14.6196 12.9186 18.9663 13.5' stroke='%2314004B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); } .features__icon.fea-6::after { top: 0.03125rem; right: 0.03125rem; width: 1.5625rem; height: 1.625rem; background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7848 0.724325C10.9496 0.870036 11.0421 1.08073 11.0378 1.30064L11.0354 1.43766C11.0338 1.52672 11.0317 1.65639 11.0293 1.81832C11.0246 2.14226 11.019 2.59506 11.0152 3.11025C11.0076 4.14328 11.0077 5.41736 11.0376 6.40635C11.0659 7.34202 11.1365 8.54533 11.2007 9.52055C11.2327 10.0069 11.2629 10.4343 11.2851 10.7399C11.2962 10.8928 11.3053 11.0151 11.3116 11.0991L11.3214 11.228C11.337 11.4301 11.2701 11.6304 11.136 11.7824C11.0018 11.9344 10.8119 12.0256 10.6093 12.0353C9.59628 12.0835 7.96569 12.1268 6.35409 12.1003C4.76827 12.0742 3.11495 11.9803 2.10588 11.728C1.23303 11.5098 0.824453 10.6955 0.624613 9.98344C0.412493 9.22763 0.344754 8.2847 0.352093 7.32327C0.366868 5.38768 0.689868 3.16574 0.980921 1.71048C1.06216 1.30431 1.45727 1.0409 1.86344 1.12213C2.26961 1.20337 2.53303 1.59848 2.45179 2.00465C2.17142 3.40653 1.86584 5.52745 1.85205 7.33472C1.8451 8.24472 1.91308 9.02321 2.06881 9.57812C2.23683 10.1768 2.42825 10.2625 2.46969 10.2728C3.28919 10.4777 4.77878 10.5742 6.37875 10.6005C7.59136 10.6205 8.81816 10.5999 9.76889 10.5679C9.74977 10.2989 9.72733 9.97466 9.70393 9.61901C9.63957 8.64048 9.56739 7.41521 9.53829 6.45164C9.50753 5.43314 9.50764 4.13579 9.51523 3.09926C9.51793 2.73138 9.52158 2.39512 9.52516 2.11417C9.23604 2.13581 8.91648 2.15617 8.5834 2.1774C8.12113 2.20685 7.63281 2.23796 7.1636 2.27648C5.86966 2.3827 4.68212 2.54543 4.01196 2.83264C3.63124 2.99581 3.19033 2.81944 3.02716 2.43872C2.86399 2.058 3.04036 1.61709 3.42108 1.45392C4.35092 1.05542 5.78243 0.884815 7.04087 0.781509C7.60078 0.735547 8.12729 0.702539 8.59751 0.67306C9.2577 0.631672 9.80694 0.59724 10.1819 0.543676C10.3996 0.51257 10.62 0.578613 10.7848 0.724325Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0384 15.0145L11.0359 15.1515C11.0344 15.2406 11.0322 15.3703 11.0299 15.5322C11.0252 15.8561 11.0195 16.3089 11.0157 16.8241C11.0082 17.8571 11.0083 19.1312 11.0382 20.1202C11.0664 21.0559 11.1371 22.2592 11.2012 23.2344C11.2332 23.7208 11.2634 24.1481 11.2857 24.4538C11.2968 24.6066 11.3059 24.729 11.3122 24.813L11.3219 24.9418C11.3376 25.144 11.2707 25.3443 11.1365 25.4963C11.0024 25.6483 10.8124 25.7395 10.6099 25.7492C9.59682 25.7974 7.96624 25.8407 6.35463 25.8142C4.76882 25.7881 3.1155 25.6942 2.10643 25.4419C1.3643 25.2564 0.9254 24.7541 0.712982 24.1287C0.521344 23.5646 0.50637 22.8867 0.531688 22.2283C0.548547 21.7899 0.582921 21.3407 0.618175 20.8799C0.696455 19.8567 0.779073 18.7769 0.683911 17.6336C0.649552 17.2209 0.956327 16.8584 1.36911 16.824C1.7819 16.7897 2.14438 17.0964 2.17874 17.5092C2.28421 18.7763 2.18623 20.0678 2.10524 21.1354C2.07306 21.5594 2.04357 21.9482 2.03058 22.286C2.0059 22.9276 2.03739 23.364 2.13327 23.6463C2.20838 23.8674 2.29808 23.9436 2.47023 23.9867C3.28974 24.1916 4.77933 24.2881 6.37929 24.3144C7.59191 24.3343 8.8187 24.3137 9.76943 24.2817C9.75032 24.0128 9.72787 23.6885 9.70448 23.3329C9.64011 22.3543 9.56794 21.1291 9.53884 20.1655C9.50808 19.147 9.50819 17.8497 9.51578 16.8131C9.51855 16.4343 9.52234 16.0889 9.52603 15.803C9.21418 15.8135 8.85966 15.8191 8.48588 15.8232C8.17952 15.8265 7.85452 15.8287 7.51658 15.8311C6.93517 15.8351 6.31548 15.8394 5.68659 15.8499C4.69577 15.8665 3.71192 15.8983 2.88227 15.9671C2.01848 16.0387 1.42841 16.1436 1.15501 16.2608C0.774284 16.424 0.333375 16.2476 0.170209 15.8669C0.00704184 15.4862 0.183405 15.0452 0.564128 14.8821C1.09073 14.6564 1.9126 14.5423 2.7584 14.4722C3.63835 14.3993 4.66173 14.3669 5.66147 14.3501C6.29557 14.3395 6.93222 14.3351 7.52003 14.331C7.85566 14.3287 8.17536 14.3265 8.46957 14.3233C9.3105 14.3141 9.9091 14.2966 10.1824 14.2575C10.4002 14.2264 10.6206 14.2925 10.7853 14.4382C10.9501 14.5839 11.0426 14.7946 11.0384 15.0145Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.7479 0.56464C22.3695 0.582793 22.8211 0.580306 23.0803 0.543275C23.28 0.514751 23.4827 0.56785 23.6428 0.690585C23.8028 0.813321 23.9067 0.995348 23.9309 1.19558L23.1864 1.28574C23.9309 1.19558 23.9309 1.19545 23.9309 1.19558L23.9313 1.19883L23.9321 1.20501L23.9345 1.22606C23.9364 1.24393 23.9392 1.26944 23.9425 1.30238C23.9492 1.36826 23.9582 1.46389 23.9681 1.58757C23.9878 1.83492 24.0112 2.19462 24.0268 2.65321C24.0579 3.57018 24.0577 4.88384 23.9342 6.48622C23.7928 8.32117 23.865 9.47873 23.9631 10.1576C24.012 10.4965 24.0671 10.7142 24.1042 10.8361C24.1228 10.897 24.1368 10.9339 24.1433 10.9499C24.1446 10.9532 24.1456 10.9556 24.1463 10.9571C24.2551 11.1803 24.2465 11.4433 24.1224 11.6593C23.995 11.8811 23.7633 12.0227 23.5078 12.0349C22.4947 12.0831 20.8641 12.1264 19.2525 12.0999C17.6667 12.0738 16.0134 11.9799 15.0043 11.7276C14.1315 11.5094 13.7229 10.6951 13.5231 9.98304C13.3109 9.22723 13.2432 8.2843 13.2505 7.32287C13.2653 5.38728 13.5883 3.16534 13.8794 1.71008C13.9606 1.30391 14.3557 1.0405 14.7619 1.12173C14.9768 1.16472 15.1518 1.29561 15.2569 1.46953C15.2917 1.21762 15.4538 0.989641 15.7046 0.882165C16.2253 0.659012 16.8956 0.561476 17.5592 0.516115C18.2397 0.469608 18.9911 0.473955 19.7132 0.493182C20.092 0.503271 20.5065 0.519204 20.8955 0.534156C21.2063 0.546103 21.5008 0.557424 21.7479 0.56464ZM15.3578 1.95918C15.3558 1.97418 15.3532 1.98921 15.3502 2.00425C15.0699 3.40613 14.7643 5.52705 14.7505 7.33432C14.7435 8.24432 14.8115 9.02281 14.9673 9.57772C15.1353 10.1764 15.3267 10.2621 15.3681 10.2724C16.1876 10.4773 17.6772 10.5738 19.2772 10.6001C20.4239 10.619 21.5832 10.6016 22.5098 10.5726C22.4991 10.509 22.4886 10.4422 22.4785 10.372C22.3613 9.56083 22.2907 8.28981 22.4386 6.37097C22.5573 4.83056 22.5571 3.5728 22.5276 2.70404C22.5195 2.46389 22.5091 2.25356 22.4984 2.07532C22.2476 2.07736 21.978 2.072 21.7041 2.064C21.3999 2.05512 21.1061 2.04362 20.8053 2.03186C20.4475 2.01786 20.0798 2.00348 19.6732 1.99265C18.9653 1.9738 18.2702 1.97102 17.6615 2.01262C17.0361 2.05537 16.5748 2.14118 16.2954 2.26088C15.9469 2.41024 15.548 2.27511 15.3578 1.95918Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6106 14.2784C22.318 14.2967 22.8205 14.2941 23.0794 14.2571C23.2971 14.226 23.5176 14.2921 23.6823 14.4378C23.8471 14.5835 23.9396 14.7942 23.9353 15.0141L23.9329 15.1511C23.9313 15.2402 23.9292 15.3699 23.9269 15.5318C23.9221 15.8557 23.9165 16.3085 23.9127 16.8237C23.9051 17.8567 23.9053 19.1308 23.9351 20.1198C23.9634 21.0555 24.0341 22.2588 24.0982 23.234C24.1302 23.7204 24.1604 24.1477 24.1826 24.4534C24.1937 24.6062 24.2028 24.7286 24.2092 24.8126L24.2189 24.9414C24.2345 25.1436 24.1677 25.3439 24.0335 25.4959C23.8994 25.6479 23.7094 25.7391 23.5069 25.7488C22.6124 25.7913 21.3993 25.6914 20.1628 25.5896C19.9311 25.5705 19.6986 25.5513 19.4673 25.533C17.954 25.4134 16.4517 25.3256 15.2695 25.4592C14.8405 25.5076 14.4445 25.3919 14.1212 25.1371C13.8187 24.8987 13.6191 24.5706 13.4825 24.2451C13.2124 23.6013 13.1011 22.7532 13.069 21.8927C13.0037 20.1478 13.2561 18.0337 13.5494 16.5668C13.6307 16.1606 14.0258 15.8972 14.4319 15.9785C14.8381 16.0597 15.1015 16.4548 15.0203 16.861C14.7422 18.2513 14.5083 20.2429 14.5679 21.8366C14.5982 22.6454 14.7021 23.2748 14.8657 23.6648C14.946 23.8561 15.0179 23.934 15.0497 23.959C15.0508 23.9599 15.0519 23.9608 15.0529 23.9616C15.0613 23.9687 15.066 23.9726 15.1011 23.9686C16.4473 23.8166 18.0879 23.9193 19.5855 24.0377C19.8334 24.0573 20.0768 24.0772 20.3146 24.0967C21.1916 24.1686 21.9923 24.2342 22.6644 24.2535C22.6458 23.9901 22.624 23.6759 22.6015 23.3325C22.5371 22.3539 22.4649 21.1287 22.4358 20.1651C22.4051 19.1466 22.4052 17.8493 22.4128 16.8127C22.4156 16.428 22.4194 16.0779 22.4232 15.7894C22.1577 15.7908 21.8686 15.7856 21.5719 15.7779C21.2443 15.7695 20.9134 15.7582 20.5721 15.7466C20.1505 15.7323 19.7131 15.7174 19.2465 15.7066C18.4302 15.6877 17.6249 15.6847 16.9321 15.7269C16.2143 15.7705 15.7089 15.8586 15.4378 15.9747C15.0571 16.1379 14.6162 15.9616 14.453 15.5808C14.2898 15.2001 14.4662 14.7592 14.8469 14.596C15.3758 14.3694 16.1091 14.2741 16.8411 14.2296C17.598 14.1836 18.4535 14.1878 19.2813 14.207C19.7306 14.2174 20.2049 14.2334 20.6496 14.2483C20.9965 14.26 21.3254 14.2711 21.6106 14.2784Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-7::after { top: 0; right: 0.25rem; width: 1.125rem; height: 1.625rem; background-image: url("data:image/svg+xml,%3Csvg width='18' height='26' viewBox='0 0 18 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.602601 13.6502C0.953854 13.4307 1.41657 13.5375 1.6361 13.8887C2.01031 14.4875 2.21067 15.3254 2.32412 16.1925C2.44054 17.0824 2.47647 18.0995 2.46433 19.1237C2.44005 21.1731 2.22218 23.3207 2.02828 24.678C1.9697 25.0881 1.5898 25.373 1.17975 25.3144C0.769698 25.2558 0.484774 24.8759 0.543353 24.4659C0.730406 23.1565 0.941102 21.0755 0.964439 19.1059C0.976113 18.1206 0.94061 17.1806 0.836795 16.3871C0.730005 15.5709 0.561321 14.9993 0.364102 14.6837C0.144569 14.3325 0.251349 13.8698 0.602601 13.6502Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.92523 10.6825C7.33738 10.6412 7.70499 10.9418 7.74631 11.3539C8.11007 14.9817 8.61206 21.1628 8.10854 24.678C8.04981 25.088 7.6698 25.3728 7.25977 25.314C6.84975 25.2553 6.56497 24.8753 6.6237 24.4653C7.09635 21.1656 6.62217 15.1774 6.2538 11.5036C6.21247 11.0914 6.51308 10.7238 6.92523 10.6825Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1063 0.414056C13.4587 0.328049 13.8221 0.506582 13.9695 0.838066C14.738 2.56728 16.518 6.32266 17.6087 7.8496C17.8494 8.18666 17.7714 8.65507 17.4343 8.89583C17.0972 9.13658 16.6288 9.05852 16.3881 8.72146C15.7709 7.85743 14.982 6.39899 14.2593 4.95646C14.719 13.0997 15.0301 21.0317 14.601 24.9388C14.5558 25.3506 14.1854 25.6477 13.7737 25.6025C13.3619 25.5573 13.0648 25.1868 13.11 24.7751C13.524 21.0054 13.222 13.21 12.7626 5.05971C12.0151 6.45647 11.0917 7.85489 10.4635 8.72464C10.221 9.06044 9.7522 9.13605 9.41641 8.89354C9.08061 8.65102 9.005 8.1822 9.24751 7.84641C9.8521 7.00929 10.7468 5.65275 11.4579 4.31848C11.8139 3.65063 12.1145 3.00565 12.3111 2.44466C12.4732 1.98214 12.5419 1.63816 12.5488 1.40878C12.5444 1.33519 12.5399 1.2616 12.5355 1.18804C12.5135 0.825956 12.7539 0.500063 13.1063 0.414056Z' fill='%2314004B'/%3E%3C/svg%3E"); } .features__icon.fea-8::after { top: 0; right: 0.25rem; width: 1.125rem; height: 1.75rem; background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1454 0.304892C15.5043 0.477265 15.992 0.836987 15.992 1.48354C15.992 3.11121 16.6875 17.6054 17.0371 24.6798C17.0549 25.0404 16.8134 25.3625 16.4623 25.4463C13.74 26.0965 9.70034 26.8569 6.45132 27.0084C4.84618 27.0833 3.33695 27.0159 2.26951 26.6542C1.73365 26.4726 1.2135 26.1855 0.88456 25.7109C0.530856 25.2006 0.481651 24.5974 0.663697 23.9864C0.89649 23.205 1.04195 21.9272 1.10705 20.3095C1.17141 18.7101 1.15557 16.8393 1.09053 14.9066C0.960467 11.0421 0.635021 6.96768 0.374791 4.39875C0.333045 3.98665 0.63328 3.61873 1.04538 3.57698C1.45749 3.53524 1.82541 3.83547 1.86715 4.24758C2.12993 6.8416 2.45823 10.9505 2.58968 14.8562C2.65539 16.8086 2.67223 18.7197 2.60584 20.3698C2.54018 22.0014 2.39146 23.4406 2.10125 24.4147C2.0218 24.6814 2.07338 24.7929 2.11737 24.8564C2.18613 24.9556 2.36059 25.1013 2.75088 25.2335C3.53575 25.4994 4.80497 25.5836 6.38142 25.5101C9.2686 25.3754 12.8623 24.7322 15.5081 24.1287C15.1619 17.1004 14.5301 3.90763 14.4937 1.65594C14.3282 1.57704 14.0282 1.49493 13.5688 1.43302C12.6616 1.31078 11.3662 1.29543 9.87871 1.35523C6.9176 1.47428 3.34965 1.88367 0.96607 2.22593C0.556061 2.2848 0.175958 2.00015 0.117085 1.59014C0.0582126 1.18013 0.342864 0.800028 0.752873 0.741155C3.16348 0.395018 6.78681 -0.0216686 9.81845 -0.143555C11.3274 -0.204221 12.7286 -0.193752 13.7691 -0.0535447C14.2814 0.015485 14.7673 0.123287 15.1454 0.304892ZM14.5768 1.70326C14.5766 1.7033 14.5741 1.70159 14.5702 1.69801C14.5751 1.70144 14.5771 1.70322 14.5768 1.70326ZM8.39411 4.11456C8.80416 4.17314 9.08908 4.55304 9.03051 4.96309C8.84283 6.27678 8.60251 8.43922 8.49428 10.6368C8.3849 12.8575 8.41577 15.0275 8.73312 16.4027C8.82626 16.8063 8.57458 17.209 8.17097 17.3021C7.76737 17.3952 7.36468 17.1436 7.27154 16.74C6.90317 15.1437 6.88642 12.7899 6.99609 10.563C7.10691 8.31292 7.3523 6.10393 7.54558 4.75095C7.60416 4.3409 7.98406 4.05598 8.39411 4.11456ZM8.18198 18.4003C8.59203 18.3417 8.97193 18.6266 9.03051 19.0367L9.31622 21.0367C9.3748 21.4467 9.08987 21.8266 8.67982 21.8852C8.26977 21.9438 7.88987 21.6588 7.8313 21.2488L7.54558 19.2488C7.487 18.8387 7.77193 18.4589 8.18198 18.4003Z' fill='%2314004B'/%3E%3C/svg%3E"); } .features__icon.fea-9::after { top: 0.09375rem; right: 0.09375rem; width: 1.5rem; height: 1.5625rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1437 5.71397C10.0009 4.38064 6.97232 1.71397 4.00089 1.71397C0.286606 1.71397 -2.2846 14.2857 11.4289 23.4285C12.2862 22.8571 24.8581 9.42826 22.2867 3.99969C20.2296 -0.343169 14.7629 1.80921 12.2867 3.42826' stroke='%2314004B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .features__name { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #14004B; margin-bottom: 0.5rem; } .features__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; max-width: 80%; } .features__text { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; max-width: 80%; } .features__svg { opacity: 0; -webkit-transform: translateX(-7rem); -ms-transform: translateX(-7rem); transform: translateX(-7rem); position: relative; width: 15rem; height: 6.3125rem; pointer-events: none; } .features__line { position: absolute; top: 0; left: 0; } .features__line--desktop { display: none; } .features__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .features__top { position: absolute; bottom: -10px; right: -7px; width: 1rem; height: 1.1875rem; background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0301 1.30908C10.3134 5.21719 13.8892 8.30059 17.6927 10.7008C13.7694 13.006 10.4278 16.1812 7.92548 19.9818' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.83223 1.30908C4.11554 5.21719 6.82451 8.30059 10.628 10.7008C6.70469 13.006 4.2299 16.1812 1.7276 19.9818' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-color: transparent; opacity: 0; -webkit-transform: rotate(94deg); -ms-transform: rotate(94deg); transform: rotate(94deg); } .features__line-top { position: absolute; opacity: 0; } .features__order { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; text-decoration: none; background-color: #14004B; border-radius: 0.375rem; padding: 0.9375rem 2rem; margin-bottom: 3.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features__order:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features--factoring { padding-bottom: 3.5rem; position: relative; } .features--factoring.loaded .features__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .features--factoring.loaded .features__about { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .features--factoring.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .features--factoring.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .features--factoring.loaded .features__svg--factoring { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .features--factoring.loaded .features__line-mask { -webkit-animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features--factoring.loaded .features__line-top { -webkit-animation: fadeInStatic 0s linear forwards 0.5s; animation: fadeInStatic 0s linear forwards 0.5s; } .features--factoring.loaded .features__order { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; } .features--factoring.loaded .features__guide { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; } .features--factoring.loaded .features__svg--guide { -webkit-animation: fadeInStatic 0s linear forwards 0.9s; animation: fadeInStatic 0s linear forwards 0.9s; } .features--factoring.loaded .features__svg--guide .features__line-mask { -webkit-animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; } .features--factoring .features__svg { width: 17.75rem; height: 6.875rem; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: -1.25rem; margin-bottom: 0.6875rem; } .features--factoring .features__line-mask { -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; stroke: #14004B; stroke-width: 2px; } .features--factoring .features__list { gap: 2rem; margin-bottom: 3.5rem; } .features--factoring .features__about { margin-bottom: 0.25rem; opacity: 0; } .features--factoring .features__item { padding: 1.75rem 1.75rem 2.5rem 1.75rem; background-color: #fff; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 1.375rem; } .features--factoring .features__icon { width: 3.25rem; height: 3.25rem; top: 1.75rem; left: 1.75rem; } .features--factoring .features__icon::before { width: 2.75rem; height: 2.75rem; } .features--factoring .features__icon.fea-2::after { top: 0.125rem; right: 0.0625rem; width: 2.5625rem; height: 2.375rem; background-image: url("data:image/svg+xml,%3Csvg width='41' height='38' viewBox='0 0 41 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.581 2.71432C18.2176 2.71432 15.9693 3.55253 14.3268 5.0172C12.6878 6.47876 11.7908 8.43672 11.7908 10.4524C11.7908 12.4681 12.6878 14.4261 14.3268 15.8876C15.9693 17.3523 18.2176 18.1905 20.581 18.1905C22.9445 18.1905 25.1928 17.3523 26.8353 15.8876C28.6194 14.2967 29.932 12.4968 29.932 10.6196C29.932 8.75708 28.6439 6.67886 26.9699 5.13914C24.9964 4.44634 23.9122 3.86224 23.1318 3.44179C23.0309 3.38746 22.9352 3.33586 22.8432 3.28712C22.4427 3.07485 22.1619 2.94318 21.8509 2.85556C21.5442 2.76918 21.1655 2.71432 20.581 2.71432ZM13.0908 3.63112C15.0936 1.84515 17.7893 0.857178 20.581 0.857178C21.2854 0.857178 21.8416 0.923526 22.3544 1.06798C22.8628 1.21119 23.2861 1.41999 23.7129 1.64623C23.8082 1.69671 23.9059 1.74933 24.0075 1.80409C24.7912 2.22627 25.8105 2.77531 27.756 3.44633C27.8723 3.48643 27.9795 3.54925 28.0713 3.63112C29.9776 5.331 31.7891 7.93471 31.7891 10.6196C31.7891 13.3395 29.9325 15.614 28.0713 17.2737C26.0685 19.0597 23.3727 20.0477 20.581 20.0477C17.7893 20.0477 15.0936 19.0597 13.0908 17.2737C11.0845 15.4846 9.93366 13.0338 9.93366 10.4524C9.93366 7.87103 11.0845 5.42018 13.0908 3.63112ZM3.34414 29.3838C2.47511 30.3002 2.07199 31.2229 2.07199 32.1191V36.4524C2.07199 36.9652 1.65625 37.381 1.14342 37.381C0.630579 37.381 0.214844 36.9652 0.214844 36.4524V32.1191C0.214844 30.6211 0.899014 29.2633 1.99652 28.1059C3.08939 26.9534 4.62721 25.9578 6.45686 25.142C10.1184 23.5095 15.1123 22.5238 20.581 22.5238C25.9065 22.5238 29.9834 22.6058 33.2057 23.8055C36.5343 25.0447 38.8638 27.4307 40.8607 31.7277C40.9377 31.8932 40.9641 32.0777 40.9368 32.2582L40.3069 36.4153C40.2695 36.6626 40.1338 36.8844 39.9306 37.0303C39.7275 37.1763 39.4741 37.2341 39.2277 37.1907C36.0913 36.638 32.0623 36.8655 27.1125 37.1644L26.9002 37.1772C22.0414 37.4708 16.3951 37.8119 10.127 37.4612C9.61499 37.4325 9.22313 36.9942 9.25178 36.4822C9.28043 35.9702 9.71874 35.5783 10.2308 35.6069C16.3902 35.9516 21.9453 35.616 26.8168 35.3217L27.0005 35.3107C31.4335 35.043 35.3744 34.8087 38.6097 35.22L39.0583 32.2591C37.2333 28.4318 35.2414 26.545 32.5578 25.5459C29.7097 24.4856 25.9949 24.381 20.581 24.381C15.3105 24.381 10.5856 25.3345 7.21314 26.8382C5.52579 27.5905 4.21781 28.4624 3.34414 29.3838Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--factoring .features__icon.fea-4::after { top: 0; right: 0.1875rem; width: 2.0625rem; height: 2.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='33' height='45' viewBox='0 0 33 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7179 1.89756C24.6421 1.86234 24.5564 1.84941 24.4718 1.86165C24.3782 1.87518 24.2935 1.91834 24.2299 1.98222L12.2022 15.3691C11.8594 15.7506 11.2723 15.782 10.8908 15.4392C10.5094 15.0965 10.478 14.5094 10.8207 14.1279L22.8599 0.728262C22.8658 0.721656 22.8718 0.715135 22.878 0.708702C23.2313 0.337448 23.6996 0.09686 24.206 0.02363C24.7122 -0.0495896 25.2293 0.0484045 25.6735 0.302913C25.698 0.316983 25.7218 0.332079 25.7447 0.348129C26.156 0.60404 26.4763 0.985028 26.6555 1.43765C26.8451 1.91627 26.8649 2.44488 26.7114 2.93635C26.7043 2.95896 26.6964 2.98128 26.6876 3.00328L26.6667 3.05609L26.6054 3.21103C26.5521 3.34629 26.4746 3.54334 26.3787 3.78973C26.1866 4.2826 25.9205 4.97234 25.6244 5.75932C25.0304 7.33821 24.3224 9.29019 23.8475 10.8282C23.3957 12.2912 22.9009 14.2016 22.5167 15.7577C22.3676 16.3614 22.2359 16.9091 22.1305 17.3529H29.9359C30.3785 17.3528 30.8127 17.4807 31.1843 17.722C31.5561 17.9635 31.8498 18.3083 32.0276 18.7153C32.2055 19.1224 32.2591 19.5727 32.1811 20.0103C32.1032 20.4478 31.8976 20.8518 31.5913 21.1728M31.5913 21.1728L31.4255 21.3104L31.4119 21.3194L31.3547 21.3576C31.3035 21.392 31.2268 21.4438 31.1272 21.5124C30.9278 21.6494 30.637 21.8529 30.2754 22.1156C29.5519 22.6414 28.5477 23.4025 27.4292 24.341C25.1802 26.228 22.5201 28.7902 20.7314 31.5646C18.8214 34.527 16.1142 37.6167 13.9075 39.9474C12.8 41.1172 11.8102 42.1045 11.0967 42.7999C10.7399 43.1477 10.4519 43.4228 10.2525 43.6115C10.1528 43.7058 10.0752 43.7785 10.0223 43.828L9.9616 43.8845L9.9596 43.8864C9.60863 44.2446 9.14888 44.4767 8.65272 44.548C8.14574 44.621 7.6281 44.5222 7.18373 44.2667C6.73917 44.011 6.39305 43.6127 6.20423 43.1346C6.01533 42.6564 5.99581 42.1285 6.14913 41.6376C6.15481 41.6194 6.16105 41.6014 6.16784 41.5836L9.10302 33.8863L10.7197 27.2185H2.92461C2.48198 27.2186 2.04778 27.0907 1.67621 26.8494C1.30442 26.6079 1.01067 26.263 0.832859 25.8561C0.654997 25.449 0.601437 24.9986 0.679349 24.5611C0.757249 24.1236 0.962857 23.7196 1.26914 23.3986C1.3186 23.3467 1.37389 23.3008 1.4339 23.2617L1.44029 23.2575L1.46657 23.24C1.4906 23.224 1.52744 23.1992 1.5759 23.166C1.67286 23.0996 1.81621 22.9996 1.99657 22.8688C2.35758 22.607 2.86523 22.2227 3.44495 21.7378C4.61066 20.7628 6.03904 19.4045 7.15799 17.8371C7.45595 17.4197 8.03586 17.3228 8.45326 17.6208C8.87065 17.9188 8.96747 18.4987 8.6695 18.9161C7.42401 20.6608 5.86601 22.134 4.63646 23.1624C4.01855 23.6792 3.47636 24.0897 3.08692 24.3721C2.89206 24.5135 2.73504 24.623 2.62543 24.6981C2.60426 24.7126 2.58485 24.7259 2.56727 24.7378C2.53727 24.7833 2.51711 24.834 2.50773 24.8866C2.49421 24.9626 2.50338 25.0409 2.53466 25.1125C2.56598 25.1842 2.61863 25.247 2.68773 25.2919C2.75694 25.3368 2.83906 25.3614 2.92387 25.3613H11.9003C12.1851 25.3613 12.4541 25.492 12.6302 25.7159C12.8063 25.9397 12.8699 26.232 12.8028 26.5087L10.894 34.381C10.8848 34.419 10.8732 34.4564 10.8592 34.493L7.91629 42.2107C7.89576 42.2906 7.9009 42.3749 7.93149 42.4523C7.96465 42.5363 8.02657 42.609 8.10961 42.6568C8.19284 42.7047 8.29123 42.7238 8.3883 42.7098C8.4853 42.6959 8.57277 42.6501 8.6372 42.5824C8.65102 42.5679 8.66532 42.5538 8.68005 42.5402L8.68087 42.5394L8.69806 42.5235L8.75462 42.4708C8.80478 42.424 8.87942 42.3539 8.97609 42.2625C9.16943 42.0795 9.45079 41.8108 9.80047 41.47C10.5001 40.7881 11.4719 39.8187 12.5589 38.6706C14.7414 36.3654 17.3547 33.3746 19.1705 30.5583C21.1075 27.554 23.9317 24.8514 26.2355 22.9183C27.3935 21.9467 28.4328 21.1589 29.1837 20.6133C29.5594 20.3403 29.8635 20.1275 30.0748 19.9821C30.1652 19.92 30.2386 19.8702 30.2934 19.8333C30.3233 19.7878 30.3434 19.7373 30.3528 19.6847C30.3663 19.6088 30.3571 19.5304 30.3258 19.4589C30.2945 19.3872 30.2419 19.3244 30.1728 19.2795C30.1036 19.2345 30.0214 19.21 29.9366 19.21H20.9602C20.6777 19.21 20.4106 19.0814 20.2344 18.8607C20.0582 18.6399 19.9921 18.3509 20.0547 18.0755L20.9602 18.2814C20.0547 18.0755 20.0547 18.0755 20.0547 18.0755L20.0674 18.02L20.1036 17.8627C20.1352 17.7259 20.1812 17.5276 20.2394 17.2805C20.3556 16.7863 20.5202 16.0963 20.7137 15.3126C21.0995 13.75 21.6047 11.7967 22.073 10.2802C22.5653 8.68603 23.2898 6.69069 23.8863 5.10532C24.1855 4.31016 24.4542 3.61353 24.6482 3.11557C24.7452 2.86654 24.8236 2.66706 24.8778 2.52963L24.9403 2.37156L24.9453 2.35894C24.9645 2.28025 24.959 2.19754 24.9288 2.12145C24.8956 2.03744 24.8335 1.96467 24.7502 1.91698C24.7393 1.91071 24.7285 1.90423 24.7179 1.89756' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--factoring .features__name { padding: 0.9375rem 0 0.9375rem 3.75rem; margin-bottom: 1.5rem; } .features--factoring .features__order { margin-bottom: 4.8125rem; } .features__sublist { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.125rem; } .features__sublist-item { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 1.9375rem; } .features__sublist-item::before { position: absolute; content: ''; width: 0.4375rem; height: 0.4375rem; background-color: #4164EE; border-radius: 0.25rem; left: 0.5rem; top: 0.375rem; } .features__sublist-item span { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; } .features__guide { opacity: 0; position: relative; width: 100%; max-width: 18.4375rem; padding: 2rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .features__guide .features__svg { opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; width: 21.4375rem; height: 11.625rem; } .features__guide .features__line-mask { -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; stroke: #14004B; stroke-width: 2px; } .features__guide-link { position: relative; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #4164EE; letter-spacing: 0.02em; text-decoration: none; padding: 0.6875rem 3rem 0.6875rem 0; margin-bottom: 0.75rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; } .features__guide-link::after { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .features__guide-link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features__guide-about { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.02em; max-width: 14.4375rem; } .features__overline { width: 21.4375rem; height: 11.5rem; position: relative; } .features--warranty { padding-bottom: 3.5rem; } .features--warranty .features__title { max-width: 85%; -ms-flex-item-align: start; align-self: flex-start; } .features--warranty .features__item:first-of-type .features__description { max-width: 85%; } .features--warranty .features__item:nth-of-type(2) .features__description { max-width: 90%; } .features--warranty .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--warranty .features__item:last-of-type .features__description { max-width: 90%; } .features--credit { padding-bottom: 3.5rem; } .features--credit .features__item:first-of-type .features__description { max-width: 88%; } .features--credit .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--credit .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--credit .features__item:last-of-type .features__description { max-width: 100%; } .features--credit .features__svg { -webkit-transform: translate(7rem) scaleX(-1); -ms-transform: translate(7rem) scaleX(-1); transform: translate(7rem) scaleX(-1); } .features--about { padding-bottom: 2rem; } .features--about .features__title { margin-bottom: 2.75rem; } .features--about .features__item:first-of-type .features__description { max-width: 100%; } .features--about .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--about .features__item:last-of-type .features__description { max-width: 100%; } .features--about .features__svg { display: none; } .features--career { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 3.5rem; } .features--career.loaded .features__text { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features--career.loaded .features__link { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features--career.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features--career.loaded .features__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .features--career.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .features--career.loaded .features__item:nth-of-type(4) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .features--career.loaded .features__item:nth-of-type(5) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; } .features--career.loaded .features__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; } .features--career .features__title { text-align: left; margin-bottom: 1.5rem; } .features--career .features__text { max-width: 100%; margin-bottom: 2rem; line-height: 1.1375rem; font-family: "Stolzl", sans-serif; font-weight: 400; opacity: 0; } .features--career .features__link { opacity: 0; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #4164EE; text-decoration: none; letter-spacing: 0.02em; padding: 0.6875rem 3rem 0.6875rem 0; margin-bottom: 3rem; position: relative; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; } .features--career .features__link::after { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .features--career .features__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features--career .features__list { gap: 0; } .features--career .features__item .features__description { margin-bottom: 0; line-height: 1.26875rem; font-family: "Stolzl Book", sans-serif; font-weight: 350; } .features--career .features__item:first-of-type .features__description { max-width: 100%; } .features--career .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--career .features__item:last-of-type .features__description { max-width: 100%; } .features--careerBlocks { padding-bottom: 3.5rem; } .features--careerBlocks .features__title { margin-bottom: 3.5rem; } .features--careerBlocks .features__list { gap: 2rem; } .features--careerBlocks .features__item { padding: 1.75rem 1.75rem 2.5rem 1.75rem; background-color: #fff; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 1.375rem; } .features--careerBlocks .features__item .features__description { margin-bottom: 0; } .features--careerBlocks .features__item:first-of-type .features__description { max-width: 100%; } .features--careerBlocks .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--careerBlocks .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--careerBlocks .features__item:last-of-type .features__description { max-width: 100%; } .features--careerBlocks .features__icon { position: relative; width: 3.25rem; height: 3.25rem; left: auto; top: auto; margin-bottom: 0.5rem; } .features--careerBlocks .features__icon::before { width: 2.75rem; height: 2.75rem; border-radius: 0.375rem; } .features--careerBlocks .features__icon.fea-4::after { top: 0; right: 0.0625rem; width: 2.0625rem; height: 2.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='33' height='45' viewBox='0 0 33 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7179 1.89756C24.6421 1.86234 24.5564 1.84941 24.4718 1.86165C24.3782 1.87518 24.2935 1.91834 24.2299 1.98222L12.2022 15.3691C11.8594 15.7506 11.2723 15.782 10.8908 15.4392C10.5094 15.0965 10.478 14.5094 10.8207 14.1279L22.8599 0.728262C22.8658 0.721656 22.8718 0.715135 22.878 0.708702C23.2313 0.337448 23.6996 0.09686 24.206 0.02363C24.7122 -0.0495896 25.2293 0.0484045 25.6735 0.302913C25.698 0.316983 25.7218 0.332079 25.7447 0.348129C26.156 0.60404 26.4763 0.985028 26.6555 1.43765C26.8451 1.91627 26.8649 2.44488 26.7114 2.93635C26.7043 2.95896 26.6964 2.98128 26.6876 3.00328L26.6667 3.05609L26.6054 3.21103C26.5521 3.34629 26.4746 3.54334 26.3787 3.78973C26.1866 4.2826 25.9205 4.97234 25.6244 5.75932C25.0304 7.33821 24.3224 9.29019 23.8475 10.8282C23.3957 12.2912 22.9009 14.2016 22.5167 15.7577C22.3676 16.3614 22.2359 16.9091 22.1305 17.3529H29.9359C30.3785 17.3528 30.8127 17.4807 31.1843 17.722C31.5561 17.9635 31.8498 18.3083 32.0276 18.7153C32.2055 19.1224 32.2591 19.5727 32.1811 20.0103C32.1032 20.4478 31.8976 20.8518 31.5913 21.1728M31.5913 21.1728L31.4255 21.3104L31.4119 21.3194L31.3547 21.3576C31.3035 21.392 31.2268 21.4438 31.1272 21.5124C30.9278 21.6494 30.637 21.8529 30.2754 22.1156C29.5519 22.6414 28.5477 23.4025 27.4292 24.341C25.1802 26.228 22.5201 28.7902 20.7314 31.5646C18.8214 34.527 16.1142 37.6167 13.9075 39.9474C12.8 41.1172 11.8102 42.1045 11.0967 42.7999C10.7399 43.1477 10.4519 43.4228 10.2525 43.6115C10.1528 43.7058 10.0752 43.7785 10.0223 43.828L9.9616 43.8845L9.9596 43.8864C9.60863 44.2446 9.14888 44.4767 8.65272 44.548C8.14574 44.621 7.6281 44.5222 7.18373 44.2667C6.73917 44.011 6.39305 43.6127 6.20423 43.1346C6.01533 42.6564 5.99581 42.1285 6.14913 41.6376C6.15481 41.6194 6.16105 41.6014 6.16784 41.5836L9.10302 33.8863L10.7197 27.2185H2.92461C2.48198 27.2186 2.04778 27.0907 1.67621 26.8494C1.30442 26.6079 1.01067 26.263 0.832859 25.8561C0.654997 25.449 0.601437 24.9986 0.679349 24.5611C0.757249 24.1236 0.962857 23.7196 1.26914 23.3986C1.3186 23.3467 1.37389 23.3008 1.4339 23.2617L1.44029 23.2575L1.46657 23.24C1.4906 23.224 1.52744 23.1992 1.5759 23.166C1.67286 23.0996 1.81621 22.9996 1.99657 22.8688C2.35758 22.607 2.86523 22.2227 3.44495 21.7378C4.61066 20.7628 6.03904 19.4045 7.15799 17.8371C7.45595 17.4197 8.03586 17.3228 8.45326 17.6208C8.87065 17.9188 8.96747 18.4987 8.6695 18.9161C7.42401 20.6608 5.86601 22.134 4.63646 23.1624C4.01855 23.6792 3.47636 24.0897 3.08692 24.3721C2.89206 24.5135 2.73504 24.623 2.62543 24.6981C2.60426 24.7126 2.58485 24.7259 2.56727 24.7378C2.53727 24.7833 2.51711 24.834 2.50773 24.8866C2.49421 24.9626 2.50338 25.0409 2.53466 25.1125C2.56598 25.1842 2.61863 25.247 2.68773 25.2919C2.75694 25.3368 2.83906 25.3614 2.92387 25.3613H11.9003C12.1851 25.3613 12.4541 25.492 12.6302 25.7159C12.8063 25.9397 12.8699 26.232 12.8028 26.5087L10.894 34.381C10.8848 34.419 10.8732 34.4564 10.8592 34.493L7.91629 42.2107C7.89576 42.2906 7.9009 42.3749 7.93149 42.4523C7.96465 42.5363 8.02657 42.609 8.10961 42.6568C8.19284 42.7047 8.29123 42.7238 8.3883 42.7098C8.4853 42.6959 8.57277 42.6501 8.6372 42.5824C8.65102 42.5679 8.66532 42.5538 8.68005 42.5402L8.68087 42.5394L8.69806 42.5235L8.75462 42.4708C8.80478 42.424 8.87942 42.3539 8.97609 42.2625C9.16943 42.0795 9.45079 41.8108 9.80047 41.47C10.5001 40.7881 11.4719 39.8187 12.5589 38.6706C14.7414 36.3654 17.3547 33.3746 19.1705 30.5583C21.1075 27.554 23.9317 24.8514 26.2355 22.9183C27.3935 21.9467 28.4328 21.1589 29.1837 20.6133C29.5594 20.3403 29.8635 20.1275 30.0748 19.9821C30.1652 19.92 30.2386 19.8702 30.2934 19.8333C30.3233 19.7878 30.3434 19.7373 30.3528 19.6847C30.3663 19.6088 30.3571 19.5304 30.3258 19.4589C30.2945 19.3872 30.2419 19.3244 30.1728 19.2795C30.1036 19.2345 30.0214 19.21 29.9366 19.21H20.9602C20.6777 19.21 20.4106 19.0814 20.2344 18.8607C20.0582 18.6399 19.9921 18.3509 20.0547 18.0755L20.9602 18.2814C20.0547 18.0755 20.0547 18.0755 20.0547 18.0755L20.0674 18.02L20.1036 17.8627C20.1352 17.7259 20.1812 17.5276 20.2394 17.2805C20.3556 16.7863 20.5202 16.0963 20.7137 15.3126C21.0995 13.75 21.6047 11.7967 22.073 10.2802C22.5653 8.68603 23.2898 6.69069 23.8863 5.10532C24.1855 4.31016 24.4542 3.61353 24.6482 3.11557C24.7452 2.86654 24.8236 2.66706 24.8778 2.52963L24.9403 2.37156L24.9453 2.35894C24.9645 2.28025 24.959 2.19754 24.9288 2.12145C24.8956 2.03744 24.8335 1.96467 24.7502 1.91698C24.7393 1.91071 24.7285 1.90423 24.7179 1.89756' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--careerBlocks .features__icon.fea-1::after { top: 0; right: 0.4375rem; width: 1.8125rem; height: 2.4375rem; background-image: url("data:image/svg+xml,%3Csvg width='29' height='39' viewBox='0 0 29 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6645 0.240049C13.8216 0.150381 14.1117 -1.79309e-05 14.4499 1.60346e-09C14.6023 8.08229e-06 14.721 0.0365825 14.7717 0.0535181C14.8342 0.0743905 14.8869 0.0981933 14.9243 0.116459C14.9994 0.153067 15.0711 0.195946 15.1316 0.234476C15.2556 0.313401 15.4018 0.418423 15.561 0.539684C15.8828 0.784921 16.307 1.13457 16.8038 1.57016C17.7994 2.44309 19.1141 3.68506 20.5273 5.17817C23.3411 8.15111 26.6073 12.1842 28.4899 16.3255C28.6206 16.613 28.5962 16.9471 28.4253 17.2125C28.2544 17.478 27.9603 17.6384 27.6446 17.6384H22.2033L22.2033 36.516C22.2033 36.7847 22.0869 37.0405 21.8842 37.2169C21.6815 37.3932 21.4124 37.4731 21.1463 37.436C18.1022 37.0108 14.4725 37.4352 11.6597 37.772L11.5383 37.7865C10.2286 37.9434 9.04389 38.0853 8.26817 38.0703C8.06062 38.0663 7.84723 38.051 7.64921 38.0113C7.47038 37.9754 7.19748 37.8998 6.9619 37.7024C6.66659 37.4549 6.51075 37.0818 6.5624 36.6811C6.60351 36.3622 6.76553 36.1111 6.88822 35.9512C6.88458 35.9559 6.88279 35.9585 6.88266 35.9584C6.88216 35.9581 6.90677 35.9176 6.94585 35.8084C6.99058 35.6834 7.0396 35.5103 7.09015 35.2847C7.19119 34.8337 7.2852 34.2327 7.36944 33.5064C7.53751 32.0572 7.65862 30.1812 7.73212 28.1586C7.87924 24.1097 7.83293 19.553 7.60938 16.7845C7.56811 16.2734 7.94903 15.8255 8.4602 15.7843C8.97137 15.743 9.41922 16.1239 9.4605 16.6351C9.69194 19.5013 9.73664 24.1362 9.58803 28.226C9.51366 30.2727 9.39022 32.2028 9.21421 33.7204C9.12641 34.4774 9.02349 35.15 8.90237 35.6907C8.86201 35.8708 8.81815 36.0431 8.76998 36.2033C9.41328 36.1697 10.3147 36.0626 11.4389 35.928L11.4492 35.9268C13.921 35.6308 17.2847 35.2281 20.3461 35.4805L20.3461 16.7102C20.3461 16.7102 20.3461 16.7098 21.2747 16.7098L20.3461 16.7102C20.3461 16.464 20.444 16.2274 20.6181 16.0532C20.7922 15.8791 21.0284 15.7812 21.2747 15.7812H26.1523C24.3428 12.3658 21.6255 9.04014 19.1785 6.45478C17.8049 5.00349 16.5318 3.80151 15.5795 2.96659C15.1023 2.54827 14.7125 2.22801 14.4353 2.01683C14.4197 2.00491 14.4046 1.99345 14.3899 1.98245C14.3407 2.0183 14.2852 2.06048 14.2233 2.10965C13.8958 2.36971 13.4682 2.76101 12.9596 3.26289C11.9468 4.26245 10.6804 5.63359 9.371 7.10177C7.22974 9.5027 5.0072 12.125 3.64322 13.7343C3.3403 14.0917 3.07973 14.3991 2.87179 14.6431C2.64994 14.9034 2.59284 15.0511 2.57863 15.1104C2.61062 15.1448 2.70125 15.2243 2.93074 15.3232C3.67226 15.6428 4.9849 15.7812 6.26002 15.7812C6.77286 15.7812 7.18859 16.197 7.18859 16.7098C7.18859 17.2226 6.77286 17.6384 6.26002 17.6384C4.95686 17.6384 3.31206 17.5099 2.19569 17.0287C1.65109 16.794 0.991908 16.3717 0.779765 15.6068C0.559211 14.8115 0.929209 14.0592 1.45839 13.4384C1.66262 13.1988 1.92003 12.8951 2.22026 12.5408C3.5823 10.9338 5.82581 8.28669 7.98499 5.86566C9.30156 4.38943 10.5994 2.98298 11.6551 1.94106C12.1809 1.42221 12.6636 0.976793 13.0683 0.655334C13.2694 0.495656 13.4716 0.35014 13.6645 0.240049ZM14.6398 1.82531C14.6397 1.82559 14.6355 1.82756 14.6276 1.83039C14.6359 1.82645 14.6399 1.82503 14.6398 1.82531Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--careerBlocks .features__icon.fea-9::after { top: 0.0625rem; right: 0.0625rem; width: 2.375rem; height: 2.375rem; background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1066 8.28522C16.2495 6.11856 11.3281 1.78522 6.4995 1.78522C0.463781 1.78522 -3.71443 22.2142 18.5701 37.0714C19.9631 36.1428 40.3925 14.3209 36.214 5.49951C32.8711 -1.55763 23.9878 1.93998 19.9639 4.57094' stroke='%2314004B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .features--careerBlocks .features__name { margin-bottom: 1.5rem; } .features--careerBlocks .features__svg { display: none; } @media screen and (min-width: 1200px) { .features { --width: calc(100% - 1032px); margin-bottom: 7rem; padding-bottom: 3.5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .features.loaded .features__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .features.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features.loaded .features__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features.loaded .features__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .features__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } .features__item { padding: 0; } .features__item:first-of-type .features__description { max-width: 100%; } .features__item:nth-of-type(2) .features__name { max-width: 70%; } .features__item:nth-of-type(3) .features__name { max-width: 90%; } .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features__item:last-of-type .features__description { max-width: 100%; } .features__icon { position: relative; width: 3.5rem; height: 3.5rem; left: auto; top: auto; margin-bottom: 2rem; } .features__icon::before { width: 2.9375rem; height: 2.9375rem; border-radius: 0.375rem; } .features__icon.fea-1::after { top: 0; right: 0.5rem; width: 1.875rem; height: 2.5625rem; background-image: url("data:image/svg+xml,%3Csvg width='30' height='41' viewBox='0 0 30 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9458 0.258514C14.115 0.161949 14.4274 -1.93102e-05 14.7916 1.7268e-09C14.9557 8.70401e-06 15.0836 0.0393965 15.1382 0.0576348C15.2054 0.0801128 15.2622 0.105747 15.3025 0.125418C15.3834 0.164841 15.4606 0.211019 15.5258 0.252512C15.6593 0.337509 15.8168 0.450609 15.9881 0.581198C16.3347 0.8453 16.7915 1.22184 17.3266 1.69094C18.3988 2.63102 19.8146 3.96853 21.3365 5.57649C24.3667 8.77812 27.8842 13.1214 29.9116 17.5814C30.0523 17.8909 30.0261 18.2507 29.842 18.5366C29.658 18.8224 29.3413 18.9952 29.0013 18.9952H23.1414L23.1414 39.3249C23.1414 39.6143 23.0161 39.8898 22.7978 40.0797C22.5795 40.2696 22.2896 40.3557 22.0031 40.3157C18.7248 39.8578 14.8159 40.3148 11.7867 40.6775L11.656 40.6931C10.2456 40.8621 8.96975 41.015 8.13435 40.9988C7.91084 40.9944 7.68103 40.978 7.46778 40.9352C7.27519 40.8966 6.9813 40.8152 6.7276 40.6026C6.40958 40.3361 6.24174 39.9342 6.29737 39.5027C6.34164 39.1593 6.51612 38.8889 6.64825 38.7166C6.64433 38.7217 6.64241 38.7245 6.64227 38.7244C6.64173 38.7241 6.66823 38.6805 6.71031 38.5629C6.75849 38.4283 6.81127 38.2419 6.86572 37.9989C6.97453 37.5132 7.07577 36.866 7.16648 36.0838C7.34749 34.5232 7.47791 32.5028 7.55706 30.3246C7.7155 25.9643 7.66563 21.0571 7.42489 18.0757C7.38044 17.5252 7.79066 17.0429 8.34116 16.9984C8.89165 16.954 9.37395 17.3642 9.4184 17.9147C9.66765 21.0014 9.71579 25.9928 9.55574 30.3972C9.47565 32.6014 9.34271 34.68 9.15317 36.3143C9.05861 37.1296 8.94778 37.8539 8.81734 38.4361C8.77387 38.6301 8.72664 38.8156 8.67477 38.9882C9.36755 38.952 10.3383 38.8366 11.549 38.6917L11.56 38.6903C14.222 38.3717 17.8444 37.938 21.1414 38.2097L21.1414 17.9956C21.1414 17.9956 21.1414 17.9952 22.1414 17.9952L21.1414 17.9956C21.1414 17.7304 21.2467 17.4756 21.4343 17.2881C21.6218 17.1005 21.8762 16.9952 22.1414 16.9952H27.3942C25.4455 13.317 22.5191 9.73553 19.8839 6.9513C18.4046 5.38837 17.0336 4.09393 16.0081 3.19479C15.4942 2.74429 15.0744 2.39939 14.7759 2.17197C14.7591 2.15913 14.7428 2.14679 14.727 2.13494C14.674 2.17355 14.6142 2.21898 14.5476 2.27193C14.1949 2.552 13.7343 2.97339 13.1867 3.51388C12.0959 4.59033 10.7321 6.06695 9.32201 7.64806C7.01605 10.2337 4.62254 13.0577 3.15363 14.7908C2.82742 15.1757 2.5468 15.5067 2.32287 15.7695C2.08395 16.0498 2.02246 16.2089 2.00716 16.2727C2.04161 16.3097 2.13921 16.3954 2.38635 16.502C3.18491 16.8461 4.59853 16.9952 5.97173 16.9952C6.52402 16.9952 6.97173 17.4429 6.97173 17.9952C6.97173 18.5475 6.52402 18.9952 5.97173 18.9952C4.56833 18.9952 2.797 18.8568 1.59476 18.3386C1.00827 18.0859 0.298377 17.631 0.0699147 16.8073C-0.167605 15.9509 0.230854 15.1407 0.800746 14.4721C1.02069 14.2141 1.29789 13.887 1.62122 13.5055C3.08803 11.7748 5.50412 8.92413 7.82939 6.31687C9.24723 4.72708 10.6449 3.21244 11.7818 2.09038C12.348 1.53161 12.8679 1.05193 13.3038 0.705744C13.5203 0.533784 13.7381 0.377073 13.9458 0.258514ZM14.9961 1.96572C14.996 1.96602 14.9915 1.96814 14.983 1.97119C14.9919 1.96695 14.9962 1.96542 14.9961 1.96572Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-2::after { top: 0.125rem; right: 0.0625rem; width: 2.75rem; height: 2.5rem; background-image: url("data:image/svg+xml,%3Csvg width='44' height='40' viewBox='0 0 44 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9328 2C19.3876 2 16.9663 2.90269 15.1975 4.48002C13.4324 6.05401 12.4664 8.16258 12.4664 10.3333C12.4664 12.5041 13.4324 14.6127 15.1975 16.1866C16.9663 17.764 19.3876 18.6667 21.9328 18.6667C24.4781 18.6667 26.8993 17.764 28.6682 16.1866C30.5895 14.4733 32.0031 12.535 32.0031 10.5134C32.0031 8.50759 30.6159 6.26951 28.8132 4.61134C26.6878 3.86525 25.5203 3.23622 24.6798 2.78343C24.5712 2.72492 24.468 2.66935 24.369 2.61686C23.9377 2.38826 23.6353 2.24646 23.3003 2.1521C22.9701 2.05908 22.5623 2 21.9328 2ZM13.8664 2.98732C16.0233 1.06397 18.9264 0 21.9328 0C22.6913 0 23.2903 0.0714522 23.8426 0.227018C24.3901 0.381249 24.846 0.6061 25.3056 0.849746C25.4082 0.904109 25.5134 0.960782 25.6229 1.01975C26.4669 1.47441 27.5645 2.06568 29.6598 2.78832C29.785 2.83151 29.9004 2.89915 29.9993 2.98732C32.0522 4.81797 34.0031 7.62195 34.0031 10.5134C34.0031 13.4425 32.0036 15.892 29.9993 17.6793C27.8424 19.6027 24.9393 20.6667 21.9328 20.6667C18.9264 20.6667 16.0233 19.6027 13.8664 17.6793C11.7058 15.7527 10.4664 13.1133 10.4664 10.3333C10.4664 7.55338 11.7058 4.91401 13.8664 2.98732ZM3.37001 30.7209C2.43413 31.7079 2 32.7015 2 33.6667V38.3333C2 38.8856 1.55228 39.3333 1 39.3333C0.447715 39.3333 0 38.8856 0 38.3333V33.6667C0 32.0535 0.736799 30.5912 1.91873 29.3448C3.09567 28.1036 4.75177 27.0315 6.72217 26.1529C10.6654 24.3948 16.0434 23.3333 21.9328 23.3333C27.6679 23.3333 32.0584 23.4216 35.5286 24.7135C39.1133 26.0481 41.6219 28.6177 43.7725 33.2452C43.8553 33.4235 43.8838 33.6221 43.8544 33.8165L43.1761 38.2934C43.1357 38.5597 42.9896 38.7985 42.7709 38.9557C42.5521 39.1129 42.2791 39.1752 42.0138 39.1284C38.6362 38.5332 34.2972 38.7782 28.9667 39.1001L28.7381 39.1139C23.5055 39.43 17.4249 39.7974 10.6747 39.4197C10.1232 39.3889 9.70123 38.9168 9.73208 38.3654C9.76294 37.814 10.235 37.392 10.7864 37.4228C17.4196 37.794 23.4021 37.4326 28.6483 37.1157L28.8461 37.1037C33.6201 36.8155 37.8642 36.5632 41.3483 37.0061L41.8314 33.8175C39.8661 29.6957 37.721 27.6638 34.8308 26.5879C31.7637 25.446 27.7632 25.3333 21.9328 25.3333C16.2568 25.3333 11.1685 26.3602 7.53662 27.9796C5.71948 28.7898 4.31089 29.7287 3.37001 30.7209Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-3::after { top: 0.0625rem; right: 0.0625rem; width: 2.3125rem; height: 2.75rem; background-image: url("data:image/svg+xml,%3Csvg width='37' height='44' viewBox='0 0 37 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.74021 6.37787L7.88564 23.9787C7.88755 24.2098 7.79001 24.4288 7.61788 24.58C7.44574 24.7311 7.21562 24.7999 6.98614 24.7686L1.99749 24.0899L2.27657 28.081L7.86605 28.4671C8.2628 28.4945 8.5852 28.8071 8.62508 29.203L9.00619 32.9863C9.02891 33.2118 8.95576 33.4348 8.80467 33.6007C8.65359 33.7665 8.43854 33.8598 8.21224 33.8578L5.26672 33.831L5.43204 35.1661L8.13441 34.8984C8.36133 34.876 8.58879 34.9512 8.76004 35.1053C8.9313 35.2595 9.0302 35.4781 9.03209 35.7065L9.08275 41.8379L13.0321 40.8048L12.6597 34.2667C12.6472 34.0467 12.7253 33.8327 12.8758 33.6747C13.0264 33.5166 13.2362 33.4283 13.4564 33.4303L16.5004 33.4579L16.4981 33.1772L13.804 33.1527C13.5788 33.1506 13.3632 33.0544 13.2095 32.8872C13.0558 32.7201 12.9779 32.4974 12.995 32.2733L13.3105 28.1183C13.3278 27.8897 13.4422 27.6811 13.6248 27.545C13.8073 27.4089 14.0407 27.3583 14.2661 27.4059L18.9799 28.402L19.1702 25.6418L15.8408 25.6116C15.4756 25.6082 15.1542 25.3594 15.0579 25.0056L14.3363 22.3531C14.2784 22.1401 14.3097 21.9142 14.4229 21.7279C14.5362 21.5415 14.7216 21.4109 14.936 21.3664C18.3685 20.6547 23.455 19.0277 27.5473 16.4833C31.679 13.9143 34.5327 10.5883 34.1235 6.5262C34.0237 5.53448 33.6954 4.77471 33.2085 4.18411C32.7173 3.58822 32.0279 3.12051 31.1431 2.77703C29.3506 2.08115 26.8682 1.93854 24.0283 2.19977C18.5791 2.70102 12.1724 4.65116 7.74021 6.37787ZM34.4431 3.1733C35.1576 4.04009 35.596 5.1142 35.7248 6.39245C36.2302 11.4102 32.6706 15.2076 28.4141 17.8541C24.4373 20.3267 19.6202 21.9506 16.1082 22.7627L16.447 24.0079L20.026 24.0404C20.2501 24.0425 20.4649 24.1379 20.6185 24.3038C20.7722 24.4697 20.8508 24.6909 20.8354 24.9143L20.523 29.4472C20.5071 29.6769 20.3934 29.8871 20.2105 30.0245C20.0277 30.1618 19.7933 30.213 19.567 30.1652L14.8469 29.1678L14.6659 31.5513L17.2894 31.5752C17.7338 31.5792 18.097 31.9428 18.1007 32.3872L18.1163 34.2772C18.12 34.7216 17.7627 35.0786 17.3183 35.0745L14.3145 35.0472L14.6757 41.3884C14.6972 41.7663 14.4528 42.1037 14.0885 42.199L8.50303 43.6601C8.2618 43.7232 8.00298 43.6699 7.80288 43.5158C7.60279 43.3618 7.48423 43.1245 7.48216 42.8741L7.43022 36.5882L4.82487 36.8462C4.38581 36.8897 3.98772 36.5702 3.93329 36.1306L3.55843 33.1034C3.53017 32.8751 3.60051 32.6474 3.75178 32.4774C3.90304 32.3074 4.12081 32.2114 4.35032 32.2135L7.31639 32.2405L7.09321 30.025L1.48204 29.6373C1.07592 29.6093 0.749314 29.283 0.720916 28.8768L0.32419 23.2035C0.307447 22.9641 0.398229 22.7315 0.571805 22.5691C0.745381 22.4068 0.983669 22.3316 1.22175 22.364L6.26882 23.0506L6.12644 5.81954C6.12373 5.49226 6.31953 5.19939 6.62165 5.07879C11.1311 3.2788 17.9806 1.13736 23.8534 0.597157C26.7786 0.328076 29.5593 0.445931 31.7028 1.27807C32.786 1.6986 33.7329 2.31179 34.4431 3.1733Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.847 7.63005C29.3111 7.86118 29.7855 8.29799 29.7913 8.99752C29.7962 9.59129 29.4457 10.0891 29.1004 10.4544C28.7311 10.8451 28.2253 11.2322 27.6467 11.6088C26.4846 12.3653 24.9012 13.1612 23.1774 13.9301C19.7214 15.4715 15.5839 16.9554 12.828 17.8517C12.5833 17.9312 12.3132 17.8877 12.1021 17.7345C11.891 17.5814 11.7647 17.3374 11.7626 17.0787L11.7035 9.93242C11.7004 9.55848 11.9553 9.23616 12.3188 9.15449C15.0772 8.53459 19.2257 7.74042 22.7003 7.37779C24.4287 7.1974 26.0397 7.11815 27.2409 7.23681C27.8322 7.29521 28.401 7.40793 28.847 7.63005ZM13.3181 10.5878L13.3626 15.9705C16.0185 15.0755 19.5266 13.7849 22.5007 12.4584C24.1989 11.701 25.6938 10.9446 26.7524 10.2555C27.2841 9.90936 27.6741 9.60027 27.9219 9.33816C28.039 9.21432 28.1034 9.12308 28.1388 9.06285C27.9572 8.9755 27.6257 8.88925 27.1103 8.83834C26.0771 8.73628 24.5981 8.80071 22.8948 8.97848C19.7544 9.30623 16.0189 10.0001 13.3181 10.5878ZM28.2311 9.116C28.2311 9.116 28.2307 9.11567 28.2299 9.11499C28.2308 9.11566 28.2311 9.11599 28.2311 9.116Z' fill='%2314004B'/%3E%3C/svg%3E"); } .features__icon.fea-4::after { top: 0; right: 0.125rem; width: 2.125rem; height: 3rem; background-image: url("data:image/svg+xml,%3Csvg width='34' height='48' viewBox='0 0 34 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.9251 2.04352C25.8435 2.00559 25.7513 1.99167 25.6601 2.00485C25.5593 2.01943 25.4681 2.06591 25.3996 2.1347L12.4467 16.5513C12.0776 16.9621 11.4453 16.996 11.0345 16.6268C10.6237 16.2577 10.5898 15.6255 10.959 15.2147L23.9242 0.784283C23.9306 0.777168 23.9371 0.770146 23.9437 0.763218C24.3242 0.363405 24.8285 0.104311 25.3738 0.0254477C25.9191 -0.0534042 26.4759 0.0521279 26.9543 0.326214C26.9807 0.341366 27.0063 0.357623 27.031 0.374908C27.4739 0.650505 27.8188 1.0608 28.0118 1.54823C28.216 2.06368 28.2373 2.63294 28.072 3.16223C28.0644 3.18657 28.0559 3.21061 28.0464 3.2343L28.0238 3.29118L27.9579 3.45803C27.9004 3.60369 27.817 3.81591 27.7137 4.08124C27.5069 4.61203 27.2203 5.35483 26.9014 6.20234C26.2617 7.90269 25.4993 10.0048 24.9878 11.6612C24.5012 13.2367 23.9684 15.294 23.5546 16.9699C23.3941 17.62 23.2522 18.2098 23.1388 18.6877H31.5445C32.0212 18.6876 32.4888 18.8253 32.889 19.0852C33.2894 19.3453 33.6057 19.7167 33.7972 20.1549C33.9887 20.5933 34.0464 21.0783 33.9625 21.5495C33.8786 22.0207 33.6572 22.4557 33.3273 22.8015M33.3273 22.8015L33.1487 22.9497L33.1341 22.9594L33.0724 23.0005C33.0173 23.0375 32.9347 23.0934 32.8274 23.1672C32.6128 23.3148 32.2996 23.5339 31.9102 23.8168C31.1311 24.383 30.0496 25.2027 28.8451 26.2133C26.4231 28.2456 23.5583 31.0049 21.632 33.9927C19.5751 37.1829 16.6596 40.5103 14.2832 43.0202C13.0905 44.28 12.0245 45.3433 11.2562 46.0922C10.8719 46.4668 10.5618 46.763 10.3471 46.9662C10.2397 47.0678 10.1562 47.1461 10.0991 47.1994L10.0338 47.2603L10.0316 47.2623C9.65365 47.6481 9.15853 47.898 8.6242 47.9748C8.07822 48.0534 7.52076 47.947 7.04221 47.6718C6.56346 47.3965 6.19072 46.9675 5.98736 46.4527C5.78393 45.9377 5.76291 45.3691 5.92802 44.8405C5.93414 44.8209 5.94086 44.8015 5.94818 44.7823L9.10914 36.4929L10.8502 29.3122H2.45547C1.97879 29.3123 1.51119 29.1746 1.11104 28.9147C0.710653 28.6547 0.394307 28.2833 0.202815 27.845C0.0112704 27.4066 -0.0464092 26.9216 0.0374956 26.4504C0.121389 25.9792 0.342812 25.5442 0.672661 25.1984C0.72592 25.1426 0.785458 25.0932 0.850093 25.051L0.85697 25.0465L0.885274 25.0277C0.911153 25.0104 0.950822 24.9837 1.00302 24.948C1.10743 24.8765 1.2618 24.7688 1.45604 24.6279C1.84482 24.3459 2.39152 23.9322 3.01584 23.41C4.27121 22.36 5.80947 20.8972 7.01449 19.2091C7.33538 18.7596 7.9599 18.6554 8.4094 18.9763C8.8589 19.2971 8.96316 19.9217 8.64228 20.3712C7.30097 22.2501 5.62313 23.8366 4.299 24.9441C3.63356 25.5007 3.04966 25.9428 2.63027 26.2469C2.42042 26.3991 2.25132 26.5171 2.13328 26.598C2.11047 26.6136 2.08957 26.6278 2.07064 26.6407C2.03833 26.6897 2.01662 26.7443 2.00653 26.801C1.99197 26.8828 2.00184 26.9672 2.03552 27.0442C2.06925 27.1214 2.12595 27.1891 2.20037 27.2374C2.2749 27.2858 2.36334 27.3123 2.45468 27.3122H12.1216C12.4283 27.3122 12.7181 27.4529 12.9076 27.694C13.0972 27.9351 13.1657 28.2498 13.0935 28.5479L11.0379 37.0257C11.028 37.0666 11.0155 37.1069 11.0004 37.1463L7.83112 45.4577C7.80902 45.5437 7.81455 45.6345 7.8475 45.7179C7.8832 45.8083 7.94989 45.8867 8.03932 45.9381C8.12895 45.9896 8.23491 46.0102 8.33944 45.9952C8.44391 45.9802 8.5381 45.9309 8.60749 45.858C8.62238 45.8423 8.63777 45.8271 8.65364 45.8125L8.65452 45.8117L8.67303 45.7945L8.73394 45.7378C8.78796 45.6873 8.86834 45.6119 8.97244 45.5134C9.18066 45.3164 9.48366 45.0271 9.86025 44.66C10.6137 43.9256 11.6603 42.8817 12.8309 41.6452C15.1812 39.1627 17.9956 35.9418 19.9511 32.9089C22.0371 29.6735 25.0785 26.763 27.5595 24.6812C28.8065 23.6349 29.9258 22.7865 30.7345 22.1989C31.1391 21.9049 31.4666 21.6757 31.6942 21.5192C31.7914 21.4523 31.8705 21.3987 31.9296 21.3589C31.9618 21.3099 31.9834 21.2555 31.9935 21.1989C32.008 21.1172 31.9982 21.0328 31.9645 20.9557C31.9308 20.8785 31.8741 20.8109 31.7996 20.7625C31.7251 20.7141 31.6367 20.6877 31.5453 20.6877H21.8784C21.5742 20.6877 21.2865 20.5492 21.0968 20.3115C20.907 20.0737 20.8358 19.7625 20.9033 19.4659L21.8784 19.6877C20.9033 19.4659 20.9033 19.4659 20.9033 19.4659L20.9169 19.4062L20.9559 19.2367C20.9899 19.0895 21.0395 18.8759 21.1021 18.6098C21.2273 18.0776 21.4045 17.3345 21.6129 16.4905C22.0284 14.8077 22.5725 12.7042 23.0768 11.071C23.607 9.35419 24.3872 7.20536 25.0296 5.49803C25.3518 4.64171 25.6412 3.89149 25.8501 3.35523C25.9546 3.08704 26.039 2.87222 26.0974 2.72422L26.1647 2.55399L26.1701 2.5404C26.1908 2.45566 26.1848 2.36658 26.1523 2.28464C26.1165 2.19417 26.0496 2.1158 25.96 2.06444C25.9482 2.05769 25.9366 2.05071 25.9251 2.04352' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-5::after { top: 0; right: 0.0625rem; width: 2.875rem; height: 2.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='46' height='45' viewBox='0 0 46 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5 1C21.5 0.447715 21.9477 0 22.5 0C34.9707 0 43.9529 9.47634 44.9952 22.4006C46.574 35.6636 34.7725 45 22.5 45C10.0736 45 0 34.9264 0 22.5V22.4688L0.0019474 22.4376C0.351654 16.8423 4.49426 4.94866 18.2925 2.02177C18.8328 1.90716 19.3636 2.25223 19.4782 2.7925C19.5928 3.33276 19.2478 3.86363 18.7075 3.97823C6.1313 6.64592 2.33042 17.4471 2.00002 22.5315C2.01701 33.8388 11.1887 43 22.5 43C33.9697 43 44.4143 34.3456 43.0071 22.6191L43.0048 22.5995L43.0032 22.5797C42.0379 10.514 33.7712 2 22.5 2C21.9477 2 21.5 1.55228 21.5 1ZM22.5294 9.00043C23.0814 9.01667 23.5158 9.47735 23.4996 10.0294C23.4213 12.6905 23.3725 16.9468 23.4687 21.3248C26.4191 21.1666 29.4979 21.1575 32.1322 21.5088C32.6796 21.5818 33.0642 22.0847 32.9912 22.6322C32.9182 23.1796 32.4153 23.5642 31.8678 23.4912C29.3924 23.1612 26.433 23.167 23.523 23.3248C23.6613 27.5661 23.9503 31.6526 24.4806 34.3039C24.5889 34.8454 24.2377 35.3723 23.6961 35.4806C23.1546 35.5889 22.6277 35.2377 22.5194 34.6961C21.9582 31.8902 21.6659 27.6925 21.5262 23.4558C19.2912 23.6262 17.1878 23.8611 15.4829 24.0649C15.021 24.1201 14.5824 24.1737 14.1788 24.2231C13.7327 24.2777 13.3293 24.327 12.9837 24.3675C12.3456 24.4424 11.8047 24.5 11.5 24.5C10.9477 24.5 10.5 24.0523 10.5 23.5C10.5 22.9477 10.9477 22.5 11.5 22.5C11.6606 22.5 12.066 22.4614 12.7508 22.3811C13.0976 22.3405 13.4898 22.2925 13.9275 22.2389C14.3286 22.1899 14.7679 22.1361 15.2456 22.079C16.9851 21.8711 19.157 21.6285 21.471 21.4543C21.3715 17.0071 21.4208 12.6782 21.5004 9.9706C21.5167 9.41856 21.9774 8.9842 22.5294 9.00043Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-6::after { top: 0.25rem; right: 0.1875rem; width: 2.6875rem; height: 2.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='43' height='45' viewBox='0 0 43 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4979 2.01934L19.4936 2.2598C19.4909 2.41591 19.4872 2.64309 19.483 2.92678C19.4748 3.49424 19.4648 4.28741 19.4582 5.18991C19.445 6.99844 19.4451 9.23293 19.4976 10.9698C19.5472 12.6131 19.6712 14.7234 19.7835 16.4307C19.8396 17.2828 19.8925 18.0313 19.9314 18.5668C19.9509 18.8345 19.9668 19.0489 19.9779 19.1962L19.995 19.4222C20.0158 19.6917 19.9267 19.959 19.7478 20.1617C19.5689 20.3644 19.3156 20.486 19.0456 20.4989C17.2782 20.583 14.4314 20.6586 11.6189 20.6124C8.84081 20.5667 5.9816 20.4017 4.25523 19.9701C2.90095 19.6316 2.23118 18.3583 1.88809 17.1358C1.52862 15.855 1.41003 14.2392 1.42279 12.5674C1.44845 9.20683 2.01006 5.33948 2.51718 2.80389C2.62549 2.26233 3.15232 1.91111 3.69388 2.01943C4.23544 2.12774 4.58666 2.65456 4.47834 3.19612C3.98546 5.66053 3.44708 9.39319 3.42273 12.5826C3.4105 14.1859 3.5294 15.5825 3.81369 16.5954C4.11435 17.6667 4.49458 17.9684 4.7403 18.0299C6.21392 18.3983 8.85481 18.5667 11.6518 18.6126C13.9204 18.6499 16.2164 18.6064 17.9245 18.544C17.8868 18.0213 17.8386 17.3339 17.7878 16.562C17.6753 14.8503 17.5493 12.7106 17.4985 11.0302C17.4449 9.25397 17.445 6.98846 17.4583 5.17526C17.4642 4.37503 17.4726 3.66036 17.4802 3.11108C16.8995 3.15842 16.2288 3.20108 15.5185 3.24626C14.7071 3.29787 13.8441 3.35276 13.0049 3.42165C10.7479 3.60693 8.61885 3.89335 7.39197 4.41915C6.88434 4.63671 6.29646 4.40156 6.07891 3.89393C5.86135 3.3863 6.0965 2.79842 6.60413 2.58086C8.17725 1.90667 10.6316 1.60975 12.8412 1.42836C13.8014 1.34954 14.7153 1.29212 15.5374 1.24047C16.7071 1.16698 17.6908 1.10518 18.3566 1.01006C18.6469 0.968583 18.9408 1.05664 19.1605 1.25092C19.3802 1.4452 19.5035 1.72613 19.4979 2.01934Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4968 26.0193L19.4925 26.2598C19.4898 26.4159 19.4861 26.6431 19.4819 26.9268C19.4737 27.4942 19.4638 28.2874 19.4572 29.1899C19.4439 30.9984 19.4441 33.2329 19.4965 34.9698C19.5461 36.6131 19.6701 38.7234 19.7825 40.4307C19.8385 41.2828 19.8914 42.0313 19.9303 42.5668C19.9498 42.8345 19.9657 43.0489 19.9768 43.1962L19.9939 43.4222C20.0147 43.6917 19.9256 43.959 19.7467 44.1617C19.5679 44.3644 19.3146 44.486 19.0445 44.4989C17.2771 44.583 14.4304 44.6586 11.6179 44.6124C8.83973 44.5667 5.98053 44.4017 4.25415 43.9701C3.07417 43.6752 2.37885 42.8849 2.03572 41.8748C1.7203 40.9462 1.69066 39.8102 1.73483 38.6616C1.76349 37.9164 1.82263 37.1424 1.88373 36.3427C2.02139 34.5409 2.16901 32.6089 2.00037 30.583C1.95456 30.0326 2.3636 29.5493 2.91398 29.5035C3.46436 29.4576 3.94767 29.8667 3.99348 30.4171C4.17585 32.6081 4.00776 34.8223 3.86648 36.6833C3.80948 37.4341 3.75685 38.1274 3.73335 38.7384C3.69004 39.8648 3.74169 40.6788 3.92944 41.2315C4.08949 41.7026 4.31921 41.9249 4.73922 42.0299C6.21285 42.3983 8.85374 42.5667 11.6507 42.6126C13.9193 42.6499 16.2154 42.6064 17.9235 42.544C17.8858 42.0213 17.8375 41.3339 17.7868 40.562C17.6742 38.8503 17.5482 36.7106 17.4974 35.0302C17.4438 33.254 17.4439 30.9885 17.4572 29.1753C17.4632 28.3601 17.4718 27.6336 17.4796 27.0804C16.87 27.1068 16.1342 27.1194 15.339 27.1281C14.8054 27.1339 14.2377 27.1378 13.6468 27.1419C12.628 27.1489 11.54 27.1564 10.4384 27.1749C8.70261 27.2039 6.97264 27.2598 5.51028 27.381C4.0024 27.5059 2.92147 27.6915 2.39027 27.9192C1.88264 28.1367 1.29476 27.9016 1.07721 27.3939C0.85965 26.8863 1.0948 26.2984 1.60243 26.0809C2.47123 25.7085 3.86122 25.5108 5.34511 25.3878C6.87454 25.2611 8.65722 25.2044 10.4049 25.1751C11.5135 25.1566 12.6241 25.1489 13.6514 25.1418C14.2393 25.1377 14.7999 25.1338 15.3173 25.1282C16.7808 25.1123 17.8522 25.082 18.3555 25.0101C18.6459 24.9686 18.9398 25.0566 19.1594 25.2509C19.3791 25.4452 19.5025 25.7261 19.4968 26.0193Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.5458 1.05024C39.6293 1.08188 40.4463 1.07906 40.9308 1.00985C41.1971 0.971814 41.4674 1.04261 41.6808 1.20626C41.8942 1.36991 42.0327 1.61261 42.065 1.87958L41.0723 1.99979C42.065 1.87958 42.065 1.87975 42.0651 1.87992L42.0651 1.88034L42.0652 1.88142L42.0656 1.88453L42.0668 1.89459L42.0708 1.9299C42.0742 1.96015 42.0789 2.00376 42.0846 2.06035C42.096 2.17354 42.1116 2.33871 42.1287 2.55291C42.1629 2.9813 42.2036 3.60599 42.2306 4.40346C42.2847 5.99811 42.2844 8.28538 42.0693 11.0766C41.8205 14.3053 41.9466 16.3546 42.1222 17.5703C42.2098 18.1774 42.3094 18.5739 42.3795 18.804C42.4146 18.919 42.4422 18.9922 42.4572 19.0293C42.4629 19.0434 42.4667 19.0523 42.4685 19.0562C42.6163 19.3549 42.6058 19.7081 42.4394 19.9979C42.2695 20.2937 41.9605 20.4824 41.6198 20.4987C39.8524 20.5828 37.0057 20.6584 34.1931 20.6122C31.415 20.5665 28.5558 20.4015 26.8294 19.9699C25.4752 19.6314 24.8054 18.3581 24.4623 17.1356C24.1028 15.8548 23.9842 14.2389 23.997 12.5672C24.0227 9.20661 24.5843 5.33927 25.0914 2.80368C25.1997 2.26212 25.7265 1.9109 26.2681 2.01921C26.8097 2.12753 27.1609 2.65435 27.0526 3.19591C26.5597 5.66032 26.0213 9.39297 25.997 12.5824C25.9847 14.1856 26.1036 15.5823 26.3879 16.5952C26.6886 17.6665 27.0688 17.9682 27.3145 18.0297C28.7881 18.3981 31.429 18.5664 34.226 18.6124C36.391 18.648 38.581 18.61 40.2611 18.5522C40.2202 18.3464 40.1801 18.1151 40.1427 17.8561C39.9417 16.4641 39.8178 14.2635 40.0752 10.923C40.284 8.21434 40.2837 6.00161 40.2318 4.47123C40.2126 3.90577 40.1864 3.4337 40.1611 3.06447C39.6528 3.07651 39.0808 3.06672 38.4874 3.04939C37.9671 3.03419 37.4522 3.0141 36.9234 2.99346C36.2908 2.96877 35.6383 2.9433 34.9326 2.9245C33.6908 2.89144 32.4626 2.88625 31.3824 2.96007C30.2799 3.03543 29.4291 3.18803 28.89 3.41907C28.3824 3.63662 27.7945 3.40147 27.577 2.89384C27.3594 2.38621 27.5945 1.79833 28.1022 1.58078C28.9631 1.21181 30.0926 1.04357 31.2461 0.964729C32.4219 0.884363 33.7252 0.891644 34.9858 0.925212C35.6546 0.943021 36.3695 0.970556 37.0436 0.996519C37.5858 1.0174 38.1016 1.03727 38.5458 1.05024ZM42.4618 19.0429L42.4618 19.0428L42.4605 19.0403L42.4602 19.0399C42.4608 19.0409 42.4613 19.0419 42.4618 19.0429Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.3095 25.0501C39.5408 25.0819 40.4481 25.079 40.9322 25.0098C41.2225 24.9684 41.5164 25.0564 41.7361 25.2507C41.9558 25.445 42.0791 25.7259 42.0734 26.0191L42.0691 26.2596C42.0664 26.4157 42.0627 26.6429 42.0586 26.9266C42.0503 27.494 42.0404 28.2872 42.0338 29.1897C42.0205 30.9982 42.0207 33.2327 42.0731 34.9696C42.1228 36.6128 42.2468 38.7232 42.3591 40.4305C42.4151 41.2825 42.4681 42.0311 42.507 42.5666C42.5264 42.8343 42.5424 43.0487 42.5534 43.196L42.5706 43.422C42.5914 43.6915 42.5022 43.9588 42.3234 44.1615C42.1445 44.3642 41.8912 44.4858 41.6212 44.4987C40.0783 44.5721 37.981 44.3995 35.8155 44.2212C35.4088 44.1877 34.9997 44.154 34.5914 44.1218C31.9464 43.9126 29.2887 43.7559 27.1856 43.9935C26.516 44.0691 25.9053 43.8897 25.4046 43.495C24.9315 43.1222 24.6089 42.6002 24.3816 42.0585C23.9311 40.9847 23.7379 39.5461 23.682 38.051C23.569 35.0289 24.0067 31.3547 24.517 28.8037C24.6253 28.2621 25.1521 27.9109 25.6937 28.0192C26.2352 28.1275 26.5864 28.6544 26.4781 29.1959C25.9883 31.6448 25.5751 35.1558 25.6806 37.9763C25.7339 39.4024 25.9174 40.5494 26.2258 41.2847C26.3781 41.6475 26.5305 41.8359 26.6425 41.9242C26.7268 41.9906 26.8112 42.023 26.9611 42.0061C29.2827 41.7439 32.125 41.9205 34.749 42.128C35.1794 42.162 35.6031 42.1968 36.0179 42.2308C37.7009 42.3688 39.2393 42.4949 40.4979 42.514C40.4606 41.9951 40.4132 41.3191 40.3634 40.5618C40.2508 38.8501 40.1248 36.7104 40.0741 35.03C40.0204 33.2538 40.0206 30.9882 40.0338 29.1751C40.0399 28.3527 40.0486 27.6206 40.0564 27.0656C39.5195 27.0759 38.904 27.0662 38.2579 27.0495C37.6935 27.0349 37.1145 27.0152 36.5159 26.9949C35.7734 26.9697 35.0006 26.9434 34.1877 26.9246C32.7567 26.8914 31.337 26.8861 30.1112 26.9606C28.8522 27.0371 27.9202 27.1927 27.3921 27.4191C26.8844 27.6366 26.2965 27.4015 26.079 26.8938C25.8614 26.3862 26.0966 25.7983 26.6042 25.5808C27.4761 25.2071 28.7119 25.0419 29.9899 24.9642C31.3011 24.8846 32.7878 24.8916 34.234 24.9251C35.024 24.9434 35.8459 24.9711 36.6193 24.9972C37.2253 25.0176 37.8016 25.037 38.3095 25.0501Z' fill='%2314004B'/%3E%3C/svg%3E"); } .features__icon.fea-7::after { top: 0.0625rem; right: 0.53125rem; width: 1.9375rem; height: 2.75rem; background-image: url("data:image/svg+xml,%3Csvg width='31' height='44' viewBox='0 0 31 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.970135 23.1519C1.43847 22.8592 2.05542 23.0016 2.34813 23.4699C2.96613 24.4587 3.31016 25.8696 3.50731 27.3764C3.70842 28.9136 3.7712 30.6775 3.75006 32.4617C3.70777 36.0316 3.32798 39.776 2.99008 42.1413C2.91198 42.688 2.40545 43.0679 1.85871 42.9898C1.31198 42.9117 0.93208 42.4052 1.01018 41.8585C1.33895 39.5571 1.70917 35.9015 1.7502 32.438C1.77073 30.7056 1.70851 29.0445 1.52421 27.6359C1.33594 26.1969 1.03414 25.1411 0.652136 24.5299C0.359425 24.0616 0.501798 23.4446 0.970135 23.1519Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9003 18.0048C12.4498 17.9497 12.94 18.3505 12.9951 18.9001C13.6326 25.2582 14.5053 36.035 13.6306 42.1416C13.5523 42.6883 13.0456 43.068 12.4989 42.9897C11.9522 42.9114 11.5725 42.4047 11.6508 41.858C12.4844 36.0387 11.6488 25.5192 11.0051 19.0996C10.95 18.5501 11.3508 18.0599 11.9003 18.0048Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.763 0.028393C23.2328 -0.0862834 23.7174 0.151761 23.9139 0.59374C25.2561 3.61365 28.3834 10.2161 30.3138 12.9186C30.6348 13.3681 30.5307 13.9926 30.0813 14.3136C29.6319 14.6346 29.0073 14.5305 28.6863 14.0811C27.4215 12.3103 25.7322 9.08278 24.3073 6.16022C25.1586 20.9446 25.7687 35.556 24.9941 42.609C24.9338 43.158 24.4399 43.5542 23.8909 43.4939C23.3419 43.4336 22.9458 42.9397 23.006 42.3907C23.753 35.5892 23.1742 21.3636 22.3346 6.69575C22.1773 7.01208 22.0134 7.3293 21.8451 7.64523C20.5395 10.0948 18.9134 12.5587 17.8108 14.0854C17.4874 14.5331 16.8623 14.6339 16.4146 14.3106C15.9669 13.9872 15.866 13.3621 16.1894 12.9144C17.2534 11.4411 18.8273 9.05498 20.0801 6.70453C20.707 5.52835 21.241 4.38415 21.5923 3.3817C21.8805 2.55906 22.015 1.91528 22.026 1.45914C22.018 1.32618 22.01 1.19326 22.0019 1.06037C21.9726 0.577593 22.2931 0.14307 22.763 0.028393Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features__icon.fea-8::after { top: 0; right: 0.5625rem; width: 1.8125rem; height: 2.9375rem; background-image: url("data:image/svg+xml,%3Csvg width='29' height='47' viewBox='0 0 29 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.8652 0.815493C26.4568 1.09966 27.1696 1.64831 27.1696 2.59643C27.1696 5.45505 28.3875 30.8327 28.9989 43.2053C29.0227 43.6861 28.7006 44.1155 28.2324 44.2273C23.4768 45.3631 16.429 46.6889 10.7713 46.9529C7.96828 47.0836 5.37713 46.9621 3.56799 46.3491C2.66056 46.0416 1.82231 45.5686 1.30087 44.8163C0.74641 44.0163 0.659806 43.0632 0.957014 42.0656C1.37636 40.6581 1.63161 38.3884 1.74564 35.5544C1.85869 32.7449 1.83076 29.4626 1.7168 26.0763C1.48891 19.3048 0.918779 12.1674 0.462847 7.66656C0.407186 7.11709 0.807499 6.62653 1.35697 6.57087C1.90644 6.51521 2.397 6.91552 2.45266 7.46499C2.91199 11.9993 3.48593 19.1827 3.71566 26.0091C3.83052 29.4218 3.85979 32.7577 3.74402 35.6348C3.62924 38.4873 3.36966 40.9723 2.87375 42.6367C2.71333 43.1751 2.80311 43.4728 2.94462 43.677C3.11915 43.9288 3.49648 44.2131 4.20981 44.4548C5.6422 44.9402 7.91333 45.084 10.6781 44.955C15.8502 44.7137 22.2988 43.5463 26.9603 42.4715C26.3469 30.0288 25.1989 6.0672 25.1702 2.71427C25.1367 2.69092 25.0828 2.65846 24.9993 2.61834C24.6662 2.45836 24.1014 2.30859 23.2832 2.19832C21.6679 1.98065 19.3787 1.95481 16.7712 2.05965C11.5746 2.26858 5.31916 2.98652 1.14226 3.58628C0.595582 3.66478 0.0887775 3.28524 0.0102805 2.73857C-0.0682166 2.19189 0.311319 1.68508 0.857997 1.60659C5.07093 1.00165 11.4002 0.273974 16.6909 0.0612628C19.327 -0.044723 21.7572 -0.0253859 23.5503 0.216234C24.4362 0.335613 25.2479 0.519011 25.8652 0.815493ZM25.2189 2.75651C25.218 2.75664 25.213 2.75209 25.2064 2.74244C25.2165 2.75154 25.2198 2.75637 25.2189 2.75651ZM14.1415 7.51007C14.6883 7.58818 15.0682 8.09471 14.9901 8.64145C14.6605 10.9486 14.2389 14.7426 14.0489 18.5992C13.8575 22.4868 13.9085 26.3225 14.4745 28.7752C14.5987 29.3133 14.2631 29.8502 13.725 29.9744C13.1868 30.0986 12.6499 29.763 12.5257 29.2249C11.8917 26.4775 11.8595 22.3966 12.0513 18.5008C12.2447 14.5742 12.6731 10.7181 13.0102 8.3586C13.0883 7.81187 13.5948 7.43197 14.1415 7.51007ZM13.8587 32.5101C14.4054 32.432 14.912 32.8119 14.9901 33.3586L15.4901 36.8586C15.5682 37.4053 15.1883 37.9119 14.6415 37.99C14.0948 38.0681 13.5883 37.6882 13.5102 37.1414L13.0102 33.6414C12.9321 33.0947 13.312 32.5882 13.8587 32.5101Z' fill='%2314004B'/%3E%3C/svg%3E"); } .features__name { font-size: 1.375rem; line-height: 1.8125rem; min-height: 3.625rem; margin-bottom: 1rem; } .features__description { font-size: 1.125rem; line-height: 1.625rem; letter-spacing: 0.01em; max-width: 100%; } .features__about { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.4375rem; font-weight: 400; max-width: 77%; margin-bottom: 3.5rem; } .features__svg { display: none; } .features__order { white-space: nowrap; max-width: 19rem; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.96875rem; } .features__order:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features--factoring { margin-bottom: 0; padding-bottom: 7rem; } .features--factoring.loaded .features__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .features--factoring.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features--factoring.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features--factoring.loaded .features__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.2s; animation: fadeInStatic 0s linear forwards 0.2s; } .features--factoring.loaded .features__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features--factoring.loaded .features__guide { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .features--factoring .features__svg--factoring { display: block; position: absolute; top: 26.375rem; left: calc((100% - 1142px) / 2); width: 39.875rem; height: 13.25rem; margin: 0; } .features--factoring .features__order { margin-bottom: 3.5rem; } .features--factoring .features__line--mobile { display: none; } .features--factoring .features__line--desktop { display: block; } .features--factoring .features__line-mask { -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; stroke: #14004B; stroke-width: 2px; } .features--factoring .features__about { margin-bottom: 3.5rem; } .features--factoring .features__title { max-width: 80%; } .features--factoring .features__list { position: relative; gap: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0rem; } .features--factoring .features__item { padding: 2rem 1.5rem 2.5rem 1.5rem; max-width: 26rem; } .features--factoring .features__item:last-of-type { margin-top: 6.5rem; } .features--factoring .features__icon { position: absolute; width: 4.5rem; height: 4.5rem; top: 2rem; left: 1.5rem; } .features--factoring .features__icon::before { width: 3.8125rem; height: 3.8125rem; border-radius: 0.5rem; } .features--factoring .features__icon.fea-2::after { top: 0.125rem; right: 0.125rem; width: 3.5rem; height: 3.25rem; background-image: url("data:image/svg+xml,%3Csvg width='56' height='52' viewBox='0 0 56 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.9136 2.85742C24.5753 2.85742 21.3934 4.04106 19.0638 6.11849C16.7379 8.19258 15.4568 10.9794 15.4568 13.8574C15.4568 16.7354 16.7379 19.5223 19.0638 21.5963C21.3934 23.6738 24.5753 24.8574 27.9136 24.8574C31.252 24.8574 34.4339 23.6738 36.7635 21.5963C39.2457 19.3829 41.1468 16.8178 41.1468 14.0889C41.1468 11.378 39.2746 8.41041 36.9096 6.25032C34.1633 5.29007 32.665 4.4829 31.5801 3.89843C31.4404 3.82314 31.3075 3.75154 31.1797 3.68379C30.6211 3.38774 30.2104 3.19356 29.7493 3.06369C29.293 2.93515 28.7414 2.85742 27.9136 2.85742ZM17.7327 4.62579C20.4503 2.20234 24.1141 0.857422 27.9136 0.857422C28.8704 0.857422 29.6132 0.947521 30.2916 1.1386C30.9652 1.32834 31.5294 1.60557 32.1163 1.91668C32.2476 1.9863 32.3826 2.05899 32.5232 2.13474C33.6116 2.72103 35.0392 3.49009 37.7551 4.42679C37.8803 4.46998 37.9957 4.53762 38.0946 4.62579C40.7083 6.95653 43.1468 10.4902 43.1468 14.0889C43.1468 17.7253 40.6597 20.8016 38.0946 23.0891C35.377 25.5125 31.7132 26.8574 27.9136 26.8574C24.1141 26.8574 20.4503 25.5125 17.7327 23.0891C15.0113 20.6623 13.4568 17.3446 13.4568 13.8574C13.4568 10.3702 15.0113 7.05257 17.7327 4.62579ZM3.83983 39.8735C2.60141 41.1795 2 42.5239 2 43.8574V49.8574C2 50.4097 1.55228 50.8574 1 50.8574C0.447715 50.8574 0 50.4097 0 49.8574V43.8574C0 41.8759 0.904074 40.0628 2.38855 38.4973C3.86804 36.9371 5.96195 35.5776 8.47343 34.4578C13.4988 32.2172 20.3721 30.8574 27.9136 30.8574C35.3009 30.8574 40.8902 30.9744 45.2943 32.614C49.8129 34.2962 52.9906 37.5325 55.7341 43.436C55.817 43.6142 55.8454 43.8129 55.816 44.0072L54.9439 49.7632C54.9036 50.0296 54.7575 50.2684 54.5387 50.4256C54.3199 50.5828 54.047 50.645 53.7817 50.5983C49.3984 49.8259 43.7815 50.145 36.9399 50.5581L36.6504 50.5756C29.9209 50.9821 22.117 51.4536 13.4548 50.9689C12.9034 50.9381 12.4814 50.466 12.5122 49.9146C12.5431 49.3632 13.0151 48.9412 13.5665 48.972C22.1117 49.4502 29.8174 48.9847 36.5605 48.5773L36.8194 48.5617C43.0976 48.1826 48.6223 47.8559 53.1169 48.4708L53.7931 44.0076C51.234 38.609 48.4196 35.9116 44.5965 34.4883C40.5954 32.9988 35.3962 32.8574 27.9136 32.8574C20.5854 32.8574 14.0019 34.1827 9.28788 36.2845C6.92966 37.336 5.08325 38.5622 3.83983 39.8735Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--factoring .features__icon.fea-4::after { top: 0; right: 0.125rem; width: 2.625rem; height: 3.75rem; background-image: url("data:image/svg+xml,%3Csvg width='42' height='60' viewBox='0 0 42 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.3406 2.01674C32.1782 1.93549 31.9926 1.90492 31.8094 1.93161C31.6125 1.9603 31.4341 2.05281 31.3008 2.19029L15.0607 20.3974C14.71 20.7906 14.1121 20.8203 13.7254 20.4637C13.3386 20.1072 13.3094 19.4994 13.6601 19.1062L29.911 0.886931C29.9171 0.880118 29.9233 0.873393 29.9295 0.86676C30.3592 0.411969 30.9277 0.118216 31.5412 0.0288452C32.1546 -0.0605089 32.7813 0.0589678 33.3204 0.370073C33.3477 0.385833 33.374 0.402857 33.3994 0.42105C33.9023 0.73404 34.2952 1.20263 34.5149 1.76143C34.7461 2.34955 34.7703 2.99947 34.583 3.6036C34.5757 3.62715 34.5675 3.6504 34.5584 3.67331L34.5581 3.67431L34.53 3.74558L34.4471 3.95674C34.3749 4.14099 34.2703 4.40931 34.1405 4.74474C33.881 5.4157 33.5214 6.35463 33.1213 7.42596C32.319 9.5738 31.3608 12.2348 30.7169 14.3349C30.1044 16.3326 29.4349 18.9369 28.916 21.0538C28.6713 22.0522 28.4611 22.938 28.3076 23.5944H39.2305C39.2304 23.5944 39.2306 23.5944 39.2305 23.5944C39.7667 23.5942 40.2932 23.7503 40.7443 24.0454C41.1958 24.3407 41.5535 24.7632 41.7703 25.2631C41.9872 25.7631 42.0526 26.3168 41.9575 26.8548C41.8624 27.3927 41.6116 27.8885 41.239 28.2819C41.1892 28.3345 41.1336 28.3812 41.0733 28.421L41.0724 28.4216L41.0681 28.4245L41.049 28.4372C41.0395 28.4436 41.0271 28.4519 41.012 28.462C40.9999 28.4702 40.986 28.4795 40.9704 28.4901C40.9004 28.5374 40.7959 28.6086 40.6604 28.7024C40.3894 28.8902 39.9946 29.1684 39.5042 29.5274C38.5231 30.2455 37.1617 31.2848 35.6455 32.5664C32.6005 35.1399 28.9831 38.6468 26.5447 42.4564C23.9817 46.4605 20.3426 50.6454 17.368 53.8102C15.8764 55.3972 14.5432 56.7367 13.5825 57.68C13.102 58.1517 12.7143 58.5247 12.4462 58.7803C12.3121 58.9081 12.2079 59.0065 12.1368 59.0734L12.0556 59.1496L12.0475 59.1571C11.6201 59.5988 11.06 59.884 10.4566 59.9715C9.84234 60.0605 9.21487 59.9401 8.67563 59.6277C8.13603 59.3151 7.71451 58.8272 7.48422 58.24C7.25379 57.6524 7.22993 57.0032 7.41702 56.3999C7.4229 56.3809 7.42935 56.3621 7.43637 56.3436L11.405 45.8602L13.6808 36.4055H2.76952C2.76939 36.4055 2.76964 36.4055 2.76952 36.4055C2.23326 36.4057 1.70681 36.2496 1.25567 35.9545C0.804236 35.6592 0.446543 35.2367 0.229737 34.7368C0.0128323 34.2368 -0.052615 33.6831 0.0424951 33.1451C0.137585 32.6072 0.388415 32.1114 0.760979 31.718C0.811528 31.6646 0.867978 31.6174 0.929205 31.5772C0.929184 31.5772 0.929225 31.5772 0.929205 31.5772L0.930661 31.5762L0.939006 31.5707L0.975944 31.546C1.00937 31.5235 1.06012 31.4891 1.12659 31.4433C1.25957 31.3515 1.45533 31.214 1.70119 31.0344C2.19321 30.6749 2.88417 30.1481 3.67299 29.4835C5.25711 28.1488 7.20629 26.2831 8.73716 24.123C9.04237 23.6923 9.63318 23.5947 10.0568 23.905C10.4804 24.2153 10.5763 24.816 10.2711 25.2466C8.61039 27.59 6.52847 29.5742 4.87939 30.9635C4.05162 31.661 3.32545 32.2147 2.8045 32.5953C2.54387 32.7857 2.33419 32.9331 2.18833 33.0337C2.14086 33.0665 2.10013 33.0943 2.06659 33.1171C1.98239 33.2261 1.9268 33.3525 1.90336 33.4851C1.87505 33.6452 1.89427 33.8105 1.95967 33.9612C2.02516 34.1122 2.13505 34.244 2.27875 34.338C2.42263 34.4321 2.59303 34.4834 2.76879 34.4833H14.8854C15.1757 34.4833 15.4498 34.6189 15.629 34.8511C15.8083 35.0832 15.8726 35.3862 15.8036 35.6729L13.2271 46.3767C13.2176 46.4163 13.2056 46.4553 13.1911 46.4934L9.21342 57.0009C9.165 57.1746 9.1742 57.3591 9.24046 57.5281C9.30982 57.7049 9.43909 57.8576 9.61165 57.9576C9.78458 58.0578 9.98865 58.0976 10.1898 58.0685C10.3909 58.0394 10.5726 57.9437 10.7069 57.8016C10.721 57.7866 10.7357 57.7721 10.7507 57.7581L10.7565 57.7527L10.7757 57.7348L10.8527 57.6626C10.9208 57.5984 11.0221 57.5028 11.1531 57.378C11.415 57.1283 11.7959 56.7619 12.2691 56.2973C13.2157 55.3679 14.5305 54.0469 16.0011 52.4822C18.9511 49.3436 22.4938 45.2609 24.96 41.408C27.5507 37.3604 31.3362 33.7088 34.4368 31.0882C35.9933 29.7727 37.3905 28.706 38.3996 27.9674C38.9043 27.5979 39.3126 27.3101 39.5959 27.1139C39.7375 27.0158 39.848 26.9405 39.9236 26.8894C39.927 26.8871 39.9303 26.8849 39.9335 26.8827C40.0176 26.7737 40.0732 26.6474 40.0966 26.5148C40.1249 26.3547 40.1057 26.1894 40.0403 26.0387C39.9748 25.8877 39.8649 25.7559 39.7213 25.6619C39.5774 25.5678 39.407 25.5165 39.2312 25.5166H27.1146C26.8267 25.5166 26.5545 25.3832 26.3752 25.1542C26.1958 24.9253 26.1288 24.6257 26.1933 24.3404L27.1146 24.5555C26.1933 24.3404 26.1932 24.3405 26.1933 24.3404L26.2103 24.2654L26.259 24.052C26.3016 23.8664 26.3637 23.5972 26.442 23.2616C26.5987 22.5904 26.8206 21.6533 27.0815 20.589C27.602 18.4654 28.2823 15.8164 28.9119 13.7629C29.5737 11.6042 30.549 8.8981 31.3538 6.74354C31.7571 5.66369 32.1195 4.71759 32.381 4.04134C32.5118 3.70316 32.6174 3.43231 32.6905 3.24581L32.7746 3.03138L32.788 2.99742C32.8348 2.82504 32.825 2.64228 32.7592 2.47489C32.6896 2.29787 32.56 2.14517 32.387 2.04535C32.3712 2.03623 32.3558 2.02669 32.3406 2.01674Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--factoring .features__name { font-size: 1.5rem; line-height: 1.8125rem; padding: 1.34375rem 0 1.34375rem 5rem; margin-bottom: 2.5rem; } .features__sublist { gap: 1.25rem; } .features__sublist-item { padding-left: 2rem; } .features__sublist-item::before { width: 0.5rem; height: 0.5rem; left: 0.5rem; top: 0.46875rem; } .features__sublist-item span { font-size: 1.125rem; line-height: 1.5rem; font-weight: 400; font-family: "Stolzl", sans-serif; letter-spacing: 0.01em; } .features__guide { -ms-flex-item-align: end; align-self: flex-end; width: 19.875rem; max-width: 100%; padding: 2rem 2rem; } .features__guide-link { font-size: 1.125rem; line-height: 1.375rem; padding: 0.3125rem 3rem 0.3125rem 0; margin-bottom: 1.5rem; } .features__guide-link:hover, .features__guide-link:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features__guide-about { font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.02em; max-width: 14.5rem; } .features__guide .features__svg { display: block; width: 26rem; height: 13.25rem; } .features__guide .features__line--mobile { display: none; } .features__guide .features__line--desktop { display: block; } .features__guide .features__line-mask { stroke: #14004B; } .features--warranty, .features--credit { padding-bottom: 3.5rem; } .features--warranty .features__title, .features--credit .features__title { max-width: 100%; margin-bottom: 4.5rem; } .features--warranty .features__icon, .features--credit .features__icon { margin-bottom: 2.5rem; } .features--warranty .features__name, .features--credit .features__name { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; font-weight: 400; min-height: 1.4375rem; margin-bottom: 1rem; } .features--warranty .features__description, .features--credit .features__description { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0.01em; font-family: "Stolzl Book", sans-serif; font-weight: 350; } .features--warranty .features__item, .features--credit .features__item { padding-top: 0; padding-bottom: 0; } .features--warranty .features__item:first-of-type .features__name, .features--credit .features__item:first-of-type .features__name { max-width: 100%; } .features--warranty .features__item:first-of-type .features__description, .features--credit .features__item:first-of-type .features__description { max-width: 95%; } .features--warranty .features__item:nth-of-type(2) .features__name, .features--credit .features__item:nth-of-type(2) .features__name { max-width: 100%; } .features--warranty .features__item:nth-of-type(2) .features__description, .features--credit .features__item:nth-of-type(2) .features__description { max-width: 90%; } .features--warranty .features__item:nth-of-type(3) .features__name, .features--credit .features__item:nth-of-type(3) .features__name { max-width: 100%; } .features--warranty .features__item:nth-of-type(3) .features__description, .features--credit .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--warranty .features__item:last-of-type .features__name, .features--credit .features__item:last-of-type .features__name { max-width: 100%; } .features--warranty .features__item:last-of-type .features__description, .features--credit .features__item:last-of-type .features__description { max-width: 90%; } .features--warranty .features__icon, .features--credit .features__icon { width: 4.5rem; height: 4.5rem; margin-bottom: 2rem; } .features--warranty .features__icon::before, .features--credit .features__icon::before { width: 3.8125rem; height: 3.8125rem; border-radius: 0.5rem; } .features--warranty .features__icon.fea-1::after, .features--credit .features__icon.fea-1::after { top: 0.0625rem; right: 0.625rem; width: 2.4375rem; height: 3.3125rem; background-image: url("data:image/svg+xml,%3Csvg width='39' height='53' viewBox='0 0 39 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9265 0.866087C18.1372 0.745787 18.4833 0.571268 18.8723 0.571289C19.0386 0.571298 19.1693 0.61127 19.2274 0.630667C19.2981 0.654305 19.359 0.681673 19.404 0.703644C19.4943 0.747669 19.5834 0.800713 19.6628 0.851267C19.8249 0.954385 20.0201 1.09438 20.2376 1.26008C20.6763 1.5944 21.2583 2.074 21.9432 2.67448C23.3151 3.87731 25.129 5.5908 27.0796 7.65175C30.9674 11.7593 35.4649 17.3166 38.0522 23.0084C38.1929 23.3179 38.1667 23.6777 37.9827 23.9636C37.7986 24.2495 37.4819 24.4222 37.1419 24.4222H29.3221L29.3221 50.8462C29.3221 51.1355 29.1967 51.4112 28.9784 51.6011C28.7601 51.791 28.4703 51.8771 28.1837 51.837C23.9255 51.2423 18.8616 51.8362 14.975 52.3015L14.8268 52.3193C12.9964 52.5385 11.3723 52.733 10.3185 52.7126C10.0398 52.7072 9.76309 52.6868 9.51221 52.6364C9.28199 52.5902 8.95973 52.4978 8.68785 52.2699C8.35164 51.9882 8.1758 51.5669 8.23454 51.1113C8.28192 50.7438 8.47062 50.4445 8.629 50.238C8.62536 50.2427 8.63853 50.2261 8.66378 50.1749C8.68816 50.1254 8.71778 50.0559 8.75112 49.9627C8.81833 49.7748 8.88917 49.523 8.9607 49.2037C9.10369 48.5655 9.23523 47.7224 9.35242 46.712C9.58636 44.6949 9.7544 42.089 9.8563 39.2847C10.0602 33.6723 9.99636 27.351 9.68562 23.5027C9.64117 22.9522 10.0514 22.4699 10.6019 22.4255C11.1524 22.381 11.6347 22.7913 11.6791 23.3417C11.9984 27.2954 12.0605 33.7008 11.855 39.3573C11.7521 42.1876 11.5816 44.8517 11.3391 46.9424C11.2181 47.9859 11.0769 48.9062 10.9123 49.641C10.8301 50.0082 10.7384 50.3453 10.6342 50.6364C10.6251 50.6619 10.6157 50.6875 10.6061 50.7132C11.5278 50.6991 12.9397 50.5309 14.7372 50.3157C18.2533 49.8948 23.0332 49.3227 27.3221 49.7243L27.3221 23.4228C27.3221 23.4227 27.3221 23.4222 28.3221 23.4222L27.3221 23.4228C27.3221 23.1576 27.4274 22.9027 27.6149 22.7151C27.8025 22.5276 28.0568 22.4222 28.3221 22.4222H35.5468C33.0269 17.5122 29.1218 12.7189 25.6271 9.02656C23.7191 7.01064 21.9499 5.34021 20.6247 4.17833C19.961 3.59645 19.4159 3.1485 19.0253 2.85085C18.9382 2.78442 18.8612 2.7274 18.7943 2.67928C18.6838 2.75168 18.5464 2.85148 18.3809 2.98289C17.9156 3.35242 17.315 3.90254 16.6082 4.60007C15.1992 5.99059 13.4409 7.89453 11.6268 9.92863C8.65919 13.2561 5.57859 16.8907 3.69029 19.1187C3.27128 19.613 2.91098 20.0381 2.62365 20.3753C2.07357 21.0206 2.14537 21.2781 2.14701 21.284C2.15771 21.3226 2.25281 21.5248 2.80963 21.7648C3.89402 22.2321 5.76263 22.4222 7.53249 22.4222C8.08478 22.4222 8.53249 22.8699 8.53249 23.4222C8.53249 23.9745 8.08478 24.4222 7.53249 24.4222C5.73243 24.4222 3.50611 24.2428 2.01804 23.6014C1.28863 23.2871 0.478122 22.7501 0.219764 21.8186C-0.0476513 20.8544 0.39164 19.9108 1.10153 19.0779C1.38488 18.7455 1.74177 18.3244 2.1579 17.8334C4.0441 15.6079 7.14727 11.9465 10.1341 8.59743C11.956 6.55466 13.7481 4.6127 15.2033 3.17656C15.9286 2.46076 16.5885 1.85235 17.1371 1.4167C17.4099 1.20001 17.6772 1.00838 17.9265 0.866087Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--warranty .features__icon.fea-2::after, .features--credit .features__icon.fea-2::after { top: 0.125rem; right: 0.125rem; width: 3.5rem; height: 3.25rem; background-image: url("data:image/svg+xml,%3Csvg width='56' height='52' viewBox='0 0 56 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.9136 2.85742C24.5753 2.85742 21.3934 4.04106 19.0638 6.11849C16.7379 8.19258 15.4568 10.9794 15.4568 13.8574C15.4568 16.7354 16.7379 19.5223 19.0638 21.5963C21.3934 23.6738 24.5753 24.8574 27.9136 24.8574C31.252 24.8574 34.4339 23.6738 36.7635 21.5963C39.2457 19.3829 41.1468 16.8178 41.1468 14.0889C41.1468 11.378 39.2746 8.41041 36.9096 6.25032C34.1633 5.29007 32.665 4.4829 31.5801 3.89843C31.4404 3.82314 31.3075 3.75154 31.1797 3.68379C30.6211 3.38774 30.2104 3.19356 29.7493 3.06369C29.293 2.93515 28.7414 2.85742 27.9136 2.85742ZM17.7327 4.62579C20.4503 2.20234 24.1141 0.857422 27.9136 0.857422C28.8704 0.857422 29.6132 0.947521 30.2916 1.1386C30.9652 1.32834 31.5294 1.60557 32.1163 1.91668C32.2476 1.9863 32.3826 2.05899 32.5232 2.13474C33.6116 2.72103 35.0392 3.49009 37.7551 4.42679C37.8803 4.46998 37.9957 4.53762 38.0946 4.62579C40.7083 6.95653 43.1468 10.4902 43.1468 14.0889C43.1468 17.7253 40.6597 20.8016 38.0946 23.0891C35.377 25.5125 31.7132 26.8574 27.9136 26.8574C24.1141 26.8574 20.4503 25.5125 17.7327 23.0891C15.0113 20.6623 13.4568 17.3446 13.4568 13.8574C13.4568 10.3702 15.0113 7.05257 17.7327 4.62579ZM3.83983 39.8735C2.60141 41.1795 2 42.5239 2 43.8574V49.8574C2 50.4097 1.55228 50.8574 1 50.8574C0.447715 50.8574 0 50.4097 0 49.8574V43.8574C0 41.8759 0.904074 40.0628 2.38855 38.4973C3.86804 36.9371 5.96195 35.5776 8.47343 34.4578C13.4988 32.2172 20.3721 30.8574 27.9136 30.8574C35.3009 30.8574 40.8902 30.9744 45.2943 32.614C49.8129 34.2962 52.9906 37.5325 55.7341 43.436C55.817 43.6142 55.8454 43.8129 55.816 44.0072L54.9439 49.7632C54.9036 50.0296 54.7575 50.2684 54.5387 50.4256C54.3199 50.5828 54.047 50.645 53.7817 50.5983C49.3984 49.8259 43.7815 50.145 36.9399 50.5581L36.6504 50.5756C29.9209 50.9821 22.117 51.4536 13.4548 50.9689C12.9034 50.9381 12.4814 50.466 12.5122 49.9146C12.5431 49.3632 13.0151 48.9412 13.5665 48.972C22.1117 49.4502 29.8174 48.9847 36.5605 48.5773L36.8194 48.5617C43.0976 48.1826 48.6223 47.8559 53.1169 48.4708L53.7931 44.0076C51.234 38.609 48.4196 35.9116 44.5965 34.4883C40.5954 32.9988 35.3962 32.8574 27.9136 32.8574C20.5854 32.8574 14.0019 34.1827 9.28788 36.2845C6.92966 37.336 5.08325 38.5622 3.83983 39.8735Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--warranty .features__icon.fea-3::after, .features--credit .features__icon.fea-3::after { top: 0.125rem; right: 0.125rem; width: 2.8125rem; height: 3.4375rem; background-image: url("data:image/svg+xml,%3Csvg width='45' height='55' viewBox='0 0 45 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45404 7.64329L9.63478 29.5166C9.63715 29.8037 9.51594 30.0759 9.30201 30.2638C9.08809 30.4517 8.80211 30.5371 8.51693 30.4983L2.31731 29.6548L2.66415 34.6147L9.61043 35.0945C10.1035 35.1286 10.5041 35.517 10.5537 36.009L11.0273 40.7107C11.0556 40.991 10.9647 41.2681 10.7769 41.4742C10.5891 41.6803 10.3219 41.7963 10.0407 41.7938L6.38013 41.7605L6.58558 43.4196L9.94393 43.087C10.2259 43.0591 10.5086 43.1526 10.7214 43.3442C10.9343 43.5358 11.0572 43.8074 11.0595 44.0913L11.1225 51.711L16.0305 50.4271L15.5677 42.302C15.5522 42.0286 15.6492 41.7626 15.8363 41.5662C16.0234 41.3697 16.2842 41.26 16.5578 41.2625L20.3407 41.2969L20.3378 40.9479L16.9898 40.9175C16.71 40.915 16.442 40.7953 16.251 40.5876C16.0599 40.38 15.9632 40.1032 15.9844 39.8246L16.3765 34.6611C16.398 34.377 16.5402 34.1177 16.767 33.9486C16.9939 33.7795 17.2839 33.7166 17.564 33.7758L23.4221 35.0137L23.6585 31.5834L19.5209 31.5458C19.0671 31.5417 18.6677 31.2325 18.5481 30.7927L17.6513 27.4964C17.5793 27.2317 17.6182 26.951 17.759 26.7194C17.8997 26.4878 18.1301 26.3255 18.3966 26.2702C22.6622 25.3857 28.9835 23.3638 34.0692 20.2017C39.2039 17.0092 42.7503 12.8758 42.2418 7.82762C42.1176 6.59517 41.7097 5.65097 41.1046 4.917C40.4941 4.17647 39.6374 3.59523 38.5378 3.16837C36.3102 2.30356 33.2253 2.12634 29.696 2.45098C22.9239 3.0739 14.9622 5.49743 9.45404 7.64329ZM42.6389 3.66083C43.5269 4.73802 44.0716 6.07287 44.2317 7.66141C44.8598 13.8972 40.4361 18.6163 35.1463 21.9053C30.2043 24.9781 24.2178 26.9962 19.8533 28.0054L20.2743 29.5529L24.7221 29.5933C25.0006 29.5959 25.2675 29.7145 25.4585 29.9206C25.6494 30.1267 25.7471 30.4017 25.728 30.6793L25.3397 36.3125C25.3201 36.5981 25.1787 36.8593 24.9514 37.0299C24.7242 37.2006 24.433 37.2643 24.1517 37.2048L18.2858 35.9653L18.0609 38.9275L21.3213 38.9571C21.8735 38.9621 22.3249 39.4139 22.3295 39.9662L22.3489 42.315C22.3535 42.8673 21.9095 43.3109 21.3572 43.3059L17.6242 43.2719L18.073 51.1524C18.0998 51.6221 17.7961 52.0413 17.3434 52.1597L10.402 53.9756C10.1022 54.054 9.7806 53.9877 9.53193 53.7962C9.28326 53.6048 9.13592 53.31 9.13335 52.9987L9.0688 45.1869L5.83103 45.5076C5.28538 45.5616 4.79066 45.1646 4.72302 44.6183L4.25716 40.8562C4.22204 40.5726 4.30946 40.2896 4.49744 40.0783C4.68542 39.8671 4.95606 39.7478 5.24128 39.7503L8.92734 39.7839L8.64999 37.0306L1.67675 36.5488C1.17205 36.514 0.766154 36.1084 0.730862 35.6037L0.237833 28.5532C0.217026 28.2557 0.329845 27.9667 0.545555 27.7649C0.761266 27.5631 1.0574 27.4696 1.35327 27.5099L7.62548 28.3633L7.44854 6.94942C7.44518 6.5427 7.6885 6.17873 8.06396 6.02886C13.668 3.79194 22.1802 1.13067 29.4786 0.45934C33.1139 0.124942 36.5695 0.271406 39.2334 1.30554C40.5796 1.82815 41.7563 2.59019 42.6389 3.66083Z' fill='%2314004B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6822 9.1998C36.259 9.48704 36.8486 10.0299 36.8558 10.8992C36.8619 11.6371 36.4263 12.2558 35.9972 12.7097C35.5381 13.1953 34.9096 13.6763 34.1906 14.1444C32.7464 15.0845 30.7786 16.0737 28.6363 17.0292C24.3415 18.9447 19.1996 20.7888 15.7747 21.9026C15.4706 22.0015 15.135 21.9474 14.8726 21.7571C14.6103 21.5667 14.4533 21.2635 14.4506 20.942L14.3773 12.0611C14.3734 11.5963 14.6902 11.1958 15.1419 11.0943C18.5699 10.3239 23.7254 9.33696 28.0435 8.8863C30.1915 8.66212 32.1935 8.56364 33.6863 8.7111C34.4211 8.78368 35.1279 8.92375 35.6822 9.1998ZM16.3838 12.8755L16.439 19.5648C19.7397 18.4526 24.0994 16.8487 27.7954 15.2002C29.9058 14.2589 31.7636 13.319 33.0791 12.4626C33.7399 12.0324 34.2247 11.6483 34.5326 11.3225C34.6781 11.1686 34.7581 11.0552 34.8021 10.9804C34.5765 10.8718 34.1644 10.7647 33.5239 10.7014C32.24 10.5746 30.402 10.6546 28.2852 10.8756C24.3825 11.2829 19.7402 12.1452 16.3838 12.8755ZM34.9168 11.0464C34.9168 11.0465 34.9163 11.046 34.9154 11.0452C34.9164 11.046 34.9168 11.0464 34.9168 11.0464Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--warranty .features__icon.fea-4::after, .features--credit .features__icon.fea-4::after { top: 0; right: 0.25rem; width: 2.625rem; height: 3.75rem; background-image: url("data:image/svg+xml,%3Csvg width='42' height='60' viewBox='0 0 42 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.3406 2.01674C32.1782 1.93549 31.9926 1.90492 31.8094 1.93161C31.6125 1.9603 31.4341 2.05281 31.3008 2.19029L15.0607 20.3974C14.71 20.7906 14.1121 20.8203 13.7254 20.4637C13.3386 20.1072 13.3094 19.4994 13.6601 19.1062L29.911 0.886931C29.9171 0.880118 29.9233 0.873393 29.9295 0.86676C30.3592 0.411969 30.9277 0.118216 31.5412 0.0288452C32.1546 -0.0605089 32.7813 0.0589678 33.3204 0.370073C33.3477 0.385833 33.374 0.402857 33.3994 0.42105C33.9023 0.73404 34.2952 1.20263 34.5149 1.76143C34.7461 2.34955 34.7703 2.99947 34.583 3.6036C34.5757 3.62715 34.5675 3.6504 34.5584 3.67331L34.5581 3.67431L34.53 3.74558L34.4471 3.95674C34.3749 4.14099 34.2703 4.40931 34.1405 4.74474C33.881 5.4157 33.5214 6.35463 33.1213 7.42596C32.319 9.5738 31.3608 12.2348 30.7169 14.3349C30.1044 16.3326 29.4349 18.9369 28.916 21.0538C28.6713 22.0522 28.4611 22.938 28.3076 23.5944H39.2305C39.2304 23.5944 39.2306 23.5944 39.2305 23.5944C39.7667 23.5942 40.2932 23.7503 40.7443 24.0454C41.1958 24.3407 41.5535 24.7632 41.7703 25.2631C41.9872 25.7631 42.0526 26.3168 41.9575 26.8548C41.8624 27.3927 41.6116 27.8885 41.239 28.2819C41.1892 28.3345 41.1336 28.3812 41.0733 28.421L41.0724 28.4216L41.0681 28.4245L41.049 28.4372C41.0395 28.4436 41.0271 28.4519 41.012 28.462C40.9999 28.4702 40.986 28.4795 40.9704 28.4901C40.9004 28.5374 40.7959 28.6086 40.6604 28.7024C40.3894 28.8902 39.9946 29.1684 39.5042 29.5274C38.5231 30.2455 37.1617 31.2848 35.6455 32.5664C32.6005 35.1399 28.9831 38.6468 26.5447 42.4564C23.9817 46.4605 20.3426 50.6454 17.368 53.8102C15.8764 55.3972 14.5432 56.7367 13.5825 57.68C13.102 58.1517 12.7143 58.5247 12.4462 58.7803C12.3121 58.9081 12.2079 59.0065 12.1368 59.0734L12.0556 59.1496L12.0475 59.1571C11.6201 59.5988 11.06 59.884 10.4566 59.9715C9.84234 60.0605 9.21487 59.9401 8.67563 59.6277C8.13603 59.3151 7.71451 58.8272 7.48422 58.24C7.25379 57.6524 7.22993 57.0032 7.41702 56.3999C7.4229 56.3809 7.42935 56.3621 7.43637 56.3436L11.405 45.8602L13.6808 36.4055H2.76952C2.76939 36.4055 2.76964 36.4055 2.76952 36.4055C2.23326 36.4057 1.70681 36.2496 1.25567 35.9545C0.804236 35.6592 0.446543 35.2367 0.229737 34.7368C0.0128323 34.2368 -0.052615 33.6831 0.0424951 33.1451C0.137585 32.6072 0.388415 32.1114 0.760979 31.718C0.811528 31.6646 0.867978 31.6174 0.929205 31.5772C0.929184 31.5772 0.929225 31.5772 0.929205 31.5772L0.930661 31.5762L0.939006 31.5707L0.975944 31.546C1.00937 31.5235 1.06012 31.4891 1.12659 31.4433C1.25957 31.3515 1.45533 31.214 1.70119 31.0344C2.19321 30.6749 2.88417 30.1481 3.67299 29.4835C5.25711 28.1488 7.20629 26.2831 8.73716 24.123C9.04237 23.6923 9.63318 23.5947 10.0568 23.905C10.4804 24.2153 10.5763 24.816 10.2711 25.2466C8.61039 27.59 6.52847 29.5742 4.87939 30.9635C4.05162 31.661 3.32545 32.2147 2.8045 32.5953C2.54387 32.7857 2.33419 32.9331 2.18833 33.0337C2.14086 33.0665 2.10013 33.0943 2.06659 33.1171C1.98239 33.2261 1.9268 33.3525 1.90336 33.4851C1.87505 33.6452 1.89427 33.8105 1.95967 33.9612C2.02516 34.1122 2.13505 34.244 2.27875 34.338C2.42263 34.4321 2.59303 34.4834 2.76879 34.4833H14.8854C15.1757 34.4833 15.4498 34.6189 15.629 34.8511C15.8083 35.0832 15.8726 35.3862 15.8036 35.6729L13.2271 46.3767C13.2176 46.4163 13.2056 46.4553 13.1911 46.4934L9.21342 57.0009C9.165 57.1746 9.1742 57.3591 9.24046 57.5281C9.30982 57.7049 9.43909 57.8576 9.61165 57.9576C9.78458 58.0578 9.98865 58.0976 10.1898 58.0685C10.3909 58.0394 10.5726 57.9437 10.7069 57.8016C10.721 57.7866 10.7357 57.7721 10.7507 57.7581L10.7565 57.7527L10.7757 57.7348L10.8527 57.6626C10.9208 57.5984 11.0221 57.5028 11.1531 57.378C11.415 57.1283 11.7959 56.7619 12.2691 56.2973C13.2157 55.3679 14.5305 54.0469 16.0011 52.4822C18.9511 49.3436 22.4938 45.2609 24.96 41.408C27.5507 37.3604 31.3362 33.7088 34.4368 31.0882C35.9933 29.7727 37.3905 28.706 38.3996 27.9674C38.9043 27.5979 39.3126 27.3101 39.5959 27.1139C39.7375 27.0158 39.848 26.9405 39.9236 26.8894C39.927 26.8871 39.9303 26.8849 39.9335 26.8827C40.0176 26.7737 40.0732 26.6474 40.0966 26.5148C40.1249 26.3547 40.1057 26.1894 40.0403 26.0387C39.9748 25.8877 39.8649 25.7559 39.7213 25.6619C39.5774 25.5678 39.407 25.5165 39.2312 25.5166H27.1146C26.8267 25.5166 26.5545 25.3832 26.3752 25.1542C26.1958 24.9253 26.1288 24.6257 26.1933 24.3404L27.1146 24.5555C26.1933 24.3404 26.1932 24.3405 26.1933 24.3404L26.2103 24.2654L26.259 24.052C26.3016 23.8664 26.3637 23.5972 26.442 23.2616C26.5987 22.5904 26.8206 21.6533 27.0815 20.589C27.602 18.4654 28.2823 15.8164 28.9119 13.7629C29.5737 11.6042 30.549 8.8981 31.3538 6.74354C31.7571 5.66369 32.1195 4.71759 32.381 4.04134C32.5118 3.70316 32.6174 3.43231 32.6905 3.24581L32.7746 3.03138L32.788 2.99742C32.8348 2.82504 32.825 2.64228 32.7592 2.47489C32.6896 2.29787 32.56 2.14517 32.387 2.04535C32.3712 2.03623 32.3558 2.02669 32.3406 2.01674Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .features--about { padding-bottom: 3.5rem; } .features--about .features__title { text-align: center; -ms-flex-item-align: center; align-self: center; max-width: 30.25rem; margin-bottom: 4.5rem; } .features--about .features__list { grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.5rem; } .features--about .features__item { padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .features--about .features__item:first-of-type .features__description { max-width: 100%; } .features--about .features__item:nth-of-type(2) .features__name { max-width: 100%; } .features--about .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--about .features__item:last-of-type .features__description { max-width: 100%; } .features--about .features__icon { margin-bottom: 2.5rem; } .features--about .features__name { text-align: center; max-width: 100%; margin-bottom: 1.5rem; } .features--about .features__description { text-align: center; } .features--career { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .features--career.loaded .features__text { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features--career.loaded .features__link { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features--career.loaded .features__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .features--career.loaded .features__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; } .features--career.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.8s; } .features--career.loaded .features__item:nth-of-type(4) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features--career.loaded .features__item:nth-of-type(5) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .features--career.loaded .features__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .features--career .features__title { margin-bottom: 2.5rem; } .features--career .features__text { margin-bottom: 2.5rem; font-size: 1.25rem; line-height: 1.625rem; font-family: "Stolzl", sans-serif; font-weight: 400; max-width: 46.875rem; letter-spacing: 0; } .features--career .features__link { font-size: 1.125rem; line-height: 1.375rem; padding: 0.3125rem 3rem 0.3125rem 0; margin-bottom: 4.5rem; } .features--career .features__link:hover, .features--career .features__link:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .features--career .features__list { grid-template-columns: repeat(3, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 4.375rem; } .features--career .features__icon { margin-bottom: 1.5rem; } .features--career .features__name { max-width: 100%; font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 1.5rem; min-height: 0; } .features--career .features__item .features__name { max-width: 100%; } .features--career .features__item .features__description { margin-bottom: 0; font-size: 1.125rem; line-height: 1.625rem; font-weight: 350; font-family: "Stolzl Book", sans-serif; } .features--career .features__item:first-of-type .features__name { max-width: 100%; } .features--career .features__item:first-of-type .features__description { max-width: 98%; } .features--career .features__item:nth-of-type(2) .features__name { max-width: 100%; } .features--career .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--career .features__item:nth-of-type(3) .features__name { max-width: 100%; } .features--career .features__item:nth-of-type(3) .features__description { max-width: 100%; } .features--career .features__item:last-of-type .features__name { max-width: 70%; } .features--career .features__item:last-of-type .features__description { max-width: 100%; } .features--careerBlocks { margin-bottom: 7rem; position: relative; } .features--careerBlocks.loaded .features__svg { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .features--careerBlocks.loaded .features__line-mask { -webkit-animation: dash 1.8s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: dash 1.8s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .features--careerBlocks.loaded .features__line-top { -webkit-animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.8s; animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.8s; } .features--careerBlocks.loaded .features__item:first-of-type { -webkit-animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .features--careerBlocks.loaded .features__item:nth-of-type(2) { -webkit-animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .features--careerBlocks.loaded .features__item:nth-of-type(3) { -webkit-animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .features--careerBlocks .features__svg { display: block; opacity: 0; position: absolute; width: 40.375rem; height: 31.3125rem; z-index: -1; top: 11.25rem; --width: calc(100% - 844px); left: calc(var(--width) / 2); -webkit-transform: none; -ms-transform: none; transform: none; } .features--careerBlocks .features__line-top { opacity: 1; fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; z-index: -1; } .features--careerBlocks .features__title { margin-bottom: 4.5rem; } .features--careerBlocks .features__list { grid-template-columns: 1fr 1fr; grid-column-gap: 12.5rem; grid-row-gap: 2.5rem; } .features--careerBlocks .features__item { padding: 2rem 2.5rem 2.5rem 2.5rem; -webkit-box-shadow: 0px 10px 32px rgba(20, 0, 75, 0.08); box-shadow: 0px 10px 32px rgba(20, 0, 75, 0.08); border-radius: 29px; } .features--careerBlocks .features__item .features__description { margin-bottom: 0; } .features--careerBlocks .features__item:first-of-type .features__description { max-width: 100%; } .features--careerBlocks .features__item:nth-of-type(2) { margin-top: 5.5rem; } .features--careerBlocks .features__item:nth-of-type(2) .features__name { max-width: 100%; } .features--careerBlocks .features__item:nth-of-type(2) .features__description { max-width: 100%; } .features--careerBlocks .features__item:last-of-type { -webkit-transform: translate(67%, 1%); -ms-transform: translate(67%, 1%); transform: translate(67%, 1%); } .features--careerBlocks .features__item:last-of-type .features__description { max-width: 100%; } .features--careerBlocks .features__name { min-height: 0; font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 1rem; } } .clients { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3rem; padding-bottom: 3.5rem; margin-bottom: 3rem; } .clients.loaded .clients__title { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .clients__title { margin-bottom: 2.625rem; padding-left: calc(var(--width) / 2); padding-right: calc(var(--width) / 2); opacity: 0; } .clients__title span { color: #4164EE; } .clients__description { display: none; } .clients__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .clients__line { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clients__line-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; white-space: nowrap; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } .clients__line-wrap:last-child { margin-right: 0; } .clients__line-wrap.wrap-1 .js-marquee-wrapper { -webkit-animation-duration: 280s !important; animation-duration: 280s !important; } .clients__line-wrap.wrap-2 .js-marquee-wrapper { -webkit-animation-duration: 137s !important; animation-duration: 137s !important; } .clients__line-wrap.wrap-3 .js-marquee-wrapper { -webkit-animation-duration: 154s !important; animation-duration: 154s !important; } .clients__line-item { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.6875rem 1rem; border-radius: 2.5rem; margin-right: 16px; } .clients__line-item.blue { background-color: #D1DAFA; } .clients__line-item.gray { background-color: #E8ECFD; } .clients__line-item.pink { background-color: rgba(245, 170, 190, 0.2); } .clients__line-text { white-space: nowrap; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.02em; } .clients__line .js-marquee-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clients__line .js-marquee { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0 !important; } @media screen and (min-width: 1200px) { .clients { --width: calc(100% - 1032px); padding-top: 3rem; padding-bottom: 3.5rem; margin-bottom: 7rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .clients.loaded .clients__title { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .clients.loaded .clients__description { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .clients__title { padding-left: calc(var(--width) / 2); } .clients__description { opacity: 0; width: 100%; display: block; font-family: "Stolzl", sans-serif; font-size: 1.25rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; max-width: calc(682px + (var(--width) / 2)); padding-left: calc(var(--width) / 2); margin-bottom: 4.1875rem; } .clients__list { gap: 2rem; } .clients__line-item { margin-right: 1.5rem; padding-left: 1.5625rem; padding-right: 1.5625rem; border-radius: 1.875rem; } } @media screen and (min-width: 1920px) { .clients__list { position: relative; } .clients__list::after, .clients__list::before { position: absolute; content: ''; width: 24.375rem; height: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20; } .clients__list::after { background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(25.13%, #FFFFFF), color-stop(84.72%, rgba(255, 255, 255, 0)), color-stop(116.46%, rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25.13%, rgba(255, 255, 255, 0) 84.72%, rgba(255, 255, 255, 0) 116.46%); left: 0; } .clients__list::before { background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), color-stop(25.13%, #FFFFFF), color-stop(84.72%, rgba(255, 255, 255, 0)), color-stop(116.46%, rgba(255, 255, 255, 0))); background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 25.13%, rgba(255, 255, 255, 0) 84.72%, rgba(255, 255, 255, 0) 116.46%); right: 0; } } .tool { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2); margin-bottom: 3rem; } .tool.loaded .tool__title { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .tool.loaded .tool__frame { -webkit-animation: fadeInLeft 0.4s ease-out forwards 0.1s; animation: fadeInLeft 0.4s ease-out forwards 0.1s; } .tool.loaded .tool__item:first-of-type { -webkit-animation: fadeInLeft 0.2s ease-out forwards 0.3s; animation: fadeInLeft 0.2s ease-out forwards 0.3s; } .tool.loaded .tool__item:nth-of-type(2) { -webkit-animation: fadeInLeft 0.2s ease-out forwards 0.4s; animation: fadeInLeft 0.2s ease-out forwards 0.4s; } .tool.loaded .tool__item:nth-of-type(3) { -webkit-animation: fadeInLeft 0.2s ease-out forwards 0.5s; animation: fadeInLeft 0.2s ease-out forwards 0.5s; } .tool.loaded .tool__item:last-of-type { -webkit-animation: fadeInLeft 0.2s ease-out forwards 0.6s; animation: fadeInLeft 0.2s ease-out forwards 0.6s; } .tool__title { margin-bottom: 2rem; opacity: 0; } .tool__title span { color: #4164EE; } .tool__description { display: none; } .tool__frame { opacity: 0; width: 25.0625rem; height: 16.9375rem; position: relative; margin-left: -8.125rem; margin-bottom: 40px; border-radius: 0.75rem; overflow: hidden; -webkit-box-shadow: 5px 16px 40px 0px rgba(114, 128, 182, 0.2); box-shadow: 5px 16px 40px 0px rgba(114, 128, 182, 0.2); } .tool__frame-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 0.75rem; } .tool__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tool__rounds { display: none; } .tool__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .tool__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1.5rem 0 1.5rem 0; position: relative; opacity: 0; } .tool__item:not(:last-of-type)::after { position: absolute; content: ''; width: 100%; height: 0.0625rem; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='343' height='1' viewBox='0 0 343 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.65' x2='343' y2='0.65' stroke='%2314004B' stroke-width='0.7' stroke-dasharray='3 3'/%3E%3C/svg%3E%0A"); } .tool__step { display: block; min-width: 1.5625rem; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #4164EE; margin-right: 1rem; } .tool__text { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; text-align: left; } @media screen and (min-width: 414px) { .tool__frame { margin-left: -10.25rem; } } @media screen and (min-width: 1200px) { .tool { --width: calc(100% - 1032px); padding-bottom: 3.5rem; margin-bottom: 7rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .tool.loaded .tool__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .tool.loaded .tool__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .tool.loaded .tool__frame { -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInLeft 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .tool.loaded .tool__item:first-of-type { -webkit-animation: fadeInBottom1 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom1 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .tool.loaded .tool__item:nth-of-type(2) { -webkit-animation: fadeInBottom2 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom2 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .tool.loaded .tool__item:nth-of-type(3) { -webkit-animation: fadeInBottom3 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom3 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .tool.loaded .tool__item:last-of-type { -webkit-animation: fadeInBottom4 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInBottom4 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .tool__title { margin-bottom: 2.5rem; } .tool__description { opacity: 0; display: block; font-family: "Stolzl", sans-serif; font-size: 1.25rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; max-width: 50.625rem; margin-bottom: 1.625rem; } .tool__description:last-of-type { margin-bottom: 3.5rem; } .tool__frame { width: 100%; max-width: 62.8125rem; height: 42.25rem; padding-bottom: 0; position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; --width: calc(100% - 200px); right: calc(var(--width) / 2); bottom: 8%; margin-bottom: 0; border-radius: 22px; z-index: 2; } .tool__frame-image { border-radius: 22px; } .tool__info { width: 100%; min-height: 46.8125rem; display: grid; grid-template-columns: 46.8125rem 23.25rem; grid-column-gap: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tool__rounds { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; width: 100%; } .tool__round { position: absolute; top: 50%; left: 48%; -webkit-transform: translate(-50%, -50%) rotate(-60deg); -ms-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); } .tool__item { padding: 0 0 0 2.75rem; position: relative; max-width: 19.25rem; } .tool__item::after { display: none; } .tool__item::before { position: absolute; content: ''; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: #14004B; left: 0; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tool__item:first-of-type { -webkit-transform: translate(-30px, -68px); -ms-transform: translate(-30px, -68px); transform: translate(-30px, -68px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .tool__item:nth-of-type(2) { -webkit-transform: translate(-89px, -161px); -ms-transform: translate(-89px, -161px); transform: translate(-89px, -161px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .tool__item:nth-of-type(3) { -webkit-transform: translate(-22px, 24px); -ms-transform: translate(-22px, 24px); transform: translate(-22px, 24px); -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .tool__item:last-of-type { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-transform: translate(-71px, 136px); -ms-transform: translate(-71px, 136px); transform: translate(-71px, 136px); } .tool__item:not(:last-of-type) { border: none; } .tool__step { display: none; } .tool__text { font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.02em; } } .chat { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; position: relative; } .chat.loaded .chat__title { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .chat.loaded .chat__description { -webkit-animation: fadeInBottom 0.3s ease-out forwards; animation: fadeInBottom 0.3s ease-out forwards; } .chat.loaded .chat__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .chat.loaded .chat__line-mask { -webkit-animation: dash 0.4s ease-out forwards 0.1s; animation: dash 0.4s ease-out forwards 0.1s; } .chat.loaded .chat__line-top { -webkit-animation: dash 0.2s ease-out forwards 0.5s; animation: dash 0.2s ease-out forwards 0.5s; } .chat.loaded .chat__item:first-of-type { -webkit-animation: fadeInBottom 0.2s ease-out forwards 0.2s; animation: fadeInBottom 0.2s ease-out forwards 0.2s; } .chat.loaded .chat__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s ease-out forwards 0.3s; animation: fadeInBottom 0.2s ease-out forwards 0.3s; } .chat.loaded .chat__item:last-of-type { -webkit-animation: fadeInBottom 0.2s ease-out forwards 0.4s; animation: fadeInBottom 0.2s ease-out forwards 0.4s; } .chat__title { margin-bottom: 1.5rem; opacity: 0; } .chat__title span { color: #4164EE; } .chat__description { opacity: 0; font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 4.5rem; } .chat__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 3.25rem; padding-bottom: 3.25rem; } .chat__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-shadow: 0px 10px 32px rgba(20, 0, 75, 0.08); box-shadow: 0px 10px 32px rgba(20, 0, 75, 0.08); border-radius: 1rem; padding: 1rem 1.5rem; position: relative; width: 100%; opacity: 0; } .chat__item-master { background-color: #fff; margin-bottom: 1rem; } .chat__item-master:first-of-type .chat__frame { top: -3.25rem; left: 1rem; } .chat__item-master .chat__text { color: #14004B; } .chat__item-master .chat__frame { border-color: #4164EE; background-color: #4164EE; } .chat__item-client { max-width: calc(100% - 70px); -ms-flex-item-align: end; align-self: flex-end; background-color: #4164EE; margin-bottom: 0; width: auto; margin-top: 0.5rem; } .chat__item-client .chat__text { color: #fff; } .chat__item-client .chat__frame { bottom: -51px; right: 15px; border-color: #fff; background-color: #fff; } .chat__frame { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; border: 2px solid transparent; overflow: hidden; width: 64px; height: 64px; -webkit-mask-image: -webkit-radial-gradient(white, black); } .chat__frame-image { min-width: 60px; min-height: 60px; height: 100%; border-radius: 72px; aspect-ratio: 1 / 1; -o-object-position: center; object-position: center; z-index: 2; } .chat__text { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; } .chat__svg { opacity: 0; width: 8.125rem; height: 7.0625rem; position: absolute; --width: calc(100% - 149px); right: calc(var(--width) / 2); top: 14.25rem; pointer-events: none; } .chat__line { position: absolute; top: 0; left: 0; pointer-events: none; } .chat__line--desktop { display: none; } .chat__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .chat__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .chat--factoring.loaded .chat__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--factoring.loaded .chat__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--factoring.loaded .chat__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .chat--factoring.loaded .chat__line-mask { -webkit-animation: dash 0.4s ease-out forwards 0.1s; animation: dash 0.4s ease-out forwards 0.1s; } .chat--factoring.loaded .chat__top { display: none; } .chat--factoring.loaded .chat__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .chat--factoring.loaded .chat__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .chat--factoring .chat__title { margin-bottom: 2.5rem; } .chat--factoring .chat__description { margin-bottom: 4.5rem; } .chat--factoring .chat__svg { --width: calc(100% - 194px); width: 9.9375rem; height: 6.375rem; } .chat--factoring .chat__line--desktop { display: none; } .chat--warranty { padding-bottom: 3.5rem; } .chat--warranty.loaded .chat__top { display: none; } .chat--warranty .chat__title { margin-bottom: 2.5rem; } .chat--warranty .chat__item-master { max-width: 15.4375rem; } .chat--warranty .chat__item-master:first-of-type .chat__frame { left: 0.625rem; } .chat--warranty .chat__svg { top: 15.25rem; } .chat--warranty .chat__top { -webkit-transform: rotate(66deg); -ms-transform: rotate(66deg); transform: rotate(66deg); background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1709 19.9928C14.9815 18.2794 10.2678 18.0067 5.7888 18.4147C7.50102 14.1987 8.22229 9.64591 7.89703 5.10717' stroke='%2300AAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.0903 16.2233C19.9009 14.5099 15.8752 13.7099 11.3963 14.118C13.1085 9.90201 13.1417 5.87638 12.8165 1.33764' stroke='%2300AAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); bottom: -1.5px; top: auto; left: -5.5px; opacity: 0; } .chat--warranty .chat__line--desktop { display: none; } .chat--credit { padding-bottom: 3.5rem; } .chat--credit .chat__title { margin-bottom: 2.5rem; } .chat--credit .chat__description { margin-bottom: 3.5rem; } .chat--credit .chat__item-master:first-of-type .chat__frame { left: 0.6875rem; } .chat--credit .chat__item-master { max-width: 17.5rem; } .chat--credit .chat__svg { width: 7.125rem; height: 7.4375rem; top: auto; bottom: 8.75rem; left: 2.5rem; -webkit-transform: scaleX(-1) rotate(-20deg); -ms-transform: scaleX(-1) rotate(-20deg); transform: scaleX(-1) rotate(-20deg); } .chat--credit .chat__top { display: none; } .chat--credit .chat__list { margin-bottom: 4.5rem; } .chat--credit .chat__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 3rem; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 120%; font-weight: 500; color: #14004B; text-decoration: none; background-color: transparent; border: 0.125rem solid #14004B; border-radius: 0.375rem; } .chat--credit .chat__link:active { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .chat { --width: calc(100% - 1032px); margin-bottom: 7rem; padding-bottom: 3.5rem; display: grid; grid-template-columns: 25.9375rem 1fr; grid-template-areas: 'list info' 'list svg'; grid-column-gap: 7.0625rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .chat.loaded .chat__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat.loaded .chat__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat.loaded .chat__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .chat.loaded .chat__line-mask { -webkit-animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .chat.loaded .chat__line-top { -webkit-animation: dash 0.2s linear forwards 0.5s; animation: dash 0.2s linear forwards 0.5s; } .chat.loaded .chat__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .chat.loaded .chat__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .chat.loaded .chat__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .chat__about { grid-area: info; } .chat__title { margin-bottom: 2.5rem; } .chat__description { width: 100%; max-width: 30.8125rem; font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 0; } .chat__list { grid-area: list; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 3.5rem; padding-bottom: 3.5rem; } .chat__item { padding-top: 1.5rem; padding-bottom: 1.5rem; } .chat__item-master { width: calc(100% - 60px); } .chat__item-master:first-of-type .chat__frame { top: -3.5rem; left: 1.5rem; } .chat__item-client { margin-top: 1rem; } .chat__item-client .chat__frame { bottom: -3.5rem; right: 1.5rem; } .chat__frame { width: 73px; height: 73px; border-width: 3px; } .chat__frame-image { min-width: 67px; min-height: 67px; } .chat__text { font-size: 1.125rem; line-height: 1.4375rem; } .chat__svg { grid-area: svg; position: relative; width: 19.25rem; height: 12.1875rem; --width: calc(100% - 456px); top: auto; right: auto; bottom: auto; -webkit-transform: translateX(-90px); -ms-transform: translateX(-90px); transform: translateX(-90px); } .chat__line--desktop { display: block; } .chat__line--mobile { display: none; } .chat--factoring { margin-bottom: 4.5625rem; } .chat--factoring.loaded .chat__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--factoring.loaded .chat__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--factoring.loaded .chat__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .chat--factoring.loaded .chat__line-mask { -webkit-animation: dash 0.4s ease-out forwards 0.1s; animation: dash 0.4s ease-out forwards 0.1s; } .chat--factoring.loaded .chat__line-top { -webkit-animation: dash 0.2s linear forwards 0.5s; animation: dash 0.2s linear forwards 0.5s; } .chat--factoring.loaded .chat__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .chat--factoring.loaded .chat__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .chat--factoring .chat__svg { width: 17.1875rem; height: 11.375rem; top: auto; right: auto; bottom: auto; -webkit-transform: translateX(-90px); -ms-transform: translateX(-90px); transform: translateX(-90px); } .chat--factoring .chat__line--desktop { display: block; } .chat--factoring .chat__top { position: absolute; bottom: 12px; left: 1px; width: 1.1875rem; height: 1.0625rem; background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M4.14062 16.0005C5.78698 11.045 1.97773 6.31506 1.15964 1.19129C7.13987 5.00064 9.63884 4.50058 17.1406 2.50049' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-transform: none; -ms-transform: none; transform: none; } .chat--factoring .chat__description { margin-bottom: 0; } .chat--warranty { padding-bottom: 3.5rem; } .chat--warranty .chat__title { margin-bottom: 2.5rem; } .chat--warranty .chat__item-master { max-width: 22.1875rem; } .chat--warranty .chat__item-master:first-of-type .chat__frame { left: 1.5rem; } .chat--warranty .chat__svg { width: 19.25rem; height: 12rem; top: auto; right: auto; bottom: auto; -webkit-transform: translateX(-90px); -ms-transform: translateX(-90px); transform: translateX(-90px); } .chat--warranty .chat__line--desktop { display: block; } .chat--credit { grid-template-areas: 'list info' 'list link' 'list ...'; padding-bottom: 3.5rem; } .chat--credit.loaded .chat__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--credit.loaded .chat__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .chat--credit.loaded .chat__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .chat--credit.loaded .chat__line-mask { -webkit-animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: dash 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .chat--credit.loaded .chat__line-top { -webkit-animation: dash 0.2s linear forwards 0.8s; animation: dash 0.2s linear forwards 0.8s; } .chat--credit.loaded .chat__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .chat--credit.loaded .chat__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .chat--credit.loaded .chat__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .chat--credit.loaded .chat__link { -webkit-animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; animation: fadeInStatic 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; } .chat--credit .chat__title { margin-bottom: 2.5rem; } .chat--credit .chat__list { margin-bottom: 0; } .chat--credit .chat__item-master { max-width: 22.1875rem; } .chat--credit .chat__item-master:first-of-type .chat__frame { left: 1.5rem; } .chat--credit .chat__svg { grid-area: none; position: absolute; width: 12.75rem; height: 12.625rem; top: auto; left: auto; right: calc((100% - 256px) / 2); bottom: 2rem; -webkit-transform: none; -ms-transform: none; transform: none; } .chat--credit .chat__top { display: block; position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 12px; left: 1px; width: 1.1875rem; height: 1.0625rem; background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M4.14062 16.0005C5.78698 11.045 1.97773 6.31506 1.15964 1.19129C7.13987 5.00064 9.63884 4.50058 17.1406 2.50049' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .chat--credit .chat__link { grid-area: link; width: auto; max-width: 19.125rem; padding: 0.875rem 1.375rem; opacity: 0; font-size: 1.125rem; line-height: 120%; } .chat--credit .chat__link:hover { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .about { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; background-color: #F0F3FD; z-index: 0; } .about.loaded .about__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .about.loaded .about__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .about.loaded .about__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .about.loaded .about__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .about.loaded .about__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .about.loaded .about__info { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .about__title { opacity: 0; margin-bottom: 2.5rem; } .about__title span { color: #4164EE; } .about__list { width: 100%; display: grid; grid-template-columns: 47.8134110787172% 47.8134110787172%; grid-template-rows: repeat(3, 9.0625rem); grid-column-gap: 0.9375rem; grid-row-gap: 1rem; position: relative; margin-bottom: 2.5rem; } .about__item { opacity: 0; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 1.375rem; overflow: hidden; } .about__item:first-of-type { grid-column: 1 / 3; } .about__item:first-of-type .about__wrap { height: 100%; width: 100%; background-color: #4164EE; padding: 1.5rem 1.5rem 1.5rem 9.625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .about__item:first-of-type .abour__shadow { -webkit-transform: matrix(1, -0.06, 0.02, 0.99, 0, 0); -ms-transform: matrix(1, -0.06, 0.02, 0.99, 0, 0); transform: matrix(1, -0.06, 0.02, 0.99, 0, 0); } .about__item:first-of-type .about__nr { font-size: 5.625rem; line-height: 6.5rem; position: absolute; left: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .about__item:first-of-type .about__subtitle { margin-bottom: 0.25rem; text-align: left; } .about__item:first-of-type::before { left: 1.5rem; bottom: -0.375rem; } .about__item:nth-of-type(2) .about__wrap { background-color: #00AAAA; height: 100%; width: 100%; padding: 1.5rem 0.75rem; position: relative; } .about__item:nth-of-type(2) .about__nr { margin-bottom: 0; } .about__item:nth-of-type(2) .about__text { margin-top: auto; margin-bottom: 0; } .about__item:nth-of-type(2)::before { bottom: -0.375rem; } .about__item:nth-of-type(3) .about__wrap { height: 100%; width: 100%; position: relative; background-color: #F5AABE; padding: 1.5rem 0.75rem; } .about__item:nth-of-type(3) .about__nr { margin-bottom: 1.125rem; color: #14004B; } .about__item:nth-of-type(3) .about__text { color: #14004B; } .about__item:nth-of-type(3)::before { bottom: -0.375rem; } .about__item:last-of-type { grid-column: 1 / 2; } .about__item:last-of-type .about__wrap { background-color: #14004B; height: 100%; width: 100%; padding: 1rem; position: relative; } .about__item:last-of-type .about__subtitle { font-size: 2rem; line-height: 2.3125rem; text-align: left; letter-spacing: -0.04em; } .about__item:last-of-type::before { bottom: -0.375rem; } .about__wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about__shadow { position: absolute; width: 90%; height: 0.875rem; bottom: -0.3125rem; left: 0.75rem; background-color: rgba(5, 23, 92, 0.2); -webkit-filter: blur(6px); filter: blur(6px); -webkit-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); -ms-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); } .about__nr { font-family: "Stolzl", sans-serif; font-size: 2rem; line-height: 2.3125rem; font-weight: 500; color: #fff; letter-spacing: -0.04em; } .about__subtitle { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #fff; } .about__text { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #fff; letter-spacing: 0.01em; } .about__info { width: 100%; opacity: 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about__description { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 2.5625rem; position: relative; } .about__description b { font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #4164EE; } .about__description a { text-decoration: none; color: #4164EE; font-size: 0.875rem; font-weight: 500; } .about__description a:active { opacity: 0.86; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .about__link { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #4164EE; text-decoration: none; letter-spacing: 0.02em; padding: 0.6875rem 3rem 0.6875rem 0; position: relative; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; } .about__link::after { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .about__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .about--factoring { background-color: #F0F3FE; z-index: 0; margin-bottom: 0; } .about--factoring .about__title { margin-bottom: 3.5rem; } .about--factoring .about__list { grid-template-rows: repeat(2, 10.1875rem); margin-bottom: 0; } .about--factoring .about__item:first-of-type { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about--factoring .about__item:first-of-type .about__wrap { padding-top: 2.0625rem; padding-bottom: 2.0625rem; } .about--factoring .about__item:first-of-type .about__subtitle { margin-bottom: 0.25rem; } .about--factoring .about__item:nth-of-type(2) .about__wrap { background-color: #F5AABE; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5rem 0.75rem; } .about--factoring .about__item:nth-of-type(2) .about__subtitle { font-size: 2rem; font-weight: 500; line-height: 2.3125rem; letter-spacing: -0.04em; color: #14004B; } .about--factoring .about__item:nth-of-type(2) .about__text { color: #14004B; margin-top: auto; margin-bottom: 0; } .about--factoring .about__item:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; } .about--factoring .about__item:nth-of-type(3) .about__wrap { background-color: #14004B; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.5rem 0.75rem; } .about--factoring .about__item:nth-of-type(3) .about__subtitle { font-weight: 500; } .about--factoring .about__item:nth-of-type(3) .about__text { color: #fff; margin-top: auto; margin-bottom: 0; } .about--warranty.loaded .about__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .about--warranty .about__description { margin-bottom: 3.5rem; opacity: 0; } .about--warranty .about__list { grid-template-rows: repeat(2, 10.1875rem); margin-bottom: 0; } .about--warranty .about__item:first-of-type .about__wrap { padding-top: 2.0625rem; padding-bottom: 2.0625rem; background-color: #00AAAA; padding-left: 10.0625rem; } .about--warranty .about__item:first-of-type .about__nr { font-size: 4.875rem; line-height: 5.625rem; letter-spacing: -0.04em; left: 1.125rem; top: 48%; } .about--warranty .about__item:nth-of-type(2) .about__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #BB57EF; padding: 1.5rem 0.75rem; } .about--warranty .about__item:nth-of-type(2) .about__subtitle { margin-bottom: 1rem; font-size: 2rem; font-weight: 500; line-height: 2.3125rem; letter-spacing: -0.04em; color: #fff; } .about--warranty .about__item:nth-of-type(2) .about__text { color: #fff; margin-top: auto; margin-bottom: 0; max-width: 80%; } .about--warranty .about__item:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; } .about--warranty .about__item:nth-of-type(3) .about__wrap { background-color: #14004B; padding: 1.5rem 0.75rem; } .about--warranty .about__item:nth-of-type(3) .about__subtitle { margin-bottom: 1rem; } .about--warranty .about__item:nth-of-type(3) .about__text { color: #fff; margin-top: auto; margin-bottom: 0; } .about--credit.loaded .about__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .about--credit .about__description { margin-bottom: 3.5rem; opacity: 0; } .about--credit .about__list { grid-template-rows: repeat(2, 9.0625rem); margin-bottom: 0; } .about--credit .about__item:first-of-type .about__wrap { background-color: #4164EE; padding-left: 9.4375rem; } .about--credit .about__item:first-of-type .about__nr { font-size: 5.625rem; line-height: 6.0625rem; letter-spacing: -0.04em; left: 2.25rem; top: 50%; } .about--credit .about__item:nth-of-type(2) .about__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #F5AABE; padding: 1.5rem 0.75rem; } .about--credit .about__item:nth-of-type(2) .about__subtitle { font-size: 2rem; font-weight: 500; line-height: 2.3125rem; letter-spacing: -0.04em; color: #14004B; } .about--credit .about__item:nth-of-type(2) .about__text { color: #14004B; } .about--credit .about__item:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 3; } .about--credit .about__item:nth-of-type(3) .about__wrap { background-color: #14004B; padding: 1rem 1rem; } .about--credit .about__item:nth-of-type(3) .about__subtitle { margin-bottom: 0; font-size: 1.625rem; font-weight: 500; line-height: 115%; letter-spacing: -1.04px; } @media screen and (min-width: 1200px) { .about { --width: calc(100% - 1032px); padding-bottom: 3.5rem; margin-bottom: 7rem; background-color: #F0F3FD; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .about.loaded .about__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .about.loaded .about__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .about.loaded .about__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .about.loaded .about__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .about.loaded .about__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .about.loaded .about__info { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .about__list { max-width: 48rem; grid-template-columns: repeat(3, 31.25%); grid-template-rows: repeat(2, 12.75rem); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; margin-bottom: 0; } .about__item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about__item:first-of-type { grid-column: 1 / 3; } .about__item:first-of-type .about__wrap { padding: 2rem 1.5rem 2rem 11.9375rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about__item:first-of-type .about__shadow { width: 97%; -webkit-transform: matrix(1, -0.05, 0.05, 1, 0, 0); -ms-transform: matrix(1, -0.05, 0.05, 1, 0, 0); transform: matrix(1, -0.05, 0.05, 1, 0, 0); } .about__item:first-of-type .about__nr { font-size: 6.875rem; line-height: 7.875rem; left: 2.25rem; } .about__item:first-of-type .about__subtitle { margin-bottom: 1.5rem; } .about__item:first-of-type .about__text { max-width: 50%; } .about__item:nth-of-type(2) .about__wrap { padding: 1rem; } .about__item:nth-of-type(2) .about__nr { margin-bottom: 0; } .about__item:nth-of-type(2) .about__text { margin-top: auto; margin-bottom: 1.625rem; } .about__item:nth-of-type(3) .about__wrap { padding: 1rem; } .about__item:nth-of-type(3) .about__nr { margin-bottom: 0; } .about__item:nth-of-type(3) .about__text { margin-top: auto; margin-bottom: 0.375rem; max-width: 60%; } .about__item:last-of-type { grid-column: 2 / 3; grid-row: 2 / 3; } .about__item:last-of-type .about__wrap { padding-top: 1.25rem; padding-bottom: 1.125rem; } .about__item:last-of-type .about__subtitle { font-size: 3rem; line-height: 3.4375rem; } .about__nr { font-size: 3rem; line-height: 3.4375rem; } .about__subtitle { font-size: 2.125rem; line-height: 2.5625rem; } .about__text { font-size: 0.9375rem; line-height: 1.125rem; font-family: "Stolzl", sans-serif; font-weight: 400; } .about__info { --rightPos: calc(100% - 856px); position: absolute; bottom: 3.5rem; right: calc(var(--rightPos) / 2); max-width: 26rem; } .about__description { font-size: 1.25rem; line-height: 1.625rem; margin-bottom: 4.0625rem; } .about__description b { font-size: 1.375rem; line-height: 1.8125rem; } .about__description a { font-size: 1.25rem; line-height: 1.625rem; } .about__link { font-size: 1.125rem; line-height: 1.375rem; padding: 0.3125rem 3rem 0.3125rem 0; } .about__link:hover, .about__link:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .about--factoring { margin-bottom: 0; } .about--factoring .about__list { max-width: 100%; grid-template-columns: repeat(4, 15rem); grid-template-rows: 12.75rem; margin-bottom: 0; } .about--factoring .about__item:first-of-type .about__wrap { padding-top: 2.0625rem; padding-bottom: 2.0625rem; } .about--factoring .about__item:first-of-type .about__nr { left: 1.5rem; } .about--factoring .about__item:first-of-type .about__subtitle { margin-bottom: 1.5rem; } .about--factoring .about__item:first-of-type .about__text { margin-top: 0; max-width: 100%; } .about--factoring .about__item:nth-of-type(2) { grid-column: 3 / 4; } .about--factoring .about__item:nth-of-type(2) .about__wrap { padding: 1rem 1rem 1.5rem 1rem; } .about--factoring .about__item:nth-of-type(2) .about__subtitle { font-size: 3rem; line-height: 3.4375rem; } .about--factoring .about__item:nth-of-type(2) .about__text { margin-bottom: 0; } .about--factoring .about__item:nth-of-type(3) { grid-column: 4 / 5; grid-row: 1 / 2; } .about--factoring .about__item:nth-of-type(3) .about__wrap { padding: 1rem 1rem 1.5rem 1rem; } .about--factoring .about__item:nth-of-type(3) .about__subtitle { font-weight: 500; margin-bottom: 0; } .about--factoring .about__item:nth-of-type(3) .about__text { margin-bottom: 0; max-width: 90%; } .about--warranty .about__description { margin-bottom: 3.5rem; font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; } .about--warranty .about__description a { font-size: 1.125rem; line-height: 1.4375rem; } .about--warranty .about__list { max-width: 100%; grid-template-columns: repeat(4, 15rem); grid-template-rows: 12.75rem; margin-bottom: 0; } .about--warranty .about__item:first-of-type .about__wrap { padding-top: 2rem; padding-bottom: 2rem; padding-left: 14.375rem; padding-right: 1rem; } .about--warranty .about__item:first-of-type .about__nr { left: 1rem; font-size: 6.875rem; line-height: 7.875rem; letter-spacing: -0.04em; } .about--warranty .about__item:first-of-type .about__subtitle { margin-bottom: 1.5rem; } .about--warranty .about__item:first-of-type .about__text { max-width: 100%; } .about--warranty .about__item:nth-of-type(2) { grid-column: 3 / 4; } .about--warranty .about__item:nth-of-type(2) .about__wrap { padding: 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about--warranty .about__item:nth-of-type(2) .about__subtitle { margin-top: 0.25rem; font-size: 3rem; line-height: 3.4375rem; letter-spacing: -0.04em; } .about--warranty .about__item:nth-of-type(2) .about__text { margin-top: auto; margin-bottom: 0.5rem; } .about--warranty .about__item:nth-of-type(3) { grid-column: 4 / 5; grid-row: 1 / 2; } .about--warranty .about__item:nth-of-type(3) .about__wrap { padding: 1rem 1rem; } .about--warranty .about__item:nth-of-type(3) .about__subtitle { margin-top: 0.25rem; font-size: 3rem; font-weight: 500; line-height: 3.4375rem; letter-spacing: -0.04em; } .about--warranty .about__item:nth-of-type(3) .about__text { margin-bottom: 0.375rem; max-width: 90%; } .about--credit .about__description { margin-bottom: 3.5rem; font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; opacity: 0; } .about--credit .about__description a { font-size: 1.125rem; line-height: 1.4375rem; } .about--credit .about__list { max-width: 100%; grid-template-columns: repeat(4, 15rem); grid-template-rows: 12.75rem; margin-bottom: 0; } .about--credit .about__item:first-of-type .about__wrap { padding-top: 2rem; padding-bottom: 2rem; padding-left: 11.9375rem; padding-right: 1rem; } .about--credit .about__item:first-of-type .about__nr { left: 2.125rem; font-size: 6.875rem; line-height: 7.875rem; letter-spacing: -0.04em; } .about--credit .about__item:first-of-type .about__subtitle { margin-bottom: 1.5rem; } .about--credit .about__item:first-of-type .about__text { margin-top: 0; max-width: 100%; } .about--credit .about__item:nth-of-type(2) { grid-column: 3 / 4; } .about--credit .about__item:nth-of-type(2) .about__wrap { padding: 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about--credit .about__item:nth-of-type(2) .about__subtitle { margin-top: 0.25rem; font-size: 3rem; line-height: 3.4375rem; letter-spacing: -0.07em; } .about--credit .about__item:nth-of-type(2) .about__text { margin-top: auto; margin-bottom: 1.5rem; } .about--credit .about__item:nth-of-type(3) { grid-column: 4 / 5; grid-row: 1 / 2; } .about--credit .about__item:nth-of-type(3) .about__wrap { padding: 1.25rem 1rem; } .about--credit .about__item:nth-of-type(3) .about__subtitle { margin-top: 0; font-size: 2.5rem; line-height: 115%; letter-spacing: -1.6px; } .about--credit .about__item:nth-of-type(3) .about__text { margin-bottom: 0.375rem; } } .callback { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .callback__title { margin-bottom: 1.5rem; } .callback__title span { color: #4164EE; } .callback__description { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 5.875rem; -ms-flex-item-align: start; align-self: flex-start; } .callback__description--main { margin-bottom: 2.5rem; } .callback__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .callback__form.form_wrap.submitted { padding-left: 0; } .callback__form.form_wrap.submitted .callback__description { margin-bottom: 0; text-align: left; } .callback__form.form_wrap.submitted .form_desc { text-align: left; } .callback__list { width: 100%; gap: 1.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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem; } .callback__steps { width: 100%; gap: 1.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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } .callback__steps-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.625rem; } .callback__steps-nr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.375rem; min-width: 1.375rem; height: 1.375rem; font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 100%; font-weight: 400; color: #14004B; letter-spacing: 0.01em; background-color: #F0F3FD; border-radius: 0.25rem; } .callback__steps-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 0.5rem; } .callback__steps-name { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 100%; font-weight: 400; color: #14004B; padding: 0.25rem 0; letter-spacing: 0.01em; } .callback__steps-about { max-width: 17.5rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 120%; font-weight: 400; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.01em; } .callback__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 2.5rem 1rem 3rem 1rem; background-color: #F0F3FD; border-radius: 1rem; } .callback__wrap.submitted { padding-left: 0; } .callback__wrap.submitted .callback__description { margin-bottom: 0; text-align: left !important; } .callback__wrap.submitted .form_desc { text-align: left !important; } .callback__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .callback__checkbox { display: none; } .callback__label { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.3125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; } .callback__checkbox + label { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; padding-left: 2.125rem; } @media screen and (min-width: 1200px) { .callback__checkbox + label { padding-left: 2.25rem; } } .callback__checkbox + label::before { position: absolute; content: ""; display: block; width: 1.375rem; height: 1.375rem; background-color: #fff; border: 0.125rem solid #14004B; border-radius: 0.3125rem; top: 0; left: 0; } @media screen and (min-width: 1200px) { .callback__checkbox + label::before { border-color: #DADDE7; width: 1.5rem; height: 1.5rem; } } .callback__checkbox:checked + label::after { position: absolute; content: ""; display: block; width: 1.375rem; height: 1.375rem; background-color: #14004B; border: 0.125rem solid #14004B; border-radius: 0.3125rem; background-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7464 0.627939C11.0788 0.266157 11.6248 0.199467 12.0346 0.470599L12.1239 0.529727C12.6006 0.84517 12.7164 1.49532 12.3779 1.95591L6.03022 10.5922C5.84179 10.8486 5.54261 11 5.22445 11H4.55129C4.238 11 3.94282 10.8532 3.7538 10.6033L0.560302 6.38223C0.244377 5.96464 0.304077 5.37406 0.697181 5.02815L1.01565 4.74792C1.3935 4.41543 1.95959 4.41558 2.33726 4.74828L4.15741 6.35165C4.5657 6.71131 5.18661 6.67853 5.55476 6.27788L10.7464 0.627939Z' fill='white'/%3E%3C/svg%3E"); background-size: 0.8125rem 0.6875rem; background-position: 50% 50%; background-repeat: no-repeat; top: 0; left: 0; } @media screen and (min-width: 1200px) { .callback__checkbox:checked + label::after { width: 1.5rem; height: 1.5rem; } } .callback__nr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .callback__nr-field { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 1.5rem; } .callback__nr-check { width: 100%; margin-bottom: 3.375rem; } .callback__input { width: 100%; background-color: transparent; padding: 0; padding-bottom: 0.25rem; border: none; border-bottom: 0.125rem solid #14004B; margin-bottom: 0; font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; cursor: text; position: relative; } .callback__input::-webkit-input-placeholder { color: #14004B; opacity: 0.4; } .callback__input::-moz-placeholder { color: #14004B; opacity: 0.4; } .callback__input:-ms-input-placeholder { color: #14004B; opacity: 0.4; } .callback__input:-moz-placeholder { color: #14004B; opacity: 0.4; } .callback__input.invalid { border-color: #ED3636; } .callback__error { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 350; color: #ED3636; position: absolute; bottom: -1.5rem; left: 0; } .callback__error.hidden { visibility: hidden; opacity: 0; } .callback__submit { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; background-color: #4164EE; border: none; border-radius: 0.375rem; padding: 0.9375rem 0; cursor: pointer; outline: none; margin-bottom: 1rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .callback__submit:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .callback__agree { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 1rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.01em; } .callback__agree a { color: #14004B; text-decoration: underline; } .callback__svg { display: none; } .callback--factoring { padding-bottom: 3.5rem; } .callback--factoring .callback__title { margin-bottom: 2.5rem; } .callback--factoring .callback__form { margin-bottom: 3.5rem; } .callback--factoring .callback__guide { opacity: 1; } .callback--warranty .callback__title { max-width: 85%; -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 2.5rem; } .callback--warranty .callback__description { margin-bottom: 1rem; } .callback--warranty .callback__nr-field { margin-bottom: 1.375rem; } .callback--warranty .callback__input { width: 100%; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 400; color: #14004B; padding: 1.375rem 0.625rem 0.25rem 0; margin-bottom: 0; border: none; border-bottom: 0.125rem solid #14004B; background-color: transparent; } .callback--warranty .callback__submit { background-color: #4164EE; height: 3rem; font-size: 0.9375rem; line-height: 120%; letter-spacing: 0.3px; } .callback--warranty .callback__agree { letter-spacing: 0.01em; } .callback--warranty .callback__agree a { color: #14004B; text-decoration: underline; } .callback--credit .callback__title { margin-bottom: 2.5rem; } .callback--blog .callback__title { margin-bottom: 2.5rem; } .callback--page { padding-top: 4.75rem; } .callback--page .callback__title { margin-bottom: 4.5625rem; } .callback--page .callback__nr-check { margin-bottom: 3.5rem; } @media screen and (min-width: 1200px) { .callback { --width: calc(100% - 1032px); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 36rem; padding-top: 3rem; padding-bottom: 3.5rem; margin-bottom: 7rem; position: relative; } .callback.loaded .callback__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .callback.loaded .callback__line-mask { -webkit-animation: dash 0.3s linear forwards 0.1s; animation: dash 0.3s linear forwards 0.1s; } .callback.loaded .callback__line-top { -webkit-animation: dash 0.2s ease-out forwards 0.4s; animation: dash 0.2s ease-out forwards 0.4s; } .callback__title { margin-bottom: 2.5rem; max-width: 80%; } .callback__description { width: 100%; font-size: 1.125rem; line-height: 1.4375rem; margin-bottom: 2.5rem; max-width: 36.8125rem; } .callback__form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .callback__list { max-width: 40.625rem; gap: 1.5rem 2rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4.5rem; } .callback__item { width: auto; } .callback__steps { gap: 1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3rem; } .callback__steps-item { gap: 1rem; width: 15rem; } .callback__steps-item:last-of-type { width: 16rem; } .callback__steps-nr { width: 2.5rem; min-width: 2.5rem; height: 2.5rem; font-size: 1.125rem; } .callback__steps-data { gap: 0.75rem; } .callback__steps-name { font-size: 1.125rem; line-height: 130%; padding: 0.5rem 0; } .callback__steps-about { max-width: 12.5rem; } .callback__wrap { max-width: 42.5rem; padding: 3rem 3rem 3.5rem 3rem; border-radius: 1.375rem; } .callback__wrap.submitted .callback__description { text-align: center !important; } .callback__wrap.submitted .form_desc { text-align: center !important; } .callback__label { font-size: 1.125rem; line-height: 1.4375rem; } .callback__nr { width: 100%; max-width: 39.875rem; display: grid; grid-template-columns: 24.625rem 1fr; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 1.875rem; } .callback__nr-field { grid-column: 1 / 2; grid-row: 1 / 2; width: 100%; margin-bottom: 0; margin-right: 1rem; } .callback__nr-check { width: 100%; grid-column: 1 / 2; grid-row: 2 / 3; } .callback__input { max-width: 24.625rem; padding-bottom: 1rem; padding-top: 1rem; font-size: 1.125rem; line-height: 1.4375rem; border-width: 0.125rem; } .callback__submit { grid-column: 2 / 3; grid-row: 1 / 2; width: auto; white-space: nowrap; padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: 0; font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.02em; } .callback__submit:hover, .callback__submit:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .callback__agree { font-family: "Stolzl Book", sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.375rem; max-width: 35.25rem; } .callback__agree a { color: #14004B; text-decoration: underline; } .callback__svg { display: block; opacity: 0; width: 13.25rem; height: 18rem; position: absolute; right: calc((100% - 814px) / 2); top: 8.6875rem; } .callback__line { position: absolute; top: 0; left: 0; } .callback__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .callback__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .callback--page .callback__description { margin-bottom: 4.5rem; } .callback--page .callback__nr-field { margin-bottom: 1.5rem; } .callback--factoring { margin-bottom: 7rem; padding-bottom: 3.5rem; background-color: #fff; min-height: 25rem; } .callback--factoring .callback__description { margin-bottom: 4.5rem; } .callback--factoring::after { width: 29.5625rem; height: 34.0625rem; left: auto; right: -13.875rem; top: 12.625rem; } .callback--factoring .callback__form { margin-bottom: 0; } .callback--factoring .callback__guide { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: -20.1875rem; --width: calc(100% - 960px); right: calc(var(--width) / 2); } .callback--factoring .callback__svg { top: 5rem; right: calc((100% - 800px) / 2); } .callback--warranty { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 48rem; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } .callback--warranty .callback__title { margin-bottom: 3rem; text-align: center; -ms-flex-item-align: center; align-self: center; } .callback--warranty .callback__description { margin-bottom: 2.5rem; } .callback--warranty .callback__form { max-width: 31.8125rem; } .callback--warranty .callback__form .callback__nr { grid-template-columns: 16.625rem 14.1875rem; } .callback--warranty .callback__nr { margin-bottom: 1.5rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .callback--warranty .callback__nr-field { margin-bottom: 0; } .callback--warranty .callback__input { width: 100%; font-size: 1.125rem; margin-bottom: 0rem; line-height: 130%; padding: 0rem 0.625rem 1.0625rem 0; margin-bottom: 0; border: none; border-bottom: 0.125rem solid #14004B; background-color: transparent; } .callback--warranty .callback__submit { height: 3.5rem; font-size: 1.125rem; letter-spacing: 0.36px; } .callback--warranty .callback__agree { letter-spacing: 0.01em; } .callback--page { padding-top: 10rem; } .callback--credit { min-height: 25rem; } .callback--credit .callback__title { max-width: 80%; } .callback--credit .callback__description { margin-bottom: 4.5rem; letter-spacing: 0.01em; } .callback--credit .callback__input { font-size: 1.125rem; line-height: 1.4375rem; line-height: 0.01em; margin-bottom: 0rem; } .callback--credit .callback__svg { top: 5rem; right: calc((100% - 800px) / 2); } .callback--blog { min-height: 25rem; } .callback--blog.loaded .callback__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .callback--blog.loaded .callback__line-mask { -webkit-animation: dash 0.4s ease-out forwards 0.1s; animation: dash 0.4s ease-out forwards 0.1s; } .callback--blog .callback__description { margin-bottom: 4.5rem; } .callback--blog .callback__nr { max-width: 36.875rem; } .callback--blog .callback__svg { display: block; opacity: 0; width: 10.125rem; height: 13.8125rem; position: absolute; top: 6.75rem; right: calc((100% - 800px) / 2); } .callback--blog .callback__line { position: absolute; top: 0; left: 0; } .callback--blog .callback__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } } @media screen and (min-width: 1440px) { .callback::after { --width: calc(100% - 1032px); left: calc((var(--width) / 2) + 874px); } .callback--blog::after { width: 94.625rem; height: 25.625rem; left: calc((var(--width) / 2) + 759px); } .callback--credit::after { left: auto; right: -109.375rem; } .callback--factoring::after { left: auto; right: -10.9375rem; } } @media screen and (min-width: 1920px) { .callback::after { left: calc((var(--width) / 2) + 910px); } .callback--warranty::after, .callback--page::after { left: calc((var(--width) / 2) + 1028px); } .callback--credit::after { left: auto; right: -106.25rem; } .callback--blog::after { left: calc((var(--width) / 2) + 800px); } .callback--factoring::after { left: auto; right: -12.1875rem; } } .faq { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; background-color: #F0F3FE; } .faq--main { margin-bottom: 0; } .faq__title { margin-bottom: 1rem; -ms-flex-item-align: start; align-self: flex-start; } .faq__title span { color: #4164EE; } .faq__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.375rem; } .faq__wrap { width: 100%; padding: 0.75rem 0; border-bottom: 0.125rem solid #14004B; } .faq__wrap:last-of-type { border-bottom: none; } .faq__item { width: 100%; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); outline: none; } .faq__item[open] { -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .faq__item[open] .faq__name { margin-bottom: 0.5rem; } .faq__item[open] .faq__name::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='2' rx='1' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 0.75rem 0.125rem; } .faq__name { display: block; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #14004B; text-align: left; padding-right: 2.5rem; position: relative; outline: none; } .faq__name::after { position: absolute; content: ''; top: 0; right: 0; width: 1.5rem; height: 1.5rem; border: 0.125rem solid #14004B; border-radius: 1.875rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.8125rem 0.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.01172 0C7.45943 0 7.01172 0.447715 7.01172 1V7H1C0.447715 7 0 7.44772 0 8C0 8.55229 0.447715 9 1 9H7.01172V15C7.01172 15.5523 7.45943 16 8.01172 16C8.564 16 9.01172 15.5523 9.01172 15V9H15C15.5523 9 16 8.55228 16 8C16 7.44771 15.5523 7 15 7H9.01172V1C9.01172 0.447715 8.564 0 8.01172 0Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .faq__name::-webkit-details-marker, .faq__name::marker { display: none; } .faq__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; max-width: 88.33819241982507%; } .faq__description a { text-decoration: none; color: #4164EE; } .faq--warranty .faq__name { padding-right: 3rem; } .faq--credit .faq__name { padding-right: 2.625rem; } @media screen and (min-width: 1200px) { .faq { --width: calc(100% - 1032px); margin-bottom: 7rem; } .faq--main { margin-bottom: 0; } .faq__list { gap: 0.5rem; } .faq__wrap { padding: 0; border-width: 0.125rem; } .faq__wrap:last-of-type { border-bottom: none; } .faq__item[open] .faq__name { padding-bottom: 1rem; margin-bottom: 0; } .faq__item[open] .faq__name::after { background-size: 1rem 0.125rem; } .faq__item[open] .faq__description { padding-bottom: 1rem; } .faq__name { font-size: 1.375rem; line-height: 1.8125rem; padding-right: 4rem; padding-top: 2rem; padding-bottom: 2.1875rem; cursor: pointer; } .faq__name::after { top: 1.75rem; width: 2rem; height: 2rem; background-size: 1rem 1rem; } .faq__description { font-size: 1.125rem; line-height: 1.625rem; max-width: 93.7984496124031%; letter-spacing: 0.01em; cursor: url("/bitrix/templates/rowi/static/css/../images/content/pointer.svg"), auto; } } .conditions { width: 100%; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; background-color: #F0F3FE; z-index: 0; } .conditions.loaded .conditions__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .conditions.loaded .conditions__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .conditions.loaded .conditions__frame { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .conditions.loaded .conditions__block { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .conditions.loaded .conditions__details { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .conditions__title { opacity: 0; margin-bottom: 2.5rem; } .conditions__title span { color: #4164EE; } .conditions__description { opacity: 0; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 3.5rem; } .conditions__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .conditions__visual { width: 100%; position: relative; margin-bottom: 5.625rem; } .conditions__frame { opacity: 0; width: 16.75rem; height: 18.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .conditions__frame-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: 0.625rem; } .conditions__block { opacity: 0; width: 100%; position: absolute; width: auto; max-width: 10.25rem; bottom: -3.125rem; right: 0; } .conditions__shadow { position: absolute; width: 90%; height: 0.875rem; bottom: -0.3125rem; left: 0.75rem; background-color: rgba(5, 23, 92, 0.2); -webkit-filter: blur(6px); filter: blur(6px); -webkit-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); -ms-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); z-index: -1; display: none; } .conditions__name { width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; padding: 2.90625rem 0.75rem; background-color: #F5AABE; border-radius: 1.375rem; z-index: 2; } .conditions__details { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .conditions__subtitle { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #14004B; margin-bottom: 1.5rem; } .conditions__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; margin-bottom: 3.5rem; } .conditions__list--warranty .conditions__item { padding-top: 0.125rem; padding-bottom: 0.125rem; } .conditions__list--warranty .conditions__item:last-of-type { padding-bottom: 0; } .conditions__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2rem; } .conditions__item span { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; letter-spacing: 0.01em; } .conditions__item::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.2176 1.12573C23.5106 1.41852 23.5108 1.89339 23.218 2.18639L8.54094 16.8739C8.24823 17.1668 7.77353 17.1671 7.4805 16.8745L0.782583 10.187C0.489462 9.89433 0.489092 9.41945 0.781757 9.12633C1.07442 8.83321 1.5493 8.83284 1.84242 9.12551L8.00982 15.2833L22.157 1.12611C22.4498 0.833111 22.9246 0.832943 23.2176 1.12573Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.125rem 0.8125rem; left: 0; top: 0; } .conditions__link { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; text-decoration: none; letter-spacing: 0.02em; background-color: #4164EE; border: none; border-radius: 0.375rem; padding: 0.9375rem 0; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .conditions__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .conditions--credit .conditions__title { margin-bottom: 3.5rem; } .conditions--warranty .conditions__name { background-color: #00AAAA; color: #fff; } @media screen and (min-width: 1200px) { .conditions { --width: calc(100% - 1032px); margin-bottom: 7rem; padding-bottom: 6.4375rem; } .conditions.loaded .conditions__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .conditions.loaded .conditions__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .conditions.loaded .conditions__frame { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .conditions.loaded .conditions__block { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .conditions.loaded .conditions__details { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .conditions__description { font-family: "Stolzl", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.4375rem; max-width: 44rem; } .conditions__info { display: grid; grid-template-columns: 23.3125rem 1fr; grid-column-gap: 4.1875rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .conditions__visual { padding-left: 4rem; margin-bottom: 0; } .conditions__frame { width: 19.3125rem; height: 21.4375rem; } .conditions__block { max-width: 15rem; bottom: -2.9375rem; right: auto; left: 0; } .conditions__name { font-size: 2.125rem; line-height: 2.5625rem; max-width: 15rem; padding: 3.8125rem 1rem; background-color: #F5AABE; } .conditions__subtitle { font-size: 1.375rem; line-height: 1.8125rem; margin-bottom: 2.5rem; } .conditions__list { gap: 0.5rem; } .conditions__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-left: 3rem; } .conditions__item span { font-size: 1.125rem; line-height: 1.625rem; } .conditions__item::before { width: 2rem; height: 2rem; background-size: 1.4375rem 1.0625rem; } .conditions__link { width: auto; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; margin-left: 3rem; } .conditions__link:hover, .conditions__link:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .conditions--warranty { padding-bottom: 3.625rem; } .conditions--warranty .conditions__description { max-width: 100%; } .conditions--warranty .conditions__block { bottom: -5.1875rem; } .conditions--warranty .conditions__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .conditions--warranty .conditions__item span { max-width: 24.5rem; } .conditions--warranty .conditions__name { background-color: #00AAAA; } .conditions--credit { padding-bottom: 6.4375rem; } .conditions--credit .conditions__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .conditions--credit .conditions__item span { max-width: 100%; } } .steps { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .steps.loaded .steps__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .steps.loaded .steps__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .steps.loaded .steps__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .steps.loaded .steps__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .steps.loaded .steps__order { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .steps--factoring .steps__list { margin-bottom: 3.5rem; } .steps__title { opacity: 0; margin-bottom: 3.5rem; } .steps__title span { color: #4164EE; } .steps__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .steps__item { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; padding-left: 5.625rem; } .steps__item:first-of-type { padding-bottom: 1.5rem; } .steps__item:first-of-type .steps__icon { top: 0; } .steps__item:nth-of-type(2) { padding-top: 1.5rem; padding-bottom: 1.5rem; } .steps__item:nth-of-type(2) .steps__icon { top: 1.5rem; } .steps__item:last-of-type { padding-top: 1.5rem; } .steps__item:last-of-type .steps__icon { top: 1.5rem; } .steps__item:not(:last-of-type) { border-bottom: 0.0625rem dashed #e3e3e3; } .steps__icon { position: absolute; left: 0; display: block; width: 4.625rem; height: 4.0625rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .steps__icon.step-1 { background-image: url("data:image/svg+xml,%3Csvg width='86' height='133' viewBox='0 0 86 133' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.9611 132.156H26.9118C26.5037 132.156 26.1729 131.823 26.1729 131.414V81.6465C26.1729 81.4535 26.3956 62.2269 30.3434 49.9069C33.9982 38.6189 40.5019 28.472 49.2221 20.4526V7.19817H32.9044C27.0029 20.9198 18.0141 22.0167 1.58504 22.5144V40.6847H21.8303C22.2384 40.6847 22.5692 41.0166 22.5692 41.4261C22.5692 41.8356 22.2384 42.1675 21.8303 42.1675H0.87646C0.468501 42.1787 0.128722 41.856 0.117541 41.4467C0.117353 41.4398 0.117261 41.433 0.117263 41.4261L0.117263 21.8034C0.111573 21.4035 0.427289 21.0731 0.825847 21.062C18.6012 20.5339 26.3753 19.0307 31.7403 6.17235C31.8693 5.91688 32.1333 5.75874 32.4186 5.76608H49.9611C50.3635 5.76608 50.6899 6.09349 50.6899 6.49736V19.1729C59.7273 11.3278 70.1756 5.28796 81.4728 1.37841C81.8656 1.26766 82.2737 1.49746 82.384 1.89168C82.4861 2.25591 82.2984 2.63877 81.9485 2.78003C70.4301 6.76451 59.8178 13.0104 50.7304 21.1534V131.414C50.7307 131.823 50.4002 132.156 49.992 132.157C49.9817 132.157 49.9714 132.156 49.9611 132.156ZM27.6913 130.683H49.2221V22.5347C41.1811 30.2179 35.1731 39.789 31.7403 50.3843C27.8634 62.491 27.6913 81.4941 27.6913 81.6871V130.683Z' fill='%2314004B'/%3E%3Cpath d='M75.3017 9.42588C75.8101 5.84486 81.4451 2.39173 84.199 1.11279C80.8096 1.53911 73.141 2.13594 69.582 1.11279' stroke='%2314004B' stroke-width='1.88237' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .steps__icon.step-2 { background-image: url("data:image/svg+xml,%3Csvg width='101' height='129' viewBox='0 0 101 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90.6826 128.154H1.68402C1.29302 128.16 0.966991 127.857 0.945313 127.467L0.945312 108.269C0.948879 108.051 1.04448 107.845 1.20841 107.703C19.9695 92.2534 35.2191 79.4108 45.986 68.1546C41.9738 66.622 38.2434 64.437 34.9459 61.6879C29.0565 56.6863 25.8386 50.3206 25.4946 43.2678C25.4946 19.4924 41.7764 17.6433 46.7449 17.6433C58.6249 17.6433 65.3643 24.1606 65.3643 35.5178C65.3643 45.5615 59.394 55.7264 48.5563 67.4777C54.9361 69.609 61.7058 70.3195 68.39 69.5591C69.6852 69.4076 70.9501 69.1954 72.1746 68.9327C82.1724 56.7368 87.1105 45.2583 87.1105 34.3255C87.1105 13.541 72.893 1.61795 48.1009 1.61795C34.7739 1.61795 23.1469 5.983 15.3753 13.8947C8.08949 21.3718 4.35549 31.4761 4.58823 43.2274C4.59382 43.6291 4.27219 43.9593 3.86984 43.9649C3.86644 43.965 3.86305 43.965 3.85965 43.965C3.46301 43.9761 3.13241 43.6641 3.12123 43.2681C3.12104 43.2612 3.12095 43.2545 3.12095 43.2476C2.87809 31.1225 6.75375 20.5837 14.3229 12.8741C22.3778 4.66945 34.3388 0.152832 48.1009 0.152832C73.399 0.152832 88.5778 12.9246 88.5778 34.3255C88.5778 45.1472 83.923 56.4539 74.4817 68.387C82.6681 66.1007 90.2122 61.9503 96.5214 56.2619C96.8198 56.0061 97.2677 56.0329 97.5333 56.3225C97.8006 56.6065 97.8006 57.049 97.5333 57.333C90.5639 63.6398 82.1132 68.0884 72.9639 70.2664C63.4113 81.8055 49.4265 93.9307 30.9185 106.804H90.6826C91.085 106.804 91.4112 107.129 91.4112 107.531V127.467C91.3898 127.853 91.0697 128.155 90.6826 128.154ZM2.4126 126.689H89.9945V108.269H28.5607C28.2397 108.27 27.9561 108.059 27.8625 107.753C27.7697 107.448 27.884 107.118 28.1458 106.935C46.7989 94.1361 60.9658 82.0615 70.6466 70.711C69.9483 70.8222 69.24 70.9333 68.5316 71.0142C61.4302 71.8088 54.2407 71.0007 47.4938 68.6497C36.6561 80.0979 21.3052 92.991 2.4126 108.562V126.689ZM46.7652 19.1085C28.3887 19.1085 26.9618 37.5387 26.9618 43.2375C27.2553 49.8457 30.2911 55.8476 35.8971 60.5663C39.2143 63.3152 42.9794 65.4752 47.0283 66.9522C57.9166 55.3323 63.897 45.2785 63.897 35.5178C63.897 24.9386 57.8154 19.1085 46.7652 19.1085Z' fill='%2314004B'/%3E%3Cpath d='M94.1139 65.4487C93.3349 61.9398 97.4277 56.7491 99.5715 54.5924C96.5298 56.1794 89.5189 59.428 85.8086 59.7266' stroke='%2314004B' stroke-width='1.88237' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .steps__icon.step-3 { background-image: url("data:image/svg+xml,%3Csvg width='122' height='133' viewBox='0 0 122 133' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.3801 132.155C20.5177 132.155 2.16863 115.073 0.711875 89.6477C0.701754 89.4434 0.773893 89.2439 0.911431 89.0956C1.04933 88.9471 1.24017 88.8622 1.44025 88.8605H22.8426C23.1997 88.862 23.5014 89.132 23.551 89.4943C25.4567 102.784 33.3891 110.554 47.1484 112.639C62.9432 115.042 76.4032 111.259 87.1393 101.394C88.7267 99.9376 90.2168 98.3733 91.5993 96.7119C91.7091 95.526 91.759 94.3094 91.759 93.0622C91.8173 80.1663 84.4302 68.4541 72.9309 63.2107C72.678 63.0997 72.5107 62.8485 72.5019 62.5666C72.481 62.2888 72.6218 62.0244 72.8611 61.8919C82.7391 56.1261 88.6359 46.0563 88.6359 34.954C88.6359 12.0951 68.6804 1.86178 48.8546 1.86178C22.7228 1.872 6.13978 15.9901 3.23625 40.6381H23.3414C24.8082 26.9698 34.0276 18.4334 47.5375 18.4334C61.0474 18.4334 67.1937 27.5422 67.1937 35.9968C67.1937 47.9783 56.5175 55.1344 38.6473 55.1344H35.4145V72.3808H39.4655C51.6983 72.3808 60.798 75.4478 65.7569 81.1216C66.0324 81.4265 66.0146 81.9025 65.717 82.1848C65.4195 82.4671 64.9548 82.4488 64.6793 82.1439C59.9898 76.7563 51.2792 73.9041 39.4655 73.9041H34.6961C34.2977 73.9041 33.9733 73.5762 33.9678 73.168V54.3882C33.9733 53.9799 34.2977 53.6521 34.6961 53.6521H38.6873C55.6495 53.6521 65.7869 47.048 65.7869 35.9968C65.7869 24.9456 56.308 19.9158 47.5375 19.9158C34.5664 19.9158 25.8758 28.1659 24.7084 41.4457C24.6772 41.828 24.3645 42.1217 23.99 42.1204H2.42805C2.22246 42.1214 2.02632 42.0321 1.88925 41.8751C1.74818 41.7135 1.68263 41.4971 1.70965 41.2821C4.4236 15.3052 21.6652 0.389648 48.8546 0.389648C69.3789 0.389648 90.0827 11.083 90.0827 34.9642C90.0202 46.2438 84.2129 56.671 74.7669 62.4644C86.1048 68.2321 93.2559 80.1028 93.2058 93.0724C93.2058 93.6449 93.2058 94.2174 93.2058 94.7797C104.95 79.5881 115.247 51.9653 113.84 12.7903C113.781 12.3825 114.056 12.0032 114.454 11.9431C114.853 11.883 115.223 12.1647 115.281 12.5725C115.289 12.6277 115.291 12.6836 115.287 12.7392C116.284 40.6892 110.807 76.4087 93.0262 97.407C90.8809 118.671 73.0607 132.155 46.3801 132.155ZM2.20854 90.3531C3.94467 114.51 21.6053 130.683 46.3801 130.683C71.3245 130.683 88.2867 118.589 91.2801 99.3494C90.2823 100.454 89.1947 101.517 88.0971 102.519C77.0218 112.68 63.1527 116.586 46.9289 114.112C32.9001 111.975 24.3592 103.766 22.214 90.3531H2.20854Z' fill='%2314004B'/%3E%3Cpath d='M119.5 24.7891C116.166 23.5404 115.079 13.3379 114.416 10.3511C114.13 13.7879 111.712 23.698 110 27' stroke='%2314004B' stroke-width='1.88237' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: left 12px center; } .steps__name { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #14004B; margin-bottom: 0.5rem; } .steps__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; } .steps__order { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; text-decoration: none; letter-spacing: 0.02em; background-color: #4164EE; border: none; border-radius: 0.375rem; padding: 0.9375rem 0; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .steps__order:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .steps { --width: calc(100% - 1032px); margin-bottom: 7rem; } .steps.loaded .steps__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .steps.loaded .steps__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .steps.loaded .steps__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .steps.loaded .steps__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .steps__title { margin-bottom: 4.5rem; text-align: center; } .steps__list { display: grid; grid-template-columns: repeat(3, 20.5rem); grid-column-gap: 1.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .steps__list.--warranty .steps__item:first-of-type .steps__description, .steps__list.--warranty .steps__item:nth-of-type(2) .steps__description, .steps__list.--warranty .steps__item:last-of-type .steps__description, .steps__list.--credit .steps__item:first-of-type .steps__description, .steps__list.--credit .steps__item:nth-of-type(2) .steps__description, .steps__list.--credit .steps__item:last-of-type .steps__description { max-width: 100%; } .steps__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; } .steps__item:first-of-type { padding-bottom: 0; } .steps__item:first-of-type .steps__icon { top: 0; } .steps__item:nth-of-type(2) { padding-top: 0; padding-bottom: 0; } .steps__item:nth-of-type(2) .steps__icon { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .steps__item:last-of-type { padding-top: 0; } .steps__item:last-of-type .steps__icon { bottom: auto; top: auto; left: auto; } .steps__item:last-of-type .steps__description { max-width: 88%; } .steps__item:not(:last-of-type) { border-bottom: none; } .steps__icon { position: relative; left: auto; width: 9.5rem; height: 8.625rem; margin-bottom: 2.5rem; } .steps__icon.step-1 { background-position: left 36px center; } .steps__icon.step-2 { background-position: left 27px center; } .steps__icon.step-3 { background-position: left 26px center; } .steps__name { text-align: center; font-size: 1.375rem; line-height: 1.8125rem; margin-bottom: 1rem; } .steps__description { text-align: center; font-size: 1.125rem; line-height: 1.625rem; } .steps__order { width: auto; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; } .steps__order:hover, .steps__order:focus { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .materials { width: 100%; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .materials__title { margin-bottom: 3.5rem; } .materials__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; margin-bottom: 1.5rem; } .materials__item { width: 100%; display: grid; grid-template-columns: 1fr 6.25rem; grid-template-areas: 'info image' 'tags image'; grid-column-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-bottom: 2rem; border-bottom: 0.0625rem solid #e3e3e3; } .materials__item:last-of-type { border-bottom: none; padding-bottom: 0; } .materials__imagelink { grid-area: image; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .materials__frame { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-mask-image: -webkit-radial-gradient(white, black); } .materials__frame-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .materials__frame:hover .materials__frame-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .materials__info { grid-area: info; width: 100%; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .materials__date { font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: rgba(20, 0, 75, 0.6); margin-bottom: 0.5rem; } .materials__link { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 500; color: #14004B; text-decoration: none; text-align: left; margin-bottom: 1.5rem; letter-spacing: 0.4px; } .materials__description { display: none; } .materials__tags { grid-area: tags; width: 100%; max-width: 14.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem 0.5rem; position: relative; } .materials__tags.closed .materials__tags-item:not(:first-of-type) { display: none; } .materials__tags.closed .materials__tags-opener { display: -webkit-box; display: -ms-flexbox; display: flex; } .materials__tags-item { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 400; color: #14004B; text-decoration: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; } .materials__tags-opener { display: block; width: auto; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 400; color: #14004B; border: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; cursor: pointer; outline: none; display: none; } .materials__frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.25rem; height: 6.25rem; border-radius: 0.5rem; overflow: hidden; } .materials__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 1200px) { .materials { --width: calc(100% - 1032px); margin-bottom: 7rem; } .materials__item { grid-template-columns: 1fr 15.75rem; grid-template-rows: minmax(-webkit-min-content, 22px); grid-template-rows: minmax(min-content, 22px); grid-column-gap: 6.25rem; padding-bottom: 3.5rem; padding-top: 3.5rem; } .materials__item:first-of-type { padding-top: 0; } .materials__item:last-of-type { padding-bottom: 0; } .materials__date { margin-bottom: 1rem; } .materials__link { font-size: 1.375rem; line-height: 1.8125rem; margin-bottom: 1.5rem; letter-spacing: 0.01em; } .materials__description { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Stolzl Book", sans-serif; font-size: 1.125rem; line-height: 1.625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 1.5rem; } .materials__tags { max-width: 42.5rem; } .materials__tags.closed .materials__tags-item:not(:first-of-type) { display: -webkit-box; display: -ms-flexbox; display: flex; } .materials__tags.closed .materials__tags-opener { display: none; } .materials__frame { width: 15.75rem; height: 13.125rem; border-radius: 1.3125rem; } } .mission { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; opacity: 0; } .mission.loaded { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .mission.loaded .mission__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.3s; animation: fadeInStatic 0s linear forwards 0.3s; } .mission.loaded .mission__line-mask { -webkit-animation: dash 0.3s ease-out forwards 0.3s; animation: dash 0.3s ease-out forwards 0.3s; } .mission__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 3.5rem 1rem 5rem 1rem; background-color: #4164EE; border-radius: 0.75rem; position: relative; overflow: hidden; } .mission__title { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; margin-bottom: 1.5rem; } .mission__description { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #fff; text-align: center; } .mission__svg { opacity: 0; width: 5.25rem; height: 4rem; position: absolute; left: -4px; top: 27px; -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); transform: rotate(14deg); } .mission__line { position: absolute; top: 0; left: 0; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .mission__line-mask { fill: none; stroke: #fff; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } @media screen and (min-width: 1200px) { .mission { --width: calc(100% - 1032px); margin-bottom: 7rem; } .mission__wrap { padding: 4.5rem 5.5rem 6rem 5.5rem; border-radius: 1.375rem; } .mission__title { font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0; margin-bottom: 2.5rem; } .mission__description { font-size: 2.125rem; line-height: 2.5625rem; } .mission__svg { width: 8.875rem; height: 6.125rem; left: -14px; top: 16px; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .mission__line { width: 8.875rem; height: 7rem; } } .company { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .company.loaded .company__item:first-of-type .company__frame, .company.loaded .company__item:first-of-type .company__name, .company.loaded .company__item:first-of-type .company__position { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .company.loaded .company__item:first-of-type .company__theme { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .company.loaded .company__item:first-of-type .company__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .company.loaded .company__svg--first { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .company.loaded .company__svg--first .company__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .company.loaded .company__item:last-of-type .company__frame, .company.loaded .company__item:last-of-type .company__name, .company.loaded .company__item:last-of-type .company__position { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .company.loaded .company__item:last-of-type .company__theme { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.1s; } .company.loaded .company__item:last-of-type .company__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1.2s; } .company.loaded .company__svg--second { -webkit-animation: fadeInStatic 0s linear forwards 0.7s; animation: fadeInStatic 0s linear forwards 0.7s; } .company.loaded .company__svg--second .company__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; } .company.loaded .company__svg--second .company__line-top { -webkit-animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; } .company__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6rem; } .company__item:last-of-type { margin-bottom: 0; } .company__bio { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 6.25rem; position: relative; } .company__frame { width: 100%; max-width: 12.5rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.5rem; border-radius: 25rem; overflow: hidden; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); opacity: 0; } .company__name { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #4164EE; letter-spacing: 0.01em; margin-bottom: 0.5rem; opacity: 0; } .company__position { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; opacity: 0; } .company__svg { opacity: 0; position: absolute; } .company__svg--first { width: 17rem; height: 6.0625rem; bottom: -88px; right: 2px; } .company__svg--second { width: 9.875rem; height: 5.25rem; bottom: -78px; left: 2px; } .company__line { position: absolute; top: 0; left: 0; } .company__line--desktop { display: none; } .company__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .company__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .company__details { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .company__theme { opacity: 0; font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 2.5rem; } .company__description { opacity: 0; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 1.5rem; } .company__description:last-of-type { margin-bottom: 0; } @media screen and (min-width: 1200px) { .company { --width: calc(100% - 1032px); margin-bottom: 7rem; } .company.loaded .company__item:first-of-type .company__frame, .company.loaded .company__item:first-of-type .company__name, .company.loaded .company__item:first-of-type .company__position { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .company.loaded .company__item:first-of-type .company__theme { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .company.loaded .company__item:first-of-type .company__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .company.loaded .company__svg--first { -webkit-animation: fadeInStatic 0s linear forwards 0.2s; animation: fadeInStatic 0s linear forwards 0.2s; } .company.loaded .company__svg--first .company__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .company.loaded .company__item:last-of-type .company__frame, .company.loaded .company__item:last-of-type .company__name, .company.loaded .company__item:last-of-type .company__position { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .company.loaded .company__item:last-of-type .company__theme { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; } .company.loaded .company__item:last-of-type .company__description { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 1s; } .company.loaded .company__svg--second { -webkit-animation: fadeInStatic 0s linear forwards 0.6s; animation: fadeInStatic 0s linear forwards 0.6s; } .company.loaded .company__svg--second .company__line-mask { -webkit-animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: dash 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .company.loaded .company__svg--second .company__line-top { -webkit-animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.9s; } .company__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2.125rem; } .company__item:first-of-type { padding-bottom: 6.375rem; } .company__item:first-of-type .company__bio { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .company__item:first-of-type .company__details { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 42.5rem; } .company__item:first-of-type .company__description { max-width: 33.125rem; } .company__item:last-of-type { padding-top: 6.8125rem; margin-bottom: 0; } .company__item:last-of-type .company__details { max-width: 37rem; } .company__item:last-of-type .company__bio { margin-bottom: 0rem; } .company__item:last-of-type .company__description { margin-bottom: 1.5rem; } .company__item:last-of-type .company__description:last-of-type { margin-bottom: 0; } .company__bio { margin-bottom: 0rem; max-width: 15.3125rem; } .company__frame { max-width: 15.3125rem; } .company__name { font-size: 1.25rem; letter-spacing: 0; } .company__position { font-size: 0.9375rem; letter-spacing: 0.02em; } .company__svg--first { width: 17rem; height: 7.125rem; bottom: -146px; right: 104px; } .company__svg--first .company__line-mask { stroke-width: 2px; } .company__svg--second { width: 16.5rem; height: 6.8125rem; bottom: auto; top: -107px; left: 187px; } .company__svg--second .company__top { opacity: 0; position: absolute; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 48px; right: -2px; width: 1.1875rem; height: 1.0625rem; -webkit-transform: rotate(152deg); -ms-transform: rotate(152deg); transform: rotate(152deg); background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M4.14062 16.0005C5.78698 11.045 1.97773 6.31506 1.15964 1.19129C7.13987 5.00064 9.63884 4.50058 17.1406 2.50049' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .company__line { position: absolute; top: 0; left: 0; } .company__line--mobile { display: none; } .company__line--desktop { display: block; } .company__theme { font-size: 1.5rem; line-height: 1.8125rem; font-weight: 500; } .company__description { font-size: 1.125rem; line-height: 1.625rem; } } .team { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; background-color: #F0F3FE; } .team.loaded .team__bio { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .team.loaded .team__list { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .team__bio { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3.5rem; } .team__title { margin-bottom: 2.5rem; } .team__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 2rem; } .team__link { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #4164EE; text-decoration: none; letter-spacing: 0.02em; padding: 0.6875rem 3rem 0.6875rem 0; position: relative; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; } .team__link::after { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .team__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .team__list { opacity: 0; width: 100%; display: grid; grid-template-columns: 57.43440233236152% 39.65014577259475%; grid-template-rows: 6.75rem 5.3125rem; grid-column-gap: 0.625rem; grid-row-gap: 0.6875rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; z-index: 2; } .team__item { width: 100%; border-radius: 0.5rem; } .team__item:first-of-type { grid-column: 1 / 2; max-height: 6.75rem; } .team__item:first-of-type .team__frame { max-height: 6.75rem; } .team__item:nth-of-type(2) { grid-column: 1 / 2; grid-row: 2 / 3; max-height: 5.3125rem; } .team__item:nth-of-type(2) .team__frame { max-height: 5.3125rem; } .team__item:last-of-type { grid-column: 2 / 3; grid-row: 1 / 3; } .team__frame { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 16px 38px 0 rgba(20, 0, 75, 0.2); box-shadow: 0 16px 38px 0 rgba(20, 0, 75, 0.2); overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); border-radius: 0.5rem; } .team__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 0.5rem; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .team__frame:hover .team__frame-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .team { --width: calc(100% - 1032px); margin-bottom: 7rem; padding-top: 9.125rem; padding-bottom: 9.125rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #fff; } .team.loaded .team__list { -webkit-animation: none; animation: none; } .team.loaded .team__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .team.loaded .team__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .team.loaded .team__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .team::before { position: absolute; content: ''; width: 82.875rem; height: 34.4375rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='1574' height='654' viewBox='0 0 1574 654' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M358.367 1.37051C365.699 2.8654 371.34 5.98828 379.153 12.8796C386.521 19.378 388.777 20.3994 398.346 21.5746C407.858 22.7436 411.707 25.0579 416.386 32.4255C419.726 37.6843 421.675 39.1683 424.094 38.2937C426.043 37.5892 426.344 37.7848 426.605 39.9244C426.874 42.1255 427.503 42.4868 433.221 43.7291C440.448 45.2991 444.74 48.7977 446.378 54.4541C446.907 56.2822 448.624 60.8338 450.193 64.5688C451.761 68.3038 453.498 73.0918 454.051 75.2078C454.788 78.0328 455.532 79.0559 456.847 79.0559C458.699 79.0559 459.037 79.9596 460.242 88.1104C460.573 90.3514 462.737 99.9943 465.052 109.54C470.466 131.866 470.671 143.319 465.874 155.336C464.807 158.009 464.735 159.686 465.539 163.248C466.722 168.497 464.985 182.11 461.205 197.217C448.55 247.779 420.961 289.045 364.327 342.12C333.109 371.377 309.437 393.119 301.027 400.261C291.852 408.051 274.733 420.457 265.291 426.156C260.187 429.236 259.869 429.624 260.907 431.508C263.554 436.311 273.596 449.427 279.138 455.324C289.768 466.629 298.407 476.681 309.476 490.623C326.291 511.804 338.125 525.22 341.052 526.42C342.523 527.022 346.449 530.818 349.777 534.854C353.105 538.889 357.554 543.781 359.664 545.724C363.379 549.142 363.458 549.338 362.124 551.791C360.524 554.734 360.435 555.32 361.587 555.32C362.05 555.32 362.67 554.438 362.967 553.361C363.422 551.705 363.735 551.582 364.981 552.566C365.793 553.207 366.458 554.7 366.458 555.883C366.458 557.433 366.992 558.037 368.362 558.037C370.027 558.037 370.265 558.64 370.265 562.868C370.265 567.033 370.736 568.274 373.68 571.868L377.095 576.038L376.133 581.918C374.623 591.141 376.462 594.694 379.354 588.143C380.669 585.163 380.971 584.946 381.82 586.376C384.376 590.682 383.415 607.054 380.374 611.011C378.968 612.839 375.977 611.885 375.977 609.609C375.977 608.699 375.502 606.807 374.921 605.405C373.866 602.856 373.866 602.856 372.873 604.893C372.325 606.013 371.623 606.914 371.31 606.895C370.997 606.876 369.346 605.055 367.639 602.849C365.933 600.642 363.622 598.37 362.503 597.801C360.635 596.85 360.525 596.941 361.162 598.906C361.542 600.082 361.972 601.86 362.115 602.856C362.306 604.177 363.03 604.624 364.79 604.51C366.883 604.374 367.362 604.893 368.4 608.42C369.27 611.373 369.844 612.16 370.497 611.293C371.174 610.395 371.272 610.472 370.893 611.606C370.615 612.436 371.217 614.661 372.23 616.552C374.132 620.099 374.714 625.039 373.232 625.039C372.77 625.039 372.167 624.225 371.893 623.229C371.54 621.943 370.595 621.418 368.633 621.418C367.113 621.418 365.039 620.819 364.022 620.088C361.623 618.363 360.747 618.371 360.747 620.12C360.747 621.128 360.194 621.373 358.843 620.965C357.277 620.492 356.939 620.802 356.939 622.715C356.939 623.994 357.367 625.039 357.891 625.039C360.258 625.039 358.628 628.843 355.511 630.593C353.679 631.62 352.18 632.589 352.18 632.745C352.18 632.9 354.134 633.926 356.521 635.027C359.504 636.4 360.696 637.44 360.329 638.35C360.036 639.078 359.795 640.01 359.795 640.42C359.795 640.83 357.798 642.279 355.356 643.64C351.059 646.035 350.876 646.059 349.603 644.405C348.727 643.267 348.488 641.56 348.889 639.3C349.22 637.433 349.222 635.905 348.894 635.905C347.697 635.905 340.262 639.797 339.582 640.78C338.111 642.905 338.976 643.954 342.423 644.226C345.682 644.482 346.018 644.763 346.29 647.449C346.507 649.591 346.199 650.392 345.157 650.392C344.37 650.392 343.469 649.997 343.155 649.515C342.842 649.032 339.069 647.582 334.77 646.294C325.831 643.614 323.066 642.136 322.214 639.58C321.757 638.211 320.834 637.803 318.399 637.89C316.632 637.953 314.048 637.296 312.659 636.43C309.81 634.653 308.429 635.215 309.945 637.533C311.722 640.249 318.935 644.959 321.318 644.959C323.443 644.959 324.418 646.617 323.057 647.913C322.745 648.209 319.854 647.096 316.632 645.438C308.132 641.066 306.49 640.724 306.49 643.321C306.49 645.016 307.88 646.132 313.621 649.041C317.543 651.029 320.755 652.961 320.76 653.335C320.779 655.013 309.552 652.865 302.444 649.831C299.092 648.399 297.699 646.77 299.826 646.77C300.35 646.77 300.778 646.159 300.778 645.412C300.778 643.285 298.303 643.819 296.582 646.317C294.403 649.483 293.114 649.103 289.832 644.328C288.236 642.008 285.139 639.162 282.814 637.881C278.808 635.676 278.676 635.661 279.283 637.482C280.534 641.232 277.792 640.478 273.444 635.879C271.005 633.298 264.897 628.225 259.871 624.604C248.951 616.737 233.498 601.528 222.294 587.621C212.07 574.929 210.54 573.333 206.806 571.461C204.725 570.417 202.731 568.019 200.407 563.764C198.19 559.706 195.57 556.495 192.779 554.415C189.982 552.33 184.555 545.671 176.913 534.948C161.687 513.583 150.557 499.456 145.577 495.177L141.551 491.717L140.152 494.77C139.382 496.45 138.392 502.51 137.951 508.237C137.51 513.964 135.883 524.761 134.333 532.231C131.057 548.027 127.75 571.427 126.785 585.653L126.109 595.613L123.491 595.899C120.425 596.235 120.488 596.057 122.276 599.335C123.523 601.62 123.514 601.993 122.204 602.69C121.394 603.121 119.934 605.245 118.958 607.408C117.984 609.571 116.088 612.026 114.746 612.862C112.923 613.999 112.307 615.158 112.307 617.447C112.307 620.799 111.348 621.282 109.043 619.09C106.929 617.079 107.169 615.894 110.165 613.562C112.698 611.589 112.714 611.522 110.66 611.49C109.103 611.467 107.996 612.481 106.497 615.306C103.859 620.284 103.952 620.219 102.332 618.183C101.071 616.596 100.942 616.976 100.915 622.372C100.876 629.938 97.7952 636.119 91.292 641.682C86.7449 645.57 80.8946 648.43 80.8946 646.763C80.8946 646.313 81.976 644.43 83.2972 642.577C84.6193 640.725 85.3361 638.862 84.8906 638.438C84.4451 638.015 81.8351 638.126 79.0899 638.685C76.3456 639.245 73.8155 639.432 73.4671 639.102C73.1197 638.771 73.8108 636.887 75.0025 634.917C77.3346 631.062 77.1033 629.567 74.1754 629.567C72.7828 629.567 72.3277 630.196 72.3277 632.122C72.3277 635.305 69.5816 643.148 68.4679 643.148C68.0129 643.148 67.1762 641.416 66.606 639.3C65.0478 633.508 64.8812 633.189 63.4258 633.189C62.4425 633.189 61.9723 634.782 61.6838 639.085C61.4306 642.878 60.7434 645.501 59.7601 646.436C58.3561 647.772 58.1419 647.457 57.132 642.577C56.5275 639.654 55.8584 636.754 55.6432 636.131C55.1911 634.819 53.3854 634.683 51.4978 635.82C50.3946 636.485 50.4327 636.955 51.7358 638.724C53.8651 641.616 53.6986 642.243 50.8011 642.243C48.3443 642.243 48.3328 642.273 49.9215 644.58C51.81 647.322 51.2522 649.487 48.6555 649.487C47.2344 649.487 46.5557 648.452 45.6685 644.931C44.8242 641.584 43.7029 639.784 41.4374 638.14C39.7431 636.911 38.0754 635.905 37.7327 635.905C36.5667 635.905 37.1016 638.019 38.6894 639.687C40.7235 641.827 40.0515 642.395 36.3259 641.687C33.8776 641.221 32.4526 639.807 28.4614 633.89C25.7809 629.914 22.7349 624.83 21.6945 622.591L19.8012 618.52L22.4513 615.889C24.2932 614.059 25.662 613.427 26.9403 613.813C28.3072 614.226 28.5899 614.052 28.0426 613.139C26.8233 611.105 23.4117 607.724 21.6841 606.838C19.8346 605.889 12.3595 608.324 12.3595 609.876C12.3595 610.391 13.9662 612.14 15.929 613.761C17.8927 615.383 19.2844 616.915 19.0226 617.166C18.7608 617.416 16.0889 617.911 13.0848 618.264C8.4739 618.807 7.52869 618.673 7.01657 617.403C6.64344 616.479 7.07562 615.435 8.13506 614.698C9.77229 613.559 9.75418 613.466 7.77808 612.869C6.63298 612.524 5.69632 611.894 5.69632 611.471C5.69632 611.047 5.43646 610.056 5.11853 609.268C4.68733 608.199 5.14042 607.836 6.90616 607.836C9.76369 607.836 11.1972 606.346 11.9968 602.544C12.6955 599.222 11.3952 598.793 8.6224 601.431C7.52774 602.472 6.02947 602.986 4.9034 602.705C2.27241 602.051 1.68324 599.142 3.88874 597.696C5.21089 596.829 5.4355 596.159 4.73873 595.16C3.89727 593.953 3.68882 593.953 2.85498 595.16C1.75651 596.752 1.87739 597.442 1.27771 586.105C0.447673 570.377 0.556205 566.397 2.09539 556.226C2.96255 550.499 4.12382 539.09 4.67686 530.873C5.31176 521.439 6.73674 510.928 8.54436 502.352C10.1188 494.882 14.2052 473.083 17.6253 453.91C27.7028 397.405 33.2323 373.324 41.4593 350.11C44.7861 340.722 45.6752 336.93 45.6752 332.132C45.6752 326.723 45.9389 325.853 48.0549 324.27C50.1404 322.709 50.4346 321.789 50.4346 316.82C50.4346 310.423 50.8486 309.609 53.3492 311.095C55.9183 312.621 56.2353 311.711 54.6533 307.344C52.7486 302.085 53.5577 296.868 58.6359 281.657C60.9204 274.815 63.0479 266.87 63.363 264.001C64.0483 257.756 67.0315 246.648 73.2748 227.096C75.8192 219.128 78.989 208.535 80.3187 203.555C81.6495 198.575 84.0282 191.037 85.6055 186.804C87.9166 180.599 88.4773 177.616 88.5001 171.411C88.5249 164.915 89.0599 162.303 91.9364 154.661C98.3692 137.569 104.018 118.321 107.534 101.515C108.344 97.6429 108.954 96.4821 109.984 96.8579C110.995 97.2273 111.355 96.6243 111.355 94.5617C111.355 93.0233 113.12 88.1928 115.276 83.8258C117.433 79.4597 120.205 73.2384 121.437 70.0015L123.676 64.1161L127.565 64.4094C131.573 64.7119 134.2 63.4759 134.2 61.2893C134.2 60.5622 133.207 60.0416 131.82 60.0416C130.511 60.0416 129.44 59.6341 129.44 59.1361C129.44 58.6381 130.259 58.2307 131.26 58.2307C132.643 58.2307 133.236 57.3578 133.724 54.6089C134.284 51.4507 134.692 50.9844 136.901 50.9672C138.817 50.9527 139.783 50.2356 140.863 48.0245C141.665 46.382 146.042 42.2197 150.858 38.52C168.024 25.3313 183.656 20.7253 200.77 23.8129C206.596 24.8641 207.242 24.616 220.821 16.1275C235.632 6.86838 235.634 6.86748 248.491 7.59184C252.88 7.83902 254.545 7.47051 258.179 5.44412C263.239 2.62366 265.449 2.42989 269.554 4.44903C272.323 5.81082 272.944 5.7737 279.739 3.83605C286.046 2.03693 289.423 1.73993 306.014 1.52625C316.484 1.39134 329.12 0.934089 334.094 0.51034C344.108 -0.343495 351.192 -0.0917863 358.367 1.37051ZM369.314 19.7493C369.314 20.5035 370.16 21.1074 371.217 21.1074C373.487 21.1074 373.743 19.7167 371.615 18.9407C369.488 18.1638 369.314 18.2254 369.314 19.7493ZM162.756 35.1418C162.756 35.9866 163.655 36.5 165.136 36.5C166.617 36.5 167.515 35.9866 167.515 35.1418C167.515 34.297 166.617 33.7837 165.136 33.7837C163.655 33.7837 162.756 34.297 162.756 35.1418ZM427.263 52.8415C429.111 54.3056 429.792 54.4278 430.959 53.5061C432.196 52.5291 432.083 52.2955 430.122 51.7721C425.791 50.6177 424.884 50.9572 427.263 52.8415ZM1350.7 101.832C1350.7 103.487 1349.04 102.467 1347.92 100.125C1346.74 97.6583 1346.74 97.6565 1348.72 99.3596C1349.81 100.299 1350.7 101.411 1350.7 101.832ZM1381.64 98.9757C1379.01 100.05 1377.35 100.05 1377.35 98.9757C1377.35 98.4777 1378.74 98.0993 1380.45 98.1337C1383.04 98.1871 1383.23 98.3238 1381.64 98.9757ZM1526.62 101.988C1526.82 103.571 1526.47 104.408 1525.62 104.408C1524.14 104.408 1520.13 111.691 1520.13 114.372C1520.13 115.343 1521.26 116.837 1522.63 117.692C1524.99 119.167 1525.19 119.164 1526.36 117.634C1527.05 116.746 1528.1 113.205 1528.71 109.765C1529.32 106.324 1530.21 103.28 1530.69 103C1531.78 102.357 1531.78 109.197 1530.68 113.689C1530.23 115.557 1530.2 117.085 1530.63 117.085C1531.05 117.085 1532.08 117.332 1532.91 117.634C1533.89 117.995 1534.41 117.684 1534.41 116.729C1534.41 115.928 1535.05 115.274 1535.84 115.274C1537.85 115.274 1537.62 118.314 1535.46 120.168C1534.47 121.022 1533.46 122.732 1533.21 123.968C1532.86 125.708 1533.32 126.495 1535.25 127.455C1536.62 128.136 1539.03 129.983 1540.6 131.558C1543.15 134.121 1543.29 134.536 1541.91 135.502C1540.47 136.513 1538.92 144.248 1540.16 144.248C1540.47 144.248 1541.44 142.822 1542.31 141.079C1543.35 139.005 1544.56 137.91 1545.82 137.91C1547.1 137.91 1547.74 137.311 1547.74 136.099C1547.74 135.103 1547.33 134.288 1546.83 134.288C1544.74 134.288 1540.97 126.256 1540.93 121.737C1540.88 115.606 1541.9 111.652 1543.53 111.652C1545.3 111.652 1545.24 114.346 1543.33 119.898C1541.85 124.196 1541.86 124.468 1543.56 125.647C1546.08 127.4 1546.79 126.605 1546.79 122.011C1546.79 118.081 1546.86 117.99 1549.88 117.977C1551.58 117.971 1553.83 117.756 1554.88 117.502C1557.96 116.752 1561.44 122.661 1560.65 127.31C1560.15 130.306 1560.42 131.31 1562.18 133.1C1564.08 135.024 1564.33 136.226 1564.36 143.807C1564.39 151.431 1564.62 152.565 1566.54 154.384L1568.68 156.421L1568.75 152.372C1568.78 150.144 1569.15 147.51 1569.55 146.518C1570.22 144.885 1570.46 145.015 1572.08 147.876C1573.54 150.458 1573.85 152.866 1573.77 160.999C1573.68 171.387 1572.97 175.21 1565.92 203.649C1560.18 226.798 1554.11 255.809 1549.21 283.62C1544.97 307.636 1541.85 321.364 1538.69 329.864C1537.56 332.92 1537.33 335.637 1537.79 340.73C1538.26 346.049 1537.87 350.17 1535.97 359.744C1534.63 366.467 1532.43 377.876 1531.09 385.096C1529.74 392.317 1527.6 402.504 1526.33 407.733C1525.07 412.962 1523.54 421.111 1522.95 425.842C1522.35 430.572 1520.38 439.333 1518.56 445.309C1511.5 468.522 1506.93 487.113 1506.31 495.108C1505.86 501.063 1504.19 508.173 1500.12 521.517C1494.2 540.899 1492.11 549.488 1491.02 558.834C1490.51 563.217 1489.95 564.712 1488.7 565.023C1487.53 565.314 1486.9 566.669 1486.55 569.64C1486.24 572.278 1483.86 577.965 1480.19 584.896L1474.33 595.946L1470.43 594.637C1468.29 593.918 1466.45 593.436 1466.34 593.565C1466.24 593.696 1465.64 595.839 1465 598.329C1463.41 604.552 1460.31 609.307 1454.31 614.694C1445.54 622.565 1433.87 626.65 1437.23 620.669C1438.32 618.733 1438.68 612.363 1437.7 612.363C1437.39 612.363 1435.98 613.15 1434.56 614.112C1433.14 615.073 1430.18 616.545 1427.98 617.38C1423.89 618.938 1421.11 621.576 1417.88 626.963C1414.49 632.605 1415.05 627.308 1418.68 619.259C1420.56 615.11 1422.09 611.07 1422.09 610.282C1422.09 604.787 1413.55 612.905 1410.61 621.191C1409.09 625.504 1408.17 626.85 1406.78 626.85C1405.23 626.85 1404.96 626.184 1404.96 622.398C1404.96 618.625 1405.34 617.68 1407.48 616.198L1410 614.449L1407.83 612.38L1405.65 610.311L1408.16 608.864C1411.29 607.057 1411.3 606.398 1408.22 604.862C1406.04 603.777 1405.93 603.51 1407.27 602.459C1409.54 600.659 1409.07 599.687 1405.91 599.687H1403.05V606.38C1403.05 612.609 1402.9 613.108 1400.86 613.595C1399.6 613.898 1398 615.464 1397.07 617.315C1396.19 619.074 1395.01 620.512 1394.44 620.512C1391.26 620.512 1384.03 609.194 1380.14 598.102C1378.52 593.496 1376.8 589.727 1376.32 589.727C1375.84 589.727 1375.45 592.294 1375.45 595.431C1375.45 601.556 1374.46 603.309 1371.01 603.309C1368.5 603.309 1366.88 600.906 1366.88 597.175C1366.88 595.213 1367.52 594.269 1369.39 593.458L1371.89 592.373L1367.72 590.371C1364.61 588.876 1363.27 587.566 1362.45 585.2C1361.4 582.176 1361.47 581.981 1363.99 580.942C1367.34 579.566 1368.33 577.385 1365.87 576.775C1362.79 576.008 1361.78 571.846 1361.74 559.847C1361.71 548.731 1361.79 548.344 1365.77 538.117C1369.15 529.434 1370.05 525.673 1371.19 515.481C1371.94 508.758 1373.44 500.201 1374.51 496.466C1380.5 475.703 1385.18 456.628 1388.72 438.518C1393 416.622 1397.39 397.467 1402.09 380.13C1403.71 374.161 1405.7 363.771 1406.51 357.041C1407.32 350.311 1408.85 342.563 1409.91 339.824C1411.3 336.246 1412.05 331.276 1412.57 322.168C1413.56 305.016 1418.16 281.085 1423 267.873C1424.38 264.127 1425.15 259.134 1425.54 251.575C1425.85 245.582 1426.9 237.599 1427.88 233.835C1428.85 230.071 1431.61 217.643 1433.99 206.218C1437.67 188.602 1441.76 173.088 1449.28 148.169C1450.8 143.146 1455.37 138.406 1459.71 137.372C1461.01 137.061 1462.07 136.492 1462.07 136.106C1462.07 135.72 1463.92 132.81 1466.18 129.64C1471.03 122.86 1472.02 120.706 1470.31 120.706C1468.47 120.706 1464.48 125.134 1461.74 130.214L1459.3 134.741L1459.26 130.462C1459.2 125.154 1461.32 121.671 1466.91 117.87C1469.22 116.296 1473.12 113.241 1475.58 111.081C1480.06 107.133 1488.38 101.692 1489.92 101.692C1490.38 101.692 1490.47 102.547 1490.12 103.593C1489.58 105.21 1489.78 105.403 1491.48 104.889C1493.25 104.356 1493.48 104.649 1493.48 107.443C1493.48 114.568 1496.12 115.523 1498.24 109.162C1499.33 105.901 1500.29 104.666 1502.27 104.018C1505.74 102.879 1506.62 103.952 1504.26 106.449C1501.59 109.262 1500.98 111.34 1502.47 112.515C1503.46 113.298 1503.86 112.85 1504.34 110.405C1504.71 108.538 1505.89 106.716 1507.31 105.834C1510.19 104.035 1510.4 105.41 1507.77 108.925C1505.32 112.193 1500.15 122.592 1500.14 124.242C1500.14 125.2 1500.63 125.097 1502.11 123.826C1503.78 122.38 1504.19 122.327 1504.95 123.459C1506.36 125.583 1506 129.297 1503.93 133.889C1502.87 136.241 1502.18 138.335 1502.4 138.543C1502.61 138.75 1504.98 137.001 1507.66 134.657C1512.85 130.109 1513.79 127.992 1514.86 118.443C1515.88 109.418 1517.92 103.915 1521.21 101.28C1524.71 98.475 1526.21 98.6706 1526.62 101.988ZM714.737 104.397C723.587 106.452 733.003 110.811 739.726 115.964C742.155 117.825 747.69 122.082 752.024 125.422C756.36 128.762 761.099 131.745 762.556 132.049C766.297 132.83 769.798 135.693 771.974 139.751C773.687 142.945 774.1 143.192 776.984 142.747C779.831 142.308 780.445 142.651 783.518 146.403C786.768 150.372 786.877 150.741 786.131 155.236C785.398 159.644 785.521 160.111 788.173 162.984C789.725 164.666 790.995 166.268 790.995 166.546C790.995 166.824 790.139 168.087 789.091 169.353C786.563 172.411 786.691 174.259 789.642 177.288C791.895 179.6 792.221 179.687 793.623 178.353C795.026 177.02 795.02 176.763 793.549 175.216C791.498 173.06 791.49 171.194 793.534 171.572C795.732 171.976 799.562 184.449 799.562 191.199C799.562 194.013 799.117 194.855 797.187 195.692C794.827 196.714 794.823 196.742 796.42 199.929C797.931 202.944 797.932 203.231 796.409 204.677C794.886 206.127 794.619 206.018 791.856 202.83C789.104 199.654 784.663 196.764 782.536 196.764C781.996 196.764 781.808 198.21 782.093 200.159C782.464 202.689 783.662 204.491 786.793 207.225L790.995 210.896L791.018 218.543C791.05 229.038 791.945 231.948 797.729 240.328C802.217 246.83 802.808 248.264 803.401 254.092C803.765 257.67 804.949 265.283 806.032 271.01C809.328 288.435 808.948 330.887 805.34 348.166C802.871 359.991 797.171 377.197 791.386 390.284C788.296 397.277 786.827 402.08 786.197 407.26C785.455 413.351 784.348 416.402 779.134 426.727C775.732 433.461 770.668 444.303 767.88 450.821C760.795 467.383 754.915 477.03 739.508 497.372C721.218 521.521 719.267 524.331 717.273 529.417C716.142 532.302 712.509 537.13 706.862 543.255C688.673 562.982 686.201 565.944 681.787 573.311C676.109 582.783 672.721 586.63 668.055 588.893C664.427 590.654 663.077 593.349 665.823 593.349C666.609 593.349 667.211 593.654 667.162 594.028C667.112 594.402 662.359 598.877 656.601 603.973C649.497 610.26 644.125 614.179 639.893 616.16C634.087 618.879 632.792 619.114 621.094 619.575L608.529 620.07L603.04 623.687C600.021 625.676 595.857 628.265 593.788 629.44L590.026 631.578L584.517 629.666C577.449 627.215 574.919 627.189 574.919 629.567C574.919 630.832 574.274 631.387 572.777 631.408C571.6 631.426 568.922 632.226 566.828 633.189C559.025 636.774 550.488 634.978 529.229 625.276C521.839 621.903 514.417 619.361 506.386 617.454C494.795 614.699 494.477 614.558 494.008 611.945C493.299 607.99 488.195 604.969 483.445 605.692C480.083 606.204 479.711 606.042 478.712 603.646C474.686 593.999 473.605 593.009 465.492 591.545C459.515 590.467 458.328 589.663 455.829 585.003C453.861 581.335 454.094 579.767 456.607 579.767C457.498 579.767 456.817 578.93 454.949 577.73C453.205 576.61 449.914 573.098 447.634 569.926C444 564.87 443.522 563.642 443.762 559.966C444.003 556.275 443.792 555.739 442.003 555.497C438.089 554.966 432.305 540.398 424.51 511.437C420.708 497.309 420.626 496.682 420.905 483.821C421.138 473.137 420.833 469.213 419.287 462.965C417.613 456.197 417.386 452.154 417.409 429.463C417.428 410.078 417.859 400.504 419.141 390.982C423.774 356.6 432.275 319.069 438.309 306.355C440.626 301.473 441.806 297.412 442.262 292.743C442.831 286.926 443.308 285.671 446.052 282.782C449.739 278.9 451.175 275.703 451.175 271.374C451.175 267.67 453.965 262.176 461.226 251.58C467.221 242.832 470.714 235.833 474.401 225.186C478.114 214.463 481.292 210.176 487.763 207.165C494.084 204.223 495.207 202.617 494.38 197.7C493.988 195.372 494.13 194.048 494.771 194.048C495.323 194.048 497.28 191.705 499.119 188.841C505.232 179.326 521.903 165.4 544.935 150.572C553.311 145.179 562.73 138.728 565.867 136.238C569.558 133.307 571.933 131.999 572.605 132.529C573.28 133.061 575.291 131.85 578.357 129.065C584.102 123.846 595.551 117.713 610.088 112.069C621.344 107.7 620.987 107.744 630.941 109.508C633.937 110.039 634.069 109.96 633.083 108.207C632.505 107.179 632.032 106.108 632.032 105.826C632.032 105.545 635.671 105.314 640.118 105.314C644.565 105.314 654.31 104.705 661.773 103.962C682.579 101.889 683.146 101.86 695.332 102.212C702.493 102.419 709.732 103.234 714.737 104.397ZM1389.49 110.219C1392.64 112.959 1394.13 116.717 1391.13 114.35C1389.25 112.869 1389.15 113.034 1388.39 118.669C1387.71 123.77 1388.59 124.678 1391.67 122.033C1393.15 120.758 1393.33 120.876 1393.87 123.454C1394.27 125.361 1393.85 127.468 1392.57 129.995C1390.24 134.591 1390.22 134.964 1392.42 133.068C1394.61 131.182 1395.95 132.246 1393.99 134.311C1392.68 135.683 1392.69 135.961 1394.05 137.037C1395.35 138.06 1395.87 137.897 1397.64 135.921C1398.79 134.648 1400.47 133.365 1401.39 133.07C1402.3 132.775 1403.05 131.7 1403.05 130.682C1403.05 126.216 1415.44 123.221 1416.22 127.497C1416.4 128.493 1417.4 129.942 1418.43 130.716C1420.06 131.932 1420.16 132.447 1419.18 134.497C1417.73 137.521 1418.69 141.246 1421.11 141.976C1422.23 142.314 1423.38 143.887 1423.96 145.885C1425.29 150.459 1425.33 150.37 1421.85 151.023C1415.76 152.169 1413.7 153.31 1414.24 155.254C1414.59 156.533 1415.26 156.915 1416.51 156.545C1422.52 154.76 1422.23 154.718 1421.56 157.271C1420.89 159.796 1422.36 162.357 1424.48 162.357C1425.14 162.357 1425.96 160.972 1426.29 159.278C1426.63 157.586 1427.48 155.746 1428.18 155.19C1429.21 154.375 1429.58 155.016 1430.06 158.494C1430.39 160.867 1430.91 164.249 1431.21 166.009C1431.62 168.366 1430.71 172.3 1427.75 180.949C1424.6 190.143 1423.57 194.751 1423 202.196C1422.25 211.981 1420.75 216.617 1414.49 228.435C1413.04 231.184 1411.13 236.49 1410.25 240.225C1409.37 243.96 1408.03 249.663 1407.26 252.899C1406.49 256.134 1402.69 265.338 1398.8 273.352C1394.92 281.367 1382.76 307.241 1371.8 330.851C1333.17 414.003 1325.67 428.179 1297.07 472.019C1272.24 510.07 1260.43 525.352 1250.86 531.779C1247.04 534.349 1246.24 535.333 1246.65 536.985C1247.05 538.605 1246.74 539.022 1245.14 539.022C1244.04 539.022 1243.14 539.535 1243.14 540.16C1243.14 540.786 1236.82 547.408 1229.1 554.876C1219.28 564.369 1212.95 569.678 1208.07 572.525C1204.23 574.766 1199.18 577.93 1196.85 579.557C1193.41 581.971 1192.28 582.34 1190.75 581.563C1189.17 580.76 1188.88 580.9 1188.88 582.452C1188.88 583.895 1188.26 584.294 1186.02 584.294C1184.45 584.294 1183.17 583.878 1183.17 583.368C1183.17 582.858 1182.1 583.109 1180.79 583.925C1178.46 585.376 1178.41 585.358 1178.41 583.04C1178.41 581.738 1178.24 580.673 1178.03 580.673C1177.82 580.673 1174.5 582.069 1170.66 583.775C1162.15 587.545 1155.56 588.794 1155.56 586.638C1155.56 584.664 1154.36 584.835 1152.93 587.011C1151.39 589.35 1148.91 589.425 1149.55 587.113C1150.29 584.405 1148.19 584.008 1146.45 586.529C1145.58 587.798 1143.97 588.822 1142.84 588.821C1138.16 588.82 1122.03 583.835 1112.73 579.517C1107.23 576.965 1102.22 574.911 1101.58 574.952C1100.95 574.993 1100.52 574.769 1100.63 574.454C1100.74 574.14 1098.83 572.127 1096.38 569.983C1092.33 566.429 1091.75 566.188 1089.83 567.267C1088.13 568.228 1087.65 568.231 1087.29 567.284C1086.14 564.251 1080.98 559.943 1071.08 553.752C1063.92 549.275 1058.98 545.435 1056.44 542.384C1052.99 538.233 1045.63 524.853 1040.52 513.443C1039.43 511.019 1037.96 509.143 1037.15 509.143C1036.36 509.143 1033.02 512.504 1029.74 516.612C1017.65 531.724 1006.01 543.82 972.886 575.693C954.256 593.62 935.615 611.905 931.462 616.326C922.869 625.471 916.824 630.101 915.33 628.68C913.667 627.099 913.099 627.634 912.47 631.378C911.938 634.543 911.544 634.999 909.347 634.999C907.964 634.999 904.484 636.056 901.614 637.348C898.189 638.889 895.294 639.574 893.193 639.34C890.605 639.053 889.99 639.298 889.99 640.614C889.99 641.817 889.251 642.243 887.164 642.243C885.044 642.243 884.475 641.904 884.886 640.885C885.222 640.054 884.886 639.527 884.021 639.527C883.244 639.527 882.076 640.138 881.424 640.885C879.674 642.89 878.568 642.54 878.568 639.979C878.568 637.296 876.637 637.006 875.032 639.45C873.91 641.158 873.841 641.158 870.318 639.45C868.351 638.496 865.384 637.716 863.723 637.716C861.251 637.716 860.621 638.13 860.245 640.001C859.727 642.576 861.058 643.868 862.659 642.345C864.827 640.284 870.953 641.68 870.953 644.235C870.953 645.404 861.961 645.067 856.4 643.689C853.579 642.99 848.486 642.134 845.08 641.788C839.57 641.226 838.706 640.865 837.244 638.51C835.005 634.906 831.946 633.17 826.53 632.433C822.199 631.844 821.792 631.539 818.53 626.409C814.724 620.423 810.457 617.239 808.409 618.856C805.335 621.283 794.238 610.63 788.91 600.14C786.526 595.448 786.232 594.044 786.752 589.846C787.327 585.195 787.209 584.842 784.04 581.697C780.187 577.872 777.874 569.799 775.185 550.793C772.915 534.745 772.948 502.128 775.246 489.223C776.178 483.994 777.244 474.215 777.616 467.492C778.226 456.45 778.852 453.3 784.098 434.896C787.291 423.691 793.608 400.874 798.135 384.191C821.128 299.458 834.421 261.098 855.239 219.4C860.088 209.689 866.473 195.911 869.43 188.781C878.345 167.281 882.631 159.302 888.365 153.524C892.965 148.889 893.483 147.977 893.117 145.153C892.776 142.507 893.291 141.339 896.247 138.065C898.827 135.208 900.297 134.273 901.669 134.614C903.593 135.093 909.028 131.964 909.028 130.377C909.028 129.908 907.531 129.755 905.696 130.038C902.884 130.473 902.365 130.289 902.365 128.86C902.365 127.928 903.235 126.904 904.297 126.583C905.36 126.262 910.155 122.514 914.953 118.254C922.245 111.777 927.912 108.03 930.415 108.03C931.211 108.03 931.006 110.743 930.207 110.779C929.815 110.797 928.271 111.763 926.777 112.926C924.379 114.791 924.194 115.279 925.203 117.073L926.347 119.106L929.057 116.284C930.546 114.732 932.189 113.463 932.707 113.463C934.453 113.463 934.96 109.774 933.435 108.171C932.378 107.06 932.241 106.257 932.946 105.293C933.497 104.538 934.111 104.35 934.357 104.861C934.595 105.359 935.74 107.977 936.901 110.679C939.071 115.727 941.392 117.731 941.392 114.555C941.392 113.578 942.034 112.272 942.82 111.652C943.605 111.032 944.247 110.099 944.247 109.579C944.247 109.06 944.997 107.954 945.913 107.121C947.481 105.697 947.708 105.822 949.76 109.24C951.787 112.617 951.829 112.972 950.359 114.299C948.902 115.614 948.814 115.531 949.236 113.236C949.648 110.998 949.419 110.747 946.971 110.747C943.771 110.747 943.643 111.318 946.151 114.368C948.613 117.362 948.547 117.701 945.199 119.348C941.972 120.935 941.447 122.517 944.145 122.517C946.736 122.517 947.283 124.798 945.135 126.647C943.925 127.689 943.296 129.421 943.296 131.712C943.296 134.759 943.018 135.194 941.066 135.194C939.303 135.194 938.607 135.925 937.735 138.694C935.831 144.74 936.492 144.695 941.464 138.447C944.122 135.108 947.345 131.921 948.626 131.366C949.907 130.81 951.222 129.305 951.546 128.022C951.871 126.737 953.366 123.344 954.868 120.48C957.07 116.286 958.051 115.274 959.911 115.274C962.882 115.274 963.663 114.014 962.134 111.685C961.233 110.312 961.189 109.426 961.965 108.254C963.615 105.758 968.711 103.295 970.874 103.948C973.488 104.737 973.3 105.884 970.325 107.301C968.486 108.178 967.256 110.104 965.561 114.765C963.012 121.769 963.582 123.141 968.142 120.977C970.38 119.915 970.9 119.084 970.9 116.566C970.9 114.067 971.27 113.463 972.804 113.463C974.285 113.463 974.708 112.859 974.708 110.747C974.708 109.253 975.136 108.03 975.659 108.03C976.183 108.03 976.611 109.656 976.611 111.644C976.611 114.345 975.811 116.256 973.442 119.206C970.211 123.233 967.597 130.076 968.191 132.952C968.413 134.028 969.605 132.745 971.852 129.013C974.023 125.404 975.799 123.467 976.951 123.45C978.098 123.432 978.535 123.877 978.197 124.717C977.91 125.428 977.375 127.532 977.008 129.39C976.434 132.3 976.559 132.686 977.904 132.17C978.764 131.842 980.163 131.305 981.013 130.979C982.391 130.451 982.38 130.647 980.91 132.781C979.581 134.71 979.512 135.259 980.554 135.605C989.131 138.455 990.379 138.697 991.082 137.645C992.214 135.95 992.016 135.56 989.462 134.453C985.981 132.944 986.503 131.434 991.97 127.205C995.374 124.571 997.757 123.423 999.823 123.422C1002.78 123.422 1002.79 123.436 1002.47 127.809C1002.2 131.481 1002.65 132.975 1005.24 136.971C1008.04 141.299 1008.22 142.016 1007.22 144.645C1006.62 146.241 1006.1 149.554 1006.07 152.009C1006.04 154.463 1005.49 157.898 1004.85 159.641C1003.89 162.292 1003.29 162.77 1001.21 162.565C999.727 162.419 998.509 162.849 998.194 163.63C997.821 164.555 998.932 165.35 1001.98 166.338C1006.24 167.718 1006.33 167.704 1009.52 165.286C1012.49 163.03 1012.6 162.784 1010.86 162.173C1008.43 161.318 1008.44 159.071 1010.88 157.83C1011.93 157.296 1012.78 156.11 1012.78 155.192C1012.78 154.275 1013.37 153.058 1014.09 152.488C1016.83 150.328 1017.44 159.21 1015.13 167.519C1014.32 170.407 1013.41 175.295 1013.09 178.382C1012.6 183.184 1012.23 184.034 1010.52 184.268C1008.92 184.485 1008.39 185.401 1007.88 188.814C1007.03 194.481 1003.59 201.353 998.048 208.459C993.049 214.867 990.889 219.093 990.889 222.467C990.889 223.687 986.313 233.377 980.72 244C973.434 257.836 970.398 264.578 970.011 267.773C969.557 271.533 969.026 272.466 966.617 273.739C964.048 275.097 963.793 275.628 964.081 279.015C964.276 281.308 963.996 282.781 963.367 282.781C962.799 282.781 962.333 284.004 962.333 285.498C962.333 287.336 961.861 288.214 960.873 288.214C959.685 288.214 959.518 289.018 959.978 292.515C960.482 296.334 960.006 297.966 955.728 307.098C952.324 314.362 950.911 318.541 950.911 321.335C950.911 323.565 949.715 328.163 948.168 331.878C944.1 341.649 939.999 354.277 936.143 368.906C931.223 387.572 927.92 398.148 919.488 422.22C912.447 442.325 909.028 455.99 909.028 464.03C909.028 468.489 911.075 468.615 912.731 464.258C913.52 462.182 914.42 461.191 915.245 461.493C916.075 461.795 916.918 460.842 917.625 458.802C918.457 456.404 919.929 454.994 923.736 452.951C930.309 449.422 932.254 447.327 931.523 444.558C931.112 442.998 931.719 441.376 933.656 438.863C936.965 434.569 948.463 424.031 949.84 424.031C950.388 424.031 951.308 422.37 951.882 420.34C952.713 417.406 953.598 416.383 956.202 415.348C958.785 414.322 959.477 413.531 959.477 411.607C959.477 410.016 960.701 407.975 962.993 405.742C964.926 403.859 968.495 399.156 970.923 395.292C974.781 389.15 975.965 387.984 980.324 386.027C985.008 383.925 985.279 383.622 984.784 381.047C984.138 377.682 984.787 376.726 988.748 375.202C992.237 373.859 992.223 373.883 990.798 371.711C989.942 370.407 990.381 369.477 993.254 366.518C997.956 361.674 1003.09 353.189 1008.58 341.175C1011.08 335.701 1020.6 316.962 1029.73 299.532C1051.99 257.017 1056.96 246.156 1065.42 221.542C1072.66 200.464 1074.64 196.016 1082.71 182.729C1085.47 178.19 1086.97 174.725 1086.73 173.449C1086.5 172.234 1086.82 171.411 1087.52 171.411C1088.17 171.411 1089.19 170.855 1089.78 170.174C1090.6 169.232 1090.52 168.663 1089.42 167.799C1086.83 165.756 1087.64 163.952 1090.84 164.621C1093.32 165.138 1093.69 164.962 1093.69 163.275C1093.69 159.896 1095.47 157.83 1098.37 157.83C1100.38 157.83 1101.23 158.358 1101.65 159.867C1102.2 161.838 1102.28 161.814 1103.91 159.118C1104.83 157.586 1107.47 153.396 1109.76 149.807C1113.6 143.806 1114.07 143.393 1115.55 144.67C1117.68 146.504 1118.44 146.422 1118.44 144.358C1118.44 143.424 1119.1 142.142 1119.9 141.51C1121.1 140.557 1121.75 140.719 1123.7 142.462C1125.68 144.231 1126.06 145.4 1126.06 149.838C1126.06 153.468 1126.43 155.113 1127.25 155.113C1128.37 155.113 1131.69 149.124 1133.16 144.474C1133.93 142.035 1134.85 141.941 1138.1 143.971C1140.44 145.428 1140.63 145.419 1141.88 143.798C1143.07 142.245 1143.19 142.425 1143.19 145.792C1143.19 148.122 1141.97 151.958 1139.9 156.151C1138.1 159.814 1136.33 163.965 1135.97 165.378C1135.39 167.699 1135.55 167.917 1137.59 167.642C1139.45 167.391 1139.88 166.781 1139.95 164.241C1140.03 161.817 1140.81 160.564 1143.56 158.464C1147.58 155.399 1149.31 152.568 1150.28 147.449C1151.48 141.156 1153.28 138.815 1156.92 138.815C1159.4 138.815 1160.8 139.541 1163.07 142.001C1166.99 146.25 1167.64 149.172 1165.77 154.123C1164.93 156.348 1164.45 158.5 1164.72 158.904C1165.62 160.291 1166.99 159.641 1166.99 157.83C1166.99 156.663 1167.62 156.019 1168.77 156.019C1170.92 156.019 1172.22 160.72 1170.79 163.277C1170.27 164.199 1169.85 165.491 1169.85 166.145C1169.86 167.865 1174.15 160.706 1175.5 156.698C1176.82 152.809 1179.36 152.087 1179.36 155.602C1179.36 156.867 1178.5 159.499 1177.46 161.451C1175.08 165.889 1175.04 167.79 1177.34 167.79C1178.42 167.79 1179.59 166.739 1180.28 165.138C1181.59 162.137 1182.16 161.843 1188.28 160.969C1192.52 160.364 1192.69 160.426 1192.69 162.601C1192.69 164.101 1193.33 165.022 1194.59 165.336C1196.67 165.853 1197.14 168.628 1195.42 170.265C1194.61 171.03 1195.04 172.402 1197.08 175.652C1201.21 182.21 1201.43 183.006 1199.3 183.649C1197.83 184.092 1197.45 185.039 1197.45 188.179C1197.45 190.362 1196.8 194.495 1196.02 197.362C1192.98 208.461 1195.48 209.65 1199.44 198.989C1201.57 193.234 1205.32 188.559 1206.72 189.892C1207.33 190.467 1207.51 201.2 1207.12 214.036C1207.06 216.079 1204.18 222.928 1199.31 232.598C1192.52 246.092 1191.54 248.678 1191.1 254.26C1190.81 258.004 1189.3 264.167 1187.42 269.317C1169.47 318.5 1159.44 372.973 1157.77 430.388L1157.18 450.778L1159.75 451.892C1161.16 452.504 1162.41 453.005 1162.52 453.005C1162.63 453.005 1162.72 451.692 1162.71 450.087C1162.71 447.828 1163.27 446.908 1165.2 446.019C1168.16 444.655 1170.63 442.14 1169.01 442.14C1166.52 442.14 1168.25 440.462 1172.22 439.018C1176.38 437.509 1177.92 435.801 1175.13 435.801C1172.03 435.801 1172.79 433.64 1177.33 429.499C1183.22 424.122 1188.07 416.975 1198.43 398.422C1204.55 387.452 1206.92 384.008 1208.63 383.602C1211.33 382.957 1213.72 378.719 1217.38 368.074C1218.87 363.742 1227.33 346.547 1236.18 329.864C1248.1 307.39 1253.32 296.482 1256.34 287.761C1258.59 281.287 1263.76 269.267 1267.83 261.05C1280.28 235.954 1285.97 220.971 1285.97 213.291C1285.97 210.092 1286.28 209.44 1287.81 209.44C1289.34 209.44 1289.74 208.573 1290.25 204.234C1291.12 196.75 1294.81 184.708 1298.75 176.482C1301.82 170.08 1302.15 168.597 1302.15 161.546C1302.15 153.891 1302.25 153.561 1306.48 146.69C1308.86 142.825 1311.19 139.892 1311.67 140.173C1312.15 140.454 1312.3 141.283 1312 142.013C1311.14 144.15 1313.14 143.551 1316.33 140.716C1319.31 138.064 1320.08 135.769 1318.34 134.741C1316.78 133.827 1317.25 132.477 1319.12 132.477C1320.08 132.477 1321.86 131.465 1323.08 130.229L1325.3 127.98L1328.36 129.776C1330.04 130.763 1332.43 131.559 1333.68 131.545C1335.85 131.517 1335.86 131.474 1334.04 130.518C1331.25 129.052 1326.9 125.044 1326.9 123.934C1326.9 123.406 1328.72 119.612 1330.94 115.502C1335.62 106.848 1337.67 105.902 1338.82 111.878L1339.55 115.726L1340.42 111.199C1340.9 108.709 1341.49 105.739 1341.74 104.598L1342.19 102.523L1346.39 105.396C1350.39 108.124 1352.6 111.691 1352.6 115.391C1352.6 116.423 1353.54 117.274 1355.08 117.641C1357.53 118.225 1357.55 118.329 1357.22 125.351L1356.89 132.469L1362.84 135.151C1366.11 136.626 1368.78 137.406 1368.78 136.884C1368.78 136.362 1367.31 134.301 1365.52 132.305C1363.72 130.31 1362.48 128.113 1362.76 127.424C1363.52 125.546 1366.19 127.26 1368.29 130.969C1369.71 133.47 1370.45 133.978 1371.93 133.457C1373.63 132.861 1373.78 131.983 1373.64 123.811C1373.49 114.97 1375.23 105.484 1377.48 102.904C1378.53 101.697 1382.43 104.069 1389.49 110.219ZM688.41 105.484C688.999 107.163 691.048 107.441 691.048 105.842C691.048 105.053 690.37 104.408 689.541 104.408C688.712 104.408 688.203 104.892 688.41 105.484ZM1340.23 105.314C1340.23 105.812 1339.59 106.219 1338.8 106.219C1338.02 106.219 1337.37 105.812 1337.37 105.314C1337.37 104.816 1338.02 104.408 1338.8 104.408C1339.59 104.408 1340.23 104.816 1340.23 105.314ZM1366.28 106.446C1367.46 110.622 1366.87 113.136 1364.12 115.639C1361.43 118.089 1361.3 118.113 1358.88 116.602C1356.13 114.889 1354.95 111.877 1355.91 109.001C1356.64 106.83 1359.76 106.484 1360.56 108.483C1360.86 109.23 1361.81 109.841 1362.68 109.841C1363.87 109.841 1364.14 109.204 1363.82 107.125C1363.32 103.899 1365.4 103.325 1366.28 106.446ZM699.615 106.672C700.267 107.419 701.377 108.03 702.081 108.03C702.829 108.03 703.135 107.465 702.815 106.672C702.513 105.925 701.404 105.314 700.349 105.314C698.751 105.314 698.628 105.541 699.615 106.672ZM1382.36 111.878C1381.27 112.999 1379.87 115.727 1379.25 117.942C1378.26 121.509 1378.32 122.103 1379.83 123.148C1382.49 125.001 1384.28 124.688 1383.1 122.577C1381.87 120.395 1381.8 114.368 1383 114.368C1383.49 114.368 1384.05 115.489 1384.24 116.858L1384.6 119.348L1385.74 116.796C1386.85 114.305 1386.39 109.841 1385.03 109.841C1384.65 109.841 1383.45 110.757 1382.36 111.878ZM1479.88 112.557C1479.57 113.677 1479.85 114.368 1480.61 114.368C1481.28 114.368 1482.06 113.553 1482.33 112.557C1482.64 111.437 1482.36 110.747 1481.6 110.747C1480.93 110.747 1480.15 111.561 1479.88 112.557ZM1342.13 115.145C1342.13 116.076 1345.02 117.36 1345.68 116.727C1345.91 116.506 1345.21 115.871 1344.12 115.315C1343.03 114.759 1342.13 114.682 1342.13 115.145ZM1410.75 115.274C1412.2 115.274 1411.74 117.101 1409.55 120.021C1407.55 122.7 1407.46 122.726 1406.73 120.84C1405.7 118.206 1404.73 118.393 1402.73 121.606C1401.81 123.096 1400.21 124.74 1399.2 125.259C1397.59 126.078 1397.34 125.902 1397.34 123.943C1397.34 122.7 1397.88 121.252 1398.53 120.726C1402.82 117.279 1407.52 114.549 1408.6 114.883C1409.3 115.098 1410.26 115.274 1410.75 115.274ZM988.224 119.982C987.336 120.827 987.082 120.586 987.082 118.896C987.082 117.205 987.336 116.964 988.224 117.809C989.112 118.654 989.112 119.137 988.224 119.982ZM1333.76 118.73C1334.14 120.624 1337.37 121.33 1337.37 119.52C1337.37 118.795 1336.49 117.982 1335.41 117.714C1333.95 117.351 1333.53 117.609 1333.76 118.73ZM1415.21 120.877C1414.62 122.555 1412.57 122.833 1412.57 121.234C1412.57 120.446 1413.25 119.801 1414.08 119.801C1414.91 119.801 1415.42 120.284 1415.21 120.877ZM1362.52 123.1C1362.85 123.918 1362.92 124.774 1362.68 125.001C1361.93 125.721 1360.22 124.276 1360.22 122.917C1360.22 121.14 1361.78 121.265 1362.52 123.1ZM986.144 123.898C985.929 125.385 982.322 126.261 982.322 124.827C982.322 123.573 984.009 122.515 985.487 122.841C985.92 122.937 986.215 123.413 986.144 123.898ZM1324.01 124.268C1325.54 126.982 1325.24 127.634 1321.76 129.205C1317.43 131.16 1317.38 131.141 1317.38 127.468C1317.38 124.997 1317.87 124.084 1319.53 123.451C1322.61 122.271 1322.92 122.328 1324.01 124.268ZM294.115 123.992C288.848 124.958 284.603 126.555 274.602 131.33C268.843 134.079 262.48 136.885 260.462 137.566C256.868 138.776 256.732 138.743 254.003 135.964L251.216 133.125L249.107 135.005C247.946 136.038 243.026 138.749 238.172 141.028C225.873 146.803 223.353 151.224 219.312 174.113C216.184 191.826 213.879 199.828 210.795 203.674C208.595 206.418 208.296 207.475 208.776 210.815C209.345 214.756 206.207 226.979 195.287 263.367C193.204 270.31 191.204 278.782 190.844 282.193C190.452 285.903 188.333 293.414 185.573 300.879C181.606 311.604 177.986 325.266 177.986 329.511C177.986 331.934 183.174 330.939 186.137 327.948C190.033 324.017 196.423 319.659 210.974 311.008C224.554 302.936 232.192 296.946 255.567 276.036C263.945 268.54 274.592 259.162 279.227 255.193C283.862 251.225 289.502 245.52 291.764 242.517C294.025 239.514 297.407 235.652 299.278 233.936C301.151 232.219 302.682 230.095 302.682 229.214C302.682 228.333 303.646 227.124 304.824 226.528C307.326 225.259 307.933 224.572 313.704 216.464C324.074 201.894 332.49 183.186 336.027 166.845C337.693 159.145 337.989 155.348 337.612 146.512C337.358 140.536 336.66 134.134 336.063 132.285C335.12 129.369 334.51 128.855 331.442 128.395C329.497 128.103 324.052 127.067 319.34 126.094C310.437 124.254 298.232 123.237 294.115 123.992ZM960.429 124.809C960.429 126.274 961.917 126.607 962.747 125.329C963.038 124.882 962.634 124.285 961.851 123.999C960.988 123.683 960.429 124.001 960.429 124.809ZM1349.78 126.818C1349.76 128.843 1350.19 129.761 1351.18 129.761C1352.99 129.761 1353.01 127.897 1351.21 125.633C1349.88 123.971 1349.81 124.035 1349.78 126.818ZM956.248 128.477C955.93 129.265 955.67 130.851 955.67 132.003C955.67 133.667 956.158 134.07 958.049 133.966C960.139 133.852 960.428 133.423 960.428 130.44C960.429 127.712 960.075 127.045 958.628 127.045C957.637 127.045 956.566 127.689 956.248 128.477ZM1005.17 129.761C1005.17 130.757 1004.74 131.572 1004.22 131.572C1003.69 131.572 1003.26 130.757 1003.26 129.761C1003.26 128.765 1003.69 127.95 1004.22 127.95C1004.74 127.95 1005.17 128.765 1005.17 129.761ZM997.63 135.057C996.349 137.332 996.312 138.815 997.534 138.815C998.58 138.815 999.972 134.477 999.172 133.716C998.89 133.447 998.196 134.051 997.63 135.057ZM901.024 136.871C900.748 137.296 901.137 138.416 901.889 139.361C903.184 140.988 903.258 140.949 903.286 138.589C903.316 136.199 902.074 135.256 901.024 136.871ZM1400.34 139.253C1397.69 142.118 1397.34 143.134 1397.34 147.901C1397.34 154.239 1398.59 154.926 1400.05 149.395C1400.62 147.245 1402.03 144.698 1403.19 143.736C1404.34 142.772 1404.97 142.494 1404.59 143.116C1404.18 143.784 1404.4 144.243 1405.14 144.234C1407.61 144.206 1408.58 142.834 1408.32 139.721C1408.11 137.103 1407.66 136.504 1405.7 136.278C1403.97 136.078 1402.53 136.88 1400.34 139.253ZM458.078 141.984C458.088 143.976 458.284 144.684 458.511 143.558C458.739 142.432 458.73 140.802 458.492 139.936C458.254 139.071 458.068 139.992 458.078 141.984ZM1321.19 144.701C1321.19 145.455 1322.04 146.059 1323.09 146.059C1324.15 146.059 1325 145.455 1325 144.701C1325 143.946 1324.15 143.343 1323.09 143.343C1322.04 143.343 1321.19 143.946 1321.19 144.701ZM1311.7 145.269C1311.72 145.952 1312.36 147.303 1313.13 148.269C1314.5 149.997 1314.53 149.995 1314.53 148.154C1314.53 147.124 1313.89 145.774 1313.1 145.153C1311.95 144.244 1311.68 144.267 1311.7 145.269ZM1359.27 146.087C1359.27 147.068 1359.91 147.87 1360.69 147.87C1361.48 147.87 1362.12 147.302 1362.12 146.608C1362.12 145.915 1361.48 145.113 1360.69 144.826C1359.72 144.472 1359.27 144.875 1359.27 146.087ZM1159.37 147.417C1159.37 148.164 1159.55 148.775 1159.77 148.775C1159.99 148.775 1160.85 149.022 1161.67 149.325C1162.75 149.719 1163.18 149.334 1163.18 147.967C1163.18 146.663 1162.58 146.059 1161.28 146.059C1160.22 146.059 1159.37 146.663 1159.37 147.417ZM1391.74 146.664C1391.68 147.246 1391.35 148.468 1391.01 149.38C1390.54 150.667 1390.66 150.807 1391.58 150.003C1392.23 149.433 1392.56 148.211 1392.31 147.287C1392.06 146.362 1391.8 146.082 1391.74 146.664ZM458.79 149.228C458.79 149.975 459.218 150.586 459.742 150.586C460.265 150.586 460.694 149.975 460.694 149.228C460.694 148.481 460.265 147.87 459.742 147.87C459.218 147.87 458.79 148.481 458.79 149.228ZM998.663 151.07C997.494 153.51 997.527 153.543 1002.07 154.495C1003.75 154.846 1004.22 154.542 1004.22 153.091C1004.22 151.458 1001.88 148.884 1000.32 148.804C1000.01 148.788 999.268 149.807 998.663 151.07ZM1308.38 153.175C1307.6 155.535 1308.8 158.41 1309.89 156.774C1310.97 155.142 1310.94 151.492 1309.83 151.492C1309.34 151.492 1308.69 152.249 1308.38 153.175ZM1539.17 153.755C1539.17 155 1539.6 156.019 1540.12 156.019C1540.65 156.019 1541.07 155 1541.07 153.755C1541.07 152.51 1540.65 151.492 1540.12 151.492C1539.6 151.492 1539.17 152.51 1539.17 153.755ZM772.527 156.685C771.505 157.657 771.927 158.735 773.329 158.735C774.084 158.735 774.938 158.37 775.227 157.925C775.833 156.992 773.384 155.868 772.527 156.685ZM1000.41 157.377C1000.41 158.124 1001.05 158.735 1001.84 158.735C1002.62 158.735 1003.26 158.124 1003.26 157.377C1003.26 156.63 1002.62 156.019 1001.84 156.019C1001.05 156.019 1000.41 156.63 1000.41 157.377ZM459.164 158.357C459.482 159.144 459.749 160.061 459.756 160.394C459.776 161.203 461.612 158.47 461.631 157.603C461.639 157.229 460.957 156.924 460.116 156.924C459.112 156.924 458.785 157.417 459.164 158.357ZM1563.09 158.892C1562.13 160.352 1562.11 161.296 1563.01 163.361C1564.66 167.154 1565.82 166.575 1565.82 161.958C1565.82 157.338 1564.83 156.23 1563.09 158.892ZM1418.68 166.39C1417.88 169.457 1418.94 173.282 1420.43 172.699C1421.08 172.446 1422.36 171.266 1423.28 170.074C1424.91 167.953 1424.88 167.87 1422.12 165.997L1419.29 164.084L1418.68 166.39ZM1412.04 166.057C1411.69 166.599 1411.88 167.495 1412.46 168.049C1413.24 168.789 1413.52 168.528 1413.52 167.065C1413.52 164.879 1413.03 164.542 1412.04 166.057ZM1562.36 169.148C1562.06 169.895 1562.1 171.219 1562.46 172.09C1563.03 173.482 1563.27 173.4 1564.43 171.411C1565.16 170.166 1565.77 168.843 1565.79 168.469C1565.85 167.2 1562.91 167.782 1562.36 169.148ZM1173.65 172.663C1173.65 173.41 1174.08 174.273 1174.6 174.58C1175.13 174.888 1175.55 174.529 1175.55 173.782C1175.55 173.035 1175.13 172.172 1174.6 171.864C1174.08 171.556 1173.65 171.916 1173.65 172.663ZM452.72 174.617C451.862 176.743 451.925 176.844 454.1 176.844C455.431 176.844 455.973 176.352 455.766 175.335C455.345 173.268 453.445 172.819 452.72 174.617ZM1417.14 179.915L1413.62 183.832L1416.05 185.067C1418.21 186.167 1418.62 186.114 1419.81 184.569C1420.88 183.178 1421.81 175.855 1420.9 175.968C1420.77 175.985 1419.08 177.76 1417.14 179.915ZM783.38 189.323C783.38 190.677 787.273 194.104 788.197 193.561C789.441 192.83 789.431 192.816 786.236 190.569C784.665 189.464 783.38 188.904 783.38 189.323ZM1411.4 196.248C1411.14 197.527 1411.25 198.575 1411.65 198.575C1412.83 198.575 1413.65 195.621 1412.73 194.738C1412.22 194.252 1411.68 194.863 1411.4 196.248ZM795.572 208.603C795.384 209.138 794.825 209.576 794.327 209.576C793.829 209.576 793.269 209.138 793.082 208.603C792.894 208.067 793.454 207.629 794.327 207.629C795.2 207.629 795.759 208.067 795.572 208.603ZM196.525 211.319C195.624 214.017 196.374 214.227 197.658 211.638C198.257 210.429 198.389 209.44 197.95 209.44C197.511 209.44 196.869 210.286 196.525 211.319ZM647.895 234.835C640.997 235.936 630.473 241.139 622.989 247.147C619.324 250.089 612.225 255.594 607.212 259.38C596.117 267.76 590.86 274.227 582.973 289.194C563.986 325.225 552.505 361.21 546.745 402.753C544.762 417.06 544.475 449.755 546.234 461.154C547.923 472.098 551.401 485.092 554.603 492.416C557.13 498.197 557.621 498.751 560.663 499.255C562.483 499.558 566.221 500.458 568.97 501.255C573.809 502.661 573.967 502.651 573.967 500.945C573.967 499.479 574.647 499.179 578.013 499.161C584.104 499.128 589.251 497.733 591.483 495.509L593.481 493.517L591.34 494.002C590.162 494.268 588.933 494.078 588.61 493.579C587.748 492.253 590.16 488.436 592.259 487.802C593.253 487.502 594.442 486.316 594.902 485.166C595.361 484.016 598.073 481.523 600.927 479.625C606.926 475.637 608.91 473.204 607.361 471.731C606.795 471.193 606.331 470.205 606.331 469.536C606.331 467.705 614.579 459.689 617.747 458.44C620.145 457.495 620.447 456.99 619.971 454.723C619.501 452.487 619.718 452.099 621.442 452.099C622.999 452.099 623.465 451.544 623.465 449.681C623.465 448.351 624.033 446.619 624.728 445.833C625.424 445.046 626.504 442.695 627.13 440.607C627.827 438.28 629.383 436.002 631.145 434.721C638.846 429.132 639.515 428.22 642.982 418.598C644.865 413.369 649.658 403.386 653.631 396.415C657.605 389.443 661.881 381.931 663.133 379.723C664.638 377.068 665.679 373.233 666.203 368.405C666.716 363.681 669.046 354.97 672.8 343.737C679.665 323.194 681.109 314.54 679.606 302.927C679.042 298.57 677.746 292.415 676.723 289.251C675.702 286.085 674.866 282.173 674.866 280.556C674.866 278.047 674.063 277.024 669.393 273.586C666.382 271.371 660.279 267.24 655.829 264.408C644.375 257.117 641.832 254.988 643.122 253.761C643.886 253.034 645.194 253.025 647.861 253.729C653.971 255.343 655.256 255.036 656.354 251.699C657.589 247.949 656.741 247.076 651.037 246.219C646.472 245.534 638.695 242.339 638.695 241.151C638.695 240.752 640.142 240.169 641.909 239.853C644.192 239.446 647.571 240.054 653.57 241.951C663.678 245.149 669.155 246.208 669.155 244.966C669.155 244.475 667.93 243.841 666.433 243.555C663.083 242.918 657.863 238.859 656.722 236.005C655.821 233.75 655.202 233.668 647.895 234.835ZM671.059 252.264C671.059 254.326 672.093 256.523 673.064 256.523C674.453 256.523 674.03 253.215 672.486 251.996C671.322 251.077 671.059 251.127 671.059 252.264ZM798.264 298.632C797.932 299.453 798.267 299.985 799.116 299.985C800.656 299.985 801.006 298.569 799.662 297.78C799.193 297.504 798.565 297.888 798.264 298.632ZM798.315 318.022C798.927 320.25 799.846 320.403 801.466 318.546C802.184 317.724 802.26 317.188 801.66 317.188C801.116 317.188 800.024 316.952 799.234 316.664C798.155 316.27 797.926 316.609 798.315 318.022ZM165.612 325.79C165.612 326.537 166.04 327.148 166.564 327.148C167.087 327.148 167.515 326.537 167.515 325.79C167.515 325.043 167.087 324.432 166.564 324.432C166.04 324.432 165.612 325.043 165.612 325.79ZM1528.44 344.898C1528.06 345.261 1527.75 346.183 1527.75 346.947C1527.75 347.966 1528.03 348.067 1528.81 347.328C1529.39 346.774 1529.7 345.852 1529.5 345.28C1529.3 344.707 1528.82 344.535 1528.44 344.898ZM1525.84 356.048C1525.84 357.003 1526.12 358.472 1526.46 359.311C1526.95 360.522 1527.34 360.235 1528.36 357.923C1530 354.232 1530.01 354.311 1527.75 354.311C1526.51 354.311 1525.84 354.915 1525.84 356.048ZM43.7714 371.062C43.7714 371.809 44.1998 372.42 44.7233 372.42C45.2468 372.42 45.6752 371.809 45.6752 371.062C45.6752 370.315 45.2468 369.704 44.7233 369.704C44.1998 369.704 43.7714 370.315 43.7714 371.062ZM1370.86 553.208C1371.32 555.48 1373.54 555.791 1373.54 553.584C1373.54 552.473 1372.93 551.698 1372.05 551.698C1371.16 551.698 1370.67 552.314 1370.86 553.208ZM448.319 555.773C448.319 556.527 449.166 557.131 450.223 557.131C452.492 557.131 452.748 555.74 450.621 554.964C448.494 554.188 448.319 554.249 448.319 555.773ZM1368.78 562.033C1368.78 563.559 1371.65 564.724 1372.78 563.656C1373.23 563.221 1372.53 562.416 1371.19 561.834C1369.25 560.995 1368.78 561.034 1368.78 562.033ZM10.9317 571.618C11.2553 572.116 12.3509 572.524 13.3675 572.524C14.3841 572.524 15.2151 572.116 15.2151 571.618C15.2151 571.12 14.1185 570.713 12.7793 570.713C11.3981 570.713 10.5976 571.105 10.9317 571.618ZM1386.87 579.39C1386.87 584.734 1389.12 584.42 1389.54 579.018C1389.77 576.082 1389.51 575.24 1388.35 575.24C1387.23 575.24 1386.87 576.237 1386.87 579.39ZM1128.91 577.956C1129.7 578.439 1131.41 578.834 1132.72 578.834C1134.6 578.834 1134.8 578.651 1133.67 577.956C1132.89 577.474 1131.17 577.079 1129.86 577.079C1127.98 577.079 1127.78 577.262 1128.91 577.956ZM463.58 580.446C463.559 582.471 463.995 583.389 464.977 583.389C466.793 583.389 466.808 581.525 465.008 579.261C463.685 577.599 463.608 577.663 463.58 580.446ZM1471.76 580.751C1470.23 583.07 1470.33 583.389 1472.54 583.389C1473.59 583.389 1474.44 583.219 1474.44 583.01C1474.44 582.802 1474.68 582.04 1474.97 581.316C1475.79 579.299 1473.03 578.815 1471.76 580.751ZM1370.69 585.653C1370.69 586.4 1371.38 587.011 1372.23 587.011C1373.5 587.011 1373.56 586.765 1372.59 585.653C1371.94 584.906 1371.25 584.294 1371.05 584.294C1370.85 584.294 1370.69 584.906 1370.69 585.653ZM1384.97 589.274C1384.97 590.021 1385.61 590.633 1386.39 590.633C1387.18 590.633 1387.82 590.021 1387.82 589.274C1387.82 588.527 1387.18 587.916 1386.39 587.916C1385.61 587.916 1384.97 588.527 1384.97 589.274ZM1381.25 595.386C1381.31 597.005 1381.66 599.348 1382.04 600.593L1382.73 602.856L1384.77 599.722C1385.89 597.998 1386.47 596.369 1386.06 596.101C1385.64 595.833 1385.03 594.899 1384.69 594.028C1383.58 591.178 1381.15 592.139 1381.25 595.386ZM373.121 597.493C373.121 600.334 373.36 600.593 375.977 600.593C378.161 600.593 378.832 600.182 378.832 598.848C378.832 597.815 377.668 596.552 375.977 595.748L373.121 594.393V597.493ZM115.177 597.197C115.185 597.82 115.544 598.858 115.975 599.503C116.597 600.436 117.023 600.375 118.041 599.208C119.12 597.97 119.107 597.608 117.957 596.915C116.062 595.775 115.159 595.866 115.177 597.197ZM1393.22 596.669C1392.26 597.581 1392.46 599.687 1393.5 599.687C1394 599.687 1394.88 598.872 1395.44 597.876C1396.23 596.476 1396.16 596.065 1395.15 596.065C1394.44 596.065 1393.57 596.337 1393.22 596.669ZM1455.41 601.124C1454.85 602.574 1454.2 604.305 1453.95 604.969C1453.17 607.066 1455.81 605.544 1457.3 603.042C1458.39 601.188 1458.45 600.414 1457.57 599.572C1456.68 598.729 1456.2 599.075 1455.41 601.124ZM1377.98 605.633C1379.01 608.182 1376.76 609.176 1373.94 607.419C1371.94 606.17 1371.67 605.656 1372.7 605.035C1374.78 603.788 1377.36 604.08 1377.98 605.633ZM31.4922 608.009C31.5446 608.661 31.9301 610.213 32.3489 611.458C33.0771 613.619 33.1151 613.591 33.2056 610.832C33.2579 609.243 32.8724 607.691 32.3489 607.383C31.8254 607.075 31.4399 607.357 31.4922 608.009ZM1445.89 608.742C1445.89 609.737 1446.32 610.552 1446.84 610.552C1447.36 610.552 1447.79 609.737 1447.79 608.742C1447.79 607.746 1447.36 606.931 1446.84 606.931C1446.32 606.931 1445.89 607.746 1445.89 608.742ZM486.394 610.1C486.394 610.847 485.752 611.458 484.967 611.458C483.48 611.458 483.078 610.387 484.174 609.345C485.268 608.303 486.394 608.685 486.394 610.1ZM1379.99 610.383C1380.2 610.974 1379.69 611.458 1378.86 611.458C1378.03 611.458 1377.35 610.813 1377.35 610.025C1377.35 608.426 1379.4 608.703 1379.99 610.383ZM21.7002 612.59C21.9363 613.767 21.388 614.174 19.568 614.174C17.7262 614.174 17.1189 613.71 17.1189 612.3C17.1189 610.877 17.6319 610.496 19.2511 610.715C20.4238 610.875 21.526 611.719 21.7002 612.59ZM1391.32 612.741C1391.03 613.447 1391.41 614.249 1392.17 614.524C1393.07 614.853 1393.53 614.418 1393.53 613.241C1393.53 611.18 1392.08 610.852 1391.32 612.741ZM351.228 613.721C351.228 614.476 352.074 615.08 353.132 615.08C354.189 615.08 355.035 614.476 355.035 613.721C355.035 612.967 354.189 612.363 353.132 612.363C352.074 612.363 351.228 612.967 351.228 613.721ZM16.7476 624.653C16.0565 626.367 10.4557 626.388 10.4557 624.676C10.4557 623.977 11.8473 622.563 13.5493 621.534L16.6429 619.66L16.9561 621.51C17.1284 622.528 17.0351 623.942 16.7476 624.653ZM62.3054 623.539C61.3945 629.321 61.9789 631.83 64.2368 631.83C65.8302 631.83 66.1872 631.135 66.429 627.56C66.7136 623.354 65.4685 619.607 63.7856 619.607C63.3125 619.607 62.6462 621.377 62.3054 623.539ZM348.372 621.418C347.559 622.863 347.649 623.229 348.815 623.229C349.618 623.229 350.276 623.058 350.276 622.85C350.276 622.642 350.536 621.827 350.854 621.039C351.693 618.958 349.574 619.281 348.372 621.418ZM87.5578 622.776C87.5578 623.523 87.9861 624.134 88.5097 624.134C89.0332 624.134 89.4615 623.523 89.4615 622.776C89.4615 622.029 89.0332 621.418 88.5097 621.418C87.9861 621.418 87.5578 622.029 87.5578 622.776ZM107.155 624.809C106.116 625.797 105.403 624.225 106.149 622.589C106.857 621.038 106.909 621.038 107.303 622.62C107.53 623.531 107.463 624.515 107.155 624.809ZM549.086 624.164C551.703 626.238 553.978 626.484 553.978 624.693C553.978 623.476 551.165 622.33 548.266 622.366C547.267 622.378 547.513 622.918 549.086 624.164ZM52.3383 624.536C52.3383 626.319 54.8856 630.736 56.34 631.476C58.1086 632.376 58.1914 632.236 57.5555 629.42C57.1805 627.758 56.717 626.141 56.5247 625.828C56.1811 625.268 52.3383 624.082 52.3383 624.536ZM93.131 625.492C92.44 626.512 89.4615 635.832 89.4615 636.975C89.4615 638.946 91.5033 637.344 92.8245 634.336C94.2124 631.177 94.4779 623.505 93.131 625.492ZM30.6241 626.907C30.8525 627.56 31.6026 628.274 32.2899 628.492C33.0038 628.718 33.3607 628.379 33.1228 627.7C32.8934 627.046 32.1433 626.333 31.457 626.115C30.7431 625.889 30.3861 626.228 30.6241 626.907ZM45.3687 627.209C44.6795 628.917 46.5604 630.472 49.3133 630.472C51.2913 630.472 51.4445 630.272 50.3917 629.064C48.3318 626.705 45.9303 625.817 45.3687 627.209ZM83.7503 627.228C83.7503 628.017 84.428 628.661 85.2571 628.661C86.0862 628.661 86.5954 628.178 86.3879 627.587C85.7997 625.907 83.7503 625.629 83.7503 627.228ZM20.9264 629.22C20.9264 629.908 20.0697 630.472 19.0226 630.472C17.9755 630.472 17.1189 630.302 17.1189 630.094C17.1189 629.885 16.8799 629.122 16.5877 628.398C16.1841 627.397 16.641 627.188 18.4914 627.524C19.8307 627.768 20.9264 628.531 20.9264 629.22ZM37.1083 628.209C37.1083 628.956 37.7508 629.567 38.5361 629.567C39.3214 629.567 39.9639 628.956 39.9639 628.209C39.9639 627.462 39.3214 626.85 38.5361 626.85C37.7508 626.85 37.1083 627.462 37.1083 628.209ZM559.78 628.888C559.06 630.723 559.3 630.953 562.201 631.207C565.365 631.484 568.256 629.867 568.256 627.82C568.256 627.287 566.528 626.85 564.418 626.85C561.309 626.85 560.428 627.238 559.78 628.888ZM853.819 628.564C853.819 629.652 856.268 630.479 859.37 630.441L861.91 630.408L859.53 629.114C856.831 627.646 853.819 627.357 853.819 628.564ZM304.992 630.944C306.001 631.67 307.06 632.043 307.344 631.771C307.942 631.204 305.524 629.588 304.11 629.609C303.586 629.617 303.983 630.219 304.992 630.944ZM830.298 636.082C833.042 637.444 833.8 638.176 832.704 638.401C830.989 638.754 825.771 636.515 824.791 635.006C823.831 633.528 826.007 633.954 830.298 636.082ZM860.958 634.999C861.282 635.497 862.189 635.905 862.974 635.905C863.76 635.905 864.137 635.497 863.814 634.999C863.49 634.501 862.583 634.094 861.798 634.094C861.012 634.094 860.635 634.501 860.958 634.999ZM79.2993 645.5C79.0175 646.199 78.3912 646.77 77.9076 646.77C76.6055 646.77 75.8373 644.285 76.5769 642.469C77.1852 640.977 77.2984 640.983 78.5178 642.557C79.2298 643.477 79.581 644.802 79.2993 645.5ZM330.679 647.318C331.504 647.619 331.943 648.23 331.652 648.676C330.854 649.905 329.603 649.648 328.99 648.128C328.378 646.611 328.535 646.536 330.679 647.318ZM59.9533 650.92C59.9533 652.519 57.904 652.241 57.3157 650.562C57.1082 649.97 57.6174 649.487 58.4465 649.487C59.2756 649.487 59.9533 650.131 59.9533 650.92Z' fill='url(%23paint0_linear_971_6827)' fill-opacity='0.12'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_971_6827' x1='787.274' y1='0.0216522' x2='787.274' y2='653.923' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234164EB'/%3E%3Cstop offset='1' stop-color='%234164EB' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); left: 48%; top: 47%; -webkit-transform: translate(-50%, -50%) rotate(-5.52deg); -ms-transform: translate(-50%, -50%) rotate(-5.52deg); transform: translate(-50%, -50%) rotate(-5.52deg); } .team__bio { margin-bottom: 0; max-width: 28.625rem; margin-right: 3.75rem; } .team__description { font-size: 1.125rem; line-height: 1.4375rem; margin-bottom: 2.5rem; font-weight: 400; font-family: "Stolzl", sans-serif; } .team__link { font-size: 1.125rem; line-height: 1.375rem; padding: 0.3125rem 3rem 0.3125rem 0; } .team__link:hover, .team__link:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .team__list { width: 100%; display: grid; opacity: 1; grid-template-columns: 57.28155339805825% 39.61165048543689%; grid-template-rows: 8rem 10.125rem; grid-column-gap: 1rem; grid-row-gap: 1rem; } .team__item { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .team__item:first-of-type { max-height: 8rem; } .team__item:first-of-type .team__frame { max-width: 10.5rem; max-height: 8rem; -ms-flex-item-align: end; align-self: flex-end; } .team__item:nth-of-type(2) { grid-column: 1 / 2; grid-row: 2 / 3; max-height: 10.125rem; } .team__item:nth-of-type(2) .team__frame { max-height: 10.125rem; } .team__item:last-of-type { grid-column: 2 / 3; grid-row: 1 / 3; } } @media screen and (min-width: 1440px) { .team::before { width: 98.375rem; height: 40.875rem; left: 50%; top: 47%; -webkit-transform: translate(-50%, -50%) rotate(-5.52deg); -ms-transform: translate(-50%, -50%) rotate(-5.52deg); transform: translate(-50%, -50%) rotate(-5.52deg); } } .develop { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; opacity: 0; } .develop.loaded { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .develop__title { margin-bottom: 2.5rem; text-align: center; } .develop__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: center; margin-bottom: 3.5rem; } .develop__logo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.875rem; } .develop__logo-image { -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 1200px) { .develop { --width: calc(100% - 1032px); margin-bottom: 7rem; } .develop__title { font-size: 2.125rem; line-height: 2.5625rem; font-weight: 400; -ms-flex-item-align: center; align-self: center; } .develop__description { font-size: 1.125rem; line-height: 1.625rem; -ms-flex-item-align: center; align-self: center; text-align: center; max-width: 42.5rem; } .develop__logo { width: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .develop__logo-image:first-of-type { margin-right: 4.0625rem; width: 8.125rem; height: 3.625rem; } .develop__logo-image:last-of-type { margin-left: 4.0625rem; width: 9.125rem; height: 4.75rem; } } .meet { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .meet.loaded .meet__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .meet.loaded .meet__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .meet.loaded .meet__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .meet.loaded .meet__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .meet.loaded .meet__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .meet__title { opacity: 0; margin-bottom: 3.5rem; text-align: center; } .meet__title span { color: #4164EE; } .meet__list { width: 100%; display: grid; grid-template-columns: 47.8134110787172% 47.8134110787172%; grid-template-rows: 8.75rem 8.75rem; grid-gap: 1rem 1rem; } .meet__item { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 0.75rem; padding: 1rem 1rem; } .meet__item:first-of-type { background-color: #E8ECFD; } .meet__item:nth-of-type(2) { background-color: #E0F5F5; } .meet__item:nth-of-type(3) { background-color: #FDF1F4; } .meet__item:last-of-type { background-color: #F6E8FD; } .meet__name { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 500; color: #14004B; letter-spacing: 0.02em; text-align: left; max-width: 80%; } .meet__link { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #4164EE; text-decoration: none; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .meet__link:active { opacity: 0.8; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .meet { --width: calc(100% - 1032px); margin-bottom: 7rem; } .meet__title { margin-bottom: 4.5rem; -ms-flex-item-align: center; align-self: center; } .meet__list { grid-template-columns: repeat(4, 1fr); grid-template-rows: 12.8125rem; grid-column-gap: 1.5rem; } .meet__item { border-radius: 1.375rem; padding: 1.5rem 1.5rem; } .meet__name { font-size: 1.125rem; line-height: 1.375rem; max-width: 80%; } .meet__link { font-size: 0.9375rem; letter-spacing: 0.02em; } .meet__link:hover, .meet__link:focus { opacity: 0.86; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .benefit { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 0 calc(var(--width) / 2); margin-bottom: 3rem; } .benefit.loaded .benefit__title, .benefit.loaded .benefit__description, .benefit.loaded .benefit__link { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .benefit.loaded .benefit__visual { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .benefit__title { line-height: 2.03125rem; margin-bottom: 1.5rem; opacity: 0; } .benefit__title span { color: #4164EE; } .benefit__description { opacity: 0; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 2rem; } .benefit__link { opacity: 0; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #4164EE; text-decoration: none; -ms-flex-item-align: start; align-self: flex-start; letter-spacing: 0.02em; padding: 0.6875rem 3rem 0.6875rem 0; position: relative; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; } .benefit__link::after { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .benefit__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .benefit__visual { opacity: 0; height: 28.125rem; width: 100%; position: relative; } .benefit__visual::before { position: absolute; content: ''; width: 18.375rem; height: 18.375rem; border-radius: 50%; left: 50%; top: 50%; background: radial-gradient(132.97% 818.95% at 2.29% 100%, rgba(246, 180, 198, 0.8) 0%, rgba(205, 164, 207, 0.8) 15.7%, rgba(96, 121, 234, 0.8) 33.53%, rgba(70, 136, 219, 0.8) 49.06%, rgba(31, 180, 180, 0.8) 66.53%, rgba(164, 213, 213, 0.8) 90.42%, rgba(0, 170, 170, 0) 100%); -webkit-filter: blur(54.692px); filter: blur(54.692px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); will-change: filter; } .benefit__visual::after { position: absolute; content: ''; width: 8.8125rem; height: 7.75rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("/bitrix/templates/rowi/static/css/../images/content/benefit-logo.svg"); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 1200px) { .benefit { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; --width: calc(100% - 1032px); padding: 7rem calc(var(--width) / 2); margin-bottom: 7rem; } .benefit.loaded .benefit__visual { -webkit-animation: fadeInBottomV 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottomV 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .benefit__title { line-height: 2.75rem; margin-bottom: 2.5rem; max-width: 36.875rem; } .benefit__description { max-width: 36.875rem; font-weight: 400; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.4375rem; margin-bottom: 3.5rem; } .benefit__link { font-size: 1.125rem; line-height: 1.375rem; padding: 0.3125rem 3rem 0.3125rem 0; margin-bottom: 0; } .benefit__link:hover, .benefit__link:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .benefit__visual { height: 26.625rem; width: 26.625rem; --width: calc(100% - 1130px); position: absolute; top: 50%; right: calc(var(--width) / 2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .benefit__visual::before { width: 26.625rem; height: 26.625rem; } .benefit__visual::after { width: 12.75rem; height: 11.1875rem; top: 50%; } } .comfort { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; background-color: #F0F3FE; } .comfort.loaded .comfort__title { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .comfort.loaded .comfort__player { opacity: 1; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) 0.1s; transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) 0.1s; } .comfort.loaded .comfort__item:first-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .comfort.loaded .comfort__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .comfort.loaded .comfort__item:last-of-type { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .comfort__title { opacity: 0; line-height: 2.03125rem; margin-bottom: 3.5rem; } .comfort__title span { color: #4164EE; } .comfort__player { opacity: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 21.4375rem; height: 12.0625rem; margin-bottom: 3.5rem; border-radius: 0.375rem; } .comfort__player-frame { border-radius: 0.375rem; overflow: hidden; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .comfort__info { position: absolute; z-index: 2; width: 13.25rem; height: 4.375rem; top: 0; left: 0; background-image: url("/bitrix/templates/rowi/static/css/../images/content/video-bg.svg"); background-size: 236px 92px; background-position: top -22px left -35px; background-repeat: no-repeat; padding: 0.625rem 1.25rem; -webkit-animation: fadeInLeft 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInLeft 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; } .comfort__info-logo { width: 1.3125rem; height: 0.5625rem; -o-object-fit: contain; object-fit: contain; margin-bottom: 0.375rem; } .comfort__info-name { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1rem; font-weight: 500; color: #fff; text-align: left; } .comfort__info.active { -webkit-animation: fadeOutLeft 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeOutLeft 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; pointer-events: none; } .comfort .plyr__control--overlaid { background-color: #4164EE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.5rem; height: 2.5rem; background-color: #4164EE; border-radius: 1.25rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); opacity: 1; -webkit-transition: none; transition: none; } .comfort .plyr__control--overlaid svg { display: none; -webkit-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .comfort__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .comfort__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 10.25rem; min-height: 9.0625rem; opacity: 0; position: relative; border-radius: 1.375rem; overflow: hidden; } .comfort__item span { padding: 3.15625rem 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 10.25rem; min-height: 9.0625rem; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #fff; text-align: left; z-index: 2; } .comfort__item:first-of-type { margin-right: 2.8125rem; margin-top: -1.9375rem; } .comfort__item:first-of-type span { background-color: #00AAAA; } .comfort__item:nth-of-type(2) { -ms-flex-item-align: start; align-self: flex-start; margin-top: -4.0625rem; margin-left: 0.9375rem; } .comfort__item:nth-of-type(2) span { background-color: #F5AABE; color: #14004B; } .comfort__item:last-of-type { margin-right: 0.9375rem; } .comfort__item:last-of-type span { background-color: #4164EE; } .comfort__shadow { position: absolute; width: 90%; height: 0.875rem; bottom: -0.3125rem; left: 0.75rem; background-color: rgba(5, 23, 92, 0.2); -webkit-filter: blur(6px); filter: blur(6px); -webkit-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); -ms-transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); transform: matrix(1, -0.08, 0.02, 0.99, 0, 0); } .comfort .plyr__control--overlaid { z-index: 4; } .comfort .plyr--video .plyr__control--overlaid.plyr__control:hover { background: #4164EE; background-color: #4164EE; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); z-index: 4; opacity: 0.7; } .comfort .plyr--video .plyr__control--overlaid.plyr__control:hover svg { display: none; -webkit-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .comfort .plyr--video .plyr__controls { width: 100%; display: grid; grid-template-areas: '... restart restart restart restart restart ...' 'play curTime durTime ... volume fullScreen sets' 'progress progress progress progress progress progress progress'; grid-template-columns: 40px 36px 36px 1fr 40px 40px 40px; grid-column-gap: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.5rem 1.25rem 0.5rem; } .comfort .plyr--video .plyr__controls__item { margin: 0; } .comfort .plyr--video .plyr__controls [data-plyr="restart"] { grid-area: restart; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: center; align-self: center; height: 1.25rem; margin: 0; margin-bottom: 1.5rem; width: 9.875rem; display: none; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6268 13.1239H28.9993C29.0883 13.1239 29.1756 13.1493 29.2507 13.1971C29.3259 13.2449 29.3858 13.3132 29.4236 13.3938C29.4614 13.4745 29.4754 13.5643 29.464 13.6526C29.4526 13.7409 29.4163 13.8242 29.3593 13.8926L25.673 18.3176C25.629 18.3704 25.574 18.4128 25.5118 18.442C25.4496 18.4711 25.3817 18.4862 25.313 18.4862C25.2443 18.4862 25.1765 18.4711 25.1143 18.442C25.0521 18.4128 24.997 18.3704 24.953 18.3176L21.2668 13.8926C21.2098 13.8242 21.1734 13.7409 21.1621 13.6526C21.1507 13.5643 21.1647 13.4745 21.2024 13.3938C21.2402 13.3132 21.3002 13.2449 21.3753 13.1971C21.4505 13.1493 21.5377 13.1239 21.6268 13.1239ZM1.00178 16.8739H8.37428C8.46335 16.8739 8.55056 16.8484 8.62571 16.8006C8.70086 16.7528 8.76084 16.6846 8.79861 16.6039C8.83638 16.5233 8.8504 16.4335 8.839 16.3452C8.82761 16.2568 8.79128 16.1736 8.73428 16.1051L5.04803 11.6801C5.00403 11.6274 4.94899 11.5849 4.88678 11.5558C4.82457 11.5267 4.75672 11.5116 4.68803 11.5116C4.61934 11.5116 4.55149 11.5267 4.48928 11.5558C4.42707 11.5849 4.37202 11.6274 4.32803 11.6801L0.641778 16.1051C0.584773 16.1736 0.548448 16.2568 0.537054 16.3452C0.525661 16.4335 0.539671 16.5233 0.577445 16.6039C0.615219 16.6846 0.675192 16.7528 0.750342 16.8006C0.825492 16.8484 0.912708 16.8739 1.00178 16.8739Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0006 5.62428C12.0906 5.62428 9.48813 6.9499 7.76875 9.03303C7.69197 9.13254 7.59597 9.2156 7.48645 9.27726C7.37693 9.33893 7.25613 9.37794 7.13123 9.39199C7.00633 9.40603 6.87988 9.39481 6.7594 9.35901C6.63893 9.3232 6.52688 9.26353 6.42992 9.18355C6.33296 9.10357 6.25308 9.00491 6.19502 8.89344C6.13696 8.78197 6.1019 8.65996 6.09194 8.53467C6.08197 8.40938 6.09731 8.28336 6.13702 8.16411C6.17674 8.04487 6.24003 7.93482 6.32313 7.84053C7.69598 6.17839 9.51736 4.94555 11.5706 4.28863C13.6239 3.63171 15.8226 3.57837 17.9053 4.13494C19.988 4.69152 21.8671 5.83458 23.3189 7.42819C24.7707 9.0218 25.7343 10.9989 26.095 13.1243H24.1881C23.7552 11.007 22.6044 9.10426 20.9304 7.73767C19.2563 6.37108 17.1617 5.62454 15.0006 5.62428ZM5.81312 16.8743C6.16808 18.6079 7.00628 20.2058 8.2309 21.4833C9.45551 22.7608 11.0165 23.6657 12.7337 24.0936C14.4508 24.5214 16.254 24.4547 17.9348 23.9012C19.6156 23.3477 21.1056 22.33 22.2325 20.9655C22.3093 20.866 22.4053 20.783 22.5148 20.7213C22.6243 20.6596 22.7451 20.6206 22.87 20.6066C22.9949 20.5925 23.1214 20.6037 23.2418 20.6395C23.3623 20.6754 23.4744 20.735 23.5713 20.815C23.6683 20.895 23.7482 20.9936 23.8062 21.1051C23.8643 21.2166 23.8993 21.3386 23.9093 21.4639C23.9193 21.5892 23.9039 21.7152 23.8642 21.8344C23.8245 21.9537 23.7612 22.0637 23.6781 22.158C22.3053 23.8202 20.4839 25.053 18.4306 25.7099C16.3774 26.3668 14.1786 26.4202 12.0959 25.8636C10.0132 25.307 8.1342 24.164 6.68235 22.5704C5.23051 20.9768 4.26694 18.9997 3.90625 16.8743H5.81312Z' fill='white'/%3E%3C/svg%3E"); background-position: center right; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; } .comfort .plyr--video .plyr__controls [data-plyr="restart"] svg { display: none; } .comfort .plyr--video .plyr__controls [data-plyr="restart"]::after { position: absolute; content: 'Смотреть заново'; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1rem; font-weight: 500; color: #fff; white-space: nowrap; width: 8rem; height: 1rem; left: 0; top: 0px; } .comfort .plyr--video .plyr__controls [data-plyr="restart"]:hover { background-color: transparent; } .comfort .plyr--video .plyr__controls [data-plyr="play"] { grid-area: play; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; z-index: 4; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls [data-plyr="play"] svg { display: none; } .comfort .plyr--video .plyr__controls [data-plyr="play"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15.8333H8.33333V4.16663H5V15.8333ZM11.6667 4.16663V15.8333H15V4.16663H11.6667Z' fill='white'/%3E%3C/svg%3E%0A"); } .comfort .plyr--video .plyr__controls .plyr__time { font-family: "Arial"; font-size: 0.875rem; line-height: 1rem; font-weight: 400; color: #fff; display: none; } .comfort .plyr--video .plyr__controls .plyr__time::before { font-family: "Arial"; font-size: 0.875rem; line-height: 1rem; font-weight: 400; color: #fff; } .comfort .plyr--video .plyr__controls .plyr__time--current { grid-area: curTime; padding: 0; } .comfort .plyr--video .plyr__controls .plyr__time--duration { grid-area: durTime; padding: 0; } .comfort .plyr--video .plyr__controls .plyr__volume { grid-area: volume; } .comfort .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"] { width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12V20H9.33333L16 26.6666V5.33331L9.33333 12H4ZM22 16C22 13.64 20.64 11.6133 18.6667 10.6266V21.36C20.64 20.3866 22 18.36 22 16ZM18.6667 4.30664V7.05331C22.52 8.19997 25.3333 11.7733 25.3333 16C25.3333 20.2266 22.52 23.8 18.6667 24.9466V27.6933C24.0133 26.48 28 21.7066 28 16C28 10.2933 24.0133 5.51997 18.6667 4.30664Z' fill='white'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"] svg { display: none; } .comfort .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"]:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .comfort .plyr--video .plyr__controls .plyr__volume .plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 7L17.5 13' stroke='white'/%3E%3Cpath d='M11.5 13L17.5 7' stroke='white'/%3E%3Cpath d='M2.5 7.16667V12.1667H5.83333L10 16.3333V3L5.83333 7.16667H2.5Z' fill='white'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__controls .plyr__volume input { display: none; } .comfort .plyr--video .plyr__controls [data-plyr="fullscreen"] { grid-area: fullScreen; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33317 18.667H6.6665V25.3337H13.3332V22.667H9.33317V18.667ZM6.6665 13.3337H9.33317V9.33366H13.3332V6.66699H6.6665V13.3337ZM22.6665 22.667H18.6665V25.3337H25.3332V18.667H22.6665V22.667ZM18.6665 6.66699V9.33366H22.6665V13.3337H25.3332V6.66699H18.6665Z' fill='white'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls [data-plyr="fullscreen"] svg { display: none; } .comfort .plyr--video .plyr__controls [data-plyr="fullscreen"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6665 21.3332H10.6665V25.3332H13.3332V18.6665H6.6665V21.3332ZM10.6665 10.6665H6.6665V13.3332H13.3332V6.6665H10.6665V10.6665ZM18.6665 25.3332H21.3332V21.3332H25.3332V18.6665H18.6665V25.3332ZM21.3332 10.6665V6.6665H18.6665V13.3332H25.3332V10.6665H21.3332Z' fill='white'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__controls [data-plyr="fullscreen"]:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .comfort .plyr--video .plyr__controls .plyr__menu { grid-area: sets; } .comfort .plyr--video .plyr__controls .plyr__menu .settings-btn { width: 2.5rem; height: 2.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0002 10.6663C17.4668 10.6663 18.6668 9.46634 18.6668 7.99967C18.6668 6.53301 17.4668 5.33301 16.0002 5.33301C14.5335 5.33301 13.3335 6.53301 13.3335 7.99967C13.3335 9.46634 14.5335 10.6663 16.0002 10.6663ZM16.0002 13.333C14.5335 13.333 13.3335 14.533 13.3335 15.9997C13.3335 17.4663 14.5335 18.6663 16.0002 18.6663C17.4668 18.6663 18.6668 17.4663 18.6668 15.9997C18.6668 14.533 17.4668 13.333 16.0002 13.333ZM16.0002 21.333C14.5335 21.333 13.3335 22.533 13.3335 23.9997C13.3335 25.4663 14.5335 26.6663 16.0002 26.6663C17.4668 26.6663 18.6668 25.4663 18.6668 23.9997C18.6668 22.533 17.4668 21.333 16.0002 21.333Z' fill='white'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__controls .plyr__menu .settings-btn svg { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu .settings-btn:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .comfort .plyr--video .plyr__controls .plyr__menu__container { width: 230px; position: absolute; -webkit-box-shadow: 0px 13.1178px 32.7945px rgba(114, 128, 182, 0.2); box-shadow: 0px 13.1178px 32.7945px rgba(114, 128, 182, 0.2); padding: 1.25rem 1rem 1.5625rem 0.875rem; border-radius: 18px; background-color: #fff; opacity: 1; z-index: 11; margin-bottom: 0; } .comfort .plyr--video .plyr__controls .plyr__menu__container > div { -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0s cubic-bezier(0.4, 0, 0.2, 1); } .comfort .plyr--video .plyr__controls .plyr__menu__container::after { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control { width: 100%; height: auto; background-image: none; background-color: transparent; padding: 0.25rem 0 0.25rem 2.5rem; position: relative; z-index: 9; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control::before { position: absolute; content: ''; width: 1.625rem; height: 1.625rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; left: 0; top: 0; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control::after { width: 1.625rem; height: 1.625rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 11px 11px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48242 1.17139L8.86138 8.55035L1.48242 15.9293' stroke='%2314004B' stroke-width='1.63973'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control:first-of-type { margin-bottom: 1rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control:first-of-type::before { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5958 6.99125H21.2344C20.8245 5.10556 19.1847 3.71179 17.2171 3.71179C15.2494 3.71179 13.6097 5.10556 13.1997 6.99125H1.63965V8.63097H13.1997C13.6097 10.5167 15.2494 11.9104 17.2171 11.9104C19.1847 11.9104 20.8245 10.5167 21.2344 8.63097H24.5958V6.99125ZM17.2171 10.2707C15.8233 10.2707 14.7575 9.20488 14.7575 7.81111C14.7575 6.41734 15.8233 5.35152 17.2171 5.35152C18.6108 5.35152 19.6766 6.41734 19.6766 7.81111C19.6766 9.20488 18.6108 10.2707 17.2171 10.2707ZM1.63965 20.1091H5.00109C5.41102 21.9948 7.05075 23.3885 9.01842 23.3885C10.9861 23.3885 12.6258 21.9948 13.0358 20.1091H24.5958V18.4693H13.0358C12.6258 16.5837 10.9861 15.1899 9.01842 15.1899C7.05075 15.1899 5.41102 16.5837 5.00109 18.4693H1.63965V20.1091ZM9.01842 16.8296C10.4122 16.8296 11.478 17.8954 11.478 19.2892C11.478 20.683 10.4122 21.7488 9.01842 21.7488C7.62465 21.7488 6.55883 20.683 6.55883 19.2892C6.55883 17.8954 7.62465 16.8296 9.01842 16.8296Z' fill='%2314004B'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control:last-of-type::before { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8127 16.615L11.1344 14.8604L16.7021 9.97979L17.6941 11.0473L12.8127 16.615ZM20.0578 21.5727C21.8123 19.8182 22.956 17.3774 22.956 14.6317C22.956 9.21732 18.5329 4.79333 13.1177 4.79333C7.70246 4.79333 3.2793 9.21732 3.2793 14.6317C3.2793 17.3782 4.34676 19.8182 6.17752 21.5727L7.54997 20.1994C6.10127 18.7507 5.26255 16.8437 5.26255 14.6325C5.26093 13.6004 5.46299 12.5782 5.85715 11.6243C6.25132 10.6705 6.82983 9.80379 7.55955 9.07393C8.28926 8.34406 9.15583 7.76536 10.1096 7.371C11.0634 6.97664 12.0856 6.77436 13.1177 6.77577C14.1496 6.77436 15.1717 6.97658 16.1253 7.37084C17.079 7.7651 17.9455 8.34365 18.6752 9.07335C19.4049 9.80304 19.9834 10.6695 20.3777 11.6232C20.772 12.5769 20.9742 13.5989 20.9728 14.6309C20.9728 16.7666 20.0578 18.7499 18.6854 20.1986L20.0578 21.5727Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control span { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control { -webkit-transition: none; transition: none; -webkit-animation: none; animation: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__menu__value { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back { padding: 0; margin: 0; position: relative; height: 1.625rem; padding-left: 1.625rem; margin-bottom: 1rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::before { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::after { position: absolute; content: ''; left: 0; width: 1.625rem; height: 1.625rem; border: none; background-size: 11px 11px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37598 16.0098L1.99701 8.6308L9.37598 1.25184' stroke='%2314004B' stroke-width='1.63973'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back span { text-indent: 0; font-size: 0; } .comfort .plyr--video .plyr__controls .plyr__menu__container [role="menu"] { padding: 0; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"], .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] { padding: 0.25rem 0 0.25rem 2rem; margin-bottom: 1rem; } * > .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]:last-child, * > .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]:last-child { margin-bottom: 0; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"] span, .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] span { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::before, .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::before { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::after, .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::after { width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; background-color: #14004B; top: 49%; } .comfort .plyr--video .plyr__controls .plyr__progress__container { width: 100%; grid-area: progress; } .comfort .plyr--video .plyr__controls .plyr__menu__container > div { width: 100% !important; -webkit-transition: none; transition: none; } .comfort .plyr--video .plyr__controls .plyr__progress__buffer { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 0.25rem; } .comfort .plyr--video .plyr__controls .plyr__progress__buffer::-webkit-progress-bar { background: rgba(255, 255, 255, 0.7); border-radius: 4px; z-index: 2; } .comfort .plyr--video .plyr__controls .plyr__progress__buffer::-webkit-progress-value { background: transparent; border-radius: 4px; z-index: 2; } .comfort .plyr--video .plyr__controls [data-plyr="seek"] { color: #4164EE; border-radius: 4px; height: 0.25rem; } .comfort .plyr--video .plyr__controls .plyr__control:hover, .comfort .plyr--video .plyr__controls .plyr__control[aria-expanded=true] { background-color: rgba(0, 0, 0, 0.4); } .comfort .plyr__poster { background: transparent; background-image: url("/bitrix/templates/rowi/static/css/../images/content/comfort-poster.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; z-index: 3; } @media screen and (min-width: 1200px) { .comfort { display: grid; grid-template-areas: 'title title' 'visual list'; grid-template-columns: 38.5rem 18.5rem; grid-column-gap: 4rem; grid-row-gap: 3.5rem; --width: calc(100% - 1032px); margin-bottom: 7rem; padding-bottom: 4rem; } .comfort__title { grid-area: title; line-height: 2.75rem; margin-bottom: 0; } .comfort__player { grid-area: visual; width: 38.5rem; height: 21.6875rem; margin-bottom: 0; } .comfort__info { width: 29.625rem; height: 9.625rem; background-size: 558px 220px; background-position: top -66px left -84px; padding: 1rem 2.625rem; } .comfort__info-logo { width: 3rem; height: 1.25rem; margin-bottom: 0.875rem; } .comfort__info-name { font-size: 2rem; line-height: 2.3125rem; } .comfort .plyr__control--overlaid { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; background-size: 3rem 3rem; } .comfort__list { grid-area: list; position: relative; height: 100%; } .comfort__item { position: absolute; } .comfort__item span { font-weight: 400; } .comfort__item:first-of-type { margin: 0; bottom: -0.5rem; right: 2.1875rem; } .comfort__item:nth-of-type(2) { margin: 0; left: 0; top: 5.6875rem; } .comfort__item:last-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; top: 0; right: 0; } .comfort .plyr--video { position: relative; } .comfort .plyr--video .plyr__control--overlaid.plyr__control:hover { background: #4164EE; background-color: #4164EE; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 1.875rem; background-size: 3rem 3rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); } .comfort .plyr--video .plyr__control--overlaid.plyr__control:hover svg { display: none; -webkit-transition: none; transition: none; -webkit-transform: none; -ms-transform: none; transform: none; } .comfort .plyr--video .plyr__controls { padding-top: 0; grid-template-areas: '... ... ... restart ... ... ...' 'play curTime durTime ... volume fullScreen sets' 'progress progress progress progress progress progress progress'; } .comfort .plyr--video .plyr__controls [data-plyr="restart"] { bottom: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: center; -ms-flex-item-align: center; align-self: center; width: 18.875rem; padding: 0; height: 1.875rem; background-size: 1.875rem 1.875rem; margin: 0; margin-bottom: 12.75rem; } .comfort .plyr--video .plyr__controls [data-plyr="restart"]::after { font-size: 1.75rem; line-height: 2rem; width: 16.25rem; height: 2rem; top: -4px; } .comfort .plyr--video .plyr__controls [data-plyr="play"] { grid-area: play; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls [data-plyr="play"] svg { display: none; } .comfort .plyr--video .plyr__controls [data-plyr="play"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15.8333H8.33333V4.16663H5V15.8333ZM11.6667 4.16663V15.8333H15V4.16663H11.6667Z' fill='white'/%3E%3C/svg%3E%0A"); } .comfort .plyr--video .plyr__controls .plyr__time { display: block; } .comfort .plyr--video .plyr__controls .plyr__menu__container { width: 280px; padding: 2rem 1.375rem 2.5rem 1.5rem; border-radius: 22px; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control:hover { background: transparent; background-color: transparent; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control { padding: 0.25rem 0 0.25rem 3.125rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control::before { width: 2rem; height: 2rem; background-size: 28px 24px; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control::after { width: 2rem; height: 2rem; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control:first-of-type { margin-bottom: 1.25rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control span { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back { height: 2rem; padding-left: 2rem; margin-bottom: 1.25rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::after { width: 2rem; height: 2rem; background-size: 20px 20px; } .comfort .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back span { display: none; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"], .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] { padding: 0.25rem 0 0.25rem 2.3125rem; margin-bottom: 1.25rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"] span, .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] span { font-size: 1.125rem; line-height: 1.5rem; } .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::after, .comfort .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::after { width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; } .comfort .plyr--video .plyr__controls .plyr__progress__container { margin-top: 0.375rem; } } .values { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .values.loaded .values__title, .values.loaded .values__info { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .values.loaded .values__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .values.loaded .values__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .values.loaded .values__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .values.loaded .values__svg { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__line-mask { -webkit-animation: dash 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: dash 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__line-top { -webkit-animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; animation: dash 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.7s; } .values.loaded .values__gallery { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .values__title { margin-bottom: 2.5rem; opacity: 0; } .values__title span { color: #4164EE; } .values__info { opacity: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; margin-bottom: 0.5625rem; } .values__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; } .values__names { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 6.4375rem; padding-bottom: 7rem; position: relative; } .values__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 4.375rem; gap: 2.5rem; z-index: 2; } .values__item { width: auto; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .values__item:first-of-type { background-color: #fff; position: relative; } .values__item:first-of-type::before { position: absolute; content: ''; width: 20px; height: 100%; background-color: #fff; left: -10px; top: 0; z-index: -1; } .values__item span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Stolzl Book", sans-serif; font-size: 2.5rem; line-height: 2.75rem; font-weight: 350; color: #14004B; } .values__svg { width: 18.9375rem; height: 25.4375rem; position: absolute; opacity: 0; } .values__line { position: absolute; top: 0; left: 0; } .values__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: -1; } .values__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeOutStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: -1; } .values__gallery { opacity: 0; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 6.625rem; grid-gap: 1rem 1rem; } .values__photo { width: 100%; height: 100%; border-radius: 0.375rem; } .values__photo:nth-of-type(3) { grid-column: 2 / 3; grid-row: 2 / 4; } .values__photo:nth-of-type(3) .values__frame-image { -o-object-position: -63px top; object-position: -63px top; } .values__photo:last-of-type { display: none; } .values__frame { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; border-radius: 0.375rem; -webkit-mask-image: -webkit-radial-gradient(white, black); } .values__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); border-radius: 0.375rem; } .values__frame:hover { border-radius: 0.375rem; } .values__frame:hover .values__frame-image { will-change: transform; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); border-radius: 0.375rem; } @media screen and (min-width: 1200px) { .values { --width: calc(100% - 1032px); margin-bottom: 7rem; display: grid; grid-template-columns: 17rem 1fr; grid-column-gap: 5rem; grid-template-areas: 'title title' 'names info' 'gallery gallery'; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .values.loaded .values__info { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .values.loaded .values__item:first-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.1s; } .values.loaded .values__item:nth-of-type(2) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__item:nth-of-type(3) { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.3s; } .values.loaded .values__item:last-of-type { -webkit-animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; animation: fadeInBottom 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.4s; } .values.loaded .values__svg { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__line-mask { -webkit-animation: dash 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; animation: dash 0.5s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.2s; } .values.loaded .values__gallery { -webkit-animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; animation: fadeInBottom 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.5s; } .values__title { grid-area: title; align-self: center; text-align: center; margin-bottom: 4.625rem; } .values__info { grid-area: info; gap: 1.625rem; margin-bottom: 0; } .values__list { padding: 0; } .values__description { font-size: 1.125rem; line-height: 1.625rem; max-width: 37rem; } .values__names { grid-area: names; padding-left: 3.1875rem; padding-top: 1.875rem; padding-bottom: 0; } .values__svg { width: 19.0625rem; height: 25.4375rem; position: absolute; left: 0; } .values__gallery { grid-area: gallery; margin-top: 5.5625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625rem; } .values__photo { max-width: 23.875rem; } .values__photo:first-of-type { max-width: 19.5625rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .values__photo:nth-of-type(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 21.3125rem; } .values__photo:nth-of-type(3) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; max-width: 18.125rem; } .values__photo:nth-of-type(3) .values__frame-image { -o-object-position: center; object-position: center; } .values__photo:nth-of-type(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; max-width: 23.875rem; } .values__photo:nth-of-type(5) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; max-width: 21.25rem; } .values__photo:last-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 22.375rem; } .values__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } } .join { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 0; background-color: #F0F3FE; position: relative; } .join__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 4.5rem; } .join__title { margin-bottom: 1.5rem; } .join__title span { color: #4164EE; } .join__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 2.5rem; } .join__btn { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; padding: 0.9375rem 2rem 0.9375rem 2rem; position: relative; background-color: #4164EE; border-radius: 0.375rem; border: none; text-decoration: none; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .join__gallery { width: 100%; display: grid; grid-template-columns: 10.25rem 10.25rem; grid-template-rows: 10.25rem 10.25rem; gap: 1rem 1rem; z-index: 2; } .join__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .join__item:first-of-type { grid-column: 1 / 2; grid-row: 1 / 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .join__item:first-of-type .join__frame { height: 100%; max-height: 17.5rem; } .join__item:nth-of-type(2) { grid-column: 2 / 3; grid-row: 1 / 2; } .join__item:last-of-type { grid-column: 2 / 3; grid-row: 2 / 3; } .join__frame { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0.375rem; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } .join__frame-image { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; border-radius: 0.375rem; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .join__frame:hover .join__frame-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .join__svg { display: none; } @media screen and (min-width: 1200px) { .join { display: grid; grid-template-columns: 24.875rem 20.75rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 1032px); padding: 7rem calc(var(--width) / 2); } .join.loaded .join__svg { -webkit-animation: fadeInStatic 0s linear forwards 0.1s; animation: fadeInStatic 0s linear forwards 0.1s; } .join.loaded .join__line-mask { -webkit-animation: dash 0.4s ease-out forwards 0.1s; animation: dash 0.4s ease-out forwards 0.1s; } .join.loaded .join__line-top { -webkit-animation: dash 0.2s ease-out forwards 0.5s; animation: dash 0.2s ease-out forwards 0.5s; } .join__info { margin-bottom: 0; } .join__title { margin-bottom: 2.5rem; } .join__description { font-family: "Stolzl", sans-serif; font-weight: 400; font-size: 1.125rem; line-height: 1.625rem; margin-bottom: 3.5rem; } .join__btn { font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; } .join__btn:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .join__gallery { grid-template-columns: 9.875rem 9.875rem; grid-template-rows: 9.875rem 9.875rem; } .join__item:first-of-type .join__frame { height: 100%; max-height: 16.875rem; } .join__svg { display: block; opacity: 0; width: 10.125rem; height: 13.8125rem; position: absolute; left: calc((100% - 162px) / 2); top: 10.5rem; } .join__line { position: absolute; top: 0; left: 0; } .join__line-mask { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .join__line-top { fill: none; stroke: #14004B; stroke-linecap: round; stroke-width: 2px; -webkit-animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: undash 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } } .blog { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .blog--media .blog__tag { display: block; } .blog__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.5rem; } .blog__title { margin-bottom: 0; } .blog__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.40625rem 1.5625rem; font-family: "Stolzl Book", sans-serif; font-size: 0.9375rem; line-height: 1.1875rem; font-weight: 350; color: #14004B; background-color: #D0DAFB; letter-spacing: 0.01em; border-radius: 1.875rem; margin-left: 1.125rem; display: none; } .blog__filter { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 3rem; } .blog__filter-block { width: 100%; outline: none; } .blog__filter-block[open] .blog__filter-name { margin-bottom: 0.875rem; } .blog__filter-block[open] .blog__filter-arr { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__filter-name { outline: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.5625rem; font-weight: 400; color: #14004B; padding: 0.625rem 0; text-decoration: none; cursor: pointer; } .blog__filter-name::-webkit-details-marker, .blog__filter-name::marker { display: none; } .blog__filter-arr { display: block; margin-left: 0.25rem; width: 1.5rem; height: 1.5rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.625rem 0.375rem; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%2314004B'/%3E%3C/svg%3E"); } .blog__filter-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem 0.75rem; } .blog__filter-item { width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .blog__filter-btn { font-family: "Stolzl Book", sans-serif; font-size: 0.9375rem; line-height: 1.1875rem; font-weight: 350; color: #14004B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; padding: 0.40625rem 1.5625rem; border: none; border-radius: 1.875rem; background-color: #F0F2FF; cursor: pointer; outline: none; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__filter-btn:active { background-color: #D0DAFB; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__filter-btn.pressed { background-color: #D0DAFB; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; margin-bottom: 1.5rem; } .blog__item { width: 100%; display: grid; grid-template-columns: 1fr 6.25rem; grid-template-rows: minmax(-webkit-min-content, 22px); grid-template-rows: minmax(min-content, 22px); grid-template-areas: 'info image' 'tags image'; grid-column-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding-bottom: 2rem; border-bottom: 0.0625rem solid #e3e3e3; } .blog__item:last-of-type { border-bottom: none; } .blog__info { grid-area: info; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-decoration: none; } .blog__date { font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 350; color: rgba(20, 0, 75, 0.6); margin-bottom: 0.5rem; } .blog__link { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 500; color: #14004B; text-decoration: none; text-align: left; margin-bottom: 1.5rem; letter-spacing: 0.4px; } .blog__description { display: none; } .blog__tags { grid-area: tags; width: 100%; max-width: 14.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem 0.5rem; position: relative; } .blog__tags.closed .blog__tags-item:not(:first-of-type) { display: none; } .blog__tags.closed .blog__tags-opener { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog__tags-item { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 350; color: #14004B; text-decoration: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; } .blog__tags-opener { display: block; width: auto; font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 350; color: #14004B; border: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; cursor: pointer; outline: none; display: none; } .blog__imagelink { grid-area: image; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.25rem; height: 6.25rem; } .blog__frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.25rem; height: 6.25rem; border-radius: 0.5rem; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } .blog__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__frame:hover .blog__frame-image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog .nav_wrap { width: 100%; } .blog__load { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #14004B; padding: 0.8125rem 0; letter-spacing: 0.02em; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; outline: none; background-color: #fff; border: 0.125rem solid #14004B; border-radius: 0.375rem; } @media screen and (min-width: 1200px) { .blog { display: grid; grid-template-areas: 'title title' 'list filter' 'btn ...'; grid-template-columns: 1fr 10rem; grid-column-gap: 6.5rem; grid-row-gap: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; --width: calc(100% - 1032px); padding-top: 7.1875rem; margin-bottom: 7rem; } .blog__head { grid-area: title; margin-bottom: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .blog__tag { padding: 0.25rem 0.5625rem; margin-top: 0.5625rem; font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.02em; } .blog__filter { grid-area: filter; margin-bottom: 0; } .blog__filter-block { width: 100%; outline: none; } .blog__filter-block[open] .blog__filter-name { visibility: hidden; pointer-events: none; -webkit-transition: none; transition: none; } .blog__filter-name { visibility: hidden; pointer-events: none; } .blog__filter-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.75rem 0rem; } .blog__filter-btn:hover, .blog__filter-btn:focus { background-color: #DEE5FC; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .blog__list { grid-area: list; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0; margin-bottom: 3.5rem; } .blog__item { grid-template-columns: 1fr 11.875rem; grid-template-rows: minmax(-webkit-min-content, 22px); grid-template-rows: minmax(min-content, 22px); grid-column-gap: 7.375rem; padding-bottom: 3.5rem; padding-top: 3.5rem; } .blog__date { margin-bottom: 1rem; } .blog__link { font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 0.5rem; letter-spacing: 0.02em; } .blog__description { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 1.5rem; } .blog__tags { max-width: 28.75rem; } .blog__tags.closed .blog__tags-item:not(:first-of-type) { display: -webkit-box; display: -ms-flexbox; display: flex; } .blog__tags.closed .blog__tags-opener { display: none; } .blog__imagelink { width: 11.875rem; height: 10.125rem; } .blog__frame { width: 11.875rem; height: 10.125rem; } .blog .nav_wrap { grid-area: btn; } .blog__load { font-size: 1.125rem; line-height: 1.375rem; width: auto; max-width: 12.125rem; padding: 0.9375rem 1.375rem; -ms-flex-item-align: start; align-self: start; } } .article { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem 0 3.5rem 0; margin-bottom: 3rem; } .article__break { margin-bottom: 1rem; } .article__return { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1rem; font-weight: 400; color: #4164EE; letter-spacing: 0.02em; -ms-flex-item-align: start; align-self: flex-start; padding: 1rem 1.25rem 1rem 1.625rem; margin-bottom: 1.625rem; position: relative; text-decoration: none; outline: none; --width: calc(100% - 343px); margin-left: calc(var(--width) / 2); } .article__return::before { position: absolute; content: ''; width: 1rem; height: 1rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.375rem 0.6875rem; background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 12.3333L1.33464 6.99992L6.66797 1.66659' stroke='%234164EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article__date { -ms-flex-item-align: start; align-self: flex-start; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 400; color: rgba(20, 0, 75, 0.6); margin-bottom: 1.5rem; --width: calc(100% - 343px); margin-left: calc(var(--width) / 2); } .article__title, .article h1 { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.8125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.2px; margin-bottom: 2rem; width: 100%; max-width: 21.4375rem; } .article__definition, .article dfn { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.3125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.02em; margin-bottom: 2rem; font-style: normal; width: 100%; max-width: 21.4375rem; } .article__subtitle, .article h2 { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.3125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.02em; margin-bottom: 1.5rem; font-style: normal; width: 100%; max-width: 21.4375rem; } .article h3 { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.3125rem; font-weight: 400; color: #14004B; letter-spacing: 0.02em; margin-bottom: 1.5rem; text-align: left; width: 100%; max-width: 21.4375rem; } .article h4 { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.02em; margin-bottom: 1.5rem; text-align: left; width: 100%; max-width: 21.4375rem; } .article__text { width: 100%; max-width: 21.4375rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.02em; margin-bottom: 1rem; } .article__text b { font-family: "Stolzl", sans-serif; font-weight: 500; } .article__link { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #4164EE; text-align: left; letter-spacing: 0.02em; } .article__thesis { width: 100%; max-width: 21.4375rem; position: relative; padding: 1rem 1rem 1rem 1.25rem; margin-bottom: 2rem; font-family: "Stolzl Book", sans-serif; font-size: 1rem; line-height: 1.8125rem; display: block; font-weight: 350; color: #14004B; } .article__thesis::before { position: absolute; content: ''; width: 0.25rem; height: 100%; background-color: #4164EE; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 2px 0px 0px 2px; } .article__video { width: 100%; max-width: 21.4375rem; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-bottom: 60.05830903790087%; border-radius: 0.375rem; overflow: hidden; margin-bottom: 2rem; } .article__video-player { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; -o-object-fit: cover; object-fit: cover; border-radius: 0.375rem; } .article__video-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3.5rem; height: 3.5rem; background-color: rgba(0, 0, 0, 0.32); border-radius: 0.5rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.1875rem 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.11751 0.52351C3.45183 -0.937202 0.195312 0.991722 0.195312 4.03138V15.3419C0.195312 18.3816 3.45184 20.3105 6.11752 18.8498L16.4379 13.1945C19.2083 11.6764 19.2083 7.69688 16.4379 6.17878L6.11751 0.52351Z' fill='white'/%3E%3C/svg%3E"); } .article__quote { position: relative; width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: rgba(52, 86, 255, 0.04); border-radius: 1rem; margin-top: 3.75rem; margin-bottom: 7rem; padding: 5.25rem 1.5rem 1.5rem 1.5rem; } .article__quote-frame { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.875rem; height: 6.875rem; border-radius: 12.5rem; overflow: hidden; position: absolute; top: -3.75rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .article__quote-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .article__quote p { margin-bottom: 1.5rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.02em; } .article__quote-name { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.8125rem; font-weight: 700; color: #14004B; letter-spacing: 0.02em; } .article__quote-title { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; letter-spacing: 0.02em; } .article__gallery { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2rem; } .article__gallery-frame { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.5rem; border-radius: 0.375rem; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } .article__gallery:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__gallery-image, .article__gallery img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__gallery-caption { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #14004B; letter-spacing: 0.02em; } .article__list { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; margin-bottom: 2rem; } .article__list li { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; padding-left: 2.5rem; } .article__list li::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.03125rem 0.79688rem; background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1032 0.954901C15.2056 0.85045 15.3278 0.767472 15.4626 0.710825C15.5975 0.654178 15.7422 0.625 15.8885 0.625C16.0347 0.625 16.1795 0.654178 16.3144 0.710825C16.4492 0.767472 16.5714 0.85045 16.6737 0.954901C17.1027 1.3884 17.1087 2.0889 16.6887 2.5299L7.81924 13.0149C7.71854 13.1255 7.59633 13.2144 7.46011 13.2761C7.32388 13.3378 7.17648 13.3711 7.02695 13.3739C6.87741 13.3767 6.72888 13.349 6.59042 13.2924C6.45197 13.2358 6.32652 13.1516 6.22174 13.0449L0.824738 7.5759C0.616594 7.36363 0.5 7.07819 0.5 6.7809C0.5 6.48361 0.616594 6.19817 0.824738 5.9859C0.927107 5.88145 1.04929 5.79847 1.18412 5.74182C1.31896 5.68518 1.46374 5.656 1.60999 5.656C1.75624 5.656 1.90102 5.68518 2.03586 5.74182C2.17069 5.79847 2.29287 5.88145 2.39524 5.9859L6.97324 10.6254L15.0732 0.987901C15.0826 0.976309 15.0926 0.965289 15.1032 0.954901Z' fill='%2314004B'/%3E%3C/svg%3E"); left: 0; top: 0; } .article__list li p { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.02em; } .article__list .article__text { margin: 0; } .article__slider { width: 100%; max-width: 21.4375rem; margin-bottom: 2rem; position: relative; } .article__slider .swiper-wrapper { margin-bottom: 1.125rem; } .article__slider-item { border-radius: 0.375rem; width: 100%; } .article__slider-frame { width: 100%; height: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 60.05830903790087%; overflow: hidden; } .article__slider-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; -o-object-fit: cover; object-fit: cover; } .article__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% !important; z-index: 10; } .article__pagination .swiper-pagination-bullet { width: 2rem; height: 0.25rem; background-color: #fff; border: 0.0625rem solid rgba(20, 0, 75, 0.24); border-radius: 0.125rem; margin: 0 0.25rem; opacity: 1; } .article__pagination .swiper-pagination-bullet-active { border: none; background-color: rgba(20, 0, 75, 0.24); -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); opacity: 1; } .article__prev, .article__next { position: absolute; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.75rem; height: 2.75rem; background-color: rgba(0, 0, 0, 0.32); border-radius: 0.5rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.5rem 1rem; z-index: 2; } .article__prev { background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17.5063L1 9.50635L9 1.50635' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); left: 0.5rem; } .article__next { background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.50635L9 9.50635L1 17.5063' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); right: 0.5rem; } .article__tags { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem 0.5rem; position: relative; margin-bottom: 2.5rem; } .article__tags.closed .article__tags-item:not(:first-of-type) { display: none; } .article__tags.closed .article__tags-opener { display: -webkit-box; display: -ms-flexbox; display: flex; } .article__tags-item { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 400; color: #14004B; text-decoration: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; } .article__tags-opener { display: block; width: auto; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 0.875rem; font-weight: 400; color: #14004B; border: none; padding: 0.25rem 0.5rem; letter-spacing: 0.02em; background-color: #D0DAFB; border-radius: 6.25rem; cursor: pointer; outline: none; display: none; } .article__share { width: 100%; max-width: 21.4375rem; outline: none; position: relative; } .article__share[open] .article__share-arr { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__share-name { outline: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: rgba(20, 0, 75, 0.6); padding: 0.75rem 1rem; text-decoration: none; cursor: pointer; } .article__share-name::-webkit-details-marker, .article__share-name::marker { display: none; } .article__share-arr { width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1301 0.277196C12.0172 0.171311 11.8757 0.100763 11.7232 0.0742377C11.5707 0.0477129 11.4138 0.0663698 11.2717 0.127911C11.1297 0.189452 11.0087 0.291191 10.9238 0.4206C10.8388 0.550009 10.7936 0.701438 10.7936 0.856241V4.33051C10.5663 4.33559 10.3015 4.34956 10.0063 4.37622C9.0317 4.46638 7.71044 4.71019 6.33902 5.33177C3.54411 6.59843 0.671746 9.37874 0.0050823 15.2111C-0.0130728 15.3708 0.017666 15.5322 0.0932334 15.674C0.168801 15.8158 0.285636 15.9313 0.428288 16.0053C0.57094 16.0793 0.732686 16.1082 0.892136 16.0883C1.05159 16.0683 1.20123 16.0005 1.32127 15.8936C4.07363 13.4467 6.65267 12.3933 8.51869 11.9451C9.26417 11.7619 10.0264 11.6555 10.7936 11.6276V15.1419C10.7936 15.2967 10.8388 15.4481 10.9238 15.5775C11.0087 15.7069 11.1297 15.8087 11.2717 15.8702C11.4138 15.9318 11.5707 15.9504 11.7232 15.9239C11.8757 15.8974 12.0172 15.8268 12.1301 15.7209L19.7491 8.57811C19.8283 8.50388 19.8914 8.41419 19.9346 8.31459C19.9777 8.215 20 8.1076 20 7.99906C20 7.89052 19.9777 7.78313 19.9346 7.68353C19.8914 7.58393 19.8283 7.49425 19.7491 7.42002L12.1301 0.277196ZM11.4958 5.9305L11.5085 5.93177H11.5098C11.6201 5.94267 11.7308 5.93036 11.836 5.89563C11.9412 5.8609 12.038 5.80452 12.1201 5.73012C12.2022 5.65571 12.2679 5.56494 12.3128 5.46363C12.3577 5.36233 12.3809 5.25275 12.3809 5.14193V2.68798L18.0456 7.99906L12.3809 13.3101V10.8562C12.3809 10.4562 12.0926 10.1197 11.6857 10.0689H11.6838L11.6812 10.0683L11.6749 10.0676L11.6571 10.0657C11.5705 10.0572 11.4837 10.0508 11.3968 10.0467C11.226 10.0378 10.9828 10.0327 10.6768 10.0429C9.82396 10.0782 8.97681 10.1986 8.1479 10.4022C6.44632 10.8105 4.27554 11.6536 1.93968 13.3565C2.88316 9.4962 5.02728 7.6689 6.99362 6.77748C8.1625 6.24796 9.30154 6.0359 10.1523 5.95717C10.5765 5.9178 10.9244 5.91272 11.1625 5.91653C11.2737 5.91812 11.3849 5.92278 11.4958 5.9305Z' fill='%2314004B' fill-opacity='0.6'/%3E%3C/svg%3E"); background-size: 1.25rem 1.0625rem; background-repeat: no-repeat; margin-left: 0.5rem; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__share-inner { width: 100%; position: absolute; max-width: 17.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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #fff; padding: 2rem 1.5rem 2.5rem 1.5rem; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.2); border-radius: 22px; right: 0; gap: 1.25rem; z-index: 4; } .article__share-inner li { width: 100%; height: auto; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .article__share-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.4375rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; padding: 0.28125rem 0 0.28125rem 3rem; background-color: transparent; border: none; cursor: pointer; outline: none; position: relative; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__share-btn::before { position: absolute; content: ''; width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article__share-btn[data-share="tg"]::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00907 6.11042C6.20858 4.30404 9.00891 3.11317 10.4101 2.5378C14.4106 0.894994 15.2419 0.609621 15.7837 0.600198C15.9029 0.598126 16.1694 0.627283 16.342 0.765551C16.4877 0.882301 16.5278 1.04001 16.547 1.15071C16.5662 1.2614 16.5901 1.51356 16.5711 1.71059C16.3543 3.95946 15.4162 9.41688 14.939 11.9357C14.7371 13.0014 14.3394 13.3588 13.9545 13.3938C13.1179 13.4698 12.4827 12.8479 11.6725 12.3236C10.4046 11.503 9.68831 10.9923 8.45762 10.1916C7.03534 9.26624 7.95734 8.75766 8.7679 7.9265C8.98002 7.70898 12.6659 4.39904 12.7373 4.09878C12.7462 4.06122 12.7545 3.92124 12.6702 3.84733C12.586 3.77342 12.4617 3.79869 12.372 3.81879C12.2448 3.84729 10.2194 5.169 6.29562 7.78392C5.7207 8.17368 5.19996 8.36358 4.73339 8.35363C4.21904 8.34266 3.22963 8.06651 2.49411 7.83046C1.59196 7.54094 0.874948 7.38787 0.937384 6.89617C0.969904 6.64007 1.32713 6.37815 2.00907 6.11042Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.0625rem 0.875rem; } .article__share-btn[data-share="vk"]::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.19282 1.19282C0 2.38564 0 4.30547 0 8.1451V8.85337C0 12.693 0 14.6128 1.19282 15.8056C2.38564 16.9985 4.30546 16.9985 8.1451 16.9985H8.85337C12.693 16.9985 14.6128 16.9985 15.8056 15.8056C16.9985 14.6128 16.9985 12.693 16.9985 8.85337V8.1451C16.9985 4.30547 16.9985 2.38564 15.8056 1.19282C14.6128 0 12.693 0 8.85337 0H8.1451C4.30546 0 2.38564 0 1.19282 1.19282ZM3.36257 5.31247H4.60232C4.91917 5.31247 5.03837 5.45111 5.15718 5.79434C5.76353 7.5602 6.78588 9.10345 7.20617 9.10345C7.36376 9.10345 7.43608 9.03089 7.43608 8.63072V6.80543C7.40761 6.28587 7.22607 6.06118 7.0916 5.89475C7.00856 5.79198 6.94347 5.71142 6.94347 5.59737C6.94347 5.45873 7.06197 5.31247 7.25894 5.31247H9.20714C9.46987 5.31247 9.56135 5.45292 9.56135 5.7681V8.22364C9.56135 8.48623 9.67541 8.57816 9.75421 8.57816C9.91183 8.57816 10.0432 8.48623 10.3322 8.19736C11.2253 7.19937 11.8557 5.66299 11.8557 5.66299C11.9345 5.47919 12.0799 5.31247 12.3951 5.31247H13.6349C14.0098 5.31247 14.0886 5.50544 14.0098 5.7681C13.8522 6.49029 12.3417 8.61758 12.3417 8.61758C12.2103 8.82765 12.1578 8.93272 12.3417 9.16908C12.4064 9.25972 12.5446 9.39503 12.7027 9.54985C12.8653 9.70907 13.0489 9.88892 13.1954 10.062C13.728 10.661 14.1293 11.1663 14.2411 11.5145C14.3433 11.864 14.1662 12.041 13.812 12.041H12.5722C12.2402 12.041 12.073 11.8551 11.7117 11.4533C11.5585 11.2829 11.3705 11.0738 11.1202 10.8236C10.3847 10.1145 10.0695 10.0226 9.88556 10.0226C9.63603 10.0226 9.56138 10.0933 9.56138 10.4474V11.559C9.56138 11.864 9.46389 12.041 8.67583 12.041C7.36238 12.041 5.919 11.2438 4.89452 9.77312C3.35781 7.61959 2.9375 5.99131 2.9375 5.66299C2.9375 5.47919 3.00835 5.31247 3.36257 5.31247Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.0625rem 1.0625rem; } .article__share-btn[data-share="copy"]::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.28784 11.0573C8.7985 9.54663 11.4332 9.54663 12.9438 11.0573L13.8865 12L15.7718 10.1146L14.8292 9.17196C13.5718 7.91329 11.8972 7.21863 10.1158 7.21863C8.3345 7.21863 6.65984 7.91329 5.4025 9.17196L2.57317 12C1.32556 13.2516 0.625 14.9467 0.625 16.714C0.625 18.4812 1.32556 20.1763 2.57317 21.428C3.19167 22.0473 3.92646 22.5384 4.73533 22.8729C5.54419 23.2075 6.41119 23.3789 7.2865 23.3773C8.16205 23.3791 9.02932 23.2078 9.83844 22.8733C10.6476 22.5388 11.3826 22.0476 12.0012 21.428L12.9438 20.4853L11.0585 18.6L10.1158 19.5426C9.36446 20.2906 8.3474 20.7106 7.28717 20.7106C6.22694 20.7106 5.20988 20.2906 4.4585 19.5426C3.70984 18.7916 3.28945 17.7744 3.28945 16.714C3.28945 15.6535 3.70984 14.6363 4.4585 13.8853L7.28784 11.0573Z' fill='%2314004B'/%3E%3Cpath d='M12.0011 2.57195L11.0585 3.51462L12.9438 5.39995L13.8865 4.45728C14.6378 3.70927 15.6549 3.28932 16.7151 3.28932C17.7754 3.28932 18.7924 3.70927 19.5438 4.45728C20.2925 5.20831 20.7129 6.22551 20.7129 7.28595C20.7129 8.34639 20.2925 9.36359 19.5438 10.1146L16.7145 12.9426C15.2038 14.4533 12.5691 14.4533 11.0585 12.9426L10.1158 12L8.23047 13.8853L9.17314 14.828C10.4305 16.0866 12.1051 16.7813 13.8865 16.7813C15.6678 16.7813 17.3425 16.0866 18.5998 14.828L21.4291 12C22.6767 10.7483 23.3773 9.05317 23.3773 7.28595C23.3773 5.51873 22.6767 3.82357 21.4291 2.57195C20.1779 1.32369 18.4826 0.622681 16.7151 0.622681C14.9477 0.622681 13.2524 1.32369 12.0011 2.57195V2.57195Z' fill='%2314004B'/%3E%3C/svg%3E"); background-size: 1.42188rem 1.42188rem; } .article__share-btn:hover { color: #4164EE; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .article__tablewrap { width: 100%; margin-bottom: 2rem; } .article__tablewrap h3 { --width: calc(100% - 343px); margin-left: calc(var(--width) / 2); } .article__table { overflow-x: scroll; --width: calc(100% - 343px); padding-left: calc(var(--width) / 2); } @media screen and (min-width: 1200px) { .article { padding-top: 5.6875rem; margin-bottom: 7rem; } .article__break { margin-bottom: 2rem; } .article__return { margin-bottom: 4.5rem; --width: calc(100% - 680px); } .article__date { margin-bottom: 1.75rem; --width: calc(100% - 680px); } .article__title, .article h1 { max-width: 42.5rem; font-size: 2.25rem; line-height: 2.9375rem; font-weight: 500; margin-bottom: 4.5rem; } .article__definition, .article dfn { max-width: 42.5rem; font-size: 2rem; line-height: 3.125rem; margin-bottom: 3.5rem; } .article__subtitle, .article h2 { max-width: 42.5rem; font-size: 2rem; line-height: 3.125rem; margin-bottom: 2.5rem; } .article h3 { max-width: 42.5rem; font-size: 1.125rem; line-height: 2rem; font-weight: 500; margin-bottom: 2.5rem; } .article h4 { max-width: 42.5rem; font-size: 1rem; line-height: 1.8125rem; font-weight: 500; margin-bottom: 2.5rem; } .article__text { max-width: 42.5rem; font-size: 1rem; line-height: 1.8125rem; margin-bottom: 1.5rem; } .article__link { font-size: 1rem; line-height: 1.8125rem; } .article__thesis { max-width: 42.5rem; padding: 1rem 5.25rem 1rem 7.625rem; margin-bottom: 3.5rem; font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0.03em; } .article__thesis::before { left: 5.25rem; } .article__video { max-width: 42.5rem; max-height: 25.5rem; height: 100%; margin-bottom: 3.5rem; padding: 0; } .article__video-player { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .article__quote { max-width: 42.5rem; margin-bottom: 3.5rem; padding: 5.75rem 3rem 3.5rem 3rem; } .article__quote p { font-size: 1.25rem; line-height: 2.25rem; letter-spacing: 0.03em; } .article__gallery { max-width: 42.5rem; margin-bottom: 3.5rem; } .article__gallery-frame { margin-bottom: 0.75rem; } .article__list { max-width: 42.5rem; gap: 1.5rem; margin-bottom: 3.5rem; } .article__list li { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .article__list li p { font-size: 1rem; line-height: 1.625rem; } .article__list .article__text { margin: 0; } .article__slider { max-width: 42.5rem; margin-bottom: 3.5rem; } .article__slider .swiper-wrapper { margin-bottom: 0.875rem; } .article__slider-frame { margin-bottom: 0.75rem; height: 100%; max-height: 24.375rem; padding: 0; } .article__slider-image { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .article__prev, .article__next { top: 47%; width: 3.5rem; height: 3.5rem; cursor: pointer; outline: none; } .article__prev { left: 1rem; } .article__next { right: 1rem; } .article__tags { max-width: 42.5rem; margin-bottom: 7.5rem; } .article__tags.closed .article__tags-item:not(:first-of-type) { display: -webkit-box; display: -ms-flexbox; display: flex; } .article__tags.closed .article__tags-opener { display: none; } .article__share { max-width: 42.5rem; } .article__share-inner { right: -22%; } .article__tablewrap h3 { --width: calc(100% - 680px); } .article__table { --width: calc(100% - 680px); max-width: 42.5rem; -ms-flex-item-align: center; align-self: center; overflow-x: visible; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .article__table::-webkit-scrollbar { display: none; } } @media screen and (min-width: 1440px) { .article__tags { margin-bottom: 5rem; } } @media screen and (min-width: 1920px) { .article__tags { margin-bottom: 2.5rem; } } .table { width: 100%; } .table thead { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.5rem; width: 100%; border-bottom: 0.0625rem solid #4164EE; } .table thead tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; width: 100%; border-bottom: none; padding: 0; } .table tbody { width: 100%; } .table .table__row { border-bottom: none; padding-bottom: 0; } .table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; width: 100%; padding: 0.76563rem 0.5rem; border-bottom: 0.0625rem solid #4164EE; } .table tr:last-of-type { border-bottom: none; } .table__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 2rem; font-weight: 400; color: #14004B; min-width: 8.125rem; width: 100%; } .table__cell { width: 100%; min-width: 8.125rem; font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 400; color: #14004B; } .table__cell--title { width: 100%; font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 500; } @media screen and (min-width: 1200px) { .table thead { padding: 0.75rem 0.5rem; } .table thead tr { gap: 1.53125rem; } .table tr { padding: 0.75rem 0.5rem; } .table__head { line-height: 1.25rem; min-width: 7.125rem; } .table__cell { min-width: 7.125rem; } .table__cell--title { display: none; } .table .table__row { display: none; padding: 0; } } .popup-order { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.48); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; display: none; } .popup-order.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-order.form_wrap.submitted .popup-order__description { margin-bottom: 0; } .popup-order__wrapper { position: relative; width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; border-radius: 0.625rem; padding: 1.5rem 1rem 2.5rem 1rem; } .popup-order__closer { position: absolute; top: 1rem; right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.348783 0.340519C0.641677 0.0476263 1.11655 0.0476263 1.40944 0.34052L6.00561 4.93669L10.5963 0.346041C10.8892 0.0531493 11.3641 0.0531518 11.657 0.346047C11.9499 0.638941 11.9499 1.11382 11.657 1.40671L7.06627 5.99735L11.657 10.588C11.9499 10.8809 11.9499 11.3558 11.657 11.6487C11.3641 11.9416 10.8892 11.9416 10.5963 11.6487L6.00561 7.058L1.40386 11.6597C1.11097 11.9526 0.636094 11.9526 0.343202 11.6597C0.0503106 11.3668 0.0503131 10.8919 0.343208 10.599L4.94495 5.99734L0.348783 1.40118C0.0558901 1.10829 0.0558901 0.633413 0.348783 0.340519Z' fill='%2314004B'/%3E%3C/svg%3E"); background-color: transparent; border: none; z-index: 2; } .popup-order__title { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 2.5rem; } .popup-order__description { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 3.5rem; } .popup-order .order-form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .popup-order .order-form__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; margin-bottom: 3rem; } .popup-order .order-form__item { width: 100%; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .popup-order .order-form__input { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; width: 100%; background-color: transparent; border: none; border-bottom: 0.0625rem solid #14004B; padding: 0; padding-bottom: 1rem; cursor: text; outline: none; } .popup-order .order-form__input::-webkit-input-placeholder { color: #14004B; } .popup-order .order-form__input::-moz-placeholder { color: #14004B; } .popup-order .order-form__input:-ms-input-placeholder { color: #14004B; } .popup-order .order-form__input:-moz-placeholder { color: #14004B; } .popup-order .order-form__input.error { border-color: #ED3636; } .popup-order .order-form__textarea { display: block; resize: none; font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; width: 100%; background-color: transparent; border: none; border-bottom: 0.0625rem solid #14004B; padding: 0; height: 2.4375rem; cursor: text; outline: none; } .popup-order .order-form__textarea::-webkit-input-placeholder { color: #14004B; } .popup-order .order-form__textarea::-moz-placeholder { color: #14004B; } .popup-order .order-form__textarea:-ms-input-placeholder { color: #14004B; } .popup-order .order-form__textarea:-moz-placeholder { color: #14004B; } .popup-order .order-form__error { font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1.1875rem; font-weight: 400; color: #ED3636; } .popup-order .order-form__error.hidden { visibility: hidden; opacity: 0; display: none; } .popup-order .order-form__submit { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; background-color: #4164EE; border: none; border-radius: 0.375rem; padding: 0.9375rem 0; cursor: pointer; outline: none; margin-bottom: 1rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-order .order-form__submit:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-order .order-form__agree { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 1rem; font-weight: 500; color: #14004B; text-align: left; letter-spacing: 0.01em; } .popup-order .order-form__agree a { color: #4164EE; text-decoration: none; } @media screen and (min-width: 1200px) { .popup-order__wrapper { max-width: 44.625rem; -webkit-box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); padding: 3rem 11.875rem 3.5rem 4rem; overflow: hidden; } .popup-order__closer { top: 2rem; right: 2rem; width: 2rem; height: 2rem; background-size: 60%; cursor: pointer; outline: none; z-index: 2; } .popup-order__title { font-weight: 500; font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 1rem; max-width: 100%; } .popup-order__description { font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 3rem; } .popup-order .order-form { max-width: 28.75rem; } .popup-order .order-form__list { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1.5rem; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .popup-order .order-form__item:first-of-type { grid-column: 1 / 3; } .popup-order .order-form__item:nth-of-type(2) { grid-column: 1 / 2; } .popup-order .order-form__item:nth-of-type(3) { grid-column: 2 / 3; } .popup-order .order-form__item:last-of-type { grid-column: 1 / 3; } .popup-order .order-form__input { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; padding-bottom: 1.125rem; border-width: 0.125rem; } .popup-order .order-form__textarea { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; height: 2.5rem; border-width: 0.125rem; } .popup-order .order-form__submit { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; margin-bottom: 0rem; } .popup-order .order-form__submit:focus, .popup-order .order-form__submit:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-order .order-form__agree { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-family: "Stolzl Book", sans-serif; font-weight: 350; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 3rem; } } .popup-policy { width: 100%; max-width: 21.4375rem; position: fixed; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 1rem; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.4); box-shadow: 0px 16px 40px rgba(114, 128, 182, 0.4); border-radius: 0.625rem; padding: 1.5rem 1rem 2rem 1rem; z-index: 10; } .popup-policy__description { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 350; color: #14004B; text-align: left; margin-bottom: 1.5rem; } .popup-policy__description a { color: #4164EE; text-decoration: none; } .popup-policy__description a:focus { text-decoration: underline; } .popup-policy__closer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #14004B; background-color: #fff; border: 0.125rem solid #14004B; border-radius: 0.375rem; padding: 0.8125rem 0; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); cursor: pointer; outline: none; } .popup-policy__closer:active { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .popup-policy { --width: calc(100% - 1032px); max-width: 39.625rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 1.375rem; padding: 1.5rem 2rem; } .popup-policy__description { margin-bottom: 0; padding-right: 0; } .popup-policy__description a:hover { text-decoration: underline; } .popup-policy__closer { width: auto; padding: 0.4375rem 1.375rem; } .popup-policy__closer:hover, .popup-policy__closer:focus { background-color: #F0F3FE; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .popup-callback { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.48); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; display: none; } .popup-callback.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-callback.form_wrap.submitted .popup-order__description { margin-bottom: 0; } .popup-callback__wrapper { position: relative; width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; border-radius: 0.625rem; padding: 1.5rem 1rem 2.5rem 1rem; } .popup-callback__closer { position: absolute; top: 1rem; right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 70%; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.348783 0.340519C0.641677 0.0476263 1.11655 0.0476263 1.40944 0.34052L6.00561 4.93669L10.5963 0.346041C10.8892 0.0531493 11.3641 0.0531518 11.657 0.346047C11.9499 0.638941 11.9499 1.11382 11.657 1.40671L7.06627 5.99735L11.657 10.588C11.9499 10.8809 11.9499 11.3558 11.657 11.6487C11.3641 11.9416 10.8892 11.9416 10.5963 11.6487L6.00561 7.058L1.40386 11.6597C1.11097 11.9526 0.636094 11.9526 0.343202 11.6597C0.0503106 11.3668 0.0503131 10.8919 0.343208 10.599L4.94495 5.99734L0.348783 1.40118C0.0558901 1.10829 0.0558901 0.633413 0.348783 0.340519Z' fill='%2314004B'/%3E%3C/svg%3E"); background-color: transparent; border: none; z-index: 2; } .popup-callback__title { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 3.5rem; } .popup-callback__description { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.01em; } .popup-callback .callback-form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .popup-callback .callback-form__item { width: 100%; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 3rem; } .popup-callback .callback-form__input { font-family: "Stolzl", sans-serif; font-size: 1rem; line-height: 1.375rem; font-weight: 400; color: #14004B; width: 100%; background-color: transparent; border: none; border-bottom: 0.0625rem solid #14004B; padding: 0; padding-bottom: 1rem; cursor: text; outline: none; } .popup-callback .callback-form__input::-webkit-input-placeholder { color: #14004B; } .popup-callback .callback-form__input::-moz-placeholder { color: #14004B; } .popup-callback .callback-form__input:-ms-input-placeholder { color: #14004B; } .popup-callback .callback-form__input:-moz-placeholder { color: #14004B; } .popup-callback .callback-form__input.error { border-color: #ED3636; } .popup-callback .callback-form__error { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 350; color: #ED3636; position: absolute; bottom: -1.5rem; left: 0; } .popup-callback .callback-form__error.hidden { visibility: hidden; opacity: 0; } .popup-callback .callback-form__submit { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; background-color: #4164EE; border: none; border-radius: 0.375rem; padding: 0.9375rem 0; cursor: pointer; outline: none; margin-bottom: 1rem; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-callback .callback-form__submit:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-callback .callback-form__agree { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 1rem; font-weight: 500; color: #14004B; text-align: left; letter-spacing: 0.01em; } .popup-callback .callback-form__agree a { color: #14004B; text-decoration: underline; } @media screen and (min-width: 1200px) { .popup-callback__wrapper { width: 100%; max-width: 51.6875rem; -webkit-box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); padding: 3rem 15.875rem 3.5rem 4rem; overflow: hidden; } .popup-callback__closer { top: 2rem; right: 2rem; width: 2rem; height: 2rem; background-size: 60%; cursor: pointer; outline: none; } .popup-callback__title { font-weight: 500; font-size: 1.5rem; line-height: 1.8125rem; max-width: 100%; margin-bottom: 3rem; } .popup-callback__description { font-size: 0.875rem; line-height: 1.375rem; } .popup-callback .callback-form { max-width: 27rem; } .popup-callback .callback-form__item { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1.5rem; } .popup-callback .callback-form__input { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; padding-bottom: 1.125rem; border-width: 0.125rem; max-width: 24.625rem; } .popup-callback .callback-form__submit { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: auto; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; margin-bottom: 0rem; } .popup-callback .callback-form__submit:focus, .popup-callback .callback-form__submit:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-callback .callback-form__agree { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-family: "Stolzl Book", sans-serif; font-weight: 350; font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 3rem; max-width: 31.375rem; } } .popup-video { position: fixed; width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.88); top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: none; } .popup-video.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-video__wrapper { max-width: 21.4375rem; width: 100%; opacity: 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: fadeInBottom 0.333s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: fadeInBottom 0.333s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; position: relative; } .popup-video__player { width: 100%; height: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; aspect-ratio: 16 / 9; } .popup-video__content { width: 100%; height: 100%; aspect-ratio: 16 / 9; -o-object-fit: contain; object-fit: contain; } .popup-video__closer { position: absolute; top: -2.625rem; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #fff; letter-spacing: 0.01em; background-color: transparent; border: none; padding: 0.75rem 1.875rem 0.75rem 0; cursor: pointer; outline: none; } .popup-video__closer::after { position: absolute; content: ''; width: 1.25rem; height: 1.25rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white' fill-opacity='0.4'/%3E%3Cpath d='M14.5154 6.39339L13.6056 5.48364L9.99891 9.09038L6.39217 5.48364L5.48242 6.39339L9.08916 10.0001L5.48242 13.6069L6.39217 14.5166L9.99891 10.9099L13.6056 14.5166L14.5154 13.6069L10.9087 10.0001L14.5154 6.39339Z' fill='white'/%3E%3C/svg%3E"); right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-video__closer:hover::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-video .plyr { width: 100%; } .popup-video .plyr .plyr__control--overlaid { width: 2.5rem; height: 2.5rem; background-color: #4164EE; border-radius: 1.25rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); } .popup-video .plyr .plyr__control--overlaid svg { display: none; } .popup-video .plyr .plyr__control--overlaid:hover { background-color: rgba(0, 0, 0, 0.7); background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls { width: 100%; display: grid; grid-template-areas: 'restart restart restart restart restart' 'play ... volume fullScreen sets' 'progress progress progress progress progress'; grid-template-columns: 40px 1fr 40px 40px 40px; grid-column-gap: 8px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.5rem 1.25rem 0.5rem; } .popup-video .plyr--video .plyr__controls__item { margin: 0; } .popup-video .plyr--video .plyr__controls__item:first-child { margin-left: auto; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"] { grid-area: restart; display: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.25rem; margin-bottom: 1.5rem; width: 9.875rem; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6268 13.1239H28.9993C29.0883 13.1239 29.1756 13.1493 29.2507 13.1971C29.3259 13.2449 29.3858 13.3132 29.4236 13.3938C29.4614 13.4745 29.4754 13.5643 29.464 13.6526C29.4526 13.7409 29.4163 13.8242 29.3593 13.8926L25.673 18.3176C25.629 18.3704 25.574 18.4128 25.5118 18.442C25.4496 18.4711 25.3817 18.4862 25.313 18.4862C25.2443 18.4862 25.1765 18.4711 25.1143 18.442C25.0521 18.4128 24.997 18.3704 24.953 18.3176L21.2668 13.8926C21.2098 13.8242 21.1734 13.7409 21.1621 13.6526C21.1507 13.5643 21.1647 13.4745 21.2024 13.3938C21.2402 13.3132 21.3002 13.2449 21.3753 13.1971C21.4505 13.1493 21.5377 13.1239 21.6268 13.1239ZM1.00178 16.8739H8.37428C8.46335 16.8739 8.55056 16.8484 8.62571 16.8006C8.70086 16.7528 8.76084 16.6846 8.79861 16.6039C8.83638 16.5233 8.8504 16.4335 8.839 16.3452C8.82761 16.2568 8.79128 16.1736 8.73428 16.1051L5.04803 11.6801C5.00403 11.6274 4.94899 11.5849 4.88678 11.5558C4.82457 11.5267 4.75672 11.5116 4.68803 11.5116C4.61934 11.5116 4.55149 11.5267 4.48928 11.5558C4.42707 11.5849 4.37202 11.6274 4.32803 11.6801L0.641778 16.1051C0.584773 16.1736 0.548448 16.2568 0.537054 16.3452C0.525661 16.4335 0.539671 16.5233 0.577445 16.6039C0.615219 16.6846 0.675192 16.7528 0.750342 16.8006C0.825492 16.8484 0.912708 16.8739 1.00178 16.8739Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0006 5.62428C12.0906 5.62428 9.48813 6.9499 7.76875 9.03303C7.69197 9.13254 7.59597 9.2156 7.48645 9.27726C7.37693 9.33893 7.25613 9.37794 7.13123 9.39199C7.00633 9.40603 6.87988 9.39481 6.7594 9.35901C6.63893 9.3232 6.52688 9.26353 6.42992 9.18355C6.33296 9.10357 6.25308 9.00491 6.19502 8.89344C6.13696 8.78197 6.1019 8.65996 6.09194 8.53467C6.08197 8.40938 6.09731 8.28336 6.13702 8.16411C6.17674 8.04487 6.24003 7.93482 6.32313 7.84053C7.69598 6.17839 9.51736 4.94555 11.5706 4.28863C13.6239 3.63171 15.8226 3.57837 17.9053 4.13494C19.988 4.69152 21.8671 5.83458 23.3189 7.42819C24.7707 9.0218 25.7343 10.9989 26.095 13.1243H24.1881C23.7552 11.007 22.6044 9.10426 20.9304 7.73767C19.2563 6.37108 17.1617 5.62454 15.0006 5.62428ZM5.81312 16.8743C6.16808 18.6079 7.00628 20.2058 8.2309 21.4833C9.45551 22.7608 11.0165 23.6657 12.7337 24.0936C14.4508 24.5214 16.254 24.4547 17.9348 23.9012C19.6156 23.3477 21.1056 22.33 22.2325 20.9655C22.3093 20.866 22.4053 20.783 22.5148 20.7213C22.6243 20.6596 22.7451 20.6206 22.87 20.6066C22.9949 20.5925 23.1214 20.6037 23.2418 20.6395C23.3623 20.6754 23.4744 20.735 23.5713 20.815C23.6683 20.895 23.7482 20.9936 23.8062 21.1051C23.8643 21.2166 23.8993 21.3386 23.9093 21.4639C23.9193 21.5892 23.9039 21.7152 23.8642 21.8344C23.8245 21.9537 23.7612 22.0637 23.6781 22.158C22.3053 23.8202 20.4839 25.053 18.4306 25.7099C16.3774 26.3668 14.1786 26.4202 12.0959 25.8636C10.0132 25.307 8.1342 24.164 6.68235 22.5704C5.23051 20.9768 4.26694 18.9997 3.90625 16.8743H5.81312Z' fill='white'/%3E%3C/svg%3E"); background-position: center right; background-repeat: no-repeat; background-size: 1.25rem 1.25rem; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"] svg { display: none; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"]::after { position: absolute; content: 'Смотреть заново'; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1rem; font-weight: 500; color: #fff; white-space: nowrap; width: 8rem; height: 1rem; left: 0; top: -2px; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"]:hover { background-color: transparent; } .popup-video .plyr--video .plyr__controls [data-plyr="play"] { grid-area: play; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .popup-video .plyr--video .plyr__controls [data-plyr="play"] svg { display: none; } .popup-video .plyr--video .plyr__controls [data-plyr="play"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15.8333H8.33333V4.16663H5V15.8333ZM11.6667 4.16663V15.8333H15V4.16663H11.6667Z' fill='white'/%3E%3C/svg%3E%0A"); } .popup-video .plyr--video .plyr__controls .plyr__time { font-family: "Arial"; font-size: 0.875rem; line-height: 1rem; font-weight: 400; color: #fff; display: none; } .popup-video .plyr--video .plyr__controls .plyr__time::before { font-family: "Arial"; font-size: 0.875rem; line-height: 1rem; font-weight: 400; color: #fff; } .popup-video .plyr--video .plyr__controls .plyr__time--current { grid-area: curTime; padding: 0; } .popup-video .plyr--video .plyr__controls .plyr__time--duration { grid-area: durTime; padding: 0; } .popup-video .plyr--video .plyr__controls .plyr__volume { grid-area: volume; } .popup-video .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"] { width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12V20H9.33333L16 26.6666V5.33331L9.33333 12H4ZM22 16C22 13.64 20.64 11.6133 18.6667 10.6266V21.36C20.64 20.3866 22 18.36 22 16ZM18.6667 4.30664V7.05331C22.52 8.19997 25.3333 11.7733 25.3333 16C25.3333 20.2266 22.52 23.8 18.6667 24.9466V27.6933C24.0133 26.48 28 21.7066 28 16C28 10.2933 24.0133 5.51997 18.6667 4.30664Z' fill='white'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .popup-video .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"] svg { display: none; } .popup-video .plyr--video .plyr__controls .plyr__volume [data-plyr="mute"]:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-video .plyr--video .plyr__controls .plyr__volume .plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 7L17.5 13' stroke='white'/%3E%3Cpath d='M11.5 13L17.5 7' stroke='white'/%3E%3Cpath d='M2.5 7.16667V12.1667H5.83333L10 16.3333V3L5.83333 7.16667H2.5Z' fill='white'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls .plyr__volume input { display: none; } .popup-video .plyr--video .plyr__controls [data-plyr="fullscreen"] { grid-area: fullScreen; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.33317 18.667H6.6665V25.3337H13.3332V22.667H9.33317V18.667ZM6.6665 13.3337H9.33317V9.33366H13.3332V6.66699H6.6665V13.3337ZM22.6665 22.667H18.6665V25.3337H25.3332V18.667H22.6665V22.667ZM18.6665 6.66699V9.33366H22.6665V13.3337H25.3332V6.66699H18.6665Z' fill='white'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .popup-video .plyr--video .plyr__controls [data-plyr="fullscreen"] svg { display: none; } .popup-video .plyr--video .plyr__controls [data-plyr="fullscreen"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6665 21.3332H10.6665V25.3332H13.3332V18.6665H6.6665V21.3332ZM10.6665 10.6665H6.6665V13.3332H13.3332V6.6665H10.6665V10.6665ZM18.6665 25.3332H21.3332V21.3332H25.3332V18.6665H18.6665V25.3332ZM21.3332 10.6665V6.6665H18.6665V13.3332H25.3332V10.6665H21.3332Z' fill='white'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls [data-plyr="fullscreen"]:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-video .plyr--video .plyr__controls .plyr__menu { grid-area: sets; } .popup-video .plyr--video .plyr__controls .plyr__menu [data-plyr="settings"] { width: 2.5rem; height: 2.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0002 10.6663C17.4668 10.6663 18.6668 9.46634 18.6668 7.99967C18.6668 6.53301 17.4668 5.33301 16.0002 5.33301C14.5335 5.33301 13.3335 6.53301 13.3335 7.99967C13.3335 9.46634 14.5335 10.6663 16.0002 10.6663ZM16.0002 13.333C14.5335 13.333 13.3335 14.533 13.3335 15.9997C13.3335 17.4663 14.5335 18.6663 16.0002 18.6663C17.4668 18.6663 18.6668 17.4663 18.6668 15.9997C18.6668 14.533 17.4668 13.333 16.0002 13.333ZM16.0002 21.333C14.5335 21.333 13.3335 22.533 13.3335 23.9997C13.3335 25.4663 14.5335 26.6663 16.0002 26.6663C17.4668 26.6663 18.6668 25.4663 18.6668 23.9997C18.6668 22.533 17.4668 21.333 16.0002 21.333Z' fill='white'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls .plyr__menu [data-plyr="settings"] svg { display: none; } .popup-video .plyr--video .plyr__controls .plyr__menu [data-plyr="settings"]:active { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-video .plyr--video .plyr__controls .plyr__menu__container { width: 230px; position: absolute; -webkit-box-shadow: 0px 13.1178px 32.7945px rgba(114, 128, 182, 0.2); box-shadow: 0px 13.1178px 32.7945px rgba(114, 128, 182, 0.2); padding: 1.25rem 1rem 1.5625rem 0.875rem; border-radius: 18px; background-color: #fff; margin-bottom: 0; opacity: 1; z-index: 11; } .popup-video .plyr--video .plyr__controls .plyr__menu__container > div { -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0s cubic-bezier(0.4, 0, 0.2, 1); } .popup-video .plyr--video .plyr__controls .plyr__menu__container::after { display: none; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"] { width: 100%; height: auto; background-image: none; background-color: transparent; padding: 0.25rem 0 0.25rem 2.5rem; position: relative; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]::before { position: absolute; content: ''; width: 1.625rem; height: 1.625rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; left: 0; top: 0; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]::after { width: 1.625rem; height: 1.625rem; border: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 11px 11px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.48242 1.17139L8.86138 8.55035L1.48242 15.9293' stroke='%2314004B' stroke-width='1.63973'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]:first-of-type { margin-bottom: 1rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]:first-of-type::before { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5958 6.99125H21.2344C20.8245 5.10556 19.1847 3.71179 17.2171 3.71179C15.2494 3.71179 13.6097 5.10556 13.1997 6.99125H1.63965V8.63097H13.1997C13.6097 10.5167 15.2494 11.9104 17.2171 11.9104C19.1847 11.9104 20.8245 10.5167 21.2344 8.63097H24.5958V6.99125ZM17.2171 10.2707C15.8233 10.2707 14.7575 9.20488 14.7575 7.81111C14.7575 6.41734 15.8233 5.35152 17.2171 5.35152C18.6108 5.35152 19.6766 6.41734 19.6766 7.81111C19.6766 9.20488 18.6108 10.2707 17.2171 10.2707ZM1.63965 20.1091H5.00109C5.41102 21.9948 7.05075 23.3885 9.01842 23.3885C10.9861 23.3885 12.6258 21.9948 13.0358 20.1091H24.5958V18.4693H13.0358C12.6258 16.5837 10.9861 15.1899 9.01842 15.1899C7.05075 15.1899 5.41102 16.5837 5.00109 18.4693H1.63965V20.1091ZM9.01842 16.8296C10.4122 16.8296 11.478 17.8954 11.478 19.2892C11.478 20.683 10.4122 21.7488 9.01842 21.7488C7.62465 21.7488 6.55883 20.683 6.55883 19.2892C6.55883 17.8954 7.62465 16.8296 9.01842 16.8296Z' fill='%2314004B'/%3E%3C/svg%3E"); } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]:last-of-type::before { background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8127 16.615L11.1344 14.8604L16.7021 9.97979L17.6941 11.0473L12.8127 16.615ZM20.0578 21.5727C21.8123 19.8182 22.956 17.3774 22.956 14.6317C22.956 9.21732 18.5329 4.79333 13.1177 4.79333C7.70246 4.79333 3.2793 9.21732 3.2793 14.6317C3.2793 17.3782 4.34676 19.8182 6.17752 21.5727L7.54997 20.1994C6.10127 18.7507 5.26255 16.8437 5.26255 14.6325C5.26093 13.6004 5.46299 12.5782 5.85715 11.6243C6.25132 10.6705 6.82983 9.80379 7.55955 9.07393C8.28926 8.34406 9.15583 7.76536 10.1096 7.371C11.0634 6.97664 12.0856 6.77436 13.1177 6.77577C14.1496 6.77436 15.1717 6.97658 16.1253 7.37084C17.079 7.7651 17.9455 8.34365 18.6752 9.07335C19.4049 9.80304 19.9834 10.6695 20.3777 11.6232C20.772 12.5769 20.9742 13.5989 20.9728 14.6309C20.9728 16.7666 20.0578 18.7499 18.6854 20.1986L20.0578 21.5727Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"] span { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control { -webkit-transition: none; transition: none; -webkit-animation: none; animation: none; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__menu__value { display: none; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back { padding: 0; margin: 0; position: relative; height: 1.625rem; padding-left: 1.625rem; margin-bottom: 1rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::before { display: none; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::after { position: absolute; content: ''; left: 0; width: 1.625rem; height: 1.625rem; border: none; background-size: 11px 11px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37598 16.0098L1.99701 8.6308L9.37598 1.25184' stroke='%2314004B' stroke-width='1.63973'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back span { text-indent: 0; font-size: 0; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [role="menu"] { padding: 0; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"], .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] { padding: 0.25rem 0 0.25rem 2rem; margin-bottom: 1rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"] span, .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] span { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::before, .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::before { display: none; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::after, .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::after { width: 0.5rem; height: 0.5rem; border-radius: 0.25rem; background-color: #14004B; top: 49%; } .popup-video .plyr--video .plyr__controls .plyr__progress__container { width: 100%; grid-area: progress; } .popup-video .plyr--video .plyr__controls .plyr__menu__container > div { width: 100% !important; -webkit-transition: none; transition: none; } .popup-video .plyr--video .plyr__controls .plyr__progress__buffer { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 0.25rem; } .popup-video .plyr--video .plyr__controls .plyr__progress__buffer::-webkit-progress-bar { background: rgba(255, 255, 255, 0.7); border-radius: 4px; z-index: 2; } .popup-video .plyr--video .plyr__controls .plyr__progress__buffer::-webkit-progress-value { background: transparent; border-radius: 4px; z-index: 2; } .popup-video .plyr--video .plyr__controls [data-plyr="seek"] { color: #4164EE; border-radius: 4px; height: 0.25rem; } .popup-video .plyr--video .plyr__controls .plyr__control:hover, .popup-video .plyr--video .plyr__controls .plyr__control[aria-expanded=true] { background-color: rgba(0, 0, 0, 0.4); } @media screen and (min-width: 1200px) { .popup-video__wrapper { max-width: 64.5rem; } .popup-video__closer { font-size: 1.125rem; line-height: 2rem; top: -4.375rem; border: none; padding: 0.25rem 3.5rem 0.25rem 0; } .popup-video__closer::after { width: 2.5rem; height: 2.5rem; } .popup-video .plyr .plyr__control--overlaid { width: 3.75rem; height: 3.75rem; border-radius: 1.875rem; background-size: 3rem 3rem; } .popup-video .plyr .plyr__control--overlaid:hover { border-radius: 1.875rem; background-size: 3rem 3rem; } .popup-video .plyr--video { position: relative; } .popup-video .plyr--video .plyr__controls { padding-top: 0; grid-template-areas: '... ... ... restart ... ... ...' 'play curTime durTime ... volume fullScreen sets' 'progress progress progress progress progress progress progress'; grid-template-columns: 40px 36px 36px 1fr 40px 40px 40px; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"] { bottom: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: center; -ms-flex-item-align: center; align-self: center; width: 18.875rem; padding: 0; height: 1.875rem; background-size: 1.875rem 1.875rem; margin: 0; margin-bottom: 12.75rem; } .popup-video .plyr--video .plyr__controls [data-plyr="restart"]::after { font-size: 1.75rem; line-height: 2rem; width: 16.25rem; height: 2rem; top: -4px; } .popup-video .plyr--video .plyr__controls [data-plyr="play"] { grid-area: play; width: 2.5rem; height: 2.5rem; border-radius: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5V19L19 12L8 5Z' fill='%23fff'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .popup-video .plyr--video .plyr__controls [data-plyr="play"] svg { display: none; } .popup-video .plyr--video .plyr__controls [data-plyr="play"].plyr__control--pressed { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15.8333H8.33333V4.16663H5V15.8333ZM11.6667 4.16663V15.8333H15V4.16663H11.6667Z' fill='white'/%3E%3C/svg%3E%0A"); } .popup-video .plyr--video .plyr__controls .plyr__time { display: block; } .popup-video .plyr--video .plyr__controls .plyr__menu__container { width: 280px; padding: 2rem 1.375rem 2.5rem 1.5rem; border-radius: 22px; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control:hover { background: transparent; background-color: transparent; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"] { padding: 0.25rem 0 0.25rem 3.125rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]::before { width: 2rem; height: 2rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]::after { width: 2rem; height: 2rem; background-size: 13px 13px; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"]:first-of-type { margin-bottom: 1.25rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="settings"] span { font-size: 1.125rem; line-height: 1.4375rem; letter-spacing: 0.01em; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back { height: 2rem; padding-left: 2rem; margin-bottom: 1.25rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container .plyr__control--back::after { width: 2rem; height: 2rem; background-size: 13px 13px; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"], .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] { padding: 0.25rem 0 0.25rem 2.3125rem; margin-bottom: 1.25rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"] span, .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"] span { font-size: 1.125rem; line-height: 1.5rem; } .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="quality"]::after, .popup-video .plyr--video .plyr__controls .plyr__menu__container [data-plyr="speed"]::after { width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; } .popup-video .plyr--video .plyr__controls .plyr__progress__container { margin-top: 0.375rem; } } .error { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 5.75rem calc(var(--width) / 2); margin-bottom: 3rem; } .error.loaded .error__svg { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .error.loaded .error__line-mask { -webkit-animation: undash 0.6s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: undash 0.6s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .error.loaded .error__top { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .error__title { font-size: 1.75rem; line-height: 2rem; margin-bottom: 1.5rem; } .error__description { width: 100%; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 350; color: #14004B; text-align: left; margin-bottom: 0.875rem; } .error__link { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; text-decoration: none; background-color: #4164EE; border-radius: 0.375rem; padding: 0.9375rem 2rem; margin-right: 0; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .error__link:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .error__svg { opacity: 1; position: relative; width: 12.0625rem; height: 10.6875rem; margin-bottom: 1.9375rem; margin-left: 4rem; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .error__svg--desktop { display: none; } .error__line { position: absolute; top: 0; left: 0; } .error__line-dash { stroke-width: 2px; stroke-linecap: round; stroke: #4164EE; stroke-dasharray: 4.01 !important; stroke-dashoffset: 4.01 !important; z-index: 1; } .error__line-mask { fill: none; stroke: white; stroke-linecap: round; stroke-width: 4px; -webkit-animation: dashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; animation: dashReverse 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards; z-index: 2; } .error__top { position: absolute; top: 5px; right: 11px; width: 1rem; height: 1rem; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.20903 9.41886C6.20903 6.31848 3.86051 2.46624 1.78906 0.274658C2.52928 5.2779 2.25217 10.566 0.29505 15.3328C5.00182 13.3157 10.3112 13.3156 15.3532 13.8388C12.8787 11.7286 9.53807 9.508 6.20903 9.41886Z' fill='%234164EB'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-color: transparent; opacity: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (min-width: 1200px) { .error { --width: calc(100% - 1032px); margin-bottom: 7rem; padding-top: 6.25rem; padding-bottom: 6.9375rem; padding-right: calc((var(--width) / 2) + 32px); display: grid; grid-template-columns: 36.375rem 23.875rem; grid-column-gap: 2.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .error.loaded .error__svg { -webkit-animation: fadeInStatic 0s linear forwards 0s; animation: fadeInStatic 0s linear forwards 0s; } .error.loaded .error__line-mask { -webkit-animation: undashReverse 0.6s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; animation: undashReverse 0.6s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0s; } .error.loaded .error__top { -webkit-animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; animation: fadeInStatic 0s cubic-bezier(0.64, 0.47, 0.44, 0.76) forwards 0.6s; } .error__info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .error__title { font-size: 2.75rem; line-height: 3.1875rem; margin-bottom: 2.5rem; } .error__description { font-size: 1.25rem; line-height: 1.625rem; max-width: 32.5625rem; font-family: "Stolzl", sans-serif; font-weight: 400; margin-bottom: 3.5rem; } .error__link { width: auto; font-size: 1.125rem; line-height: 1.375rem; padding: 1.0625rem 1.5rem; margin-right: 3rem; } .error__link:hover, .error__link:focus { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .error__svg { width: 23.875rem; height: 28.3125rem; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; margin-bottom: 0; } .error__svg--mobile { display: none; } .error__svg--desktop { display: block; } .error__top { position: absolute; top: auto; bottom: 80px; left: -6px; width: 1rem; height: 1.1875rem; background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.0301 1.30908C10.3134 5.21719 13.8892 8.30059 17.6927 10.7008C13.7694 13.006 10.4278 16.1812 7.92548 19.9818' stroke='%234164EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.83223 1.30908C4.11554 5.21719 6.82451 8.30059 10.628 10.7008C6.70469 13.006 4.2299 16.1812 1.7276 19.9818' stroke='%234164EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-color: transparent; opacity: 0; -webkit-transform: rotate(230deg); -ms-transform: rotate(230deg); transform: rotate(230deg); } } @media screen and (min-width: 1440px) { .error { padding-right: calc((var(--width) / 2) + 42px); display: grid; grid-template-columns: 34.125rem 23.875rem; grid-column-gap: 3.375rem; } .error__description { max-width: 70%; } } .guide { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3rem 0 3.5rem 0; margin-bottom: 3rem; } .guide__body { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem; gap: 3rem; } @supports not (aspect-ratio: 1/1) { .guide__body > * { margin-bottom: 3rem; } .guide__body > *:last-child { margin-bottom: 0; } } .guide__item { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .guide__item-32 { gap: 2rem; } @supports not (aspect-ratio: 1/1) { .guide__item-32 > * { margin-bottom: 2rem; } .guide__item-32 > *:last-child { margin-bottom: 0; } } .guide__item-24 { gap: 1.5rem; } @supports not (aspect-ratio: 1/1) { .guide__item-24 > * { margin-bottom: 1.5rem; } .guide__item-24 > *:last-child { margin-bottom: 0; } } .guide__item-16 { gap: 1rem; } @supports not (aspect-ratio: 1/1) { .guide__item-16 > * { margin-bottom: 1rem; } .guide__item-16 > *:last-child { margin-bottom: 0; } } .guide__name { width: 100%; max-width: 21.4375rem; text-align: left; font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 2.4375rem; font-weight: 500; color: #19191A; letter-spacing: 0.008em; } .guide__title { width: 100%; max-width: 21.4375rem; text-align: left; font-family: "Stolzl", sans-serif; font-size: 1.5rem; line-height: 2.25rem; font-weight: 500; color: #19191A; } .guide__subtitle { width: 100%; max-width: 21.4375rem; text-align: left; font-family: "Stolzl", sans-serif; font-size: 1.25rem; line-height: 1.875rem; font-weight: 500; color: #19191A; } .guide__text { width: 100%; max-width: 21.4375rem; text-align: left; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #505051; text-align: left; letter-spacing: 0.01em; } .guide__text-strong { font-family: "Stolzl", sans-serif; letter-spacing: 0.02em; font-weight: 500; color: #19191A; } .guide__text-link { color: #4164EE; text-decoration: underline; } .guide__gallery { width: 100%; max-width: 21.4375rem; text-align: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .guide__gallery-image { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .guide__gallery-caption { font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 1.1875rem; font-weight: 350; color: #505051; letter-spacing: 0.01em; text-align: left; margin-top: 1rem; } .guide__list { max-width: 21.4375rem; text-align: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } .guide__list-item { width: 100%; position: relative; padding-left: 2rem; } .guide__list-item::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.03125rem 0.79688rem; background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5458 0.961669C17.8388 1.25446 17.8389 1.72933 17.5461 2.02233L6.53833 13.038C6.24563 13.3309 5.77093 13.3311 5.4779 13.0386L0.454458 8.02293C0.161337 7.73027 0.160967 7.25539 0.453632 6.96227C0.746298 6.66915 1.22117 6.66878 1.51429 6.96144L6.00721 11.4474L16.4851 0.962046C16.7779 0.669048 17.2528 0.66888 17.5458 0.961669Z' fill='%23505051'/%3E%3C/svg%3E"); left: 0; top: 0; } .guide__list.dotted .guide__list-item { padding-left: 1.3125rem; } .guide__list.dotted .guide__list-item::before { width: 0.25rem; height: 0.25rem; border-radius: 0.125rem; background-image: none; background-color: #505051; top: 0.5625rem; left: 0.5rem; } .guide__list span { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #505051; text-align: left; letter-spacing: 0.01em; } .guide__thesis { max-width: 21.4375rem; text-align: left; width: 100%; position: relative; padding: 1rem 1rem 1rem 1.6875rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 400; color: #505051; z-index: -1; } .guide__thesis::before { position: absolute; content: ''; width: 0.1875rem; height: 100%; background-color: #4164EE; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 2px 2px 2px 2px; } .guide__tablewrap { width: 100%; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .guide__tablewrap::-webkit-scrollbar { display: none; -webkit-appearance: none; } .guide__tablewrap .guide__subtitle { --width: calc(100% - 343px); margin-left: calc(var(--width) / 2); } .guide__table { --width: calc(100% - 343px); padding-left: calc(var(--width) / 2); -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .guide__table::-webkit-scrollbar { display: none; -webkit-appearance: none; } .guide__table .simplebar-track.simplebar-horizontal { height: 3px; background-color: #E3E3E3; border-radius: 10px; width: 343px; --width: calc(100% - 343px); left: calc(var(--width) / 2); overflow: visible; bottom: 1px; } .guide__table .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 5px; top: -1px; background-color: #4164EE; border-radius: 10px; } .guide__table .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { display: none; } .guide__table .table { width: 100%; padding-bottom: 1rem; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .guide__table .table::-webkit-scrollbar { display: none; -webkit-appearance: none; } .guide__table .table thead { padding: 0.4375rem 0.4375rem; } .guide__table .table thead tr { gap: 1.3125rem; padding: 0; } .guide__table .table tr { gap: 1.3125rem; padding: 0.625rem 0.4375rem; } .guide__table .table__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-family: "Stolzl Book", sans-serif; font-size: 0.6875rem; line-height: 1.75rem; font-weight: 350; color: #4164EE; min-width: 5.25rem; } .guide__table .table__cell { min-width: 5.25rem; font-size: 0.625rem; line-height: 0.8125rem; } .guide__nav { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .guide__nav--main .guide__nav-link, .guide__nav--last .guide__nav-link { width: 100%; max-width: 100%; } .guide__nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; max-width: 10rem; padding: 0.8125rem 2.625rem 0.8125rem 3.875rem; border: 2px solid #EDEDED; border-radius: 8px; position: relative; } .guide__nav-link::after { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; left: 1.8125rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.375rem 0.625rem; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78033 0.46967C6.07322 0.762563 6.07322 1.23744 5.78033 1.53033L2.31066 5L5.78033 8.46967C6.07322 8.76256 6.07322 9.23744 5.78033 9.53033C5.48744 9.82322 5.01256 9.82322 4.71967 9.53033L0.71967 5.53033C0.426777 5.23744 0.426777 4.76256 0.71967 4.46967L4.71967 0.46967C5.01256 0.176777 5.48744 0.176777 5.78033 0.46967Z' fill='%2319191A'/%3E%3C/svg%3E"); } .guide__nav-link--next { padding-left: 2.625rem; padding-right: 3.875rem; } .guide__nav-link--next::after { left: auto; right: 1.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.71967 0.46967C1.01256 0.176777 1.48744 0.176777 1.78033 0.46967L5.78033 4.46967C6.07322 4.76256 6.07322 5.23744 5.78033 5.53033L1.78033 9.53033C1.48744 9.82322 1.01256 9.82322 0.71967 9.53033C0.426777 9.23744 0.426777 8.76256 0.71967 8.46967L4.18934 5L0.71967 1.53033C0.426777 1.23744 0.426777 0.762563 0.71967 0.46967Z' fill='%2319191A'/%3E%3C/svg%3E"); } .guide__nav-text { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #19191A; letter-spacing: 0.02em; white-space: nowrap; } .guide__nav-text--desktop { display: none; } @media screen and (min-width: 1200px) { .guide { max-width: 64.5rem; margin-left: auto; margin-right: auto; padding-top: 4.1875rem; margin-bottom: 7rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: grid; grid-template-columns: 16.125rem 1fr; grid-column-gap: 4.5rem; grid-template-areas: 'filter breadcrumbs' 'filter body' 'filter nav'; } .guide__body { align-self: flex-end; grid-area: body; padding: 0; width: 100%; max-width: 43.875rem; gap: 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4.5rem; } @supports not (aspect-ratio: 1/1) { .guide__body > * { margin-bottom: 4.5rem; } .guide__body > *:last-child { margin-bottom: 0; } } .guide__body--dictionary { margin-bottom: 4.5rem; } .guide__item { max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .guide__name { max-width: 100%; font-size: 2.5rem; line-height: 3rem; } .guide__title { font-weight: 400; max-width: 100%; font-size: 2rem; line-height: 3rem; } .guide__subtitle { font-weight: 400; max-width: 100%; font-size: 1.5rem; line-height: 3rem; } .guide__text { max-width: 100%; font-size: 1.125rem; line-height: 2rem; letter-spacing: 0; } .guide__text-strong { font-size: 1.125rem; line-height: 2rem; } .guide__gallery { max-width: 100%; width: auto; } .guide__gallery-image { width: auto; height: auto; -o-object-fit: contain; object-fit: contain; } .guide__gallery-caption { font-size: 0.875rem; line-height: 1.375rem; margin-top: 1.5rem; } .guide__list { max-width: 100%; } .guide__list-item::before { top: 0.25rem; } .guide__list.dotted .guide__list-item { padding-left: 1.6875rem; } .guide__list.dotted .guide__list-item::before { top: 0.8125rem; left: 0.625rem; } .guide__list span { font-size: 1.125rem; line-height: 2rem; } .guide__thesis { max-width: 100%; padding: 1.75rem 4.5rem 1.75rem 6.75rem; font-size: 1.125rem; line-height: 2rem; } .guide__thesis::before { height: calc(100% - 24px); width: 0.25rem; left: 4.5rem; } .guide__tablewrap { width: 100%; } .guide__tablewrap .guide__subtitle { margin-left: 0; } .guide__table { padding-left: 0; } .guide__table .simplebar-track.simplebar-horizontal { height: 4px; width: 43.875rem; left: 0; bottom: 1px; } .guide__table .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 6px; top: -1px; } .guide__table .table { width: 100%; padding-bottom: 1.875rem; } .guide__table .table thead { padding: 0.625rem 0.625rem; } .guide__table .table thead tr { gap: 1.875rem; padding: 0; } .guide__table .table tr { gap: 1.875rem; padding: 0.9375rem 0.625rem; } .guide__table .table__head { font-size: 1rem; line-height: 2.4375rem; min-width: 10rem; } .guide__table .table__cell { min-width: 10rem; font-size: 0.875rem; line-height: 1.125rem; } .guide__nav { grid-area: nav; max-width: 32rem; } .guide__nav--main .guide__nav-link, .guide__nav--last .guide__nav-link { width: 100%; max-width: 15.3125rem; } .guide__nav-link { max-width: 15.3125rem; padding: 0.8125rem 1.375rem 0.8125rem 2.625rem; } .guide__nav-link::after { left: 0.75rem; } .guide__nav-link--next { padding-left: 1.375rem; padding-right: 2.625rem; } .guide__nav-link--next::after { left: auto; right: 0.75rem; } .guide__nav-text--desktop { display: block; } .guide__nav-text--mobile { display: none; } } .filter { width: 100%; position: relative; margin-bottom: 1.5rem; padding: 0; z-index: 1; } .filter__opener { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #19191A; letter-spacing: 0.02em; padding: 0.6875rem 1.25rem 0.6875rem 3.25rem; position: relative; background-color: #EDEDED; border-radius: 0.5rem; border: none; margin-left: calc((100% - 343px) / 2); } .filter__opener::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.41422 10.5858C7.19527 11.3668 7.19527 12.6332 6.41422 13.4142C5.63317 14.1953 4.36684 14.1953 3.58579 13.4142C2.80474 12.6332 2.80474 11.3668 3.58579 10.5858C4.36684 9.80474 5.63317 9.80474 6.41422 10.5858' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 5H21' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 12H21' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 19H21' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.41422 3.58579C7.19527 4.36684 7.19527 5.63317 6.41422 6.41422C5.63317 7.19527 4.36684 7.19527 3.58579 6.41422C2.80474 5.63317 2.80474 4.36684 3.58579 3.58579C4.36684 2.80474 5.63317 2.80474 6.41422 3.58579' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.41422 10.5858C7.19527 11.3668 7.19527 12.6332 6.41422 13.4142C5.63317 14.1953 4.36684 14.1953 3.58579 13.4142C2.80474 12.6332 2.80474 11.3668 3.58579 10.5858C4.36684 9.80474 5.63317 9.80474 6.41422 10.5858' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.41422 17.5858C7.19527 18.3668 7.19527 19.6332 6.41422 20.4142C5.63317 21.1953 4.36684 21.1953 3.58579 20.4142C2.80474 19.6332 2.80474 18.3668 3.58579 17.5858C4.36684 16.8047 5.63317 16.8047 6.41422 17.5858' stroke='%23505051' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); left: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter__wrap { width: 100%; height: 100vh; max-width: 85.3333333vw; position: absolute; border-top: 1px solid #E3E3E3; top: -3rem; left: -100%; background-color: #fff; padding-left: calc((100% - 343px) / 2); padding-right: 1rem; padding-bottom: 1.375rem; } .filter__wrap::before { position: fixed; content: ''; width: 100vw; height: 100vh; background: rgba(39, 39, 41, 0.48); left: 0; top: 3.25rem; z-index: -1; display: none; } .filter__wrap.active { left: 0; } .filter__wrap.active::before { display: block; } .filter__head { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.625rem 1rem 0.625rem 0; margin-bottom: 1.5rem; } .filter__title { font-family: "Stolzl", sans-serif; font-size: 1.5rem; line-height: 3rem; font-weight: 400; color: #19191A; } .filter__closer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.348295 0.340397C0.641188 0.0475042 1.11606 0.0475042 1.40896 0.340397L6.00513 4.93657L10.5958 0.345919C10.8887 0.0530273 11.3636 0.0530298 11.6565 0.345924C11.9494 0.638819 11.9494 1.11369 11.6565 1.40658L7.06579 5.99723L11.6565 10.5879C11.9494 10.8808 11.9494 11.3557 11.6565 11.6486C11.3636 11.9415 10.8887 11.9415 10.5958 11.6486L6.00512 7.05788L1.40337 11.6596C1.11048 11.9525 0.635606 11.9525 0.342714 11.6596C0.0498223 11.3667 0.0498248 10.8918 0.34272 10.5989L4.94446 5.99722L0.348295 1.40106C0.0554018 1.10816 0.0554018 0.633291 0.348295 0.340397Z' fill='%2319191A'/%3E%3C/svg%3E"); background-position: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; outline: none; } .filter__body { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .filter__chapter { width: 100%; margin-bottom: 0.5rem; } .filter__chapter[open] .filter__name { margin-bottom: 0.5rem; } .filter__chapter[open] .filter__name-arr { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.15s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.15s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .filter__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; outline: none; width: 100%; padding: 0.28125rem 0; margin-bottom: 0.5rem; } .filter__name-text { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.5rem; font-weight: 400; color: #19191A; letter-spacing: 0.01em; text-decoration: none; } .filter__name-arr { padding-right: 0; display: block; width: 1.5rem; height: 1.5rem; -webkit-transition: 0.15s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.15s cubic-bezier(0.64, 0.47, 0.44, 0.76); background-position: 50% 50%; background-repeat: no-repeat; background-size: 0.625rem 0.375rem; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%2314004B'/%3E%3C/svg%3E"); } .filter__name::-webkit-details-marker, .filter__name::marker { display: none; } .filter__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } .filter__item { width: 100%; height: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .filter__link { font-family: "Stolzl Book", sans-serif; font-size: 1rem; line-height: 1.5625rem; font-weight: 350; color: #505051; text-decoration: none; letter-spacing: 0.02em; } .filter__link:active { color: #4164EE; font-weight: 400; font-family: "Stolzl", sans-serif; } .filter__link.active { color: #4164EE; font-weight: 400; font-family: "Stolzl", sans-serif; } @media screen and (min-width: 1200px) { .filter { grid-area: filter; margin-bottom: 0rem; width: auto; max-width: 16.125rem; } .filter__opener { display: none; } .filter__wrap { max-width: 100%; height: auto; position: relative; border-top: none; top: auto; left: auto; padding-left: 0; padding-right: 0; padding-bottom: 0; } .filter__head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; padding-top: 1.25rem; margin-bottom: 0.5rem; } .filter__title { letter-spacing: 0.008em; } .filter__closer { display: none; } .filter__chapter[open] .filter__name-arr { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z' fill='%234164EE'/%3E%3C/svg%3E"); } .filter__name { padding-top: 0.53125rem; padding-bottom: 0.53125rem; } .filter__name-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } .filter__name-arr { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .filter__item { padding-left: 2.5rem; } .filter__link { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0.01em; } .filter__link:hover { color: #4164EE; opacity: 0.86; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .dictionary { width: 100%; max-width: 21.4375rem; padding: 1rem 0 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .dictionary > *:not(:first-child) { padding-top: 2rem; } .dictionary > *:not(:last-child) { padding-bottom: 2rem; border-bottom: 1px solid #E3E3E3; } .dictionary__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dictionary__name { display: none; } .dictionary__text { width: 100%; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5625rem; font-weight: 350; color: #505051; text-align: left; letter-spacing: 0.01em; } .dictionary__text-name { font-family: "Stolzl", sans-serif; font-weight: 500; font-size: 1rem; line-height: 1.8125rem; letter-spacing: 0.02em; color: #19191A; } @media screen and (min-width: 1200px) { .dictionary { grid-area: body; max-width: 100%; padding-top: 2.5rem; } .dictionary__item { display: grid; grid-template-columns: 35.26170798898072% 61.43250688705234%; grid-column-gap: 1.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .dictionary__name { display: block; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 2rem; font-weight: 500; color: #19191A; -ms-flex-item-align: start; align-self: start; justify-self: start; } .dictionary__text { font-size: 0.9375rem; line-height: 1.6875rem; font-family: "Stolzl", sans-serif; font-weight: 400; } .dictionary__text-name { display: none; } .dictionary__text span { display: none; } } @media screen and (min-width: 1440px) { .dictionary__item { grid-template-columns: 33.24675324675325% 63.63636363636364%; } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; --width: calc(100% - 343px); padding: 3rem calc(var(--width) / 2) 3.5rem calc(var(--width) / 2); margin-bottom: 3rem; } .media__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: 2.5rem; } .media__title { margin-bottom: 1.125rem; } .media__blog { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.375rem; font-weight: 500; color: #4164EE; position: relative; padding: 0.3125rem 3rem 0.3125rem 0; text-decoration: none; } .media__blog::after { position: absolute; content: ''; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2rem; height: 2rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='31' height='12' viewBox='0 0 31 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L28 6' stroke='%234164EB' stroke-width='2'/%3E%3Cpath d='M31 6L24.8125 11.1962L24.8125 0.803847L31 6Z' fill='%234164EB'/%3E%3C/svg%3E"); } .media__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 2rem; } .media__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; /* align-items: center;*/ width: 100%; } .media__link { display: grid; grid-template-columns: 1fr 6rem; grid-template-rows: 1.5rem 1fr; grid-column-gap: 1rem; text-decoration: none; } .media__link:active .media__outer { opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .media__info { grid-column: 1 / 2; grid-row: 1 / 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-decoration: none; } .media__visual { grid-column: 2 / 3; grid-row: 2 / 3; width: 100%; height: 5rem; border-radius: 0.75rem; overflow: hidden; } .media__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .media__date { font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: 350; color: rgba(20, 0, 75, 0.42); margin-bottom: 0.5rem; } .media__name { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 500; color: #14004B; text-decoration: none; text-align: left; margin-bottom: 0.5rem; letter-spacing: 0.02em; } .media__outer { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; color: #4164EE; text-decoration: none; letter-spacing: 0.01em; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .media { --width: calc(100% - 1032px); margin-bottom: 7rem; } .media__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 3.5rem; } .media__title { margin-bottom: 0; margin-right: 1.875rem; } .media__list { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem 3.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; align-self: start; } .media__item { padding: 1.25rem 1.25rem; } .media__link { grid-template-columns: 1fr 7.5rem; grid-template-rows: 2.9375rem 1fr; grid-column-gap: 2.5rem; } .media__link:hover .media__outer { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .media__visual { height: 6.25rem; border-radius: 1.375rem; } .media__date { font-size: 1.125rem; line-height: 1.4375rem; margin-bottom: 1.5rem; } .media__name { font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 1.125rem; } .media__outer { font-size: 1.125rem; line-height: 1.75rem; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } @media screen and (min-width: 1440px) { .media__head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .banner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 5.4375rem 1.5rem 3.5rem 0.71875rem; margin: 0 auto 3rem auto; background-color: #D9F2F2; border-radius: 1.25rem; overflow: hidden; } .banner__link { text-decoration: none; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .banner::after { position: absolute; content: ''; top: 5.25rem; right: -2.25rem; width: 6.875rem; height: 6.875rem; background-image: url("data:image/svg+xml,%3Csvg width='97' height='88' viewBox='0 0 97 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.0113 87.2727C54.4618 87.2727 59.6941 82.0331 59.6941 75.5682H36.3284C36.3284 82.0331 41.5608 87.2727 48.0113 87.2727ZM87.3479 66.2569C83.8195 62.4602 77.2174 56.7488 77.2174 38.0398C77.2174 23.8297 67.2678 12.4544 53.8518 9.66357V5.85227C53.8518 2.62072 51.2365 0 48.0113 0C44.786 0 42.1708 2.62072 42.1708 5.85227V9.66357C28.7548 12.4544 18.8051 23.8297 18.8051 38.0398C18.8051 56.7488 12.203 62.4602 8.67462 66.2569C7.57884 67.4365 7.09305 68.8465 7.10218 70.2273C7.12227 73.2266 9.47271 76.0795 12.9646 76.0795H83.0579C86.5498 76.0795 88.9021 73.2266 88.9204 70.2273C88.9295 68.8465 88.4437 67.4346 87.3479 66.2569Z' fill='%2300AAAA'/%3E%3Cpath d='M16.6413 17.7484C17.3386 16.9053 17.6723 15.8197 17.5692 14.7305C17.466 13.6413 16.9344 12.6377 16.0913 11.9404C15.2482 11.2432 14.1626 10.9094 13.0734 11.0126C11.9842 11.1157 10.9806 11.6473 10.2833 12.4904C5.24314 18.5852 1.7421 25.8023 0.0753017 33.5334C-0.129914 34.5928 0.0881394 35.6904 0.682704 36.5909C1.27727 37.4913 2.201 38.123 3.25582 38.3503C4.31065 38.5777 5.41257 38.3827 6.32529 37.8071C7.23802 37.2316 7.88888 36.3213 8.1383 35.2714C9.52713 28.8333 12.4434 22.8235 16.6413 17.7484ZM86.6453 12.4904C85.948 11.6466 84.9441 11.1143 83.8544 11.0106C82.7647 10.907 81.6784 11.2404 80.8345 11.9377C79.9907 12.635 79.4584 13.6389 79.3547 14.7286C79.2511 15.8183 79.5845 16.9046 80.2818 17.7484C84.4817 22.8229 87.3998 28.8328 88.7903 35.2714C89.0397 36.3213 89.6906 37.2316 90.6033 37.8071C91.516 38.3827 92.6179 38.5777 93.6728 38.3503C94.7276 38.123 95.6513 37.4913 96.2459 36.5909C96.8405 35.6904 97.0585 34.5928 96.8533 33.5334C95.1863 25.8024 91.6853 18.5853 86.6453 12.4904Z' fill='%2300AAAA'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 6.0625rem 5.5rem; } .banner--credit { padding-top: 5.4375rem; padding-bottom: 5.375rem; padding-left: 0.75rem; } .banner--credit::after { background-image: url("data:image/svg+xml,%3Csvg width='70' height='64' viewBox='0 0 70 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.6428 15.8832H45.5951C45.8583 15.8978 46.0639 16.1157 46.0636 16.3792V58.3266C46.1088 61.0186 48.304 63.1769 50.9963 63.1766H57.6927C60.417 63.1918 62.6375 60.9958 62.653 58.2715V16.3516C62.653 16.0929 62.8627 15.8832 63.1214 15.8832H69.0738C69.3141 15.9791 69.5866 15.862 69.6825 15.6217C69.7586 15.4311 69.7018 15.2132 69.5422 15.084L54.689 0.809438C54.528 0.626806 54.2491 0.609323 54.0667 0.77039C54.0529 0.782578 54.0397 0.795619 54.0276 0.809438L39.2294 15.084C39.042 15.2623 39.0343 15.5588 39.2126 15.7463C39.3231 15.8626 39.4854 15.9142 39.6428 15.8832Z' fill='%2300AAAA'/%3E%3Cpath d='M39.616 58.3264V32.1968C39.6008 29.2961 37.2532 26.9485 34.3526 26.9334H28.2073C25.3067 26.9485 22.959 29.2961 22.9439 32.1968V58.3264C22.9889 61.0504 25.2335 63.2219 27.9574 63.177L27.9869 63.1765H34.6557C37.3588 63.1919 39.5708 61.0292 39.616 58.3264Z' fill='%2300AAAA'/%3E%3Cpath d='M17.1825 50.2722V58.3244C17.1232 60.9994 14.9529 63.1455 12.2773 63.1744H5.58092C2.89912 63.175 0.708122 61.033 0.648193 58.3519V50.2722C0.648193 47.3652 3.0047 45.0088 5.9116 45.0088H11.9191C14.8197 45.024 17.1674 47.3716 17.1825 50.2722Z' fill='%2300AAAA'/%3E%3C/svg%3E%0A"); width: 4.375rem; height: 4rem; right: 2rem; background-size: contain; } .banner--credit .banner__title { color: #00AAAA; margin-bottom: 3.8125rem; padding-left: 0.1875rem; padding-top: 0; padding-bottom: 0; font-size: 1.75rem; } .banner--credit .banner__about { max-width: 16.375rem; margin-left: 0.25rem; line-height: 128%; } .banner--credit .banner__list { gap: 0; margin-top: 1.5rem; margin-bottom: 0; } .banner--credit .banner__list .banner__about { padding-top: 0; margin: 0; line-height: 145%; } .banner--credit .banner__item { padding-left: 1.25rem; padding-top: 0; } .banner--credit .banner__item::before { background-image: none; top: 0.4375rem; left: 0.5rem; width: 0.25rem; height: 0.25rem; background-color: #14004B; border-radius: 100vw; } .banner__sticker { position: absolute; top: 1rem; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; padding: 0.625rem 1.65625rem 0.6875rem 1.46875rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 500; color: #14004B; background-color: #fff; border-top-right-radius: 2.5rem; border-bottom-right-radius: 2.5rem; -webkit-box-shadow: 0px 6px 20px 0px rgba(114, 128, 182, 0.2); box-shadow: 0px 6px 20px 0px rgba(114, 128, 182, 0.2); } .banner__title { margin-bottom: 2rem; padding-top: 0.5625rem; padding-bottom: 0.625rem; padding-left: 0.1875rem; font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 120%; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.01em; } .banner__title span { color: #00AAAA; font-weight: 500; } .banner__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 1.5rem; margin-bottom: 2rem; } .banner__list .banner__about { margin-bottom: 0; } .banner__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 2.125rem; padding-top: 0.125rem; } .banner__item::before { position: absolute; content: ''; top: 0; left: 0; width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2286 0.102657C13.3709 0.18776 13.4811 0.320129 13.541 0.478142C13.601 0.636154 13.6072 0.810468 13.5587 0.972607L10.9392 9.75011H15.7725C15.9145 9.75005 16.0534 9.79288 16.1722 9.87333C16.2909 9.95377 16.3841 10.0683 16.4404 10.2028C16.4967 10.3372 16.5136 10.4858 16.489 10.63C16.4644 10.7743 16.3993 10.908 16.3019 11.0145L4.66596 23.7638C4.55337 23.8873 4.40355 23.9678 4.24092 23.9922C4.07828 24.0166 3.91243 23.9835 3.77038 23.8982C3.62834 23.813 3.51848 23.6806 3.45872 23.5228C3.39895 23.3649 3.3928 23.1908 3.44127 23.0289L6.06082 14.2499H1.22754C1.0855 14.2499 0.946552 14.2071 0.827851 14.1266C0.709149 14.0462 0.615889 13.9317 0.559583 13.7972C0.503276 13.6627 0.486389 13.5142 0.511005 13.3699C0.535621 13.2257 0.600663 13.092 0.698101 12.9854L12.334 0.236149C12.4465 0.112855 12.5961 0.0324137 12.7585 0.00790499C12.9209 -0.0166037 13.0866 0.0162615 13.2286 0.101157V0.102657Z' fill='%2300AAAA'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.0625rem 1.5rem; } .banner__name { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 109%; font-weight: 500; color: #14004B; margin-bottom: 0.5rem; } .banner__about { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 145%; font-weight: 400; color: #14004B; letter-spacing: 0.01em; text-align: left; max-width: 15.1875rem; } .banner__about span { color: #00AAAA; font-weight: 500; } .banner__note { font-family: "Stolzl", sans-serif; font-size: 0.75rem; line-height: 1.1625rem; font-weight: 400; color: #14004B; opacity: 0.5; letter-spacing: 0.01em; } @media screen and (min-width: 1200px) { .banner { max-width: 64.5rem; padding: 2.25rem 2.875rem 2.25rem 2.5rem; margin-bottom: 10rem; } .banner::after { position: absolute; content: ''; top: 6.875rem; right: -3.875rem; width: 12.875rem; height: 12.875rem; background-size: 11.375rem 10.25rem; } .banner--credit { padding-bottom: 3.875rem; padding-left: 3.3125rem; padding-top: 2.5rem; padding-right: 3.3125rem; } .banner--credit::after { width: 11.125rem; height: 10rem; top: 8.25rem; right: 3.9375rem; } .banner--credit .banner__sticker { top: 2.8125rem; } .banner--credit .banner__title { font-size: 2.5rem; line-height: 3.25rem; letter-spacing: 0.01em; margin-bottom: 5.0625rem; margin-left: 0.375rem; } .banner--credit .banner__about { max-width: 100%; margin-left: 0.375rem; line-height: 145%; } .banner--credit .banner__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0.9375rem; } .banner--credit .banner__list .banner__about { line-height: 145%; } .banner--credit .banner__item { padding-left: 1.75rem; } .banner--credit .banner__item:first-of-type { max-width: 100%; } .banner--credit .banner__item:last-of-type { max-width: 100%; } .banner--credit .banner__item::before { top: 0.6875rem; left: 0.6875rem; width: 0.3125rem; height: 0.3125rem; } .banner__sticker { position: absolute; top: 2.25rem; left: auto; right: 0; font-size: 1.02812rem; line-height: 1.23375rem; letter-spacing: 0.329px; font-weight: 500; padding: 0.75rem 1.375rem 0.75rem 1rem; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2.5rem; border-bottom-left-radius: 2.5rem; } .banner__title { max-width: 35.875rem; padding-left: 0.1875rem; padding-top: 0.25rem; padding-bottom: 0.3125rem; margin-bottom: 2rem; font-size: 2.125rem; line-height: 130%; } .banner__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0.875rem; padding-left: 0.375rem; margin-bottom: 3.5rem; } .banner__item { padding-left: 2.625rem; padding-top: 0.25rem; } .banner__item:first-of-type { max-width: 22rem; } .banner__item:last-of-type { max-width: 24.875rem; } .banner__item::before { width: 2rem; height: 2rem; background-size: 1.375rem 2rem; } .banner__name { font-size: 1.375rem; line-height: 1.5rem; margin-bottom: 1rem; } .banner__about { font-size: 1.125rem; line-height: 145%; max-width: 100%; } .banner__note { font-size: 0.9375rem; line-height: 1.4375rem; letter-spacing: 0.01em; } } /* .docs { width: 100%; --width: calc(100% - 343px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 3rem calc(var(--width) / 2) 4.0625rem calc(var(--width) / 2); } .docs__title { font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 2.0125rem; font-weight: 500; color: #14004B; margin-bottom: 2.5rem; } .docs__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .docs__content-block { width: 100%; } .docs__content-block:not(:first-of-type) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 2rem 0; } .docs__content-block:first-of-type { padding-bottom: 2rem; } .docs__content-block:not(:last-of-type) { border-bottom: 0.0625rem solid #e3e3e3; } .docs__content-title { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.35rem; font-weight: 500; color: #14004B; letter-spacing: 0.02em; margin-bottom: 1.375rem; } .docs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; width: 100%; } .docs__list-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 2.625rem; } .docs__list-name { position: relative; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; margin-bottom: 0.375rem; text-decoration: none; } .docs__list-name::before { position: absolute; content: ''; width: 1.375rem; height: 1.8125rem; background-image: url("data:image/svg+xml,%3Csvg width='22' height='29' viewBox='0 0 22 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 14.2632V28H21V1H10.0476M10.0476 1L1.47619 9.52632H10.0476V1Z' stroke='%234164EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; left: -2.625rem; top: 0.4375rem; } .docs__list-name:active { color: #4164EE; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .docs__list-link { font-family: "Stolzl Book", sans-serif; font-size: 0.75rem; line-height: 0.975rem; font-weight: 350; color: #14004B; opacity: 0.42; text-decoration: none; } .docs__list-link:active { text-decoration: underline; } @media screen and (min-width: 1200px) { .docs { --width: calc(100% - 1032px); padding-top: 7rem; padding-bottom: 10.5rem; } .docs__title { font-size: 2.75rem; line-height: 3.1625rem; margin-bottom: 4.5rem; } .docs__content-block:not(:first-of-type) { padding-top: 3.5rem; padding-bottom: 3.5rem; } .docs__content-block:first-of-type { padding-bottom: 3.5rem; } .docs__content-title { font-size: 1.375rem; line-height: 1.65rem; margin-bottom: 1.5625rem; } .docs__list-item { padding-left: 2.6875rem; } .docs__list-name { font-size: 1.125rem; line-height: 1.74375rem; margin-bottom: 0.1875rem; max-width: 37.5rem; } .docs__list-name::before { top: 0.46875rem; left: -2.6875rem; } .docs__list-name:hover { color: #4164EE; -webkit-transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.3s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .docs__list-link { font-size: 0.875rem; line-height: 1.1375rem; } .docs__list-link:hover { text-decoration: underline; } } @media screen and (min-width: 1920px) { .docs { padding-top: 13.25rem; } }*/ .popup-thx { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.48); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; display: none; } .popup-thx.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-thx__wrapper { position: relative; width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; border-radius: 0.625rem; padding: 1.5rem 1rem 2.5rem 1rem; } .popup-thx__closer { position: absolute; top: 1.375rem; right: 1.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: 50%; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.348783 0.340519C0.641677 0.0476263 1.11655 0.0476263 1.40944 0.34052L6.00561 4.93669L10.5963 0.346041C10.8892 0.0531493 11.3641 0.0531518 11.657 0.346047C11.9499 0.638941 11.9499 1.11382 11.657 1.40671L7.06627 5.99735L11.657 10.588C11.9499 10.8809 11.9499 11.3558 11.657 11.6487C11.3641 11.9416 10.8892 11.9416 10.5963 11.6487L6.00561 7.058L1.40386 11.6597C1.11097 11.9526 0.636094 11.9526 0.343202 11.6597C0.0503106 11.3668 0.0503131 10.8919 0.343208 10.599L4.94495 5.99734L0.348783 1.40118C0.0558901 1.10829 0.0558901 0.633413 0.348783 0.340519Z' fill='%2314004B'/%3E%3C/svg%3E"); background-color: transparent; border: none; z-index: 2; } .popup-thx__title { font-family: "Stolzl", sans-serif; font-size: 1.375rem; line-height: 1.625rem; font-weight: 400; color: #14004B; text-align: left; margin-bottom: 2.5rem; } .popup-thx__description { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.01em; margin-bottom: 3.5rem; } .popup-thx__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0.9375rem 0; background-color: #4164EE; border: none; border-radius: 0.375rem; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.02em; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .popup-thx__submit:active { opacity: 0.8; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .popup-thx--agent .popup-thx__wrapper { max-width: 44.625rem; } .popup-thx--agent .popup-thx__wrapper::after { top: 6.8125rem; right: 5.6875rem; } .popup-thx--agent .popup-thx__description { max-width: 22.5rem; } .popup-thx__wrapper { -webkit-box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); box-shadow: 13px 13px 75px rgba(15, 19, 31, 0.2); max-width: 51.6875rem; padding: 3rem 4rem 3.5rem 4rem; } .popup-thx__wrapper::after { position: absolute; content: ''; top: 6.0625rem; right: 7.5rem; width: 5.9375rem; height: 5.25rem; background-image: url("data:image/svg+xml,%3Csvg width='95' height='84' viewBox='0 0 95 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='74' height='74' rx='14.8' transform='matrix(-1 0 0 1 75 9.87988)' fill='%23E3E8FD'/%3E%3Cpath d='M6.0572 42.0828C22.5269 58.5159 34.2911 69.08 34.2911 69.08L93.1116 9.21655L82.5239 1C68.407 10.3903 38.9967 49.1255 34.2911 49.1255C27.2326 44.4303 21.3505 38.5614 15.4685 31.5186L1.35156 35.04' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .popup-thx__closer { top: 2rem; right: 2rem; width: 2rem; height: 2rem; } .popup-thx__title { font-weight: 500; font-size: 1.5rem; line-height: 1.8125rem; margin-bottom: 1rem; max-width: 100%; } .popup-thx__description { font-size: 0.875rem; line-height: 1.375rem; margin-bottom: 3rem; } .popup-thx__submit { width: auto; padding: 1.0625rem 1.5rem; font-size: 1.125rem; line-height: 120%; } .popup-thx__submit:hover { opacity: 0.86; -webkit-transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.35s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .cabinet { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3rem; padding-bottom: 1.9375rem; margin-bottom: 3rem; } .cabinet__title { max-width: 21.4375rem; margin-bottom: 2.5rem; text-align: left; } .cabinet__title span { color: #4164EE; } .cabinet__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; gap: 0.5rem; margin-bottom: 3.5rem; } .cabinet__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: #14004B; letter-spacing: 0.01em; } .cabinet__item::before { position: absolute; content: ''; width: 1.5rem; height: 1.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5458 0.961669C17.8388 1.25446 17.8389 1.72933 17.5461 2.02233L6.53833 13.038C6.24563 13.3309 5.77093 13.3311 5.4779 13.0386L0.454458 8.02293C0.161337 7.73027 0.160967 7.25539 0.453632 6.96227C0.746298 6.66915 1.22117 6.66878 1.51429 6.96144L6.00721 11.4474L16.4851 0.962046C16.7779 0.669048 17.2528 0.66888 17.5458 0.961669Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); background-size: 1.125rem 0.875rem; left: 0; top: 0; } .cabinet__visual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 23.4375rem; height: 27.875rem; } .cabinet__visual-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 1200px) { .cabinet { max-width: 64.5rem; margin-left: auto; margin-right: auto; padding-bottom: 2rem; margin-bottom: 7rem; display: grid; grid-template-columns: 1fr 37.3125rem; -webkit-column-gap: 1.3125rem; -moz-column-gap: 1.3125rem; column-gap: 1.3125rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cabinet__title { grid-column: 1 / 3; grid-row: 1 / 2; max-width: 100%; } .cabinet__list { grid-column: 1 / 2; grid-row: 2 / 3; max-width: 100%; gap: 1rem; margin-bottom: 0; } .cabinet__item { padding-top: 0.1875rem; padding-bottom: 0.1875rem; padding-left: 3rem; font-size: 1.125rem; line-height: 1.375rem; } .cabinet__item::before { width: 2rem; height: 2rem; background-size: 1.4375rem 1.0625rem; } .cabinet__visual { grid-column: 2 / 3; grid-row: 2 / 3; width: 37.3125rem; height: 29.5rem; } } .check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 2.5rem 0 3.5rem 0; margin-bottom: 3rem; } .check.is-active { margin-bottom: 0; padding-top: 3rem; } .check.is-active .c-intro { margin-bottom: 0; } .check.is-active .c-intro__title, .check.is-active .c-intro__description, .check.is-active .c-intro__list, .check.is-active .c-intro__visual { display: none; } .check.is-active .a-search__submit { display: none; } .check.is-active .a-search__input { margin-bottom: 0; } .check.is-active .check__options { display: none; } @media screen and (min-width: 1200px) { .check { width: 100%; padding: 7rem calc((100% - 1032px) / 2) 0 calc((100% - 1032px) / 2); margin-bottom: 7rem; } .check.is-active { padding-top: 7rem; } .check.is-active .c-intro { padding-bottom: 2.5rem; } .check.is-active .a-search { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .check.is-active .a-search__wrap { grid-template-columns: 1fr; } .check.is-active .a-search__label { -ms-flex-item-align: start; align-self: flex-start; text-align: left; display: block; margin-bottom: 1.625rem; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 400; letter-spacing: 0.01875rem; } } .c-intro { width: 100%; padding: 0 calc((100% - 343px) / 2); margin-bottom: 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-intro__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1.5rem; font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 2rem; font-weight: 500; color: #14004B; } .c-intro__title span { color: #4164EE; } .c-intro__description { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 3rem; max-width: 33.125rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.00875rem; } .c-intro__list { display: none; } .c-intro__visual { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 0; padding-top: 3rem; margin-bottom: 3rem; } .c-intro__visual-img { width: 20rem; height: 8rem; -o-object-fit: contain; object-fit: contain; } .c-intro__search { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } @media screen and (min-width: 1200px) { .c-intro { display: grid; grid-template-columns: 39.625rem 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; padding: 0; padding-bottom: 3rem; } .c-intro__title { grid-column: 1 / 2; grid-row: 1 / 2; margin-bottom: 2.5rem; font-size: 2.75rem; line-height: 115%; } .c-intro__description { grid-column: 1 / 2; grid-row: 2 / 3; margin-bottom: 2.5rem; font-size: 1.125rem; line-height: 130%; letter-spacing: 0.01125rem; } .c-intro__visual { width: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-column: 2 / 3; grid-row: 1 / 3; padding-top: 0.5rem; margin-bottom: 0; } .c-intro__visual-img { width: 10.875rem; height: 11.25rem; } .c-intro__search { grid-column: 1 / 3; grid-row: 3 / 4; } } .c-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 3rem calc((100% - 343px) / 2) 0 calc((100% - 343px) / 2); } .c-options__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .c-options__item { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1.5rem 0 1.5rem 2.5rem; } .c-options__item:first-of-type { padding-top: 0; } .c-options__icon { position: absolute; top: 1.5rem; left: 0; width: 2rem; height: 2rem; } .c-options__icon svg { top: 0; right: 0; position: absolute; z-index: 2; } .c-options__icon[data-icon="check-1"] svg { width: 1.25rem; height: 1.6875rem; fill: transparent; stroke: #14004B; } .c-options__icon[data-icon="check-2"] svg { width: 1.3125rem; height: 1.6875rem; fill: transparent; stroke: #14004B; } .c-options__icon[data-icon="check-3"] svg { width: 1.6875rem; height: 1.625rem; fill: transparent; stroke: #14004B; } .c-options__icon[data-icon="check-4"] svg { width: 1.25rem; height: 1.6875rem; fill: #14004B; } .c-options__icon::before { position: absolute; content: ''; top: 50%; left: 50%; z-index: -1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.6875rem; height: 1.6875rem; background-color: #E3E8FD; border-radius: 0.1875rem; } .c-options__name { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 1.35rem; font-weight: 500; color: #14004B; margin-bottom: 0.5rem; letter-spacing: 0.0225rem; } .c-options__text { font-family: "Stolzl Book"; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.00875rem; } @media screen and (min-width: 1200px) { .c-options { padding: 3rem 0 3.5rem 0; } .c-options__title { margin-bottom: 1.125rem; } .c-options__description { max-width: 38.8125rem; margin-bottom: 4.5rem; font-size: 1.25rem; line-height: 1.625rem; letter-spacing: 0; } .c-options__list { display: grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 4.5rem; -moz-column-gap: 4.5rem; column-gap: 4.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-self: start; } .c-options__item { padding: 0; } .c-options__icon { position: relative; top: auto; left: auto; margin-bottom: 2.5rem; width: 4.5rem; height: 4.5rem; } .c-options__icon[data-icon="check-1"] svg { top: 0.1875rem; right: 0.4375rem; width: 2.25rem; height: 3.125rem; } .c-options__icon[data-icon="check-2"] svg { top: 0.125rem; right: 0.125rem; width: 2.8125rem; height: 3.4375rem; } .c-options__icon[data-icon="check-3"] svg { top: 0.125rem; width: 3.3125rem; height: 3.1875rem; } .c-options__icon[data-icon="check-4"] svg { right: 0.25rem; width: 2.625rem; height: 3.75rem; } .c-options__icon::before { width: 3.8125rem; height: 3.8125rem; border-radius: 0.5rem; } .c-options__name { margin-bottom: 1rem; } } .a-search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .a-search__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .a-search__wrap.is-active .a-search__input { border-color: #4164EE; -webkit-transition: border-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: border-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__wrap.is-active .a-search__reset { opacity: 1; pointer-events: all; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__wrap.is-active .a-search__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .a-search__label { margin-bottom: 1rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 150%; font-weight: 500; color: #14004B; text-align: left; } .a-search__input { width: 100%; padding: 1rem 1.5rem 1rem 3.5rem; background-color: #F0F3FD; border-radius: 0.5rem; border: 2px solid #F0F3FD; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 130%; font-weight: 400; color: #14004B; letter-spacing: 0.00875rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1483 7.40383C13.0098 5.26532 9.54259 5.26532 7.40408 7.40383C5.26557 9.54235 5.26557 13.0096 7.40408 15.1481C9.52201 17.266 12.9432 17.2864 15.0862 15.2092C15.1042 15.1868 15.1237 15.1651 15.1445 15.1443C15.1653 15.1234 15.187 15.104 15.2095 15.086C17.2866 12.9429 17.2662 9.52176 15.1483 7.40383ZM16.8137 15.6821C19.0298 12.9041 18.8518 8.84455 16.2797 6.27246C13.5163 3.50911 9.03606 3.50911 6.27271 6.27246C3.50936 9.03581 3.50936 13.5161 6.27271 16.2794C8.8448 18.8515 12.9044 19.0295 15.6824 16.8135L18.4345 19.5656C18.7469 19.8781 19.2535 19.8781 19.5659 19.5656C19.8783 19.2532 19.8783 18.7467 19.5659 18.4343L16.8137 15.6821Z' fill='%2314004B' fill-opacity='0.3'/%3E%3C/svg%3E"); background-size: 1.5rem 1.5rem; background-repeat: no-repeat; background-position: left 1.5rem center; } .a-search__input::-webkit-input-placeholder { color: rgba(20, 0, 75, 0.3); } .a-search__input::-moz-placeholder { color: rgba(20, 0, 75, 0.3); } .a-search__input:-ms-input-placeholder { color: rgba(20, 0, 75, 0.3); } .a-search__input::-ms-input-placeholder { color: rgba(20, 0, 75, 0.3); } .a-search__input::placeholder { color: rgba(20, 0, 75, 0.3); } .a-search__reset { position: absolute; top: 1rem; right: 1.5rem; width: 1.5rem; height: 1.5rem; border: none; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.24281 6.23431C6.59429 5.88284 7.16414 5.88284 7.51561 6.23431L12.0057 10.7244L16.4903 6.23983C16.8418 5.88836 17.4117 5.88836 17.7631 6.23983C18.1146 6.59131 18.1146 7.16116 17.7631 7.51263L13.2785 11.9972L17.7631 16.4818C18.1146 16.8333 18.1146 17.4032 17.7631 17.7546C17.4117 18.1061 16.8418 18.1061 16.4903 17.7546L12.0057 13.27L7.51003 17.7656C7.15855 18.1171 6.5887 18.1171 6.23723 17.7656C5.88576 17.4141 5.88577 16.8443 6.23724 16.4928L10.7329 11.9972L6.24281 7.5071C5.89134 7.15563 5.89134 6.58578 6.24281 6.23431Z' fill='%2314004B' fill-opacity='0.3'/%3E%3C/svg%3E"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__list { position: absolute; top: 4rem; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 16px 40px 0px rgba(114, 128, 182, 0.2); box-shadow: 0px 16px 40px 0px rgba(114, 128, 182, 0.2); border-radius: 0.5rem; overflow: hidden; z-index: 8; display: none; } .a-search__item { width: 100%; padding: 0.75rem 1.5rem; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__item:active { background-color: #f0f3fd; -webkit-transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__name { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 400; color: #14004B; letter-spacing: 0.00875rem; margin-bottom: 0.125rem; } .a-search__bottom { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; } .a-search__data { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 0.96875rem; font-weight: 400; color: rgba(20, 0, 75, 0.5); } .a-search__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 3rem; background-color: #4164EE; border: none; border-radius: 0.375rem; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 500; color: #fff; letter-spacing: 0.01875rem; opacity: 1; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__submit:active { opacity: 0.8; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .a-search { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .a-search__label { display: none; } .a-search__reset { /* right: 2.5rem;*/ } .a-search__input { height: 3.5rem; margin: 0; font-size: 1.125rem; line-height: 1.4625rem; letter-spacing: 0.01125rem; } .a-search__item:hover { background-color: #f0f3fd; -webkit-transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: background-color 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .a-search__name { font-size: 1.125rem; line-height: 1.4625rem; letter-spacing: 0.01125rem; margin-bottom: 0.25rem; } .a-search__submit { height: 3.5rem; font-size: 1.125rem; line-height: 1.35rem; letter-spacing: 0.0225rem; } .a-search__submit:hover { opacity: 0.86; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .result { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 3rem; } .result__heading { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 2rem 1rem 7.1875rem 1rem; margin-bottom: 3.5rem; background-color: #fff; -webkit-box-shadow: 2px 13px 35px 0px rgba(0, 0, 0, 0.08); box-shadow: 2px 13px 35px 0px rgba(0, 0, 0, 0.08); border-radius: 1.375rem; } .result__name { font-family: "Stolzl", sans-serif; font-size: 1.5rem; line-height: 1.95rem; font-weight: 500; color: #14004B; text-align: left; margin-bottom: 2rem; } .result__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: 2rem; gap: 0.5rem; } .result__info-item { width: 100%; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; align-self: center; } .result__info-title { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.1375rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); letter-spacing: 0.00875rem; width: 100%; text-align: left; } .result__info-data { font-family: "Stolzl Book", sans-serif; font-size: 1rem; line-height: 1.3rem; font-weight: 350; color: #14004B; letter-spacing: 0.01rem; } .result__status { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; padding: 0.4375rem 0.875rem 0.4375rem 2.625rem; border: 0.0625rem solid rgba(20, 0, 75, 0.5); border-radius: 0.5rem; font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 1.25rem; font-weight: 400; color: rgba(20, 0, 75, 0.5); letter-spacing: 0.00625rem; } .result__status::before { position: absolute; content: ''; width: 1.25rem; height: 1.25rem; left: 0.875rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .result__status[data-status="active"]::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2098 4.87964C17.5028 5.17243 17.503 5.6473 17.2102 5.9403L8.03703 15.12C7.74433 15.4129 7.26963 15.4132 6.97659 15.1206L2.7904 10.9409C2.49727 10.6482 2.4969 10.1734 2.78957 9.88024C3.08224 9.58712 3.55711 9.58675 3.85023 9.87941L7.50591 13.5294L16.1492 4.88001C16.442 4.58702 16.9168 4.58685 17.2098 4.87964Z' fill='%2314004B' fill-opacity='0.5'/%3E%3C/svg%3E"); } .result__status[data-status="inactive"] { border-color: #F5AABE; } .result__status[data-status="inactive"]::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.20235 5.19526C5.49524 4.90236 5.97011 4.90236 6.26301 5.19526L10.0048 8.93701L13.742 5.19986C14.0348 4.90696 14.5097 4.90697 14.8026 5.19986C15.0955 5.49276 15.0955 5.96763 14.8026 6.26052L11.0654 9.99767L14.8026 13.7349C15.0955 14.0278 15.0955 14.5026 14.8026 14.7955C14.5097 15.0884 14.0348 15.0884 13.742 14.7955L10.0048 11.0583L6.25835 14.8047C5.96546 15.0976 5.49059 15.0976 5.19769 14.8047C4.9048 14.5118 4.90481 14.0369 5.1977 13.744L8.94409 9.99766L5.20235 6.25592C4.90945 5.96302 4.90945 5.48815 5.20235 5.19526Z' fill='%23ED6488'/%3E%3C/svg%3E"); } .result__ability { position: absolute; bottom: 2.5rem; left: 0; width: auto; max-width: 13.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.75rem 0.5rem 4.125rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.0625rem; font-weight: 400; color: #14004B; text-align: left; letter-spacing: 0.00875rem; background-color: rgba(209, 240, 240, 0.5); border-radius: 0 0.75rem 0.75rem 0; } .result__ability::before { position: absolute; content: ''; width: 1.25rem; height: 1.25rem; left: 2.375rem; top: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.773 4.22703C12.1369 1.59099 7.86307 1.59099 5.22703 4.22703L5.22703 4.22703C2.59099 6.86305 2.59099 11.1369 5.22703 13.773L4.6967 14.3033L5.22703 13.773C7.86305 16.409 12.1369 16.409 14.773 13.773C17.409 11.1369 17.409 6.86307 14.773 4.22703ZM4.16637 3.16637C7.3882 -0.0554557 12.6118 -0.0554581 15.8336 3.16637C19.0554 6.3882 19.0554 11.6118 15.8336 14.8336C12.6118 18.0554 7.38818 18.0554 4.16637 14.8336C0.944545 11.6118 0.944541 6.38818 4.16637 3.16637ZM7.40104 5.2565C7.40104 4.84229 7.73682 4.5065 8.15104 4.5065H11.4518C11.4617 4.5065 11.4715 4.5067 11.4814 4.50709C12.8321 4.5604 14.0638 5.63404 14.0638 7.15754C14.0638 8.01486 13.6385 8.67324 13.1284 9.09734C12.6367 9.50622 12.0059 9.74999 11.4518 9.74999H8.90104V10.5417H10.8333C11.2475 10.5417 11.5833 10.8774 11.5833 11.2917C11.5833 11.7059 11.2475 12.0417 10.8333 12.0417H8.90104V12.763C8.90104 13.1772 8.56525 13.513 8.15104 13.513C7.73682 13.513 7.40104 13.1772 7.40104 12.763V12.0417H6.67968C6.26547 12.0417 5.92968 11.7059 5.92968 11.2917C5.92968 10.8774 6.26547 10.5417 6.67968 10.5417H7.40104V9.74999H6.67968C6.26547 9.74999 5.92968 9.41421 5.92968 8.99999C5.92968 8.58578 6.26547 8.24999 6.67968 8.24999H7.40104V5.2565ZM8.90104 8.24999H11.4518C11.6074 8.24999 11.9075 8.16173 12.1694 7.94399C12.413 7.74145 12.5638 7.47862 12.5638 7.15754C12.5638 6.52402 12.0578 6.03752 11.4353 6.0065H8.90104V8.24999Z' fill='%2314004B'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .result__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media screen and (min-width: 1200px) { .result { padding: 0 calc((100% - 1032px) / 2) 3.5rem calc((100% - 1032px) / 2); margin-bottom: 7rem; } .result__heading { max-width: 100%; padding-bottom: 3rem; padding-left: 1.5rem; padding-right: 1.5rem; } .result__name { width: 100%; max-width: 44.5rem; font-size: 1.75rem; line-height: 2.1rem; } .result__info { max-width: 44.5rem; display: grid; grid-template-columns: repeat(4, 1fr); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; margin-bottom: 0; } .result__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.5rem; } .result__info-data { font-size: 1.125rem; line-height: 1.4625rem; letter-spacing: 0.01125rem; } .result__status { position: absolute; bottom: 3rem; right: 1.5rem; } .result__ability { top: 1.5rem; right: 0; bottom: auto; left: auto; width: auto; max-width: 13.25rem; padding-left: 2.5rem; border-radius: 0.75rem 0 0 0.75rem; } .result__ability::before { left: 0.75rem; } .result__body { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 2.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .result__body.table-active .r-general { grid-row: 3 / 4; } .result__body.table-active .r-facts { grid-row: 3 / 4; } .result__body.table-active .r-activities { grid-row: 4 / 5; } .result__body.table-active .r-ability { grid-row: 4 / 5; } } .r-report { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 1.5rem 0 2rem 0; margin-bottom: 3.5rem; } .r-report--ib { padding-bottom: 0; } .r-report--ib .r-report__note { display: -webkit-box; display: -ms-flexbox; display: flex; } .r-report.is-active { margin-bottom: 0; } .r-report.is-active + .r-balance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: fadeInStatic 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); animation: fadeInStatic 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-report__title { margin-bottom: 0.5rem; } .r-report__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.4375rem 0.5625rem; margin-bottom: 2rem; border: 0.0625rem solid rgba(20, 0, 75, 0.5); border-radius: 0.375rem; font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 0.96875rem; font-weight: 400; color: rgba(20, 0, 75, 0.5); letter-spacing: 0.00625rem; } .r-report__note { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; padding: 7.5rem 2.5rem; background-color: rgba(20, 0, 75, 0.03); border-radius: 1rem; display: none; } .r-report__note span { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 1.375rem; font-weight: 400; color: rgba(20, 0, 75, 0.5); letter-spacing: 0.00875rem; text-align: center; } .r-report__list { width: 100%; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1.5rem; margin-bottom: 2rem; } .r-report__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .r-report__item:nth-of-type(5) .r-report__name, .r-report__item:nth-of-type(6) .r-report__name { line-height: 1.0625rem; } .r-report__name { margin-bottom: 0.5rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); letter-spacing: 0.00875rem; text-align: left; max-width: 88%; } .r-report__nr { margin-bottom: 0.25rem; font-family: "Stolzl Book", sans-serif; font-size: 1.125rem; line-height: 1.4625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01125rem; } .r-report__change { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.00875rem; } .r-report__change[data-type="grow"] { color: #00AAAA; } .r-report__change[data-type="loss"] { color: #ED3636; } .r-report__expand, .r-balance__close { position: relative; padding: 0; padding-right: 2rem; background-color: transparent; border: none; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5rem; font-weight: 350; color: #4164EE; letter-spacing: 0.00875rem; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-report__expand::after, .r-balance__close::after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967Z' fill='%234164EE'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-report__expand:active, .r-balance__close:active { opacity: 0.8; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-report__expand.is-active, .is-active.r-balance__close { display: none; } .r-report__expand.is-active::after, .is-active.r-balance__close::after { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .r-report { grid-column: 1 / 3; grid-row: 1 / 2; position: relative; max-width: 100%; padding-right: 1.5rem; padding-left: 1.5rem; margin-bottom: 0; } .r-report__title { margin-bottom: 2rem; } .r-report__date { position: absolute; top: 1.5rem; left: 22.125rem; margin-bottom: 0; } .r-report__list { grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .r-report__item:nth-of-type(5) .r-report__name, .r-report__item:nth-of-type(6) .r-report__name { line-height: 1.35625rem; } .r-report__expand:hover, .r-balance__close:hover { opacity: 0.86; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .r-balance { grid-column: 1 / 3; grid-row: 2 / 3; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; padding: 0 0 2rem 0; margin-bottom: 3.5rem; -webkit-animation: fadeOutStatic 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); animation: fadeOutStatic 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); display: none; } .r-balance__block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; } .r-balance__block .r-balance__wrap:not(:last-of-type) { margin-bottom: 1rem; } .r-balance__title { margin-left: 1rem; margin-bottom: 0.5rem; font-weight: 400; } .r-balance__note { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 155%; font-weight: 350; color: rgba(20, 0, 75, 0.3); letter-spacing: 0.00875rem; margin-left: 1rem; margin-bottom: 0.5rem; } .r-balance__wrap { width: 100%; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .r-balance__wrap::-webkit-scrollbar { display: none; } .r-balance__close { margin-left: 1rem; margin-top: -0.5rem; } .r-balance__close::after { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } @media screen and (min-width: 768px) { .r-balance__title { -ms-flex-item-align: center; align-self: center; } .r-balance__block { width: auto; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1200px) { .r-balance { padding: 0 calc((100% - 1032px) / 2); } .r-balance__title { margin-left: 1.5rem; -ms-flex-item-align: start; align-self: flex-start; } .r-balance__note { margin-left: 1.5rem; } .r-balance__block { gap: 0; width: 100%; } .r-balance__wrap { overflow-x: visible; } .r-balance__close { margin-top: 0; margin-left: 1.5rem; } } .r-table { width: 100%; padding: 0 1rem; } .r-table__head { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .r-table__head-row--year { width: 100%; display: grid; grid-template-columns: 12.625rem 5.75rem 5.75rem 5.75rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; padding: 0.25rem 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; align-self: center; } .r-table__head-row--year th { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: rgba(20, 0, 75, 0.3); letter-spacing: 0.00875rem; text-align: right; } .r-table__head-row--year th .table__head--first { display: -webkit-box; display: -ms-flexbox; display: flex; } .r-table__head-row--name { width: 100%; display: grid; grid-template-columns: 12rem 5.75rem 5.75rem 5.75rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; align-self: center; padding: 0.5rem 0.625rem 0.75rem 0.625rem; border-bottom: 0.0625rem solid rgba(20, 0, 75, 0.08); } .r-table__head-row--name th { font-family: "Stolzl Book", sans-serif; font-size: 0.625rem; line-height: 0.96875rem; font-weight: 350; color: #14004B; letter-spacing: 0.00625rem; white-space: nowrap; text-align: right; } .r-table__head-row--name th:first-of-type { font-size: 0.875rem; font-family: "Stolzl", sans-serif; font-weight: 400; line-height: 1.1375rem; text-align: left; } .r-table__body { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .r-table__body tr { width: 100%; padding: 0.5rem 0; display: grid; grid-template-columns: 12.625rem 5.75rem 5.75rem 5.75rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; align-self: center; } .r-table__body tr[data-type="has-inner"] { position: relative; } .r-table__body tr[data-type="has-inner"]::before { position: absolute; content: ''; left: 0; top: 0.375rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 1.25rem; height: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6084 12.117C14.3644 12.3611 13.9686 12.3611 13.7246 12.117L9.99984 8.39227L6.27511 12.117C6.03104 12.3611 5.63531 12.3611 5.39123 12.117C5.14715 11.8729 5.14715 11.4772 5.39123 11.2331L9.5579 7.06644C9.80197 6.82236 10.1977 6.82236 10.4418 7.06644L14.6084 11.2331C14.8525 11.4772 14.8525 11.8729 14.6084 12.117Z' fill='%2314004B' fill-opacity='0.5'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .r-table__body tr[data-type="has-inner"] .r-table__inner { display: none; } .r-table__body tr[data-type="has-inner"] .table-inner { display: none; } .r-table__body tr[data-type="has-inner"].is-active { padding-bottom: 0; } .r-table__body tr[data-type="has-inner"].is-active::before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .r-table__body tr[data-type="has-inner"].is-active .r-table__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .r-table__body tr[data-type="has-inner"].is-active .table-inner { display: table; margin-top: 0.25rem; position: relative; } .r-table__body tr[data-type="has-inner"].is-active .table-inner::after { position: absolute; content: ''; top: 0; right: 0; width: 100%; height: 0.0625rem; background-color: #e3e3e3; } .r-table__body tr[data-type="has-inner"].is-active .table-inner td:first-of-type { text-align: left; } .r-table__body tr[data-type="has-inner-double"] { position: relative; } .r-table__body tr[data-type="has-inner-double"]::before { position: absolute; content: ''; left: 1.75rem; top: 0.375rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 1.25rem; height: 1.25rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6084 12.117C14.3644 12.3611 13.9686 12.3611 13.7246 12.117L9.99984 8.39227L6.27511 12.117C6.03104 12.3611 5.63531 12.3611 5.39123 12.117C5.14715 11.8729 5.14715 11.4772 5.39123 11.2331L9.5579 7.06644C9.80197 6.82236 10.1977 6.82236 10.4418 7.06644L14.6084 11.2331C14.8525 11.4772 14.8525 11.8729 14.6084 12.117Z' fill='%2314004B' fill-opacity='0.5'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .r-table__body tr[data-type="has-inner-double"] .r-table__inner { display: none; } .r-table__body tr[data-type="has-inner-double"] .table-subinner { display: none; } .r-table__body tr[data-type="has-inner-double"].is-active { padding-bottom: 0; } .r-table__body tr[data-type="has-inner-double"].is-active::before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .r-table__body tr[data-type="has-inner-double"].is-active .r-table__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .r-table__body tr[data-type="has-inner-double"].is-active .table-subinner { display: table; margin-top: 0.25rem; position: relative; } .r-table__body tr[data-type="has-inner-double"].is-active .table-subinner::after { position: absolute; content: ''; top: 0; right: 0; width: calc(100% - 28px); height: 0.0625rem; background-color: #e3e3e3; } .r-table__body td { width: 100%; font-family: "Stolzl Book", sans-serif; font-size: 0.625rem; line-height: 1rem; font-weight: 350; color: #14004B; letter-spacing: 0.00625rem; white-space: nowrap; text-decoration: none; } .r-table__body td:first-of-type { padding: 0 0.5rem 0 1.75rem; color: rgba(20, 0, 75, 0.5); white-space: pre-wrap; } .r-table__body td:not(:first-of-type) { text-align: right; } .r-table__body--review td:first-of-type { padding: 0 0.5rem 0 0; color: #14004B; white-space: pre-wrap; font-family: "Stolzl", sans-serif; font-weight: 400; } .r-table__body--review td:not(:first-of-type) { text-align: right; } .r-table__first-row .r-table__data:first-of-type { font-size: 0.75rem; line-height: 1.1375rem; letter-spacing: 0.0075rem; } .r-table__inner { width: 100%; } .r-table__inner table { border-spacing: 0; width: 100%; } .r-table__inner table tr td:first-of-type { padding-left: 3.5rem; } .r-table__sub { width: 100%; } .r-table__sub table { border-spacing: 0; width: 100%; } .r-table__sub table tr td:first-of-type { padding-left: 5.25rem; } @media screen and (min-width: 1200px) { .r-table { padding: 0 1.5rem; } .r-table__head-row--year { grid-template-columns: 24.625rem 10rem 10rem 10rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } .r-table__head-row--name { grid-template-columns: 24rem 10rem 10rem 10rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; padding: 0.9375rem 0.625rem; } .r-table__head-row--name th { font-size: 0.875rem; line-height: 1.1375rem; letter-spacing: 0; } .r-table__body tr { padding: 0.9375rem 0.625rem; grid-template-columns: 24rem 10rem 10rem 10rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } .r-table__body tr[data-type="has-inner"]::before { top: 0.6875rem; left: 0.625rem; width: 1.5rem; height: 1.5rem; } .r-table__body tr[data-type="has-inner"].is-active { padding-bottom: 0; } .r-table__body tr[data-type="has-inner"].is-active .table-inner { margin-top: 0.9375rem; } .r-table__body tr[data-type="has-inner-double"] { position: relative; } .r-table__body tr[data-type="has-inner-double"]::before { left: 1.75rem; top: 0.6875rem; width: 1.5rem; height: 1.5rem; } .r-table__body tr[data-type="has-inner-double"].is-active { padding-bottom: 0; } .r-table__body tr[data-type="has-inner-double"].is-active .table-subinner { margin-top: 0.9375rem; } .r-table__body td { font-size: 0.875rem; line-height: 1.375rem; letter-spacing: 0; } .r-table__body td:first-of-type { padding: 0 1.875rem 0 2rem; } .r-table__body--review td:first-of-type { padding: 0 1.875rem 0 0; color: #14004B; white-space: wrap; } .r-table__inner { width: 100%; } .r-table__inner table { border-spacing: 0; width: 100%; } .r-table__inner table tr { padding-left: 0; } .r-table__inner table tr td:first-of-type { padding-left: 4rem; } .r-table__sub { width: 100%; } .r-table__sub table { border-spacing: 0; width: 100%; } .r-table__sub table tr { padding-left: 0; } .r-table__sub table tr td:first-of-type { padding-left: 5.75rem; } .r-table__first-row .r-table__data:first-of-type { font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 0; } } .r-ability { width: 100%; max-width: 21.4375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1rem 1rem 1.5rem 1rem; margin-bottom: 3.5rem; background-color: #E8ECFD; border-radius: 1.375rem; } .r-ability__title, .r-general__title, .r-facts__title, .r-activities__title { font-family: "Stolzl", sans-serif; font-size: 1.25rem; line-height: 1.875rem; font-weight: 500; color: #14004B; text-align: left; margin-bottom: 1rem; } .r-ability__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 0.5rem; margin-bottom: 2.625rem; } .r-ability__list-item { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 1.4375rem; font-family: "Stolzl Book", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.01875rem; } .r-ability__list-item::before { position: absolute; content: ''; width: 0.25rem; height: 0.25rem; background-color: rgba(20, 0, 75, 0.5); border-radius: 100vw; left: 0.5625rem; top: 0.4375rem; } .r-ability__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 120%; font-weight: 500; color: #14004B; letter-spacing: 0.01875rem; padding: 0.9375rem 0; border: 0.0625rem solid #14004B; border-radius: 0.375rem; background-color: transparent; } @media screen and (min-width: 1200px) { .r-ability { grid-column: 2 / 3; grid-row: 3 / 4; max-width: 100%; align-self: start; padding: 1.5rem 1.5rem 2rem 1.5rem; margin-bottom: 0; } .r-ability__title, .r-general__title, .r-facts__title, .r-activities__title { font-size: 1.375rem; line-height: 1.7875rem; margin-bottom: 1.5rem; } .r-ability__list { margin-top: 0; margin-bottom: 2.625rem; } .r-ability__list-item { font-size: 1rem; line-height: 1.3rem; letter-spacing: 0.01rem; } .r-ability__submit { padding: 0.75rem 0; border-width: 0.125rem; font-size: 1.125rem; line-height: 120%; letter-spacing: 0.0225rem; } } .r-general { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 1.5rem 0 2rem 0; margin-bottom: 3.5rem; } .r-general__title { margin-bottom: 2rem; } .r-general__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 1.5rem; } .r-general__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .r-general__list-item:last-of-type .r-general__list-data { max-width: 70%; } .r-general__list-name { margin-bottom: 0.5rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.00875rem; } .r-general__list-data { font-family: "Stolzl Book", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01875rem; } .r-general__list-start { margin-top: 0.25rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.1375rem; font-weight: 350; color: rgba(20, 0, 75, 0.3); text-align: left; letter-spacing: 0.00875rem; } @media screen and (min-width: 1200px) { .r-general { grid-column: 1 / 2; grid-row: 2 / 3; max-width: 100%; margin-bottom: 0; padding: 2rem 1.5rem 2.5rem 1.5rem; } .r-general__title { line-height: 1.8125rem; } .r-general__list-item { display: grid; grid-template-columns: 10rem 17.5rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .r-general__list-item:last-of-type .r-general__list-data { max-width: 100%; } .r-general__list-name { margin-bottom: 0; } .r-general__list-data { padding-top: 0.125rem; } .r-general__list-start { margin-top: 0.5rem; grid-column: 2 / 3; } } .r-facts { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 0.9375rem 0.9375rem 1.4375rem 0.9375rem; margin-bottom: 3.5rem; border: 0.0625rem solid #E3E3E3; border-radius: 1.375rem; } .r-facts__title { margin-bottom: 1rem; } .r-facts__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 9.25rem; gap: 0.5rem; margin-bottom: 2rem; } .r-facts__stats-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0.5rem 0.875rem; border-radius: 0.5rem; } .r-facts__stats-item[data-type="positive"] { background-color: rgba(209, 240, 240, 0.5); } .r-facts__stats-item[data-type="attention"] { background-color: #FFF2E6; } .r-facts__stats-item[data-type="negative"] { background-color: #FCE9ED; } .r-facts__stats-name { font-family: "Stolzl", sans-serif; font-size: 0.625rem; line-height: 1.25rem; font-weight: 400; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.00625rem; text-transform: lowercase; } .r-facts__stats-nr { font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 400; color: #14004B; letter-spacing: 0.01875rem; } .r-facts__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 1.5rem; margin-bottom: 2rem; } .r-facts__list-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 0.5rem; padding-left: 2.25rem; } .r-facts__list-item::before { position: absolute; content: ''; left: 0; top: 0; width: 1.25rem; height: 1.25rem; border-radius: 0.375rem; } .r-facts__list-item[data-type="positive"]::before { background-color: #D1F0F0; } .r-facts__list-item[data-type="attention"]::before { background-color: #FFF2E6; } .r-facts__list-item[data-type="negative"]::before { background-color: #FCE9ED; } .r-facts__list-name { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.1375rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.00875rem; } .r-facts__list-data { font-family: "Stolzl Book", sans-serif; font-size: 0.9375rem; line-height: 1.125rem; font-weight: 350; color: #14004B; text-align: left; letter-spacing: 0.01875rem; } .r-facts__expand { position: relative; padding: 0; padding-right: 2rem; background-color: transparent; border: none; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5rem; font-weight: 350; color: #4164EE; letter-spacing: 0.00875rem; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-facts__expand::after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967Z' fill='%234164EE'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-facts__expand:active { opacity: 0.8; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-facts__expand.is-active::after { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .r-facts { grid-column: 2 / 3; grid-row: 2 / 3; max-width: 100%; margin-bottom: 0; padding: 1.9375rem 1.4375rem; gap: 2rem; align-self: start; } .r-facts__title { max-width: 100%; line-height: 1.8125rem; margin-bottom: 0; } .r-facts__stats { position: absolute; top: 1.5rem; right: 1.5rem; } .r-facts__stats-item { display: grid; grid-template-columns: 0.625rem 1fr; } .r-facts__stats-nr { grid-column: 1 / 2; grid-row: 1 / 2; text-align: left; } .r-facts__stats-name { grid-column: 2 / 3; grid-row: 1 / 2; } .r-facts__stats-nr, .r-facts__stats-name { text-align: left; font-size: 0.625rem; font-weight: 400; color: #14004B; } .r-facts__list { margin-bottom: 0; } .r-facts__list-item { padding-left: 2.75rem; } .r-facts__list-item::before { width: 1.5rem; height: 1.5rem; } .r-facts__expand:hover { opacity: 0.86; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .r-activities { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 21.4375rem; padding: 1.5rem 0 2rem 0; margin-bottom: 3.5rem; } .r-activities__title { margin-bottom: 2rem; } .r-activities__wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2rem; } .r-activities__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .r-activities__subtitle { font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.35625rem; font-weight: 350; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.00875rem; margin-bottom: 1rem; } .r-activities__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 1rem; } .r-activities__list-item { width: 100%; display: inline; } .r-activities__list-item b { font-family: "Stolzl Book", sans-serif; font-size: 1rem; line-height: 1.3rem; font-weight: 350; color: #4164EE; letter-spacing: 0.01rem; } .r-activities__list-item span { font-family: "Stolzl Book", sans-serif; font-size: 1rem; line-height: 1.3rem; font-weight: 350; color: #14004B; letter-spacing: 0.01rem; } .r-activities__expand { position: relative; padding: 0; padding-right: 2rem; background-color: transparent; border: none; margin-top: 2rem; font-family: "Stolzl Book", sans-serif; font-size: 0.875rem; line-height: 1.5rem; font-weight: 350; color: #4164EE; letter-spacing: 0.00875rem; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-activities__expand::after { position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); width: 1.5rem; height: 1.5rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4697 9.46967C11.7626 9.17678 12.2374 9.17678 12.5303 9.46967L16.5303 13.4697C16.8232 13.7626 16.8232 14.2374 16.5303 14.5303C16.2374 14.8232 15.7626 14.8232 15.4697 14.5303L12 11.0607L8.53033 14.5303C8.23744 14.8232 7.76256 14.8232 7.46967 14.5303C7.17678 14.2374 7.17678 13.7626 7.46967 13.4697L11.4697 9.46967Z' fill='%234164EE'/%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-activities__expand:active { opacity: 0.8; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .r-activities__expand.is-active::after { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -webkit-transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.4s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .r-activities { grid-column: 1 / 2; grid-row: 3 / 4; max-width: 100%; padding-top: 2rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 2.5rem; margin-bottom: 0; } .r-activities__title { margin-bottom: 2rem; } .r-activities__wrap { display: grid; grid-template-columns: 1fr; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .r-activities__list { gap: 1.25rem; } .r-activities__list-item { line-height: 1.125rem; height: auto; } .r-activities__list-item b { height: auto; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.01875rem; } .r-activities__list-item span { height: auto; font-size: 0.9375rem; line-height: 1.125rem; letter-spacing: 0.01875rem; } .r-activities__expand:hover { opacity: 0.86; -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: opacity 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } .contacts { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 21.4375rem; margin-left: auto; margin-right: auto; padding: 3rem 0 3.5rem 0; } .contacts__title { margin-bottom: 2.5rem; font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 115%; font-weight: 500; color: #14004B; } .contacts__list { width: 100%; display: grid; grid-template-columns: 1fr; row-gap: 2.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .contacts__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .contacts__item:first-of-type { margin-bottom: 0.5rem; background-color: #F0F3FD; padding: 1rem 1rem 1.5rem 1rem; border-radius: 0.75rem; } .contacts__subtitle { margin-bottom: 1.5rem; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 120%; font-weight: 500; color: #14004B; text-align: left; } .contacts__description { margin-bottom: 1.5rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 145%; font-weight: 400; color: #14004B; letter-spacing: 0.00875rem; text-align: left; } .contacts__chat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0.75rem 0; background-color: #4164EE; border: none; border-radius: 0.375rem; font-family: "Stolzl", sans-serif; font-size: 0.9375rem; line-height: 120%; font-weight: 400; color: #fff; letter-spacing: 0.01875rem; cursor: pointer; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); outline: none; } .contacts__chat svg { margin-left: 1rem; width: 1.5rem; height: 1.5rem; fill: #fff; } .contacts__chat:active { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .contacts__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 0.5rem; } .contacts__name { margin-bottom: 0.5rem; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 155%; font-weight: 400; color: rgba(20, 0, 75, 0.5); text-align: left; letter-spacing: 0.00875rem; } .contacts__link { font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 145%; font-weight: 400; color: #14004B; letter-spacing: 0.00875rem; text-align: left; text-decoration: none; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .contacts__link:active { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .contacts__career { display: none; position: absolute; right: 0; bottom: 0; width: 2rem; height: 2rem; } .contacts__career svg { width: inherit; height: inherit; fill: #4164EE; stroke: #4164EE; } @media screen and (min-width: 1200px) { .contacts { max-width: 64.5rem; padding: 3.5rem 0 0 0; margin-bottom: 3.5rem; } .contacts__title { margin-bottom: 2.25rem; font-size: 2.75rem; } .contacts__list { grid-template-columns: 1fr 1fr; row-gap: 1.5rem; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .contacts__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .contacts__item:first-of-type { grid-row: 1 / 2; grid-column: 1 / 3; margin-bottom: 2rem; padding: 1.5rem 1.5rem 2rem 1.5rem; border-radius: 1.375rem; } .contacts__item:first-of-type .contacts__subtitle { margin-bottom: 1rem; } .contacts__item:nth-of-type(2) { grid-row: 2 / 5; grid-column: 1 / 2; display: grid; grid-template-columns: 15rem 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; min-height: 16.25rem; padding: 1rem 1.5rem 1.5rem 1.5rem; background-color: rgba(20, 0, 75, 0.03); border-radius: 1.375rem; } .contacts__item:nth-of-type(3) { grid-row: 2 / 4; grid-column: 2 / 3; min-height: 9.75rem; padding: 1rem 1.5rem 1rem 1.5rem; display: grid; grid-template-columns: 15rem 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; background-color: rgba(20, 0, 75, 0.03); border-radius: 1rem; } .contacts__item:last-of-type { grid-row: 4 / 5; grid-column: 2 / 3; padding: 0.9375rem 1.4375rem 0.9375rem 1.4375rem; display: grid; grid-template-columns: 15rem 1fr; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; border: 0.0625rem solid #E3E3E3; border-radius: 1rem; background-color: #fff; } .contacts__subtitle { margin-bottom: 0; font-size: 1.375rem; } .contacts__description { max-width: 46.5rem; margin-bottom: 0; font-size: 1.125rem; letter-spacing: 0.01125rem; } .contacts__chat { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 1.5rem; width: auto; padding: 1rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; line-height: 145%; letter-spacing: 0.00875rem; } .contacts__chat svg { margin-left: 1.5rem; } .contacts__chat:hover { opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .contacts__data { gap: 0.25rem; } .contacts__name { margin-bottom: 0.125rem; } .contacts__link { font-size: 0.9375rem; line-height: 120%; letter-spacing: 0.01875rem; } .contacts__link:hover { opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .contacts__career { display: block; right: 1.5rem; bottom: 1rem; } } .address { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 21.4375rem; margin-left: auto; margin-right: auto; padding: 3rem 0 3.5rem 0; margin-bottom: 3rem; } .address__title { margin-bottom: 2.5rem; font-family: "Stolzl", sans-serif; font-size: 1.75rem; line-height: 115%; font-weight: 500; color: #14004B; } .address__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 2rem; } .address__item { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 2rem; } .address__item:first-of-type .address__icon { background-color: #D1F0F0; } .address__item:last-of-type .address__icon { background-color: #E3E8FD; } .address__icon { position: absolute; width: 1.5rem; height: 1.5rem; left: 0; top: 0; border-radius: 0.3125rem; } .address__icon svg { position: absolute; top: -0.5rem; right: 0; width: 1rem; height: 1.875rem; fill: transparent; stroke: #14004B; } .address__name { margin-bottom: 0.5rem; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 130%; font-weight: 500; color: #14004B; text-align: left; } .address__text { text-align: left; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 130%; font-weight: 400; color: #14004B; letter-spacing: 0.00875rem; } @media screen and (min-width: 1200px) { .address { max-width: 64.5rem; margin-bottom: 7rem; } .address__title { margin-bottom: 2.5rem; font-size: 2rem; line-height: 109%; } .address__list { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .address__item { padding-left: 3.5rem; padding-right: 1.5rem; } .address__icon { left: 1.5rem; } .address__name { font-size: 1.375rem; line-height: 130%; } .address__text { font-size: 1.125rem; line-height: 130%; letter-spacing: 0.01125rem; } } .options { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 21.4375rem; margin-left: auto; margin-right: auto; padding: 3rem 0 3.5rem 0; margin-bottom: 3rem; } .options__title { margin-bottom: 2.125rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .options__title span { color: #4164EE; } .options__frame { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; height: auto; aspect-ratio: 2 / 1.055; border-radius: 1.5rem; margin-bottom: 1.5rem; overflow: hidden; } .options__frame-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .options__block { width: 100%; padding: 2rem 2rem; border-radius: 1.5rem; background-color: #E3E8FD; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.5rem; } .options__block:first-of-type { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-bottom: 3.5rem; } .options__block:last-of-type { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 1.5rem; } .options__subtitle { font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 145%; font-weight: 500; color: #14004B; letter-spacing: 0.01125rem; } .options__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; gap: 0.5rem; } .options__item { position: relative; font-family: "Stolzl", sans-serif; font-size: 0.875rem; line-height: 145%; font-weight: 400; color: #14004B; padding: 0.1875rem 0 0.125rem 2.5625rem; } .options__item::before { position: absolute; content: ''; width: 1.5625rem; height: 1.5625rem; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6444_11322)'%3E%3Cpath d='M5.3125 16.6563L12.0104 23.3438L26.6875 8.65625' stroke='%2314004B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.2176 8.12573C27.5106 8.41852 27.5108 8.89339 27.218 9.18639L12.5409 23.8739C12.2482 24.1668 11.7735 24.1671 11.4805 23.8745L4.78258 17.187C4.48946 16.8943 4.48909 16.4195 4.78176 16.1263C5.07442 15.8332 5.5493 15.8328 5.84242 16.1255L12.0098 22.2833L26.157 8.12611C26.4498 7.83311 26.9246 7.83294 27.2176 8.12573Z' fill='%2314004B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6444_11322'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; top: 0; left: 0; } .options__link { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; padding: 1.5625rem 2.0625rem; background-color: #4164EE; font-family: "Stolzl", sans-serif; font-size: 1.125rem; line-height: 120%; font-weight: 400; color: #fff; letter-spacing: 0.0225rem; width: 100%; text-decoration: none; border-radius: 1rem; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); white-space: nowrap; } .options__link svg { width: 1.5rem; height: 1rem; fill: #fff; } .options__link:active { opacity: 0.8; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } @media screen and (min-width: 1200px) { .options { max-width: 64.5rem; margin-bottom: 7rem; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .options__title { margin-bottom: 0; grid-column: 1 / 2; grid-row: 1 / 2; padding: 1.5rem; } .options__frame { grid-column: 2 / 3; grid-row: 1 / 2; aspect-ratio: 16 / 5.7; margin-bottom: 0; } .options__block:first-of-type { grid-column: 1 / 2; grid-row: 2 / 3; margin-bottom: 1rem; } .options__block:last-of-type { grid-column: 2 / 3; grid-row: 2 / 3; margin-bottom: 1rem; } .options__subtitle { font-size: 1.5rem; letter-spacing: 0.0125rem; } .options__item { font-size: 1rem; letter-spacing: 0.01rem; padding: 0.1875rem 0 0.375rem 3rem; } .options__item::before { width: 2rem; height: 2rem; } .options__link { width: 100%; max-width: 20.3125rem; grid-column: 1 / 3; grid-row: 3 / 4; align-self: center; justify-self: center; padding-left: 1.5rem; padding-right: 1.5rem; } .options__link:hover { opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } } /* End */ /* Start:/bitrix/templates/rowi/static/css/plyr.css?172225233933746*/ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word;white-space:normal}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius,5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/bitrix/templates/rowi/static/css/intro.css?17225256302349*/ @font-face { font-family: "Suisse Intl"; src: url(/bitrix/templates/rowi/static/css/../fonts/suisse/SuisseIntl.woff) format("woff"), url(/bitrix/templates/rowi/static/css/../fonts/suisse/SuisseIntl.woff2) format("woff2"); font-weight: 400; font-style: "normal"; font-display: swap; } .intro .intro__info.intro__info--about::after { bottom: 4.5rem; } .intro .intro__news { position: absolute; bottom: 5rem; left: calc((100% - 375px) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; padding: 0.625rem 1rem; background-color: #fff; border-radius: 0 1rem 1rem 0; -webkit-box-shadow: 0 11px 26px 0 rgba(114, 128, 182, 0.2); box-shadow: 0 11px 26px 0 rgba(114, 128, 182, 0.2); z-index: 2; } .intro .intro__news-text { font-family: "Suisse Intl", sans-serif; font-size: 0.8125rem; line-height: 102%; font-weight: 400; color: #14004B; } .intro .intro__news-logo { width: 7.5rem; height: 1.3125rem; -o-object-fit: contain; object-fit: contain; } .intro.intro--career .intro__news { left: auto; bottom: 1rem; right: calc((100% - 375px) / 2); border-radius: 1rem 0 0 1rem; } @media screen and (min-width: 393px) { .intro--about .intro__news { border-radius: 1rem; } .intro--career .intro__news { right: calc((100% - 343px) / 2); } } @media screen and (min-width: 1200px) { .intro .intro__news { padding: 0.625rem 1.5rem; border-radius: 1rem; bottom: 3.5rem; left: calc((100% - 1080px) / 2); } .intro--career .intro__visual { position: absolute; top: 11.625rem; right: calc((100% - 1200px) / 2); border-radius: 3.75rem; overflow: hidden; } .intro--career .intro__frame { width: 36.75rem; height: 20.375rem; } .intro.intro--career .intro__news { left: auto; bottom: 1.9375rem; right: 0; border-radius: 1rem 0 0 1rem; padding-left: 1.5rem; padding-right: 5.25rem; } } /* End */ /* Start:/bitrix/templates/rowi/static/css/common.css?17537841048348*/ .guide__text:blank { display: none!important } .table__cell b{ font-size: inherit; color: inherit; line-height: inherit; } @media screen and (min-width: 1200px){ .about__item:first-of-type .about__text { max-width: 100%; } } .callback__wrap.submitted{ background: none } .callback__wrap.submitted .form_desc{ text-align: center; } div.nav__list-frame{ cursor: default; } .a-search__reset{ pointer-events: all; } .r-activities__list:not(.active) .r-activities__list-item:not(.showed){ display: none; } .r-facts__list:not(.active) .r-facts__list-item:not(.showed){ display: none; } .result__status[data-status="inactive"] { color: #F5AABE; } .comfort .plyr__poster{ background-size: cover; } .develop__logo{ justify-content: center; } .partnerstvo_contact{ width: 100%; margin-bottom: 91px } .partnerstvo_contact_content{ max-width: 100%; width: 606px; padding-top: 29px } .partnerstvo_contact_bottom{ display: flex; align-items: center; justify-content: space-between; margin-top: 56px; font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: 0.02em; color: #14004B; } .partnerstvo_contact_bottom a:not(.partnerstvo_contact_btn){ color: inherit; text-decoration: none; } .partnerstvo_contact_bottom a:hover:not(.partnerstvo_contact_btn){ color:#4164EE; } .partnerstvo_contact_btn{ background: #4164EE; height: 52px; padding: 0 16px; font-size: 14px; font-weight: 400; line-height: 20.3px; letter-spacing: 0.01em; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 8px; text-decoration: none; } .partnerstvo_contact_btn:hover{ opacity: 0.86; -webkit-transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); transition: 0.2s cubic-bezier(0.64, 0.47, 0.44, 0.76); } .partnerstvo_contact_title{ margin-bottom: 16px; font-size: 22px; font-weight: 500; line-height: 28.6px; color: #14004B; } .partnerstvo_contact_desc{ color: #14004B; font-size: 18px; font-weight: 400; line-height: 26.1px; letter-spacing: 0.01em; } .partnerstvo_contact{ display: flex; align-items: flex-start; justify-content: space-between; margin-top: 11px } .partnerstvo_contact_img{ width: 251px; } @media screen and (max-width: 1199px) { .partnerstvo_contact{ flex-direction: column-reverse; margin-bottom: 57px; margin-top: 25px } .partnerstvo_contact_img img{ max-width: 238px; display: block; margin-left: auto; margin-right: auto; } .partnerstvo_contact_img{ width: 100%; display: flex; justify-content: center; } .partnerstvo_contact_content{ padding-top: 46px; } .partnerstvo_contact_title{ margin-bottom: 8px; font-family: Stolzl; font-size: 18px; line-height: 23.4px; } .partnerstvo_contact_desc{ font-size: 14px; line-height: 20.3px; } .partnerstvo_contact_desc br{ display: none; } .partnerstvo_contact_bottom{ margin-top: 28px } .partnerstvo_contact_bottom{ flex-direction: column; width: 100%; align-items: flex-start; gap:8px; } .partnerstvo_contact_btn{ margin-top: 30px; width: 100%; order: 2; height: 46px; max-width: 311px; margin-left: auto; margin-right: auto; } .partnerstvo_contact_bottom{ font-size: 14px; line-height: 16.8px } } .open_popup_calendar{ width: 64px; height: 64px; border-radius: 100%; cursor: pointer; background: radial-gradient(139.36% 139.49% at 3.81% -12.53%, #F5AABE 0%, #FF6796 25%, #2C55F9 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; left: calc(100% - 32px - 64px); bottom: 128px; position: fixed; display: flex; align-items: center; justify-content: center; } .popup_calendar{ background: linear-gradient(109.59deg, #1B9D9D 44.25%, rgba(65, 100, 238, 0.48) 93.11%); background: radial-gradient(151.49% 150.45% at 0% -37.5%, #F5AABE 0%, #FF6796 25%, #2C55F9 93.15%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */; box-shadow: 0px 1.92px 14.89px 0px #00000042; width: 258px; /*height: 142px;*/ padding: 16px; position: fixed; z-index: 999; left: calc(100% - 160px); bottom: 148px; transform: translate(-50%, -50%); color: #fff; border-radius: 16px; display: none; } .popup_calendar.active{ display: block; } .popup_calendar_close{ position: absolute; right: 12px; top: 12px; line-height: 0 } .popup_calendar_title{ font-size: 12px; font-weight: 400; line-height: 15.6px; letter-spacing: 0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 6px; } .popup_calendar_desc{ font-size: 11px; font-weight: 400; line-height: 15.95px; letter-spacing: 0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 11px; } .popup_calendar_btn{ color: #14004B; font-size: 10px; font-weight: 400; line-height: 13px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; background: #fff; cursor: pointer; border: none; width: 78px; height: 29px; display: flex; align-items: center; justify-content: center; border-radius: 100px; text-decoration: none; } @media screen and (max-width: 767px) { .open_popup_calendar{ left: calc(100% - 15px - 64px); } .popup_calendar{ left: calc(100% - 140px); } } .check-form a{ color: #4164ee; text-decoration: none; } .intro .intro__news-logo { width: auto; } .nav__list-link:nth-of-type(4) .nav__list-image{ width: auto; height: auto; } .forms_soglasie{ margin-top: 12px; color:#14004B80; font-weight: 400; font-size: 14px; line-height: 120%; letter-spacing: 0.14px; position: relative; } .forms_soglasie a{ text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: 10%; } .forms_soglasie_str{ display: flex; align-items: center; } .forms_soglasie_str input{ opacity: 0; width: 1px; height: 1px; margin-left: -1px } label.forms_soglasie_str{ margin-bottom: 12px; cursor: pointer; } a.forms_soglasie_str{ margin-left: 39px; } .forms_soglasie_checkbox { border: 2px solid #14004B; width: 24px; height: 24px; min-width: 24px; margin-right: 12px; border-radius: 5px; } :checked~.forms_soglasie_checkbox{ background-color: #14004B; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTInIGhlaWdodD0nMTInIHZpZXdCb3g9JzAgMCAxMiAxMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOS44MzY4MiAwLjc5MTY3MUMxMC4xNzY1IDAuMzU0ODAyIDEwLjgwNjQgMC4yNzY4NiAxMS4yNDIzIDAuNjE3NzU2TDExLjI5MjYgMC42NTcwNzFDMTEuNjk1IDAuOTcxNzU0IDExLjc5NTUgMS41MzkxMyAxMS41MjU3IDEuOTcyOTFMNS41ODMxNyAxMS41MjgxQzUuNDAwNjcgMTEuODIxNiA1LjA3OTU4IDEyIDQuNzM0IDEySDQuMjg5MjVDMy45NDgzMSAxMiAzLjYzMDg2IDExLjgyNjMgMy40NDcwNCAxMS41MzkyTDAuNDI1MDY1IDYuODE4NUMwLjE3NTc2OSA2LjQyOTA4IDAuMjI1OTY4IDUuOTE5NTIgMC41NDY0NjQgNS41ODYyMkwwLjgyNjQzOSA1LjI5NTA3QzEuMjIwMDMgNC44ODU3NiAxLjg3NTA2IDQuODg1OTMgMi4yNjg0NCA1LjI5NTQ2TDMuNzE0OTMgNi44MDEzNUM0LjEzNzI2IDcuMjQxMDMgNC44NTEzNiA3LjIwMzcyIDUuMjI1NTcgNi43MjI0Mkw5LjgzNjgyIDAuNzkxNjcxWicgZmlsbD0nd2hpdGUnLz48L3N2Zz4K"); } .forms_soglasie a{ color: inherit; } .forms_soglasie_warranty_top{ margin-top: 0 } .popup-callback__form .forms_soglasie{ order: 1; font-size: 12px; margin-bottom: 48px; margin-top: -8px } @media screen and (min-width: 1200px) { .callback--warranty .callback__form .callback__nr { margin-bottom: 4px } } @media screen and (max-width: 767.98px) { .callback__nr-field, .callback--warranty .callback__nr-field{ margin-bottom: 84px; } .forms_soglasie{ position: relative; width: 100%; margin-top: 0; font-size: 12px } .forms_soglasie_checkbox{ margin-right: 8px; } a.forms_soglasie_str{ justify-content: center; margin-left: 0; } label.forms_soglasie_str{ position: absolute; top: -120px } .forms_soglasie_garant_bottom, .forms_soglasie_warranty_top{ font-size: 12px; } .forms_soglasie_garant_bottom label.forms_soglasie_str{ top: -115px } .popup-callback__form .forms_soglasie{ margin: 0 } .popup-callback .callback-form__item{ margin-bottom: 92px } .popup-callback__form label.forms_soglasie_str{ top: -140px; } } /* End */ /* /bitrix/templates/rowi/static/css/swiper-bundle.min.css?172225234015904 */ /* /bitrix/templates/rowi/static/css/styles.css?1758095297871545 */ /* /bitrix/templates/rowi/static/css/plyr.css?172225233933746 */ /* /bitrix/templates/rowi/static/css/intro.css?17225256302349 */ /* /bitrix/templates/rowi/static/css/common.css?17537841048348 */