/* Start:/local/templates/slonworks/fonts/fonts.css?1751344867809*/ @font-face { font-family: 'HelveticaNeueCyr'; /*src: url('/local/templates/slonworks/fonts/HelveticaNeueCyr-Roman.eot');*/ src: url('/local/templates/slonworks/fonts/HelveticaNeueLTW1G-Roman.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; /*src: url('/local/templates/slonworks/fonts/HelveticaNeueCyr-Bold.eot');*/ src: url('/local/templates/slonworks/fonts/HelveticaNeueLTW1G-Md.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; /*src: url('/local/templates/slonworks/fonts/HelveticaNeueCyr-Light.eot');*/ src: url('/local/templates/slonworks/fonts/HelveticaNeueLTW1G-Th.otf') format('opentype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyr'; /*src: url('/local/templates/slonworks/fonts/HelveticaNeueCyr-Light.eot');*/ src: url('/local/templates/slonworks/fonts/HelveticaNeueLTW1G-Hv.otf') format('opentype'); font-weight: 700; font-style: normal; } /* End */ /* Start:/local/templates/slonworks/libs/swiper/swiper-bundle.min.css?175134486815835*/ /** * Swiper 8.0.6 * 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: February 14, 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;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .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{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/slonworks/css/styles.css?1751344868101582*/ @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; font-family: "HelveticaNeueCyr", sans-serif; vertical-align: baseline; -webkit-font-smoothing: antialiased; /*-moz-osx-font-smoothing: grayscale;*/ } button, textarea, input, select, li, a, span, div { -webkit-tap-highlight-color: transparent !important; -webkit-focus-ring-color: transparent !important; outline: none !important; } body { width: 100%; background-color: white; color: #21252D; } body.scroll_bar_padding { padding-right: 17px; } * { box-sizing: border-box; } *:focus { outline: none; } *:focus-visible { outline: none; } li { list-style-type: none; /* Убираем маркеры */ } a { text-decoration: none; color: #21252D; } a:hover { text-decoration: none; } a.active { color: #848FA1; } a:focus, input:focus { outline: 0; text-decoration: none; } b { font-weight: bold; } button { border: none; } button:focus { outline: none; } button:focus-visible { outline: none; } .c-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .des-none { display: none; } html { font-size: 1.1111112vw; } img { display: block; width: 100%; height: 100%; object-fit: contain; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input { line-height: normal; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button, input { overflow: visible; } a, area, button, [role=button], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } .t-container { padding: 0 1.25rem; width: 100%; } .a-flex-block { height: 100%; display: flex; align-items: stretch; } .a-flex-center { display: flex; justify-content: center; } .a-col-50 { width: 50%; flex-shrink: 0; } .bg-primary { background-color: #313742; color: white; } .bg-primary .t-section-title { color: white; } .bg-white { background-color: #fff; } .bg-blue { background-color: #1F70F3; color: white; } .bg-blue .t-section-title { color: white; } .nowrap { white-space: nowrap; } body.overflowAll { overflow: hidden; } .body-wrapper { max-width: 100vw; overflow: hidden; } .fix-line-height { padding-top: 0.3em !important; } .flex-grow { flex-grow: 1; } .t-swiper-button { width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 1px solid #e9ecf2; } .t-swiper-button.swiper-button-prev { transform: rotate(180deg); } .t-swiper-button:after { content: ""; width: 0.6875rem; height: 1rem; mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; background-color: #e9ecf2; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.2; } .super-m { font-size: 0.6em; vertical-align: super; } [data-observer-fade-up], [data-observer-grid-fade-up] { transform: translateY(44px); opacity: 0.25; } .t-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 1.25rem; } .t-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); } .t-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.25rem; row-gap: 5rem; } .t-text-m { font-size: 1.125rem; line-height: 140%; letter-spacing: 0.02em; } .t-text-m-light { font-weight: 300; font-size: 1.125rem; line-height: 140%; letter-spacing: 0.06em; } .t-text-s { font-size: 1rem; line-height: 140%; letter-spacing: 0.02em; } .t-text-xs { font-size: 0.875rem; line-height: 130%; letter-spacing: 0.04em; } .t-text-xm { font-size: 1.5rem; line-height: 140%; letter-spacing: 0.02em; } .t-title-page { font-weight: 500; font-size: 4rem; line-height: 120%; letter-spacing: 0.02em; color: #313742; } .t-section-title { font-weight: 500; font-size: 2.5rem; line-height: 130%; letter-spacing: 0.02em; color: #313742; } .t-green { color: #B2E05A; } .t-blue { color: #1F70F3; } .bg-white .t-green { color: #9DD631; } .t-grey { color: #848FA1; } .t-light { font-weight: 300; } .t-medium { font-weight: 500; } .t-bold { font-weight: 700; } .t-link-arrow { padding: 0; background: transparent; position: relative; display: flex; align-items: center; column-gap: 0.75rem; font-weight: 500; font-size: 1.125rem; line-height: 107%; letter-spacing: 0.03em; color: #b2e05a; transition: color 0.2s; } .t-link-arrow::after { content: ""; width: 0.6875rem; height: 1rem; mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; background-color: currentColor; transition: 0.2s; transition-property: background-color, transform; } header { position: sticky; top: 0; left: 0; width: 100%; height: 5.25rem; background-color: white; z-index: 11; } header .t-container { height: 100%; } .header-content { display: flex; align-items: center; justify-content: space-between; height: 100%; } .header-logo { display: block; width: 11.1875rem; height: 1.75rem; } .header__content_mobile { display: none; } .header-nav { margin-left: 6.5rem; display: flex; align-items: center; height: 100%; } .header-nav.mob-none .header-nav-list { height: 100%; } .header-nav.mob-none .header-nav-list li { height: 100%; display: flex; align-items: center; } .header-nav.mob-none .header-nav-list li a { height: 100%; display: flex; align-items: center; } .header-nav-list { display: flex; align-items: center; column-gap: 3.125rem; } .header-nav-link { display: block; font-weight: 400; font-size: 0.875rem; line-height: 137%; letter-spacing: 0.03em; } .header-right { display: flex; column-gap: 1rem; align-items: center; } .header .t-circle-title { height: 2.75rem; border-color: #E8EBF1; padding-top: 0.375rem; padding-bottom: 0.75rem; pointer-events: unset; } .nav_mobile { display: none; } .dropdown-wr { position: relative; } .dropdown-menu-item { background-color: #21252D; position: absolute; top: calc(100% - 0.5rem); left: -1.25rem; width: max-content; right: 0; opacity: 0; pointer-events: none; -webkit-transition: 0.5s ease; transition: 0.5s ease; padding: 0.75rem 1.25rem; border: 1px solid #B2E05A; border-radius: 1.25rem; } .dropdown-menu-item li { margin-bottom: 0.5rem; } .dropdown-menu-item li:last-child { margin-bottom: 0; } .open .dropdown-menu-item { opacity: 1; pointer-events: unset; } .footer { margin-top: -5rem; padding-top: 5rem; position: relative; border-radius: 5rem 5rem 0 0; } .footer-top { padding-bottom: 1.0625rem; } .footer-logo { display: block; width: 20.9375rem; height: 2.625rem; } .footer-bottom { padding: 2.1875rem 0; } .footer-bottom .t-container { padding: 0 2.75rem; } .footer-bottom-content { display: flex; justify-content: space-between; } .footer-bottom-text { font-weight: 400; font-size: 0.875rem; line-height: 140%; color: #848FA1; } .footer-bottom-text a { color: inherit; } .footer-text-list { display: flex; flex-direction: column; row-gap: 1rem; } .footer-text-list a, .footer-text-list .footer-text-item { color: white; display: flex; column-gap: 0.75rem; font-size: 0.9375rem; } .footer-text-list .t-grey { font-size: 0.75rem; margin: 0.0625rem 0 0.5rem 0; } .footer-text-list .t-circle-title { pointer-events: unset; width: 8.5rem; height: 3rem; border-color: transparent; background: #565B65; padding: 0.5rem 2.125rem 0.875rem 2.3125rem; } .footer-text-list .t-circle-title i { width: 4rem; height: 1.5625rem; background: url("/local/templates/slonworks/css/../img/svg/tspg-logo-light.svg") center/contain no-repeat; } .footer-form-title { padding-left: 1.875rem; margin-bottom: 2.375rem; font-weight: 500; font-size: 1rem; line-height: 120%; letter-spacing: 0.04em; color: #B2E05A; } .heart-icon { background-color: white; display: inline-block; flex-shrink: 0; width: 1.375rem; height: 1.375rem; mask: url("/local/templates/slonworks/css/../img/svg/heart.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/heart.svg") center/contain no-repeat; } .email-icon { background-color: white; display: inline-block; flex-shrink: 0; width: 1.3125rem; height: 1.3125rem; mask: url("/local/templates/slonworks/css/../img/svg/email.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/email.svg") center/contain no-repeat; } .globe-icon { background-color: white; display: inline-block; flex-shrink: 0; width: 1.375rem; height: 1.375rem; mask: url("/local/templates/slonworks/css/../img/svg/globe.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/globe.svg") center/contain no-repeat; } .social-media-links { display: flex; column-gap: 1.0625rem; margin-bottom: 0.0625rem; } .social-media-link { border-radius: 50%; background: gray; width: 2.0625rem; height: 2.0625rem; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out; } .social-media-link i { transition: all 0.2s ease-in-out; background-color: #E8EBF1; } .telegram-icon { display: inline-block; margin-right: 0.1875rem; width: 1rem; height: 0.8125rem; mask: url("/local/templates/slonworks/css/../img/svg/telegram.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/telegram.svg") center/contain no-repeat; } .linkedin-icon { display: inline-block; width: 0.875rem; height: 0.8125rem; mask: url("/local/templates/slonworks/css/../img/svg/linkedin.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/linkedin.svg") center/contain no-repeat; } .insta-icon { display: inline-block; width: 1rem; height: 0.9375rem; mask: url("/local/templates/slonworks/css/../img/svg/insta.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/insta.svg") center/contain no-repeat; } .ea-input { padding: 0 1.875rem; display: block; border: 2px solid #E8EBF1; width: 100%; height: 3.375rem; font-weight: 400; font-size: 1rem; line-height: 130%; color: #14161B; background-color: #E8EBF1; border-radius: 2.5rem; transition: border-color 0.2s; } .ea-input::placeholder { color: #848FA1; } .ea-input:focus::placeholder { color: transparent; } .ea-input:focus-visible { border-color: #B2E05A; } .ea-input._error { border-color: #E25151 !important; } .ea-input.ea-textarea { padding: 0 1.875rem 0 1.875rem; word-wrap: break-word; height: -webkit-fill-available; resize: none; border-radius: 1.875rem; border: none; background: transparent; } .ea-input.ea-textarea:focus { align-items: center; } .ea-input.ea-textarea::placeholder { line-height: 5.375rem; } .ea-input.ea-textarea { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } .ea-input.ea-textarea::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 10px; } .ea-input.ea-textarea::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); } .ea-input:-webkit-autofill { -webkit-text-fill-color: #21252D; color: #21252D; } .textarea-wr { overflow: hidden; border-radius: 1.875rem; padding: calc(0.8125rem + 0.3em) 0 1rem 0; border: 2px solid #E8EBF1; height: 7.375rem; background-color: #E8EBF1; } ._error .textarea-wr { border-color: #E25151 !important; } .form__content { display: flex; flex-direction: column; row-gap: 0.625rem; } .form-button { padding: 0.625rem 2.5rem; padding-top: calc(0.625rem + 0.2em); display: flex; align-items: center; justify-content: center; border-radius: 6.25rem; width: 100%; height: 3.625rem; background-color: #B2E05A; font-weight: 400; font-size: 1rem; line-height: 120%; letter-spacing: 0.03em; text-align: center; color: #21252D; border: none; outline: none; transition: opacity 0.2s; } .form-button:disabled { background-color: #848FA1; cursor: unset; } .form__error-text { padding: 0 1.875rem; display: none; font-weight: 400; font-size: 0.75rem; letter-spacing: 0.03em; color: #E25151; } .form__group { position: relative; display: flex; flex-direction: column; row-gap: 0.5rem; } .form__group._error .form__error-text { display: block; } .form-send-massage { padding: 0 1.875rem; display: none; font-weight: 400; font-size: 0.75rem; letter-spacing: 0.03em; line-height: 117%; color: #E25151; } .form-send-massage.active { display: block; } .form__send-modal { padding: 2.625rem 1.875rem; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #E8EBF1; border-radius: 1.875rem; border: 2px solid transparent; color: #848FA1; } .form__send-modal.active { display: block; } .form__send-content { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .form__send-text { font-weight: 400; font-size: 1rem; line-height: 140%; letter-spacing: 0.02em; } #writeUsForm.disabled { pointer-events: none; } #writeUsForm.disabled .ea-input { // background: rgba(255, 255, 255, 0.25)!important; opacity: 0.3; border-color: transparent; } #writeUsForm.disabled input.ea-input::placeholder { color: #21252D; } #writeUsForm.disabled .form-button { opacity: 0.5; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; } .dropdown { position: relative; } .dropdown-lang-header { width: 2.75rem; height: 2.75rem; display: flex; justify-content: center; align-items: center; background: transparent; border-radius: 50%; border: 1px solid #E8EBF1; cursor: pointer; } .dropdown-lang-header.show { border-color: #1F70F3; } .dropdown-lang-body { padding: 0.25rem 0; display: none; position: absolute; z-index: 1000; left: 50%; transform: translate(-50%, 0.5rem); width: 2.75rem; background-color: white; border: 1px solid #1F70F3; border-radius: 1.25rem; } .dropdown-lang-body.show { display: block; } .dropdown-item { text-align: center; } .dropdown-item a { display: block; padding: 0.5rem 0; transition: color 0.2s; } .modal#main-review-popup .modal__container { min-height: fit-content; max-height: 41.5rem; width: 33.75rem; } .modal#main-review-popup .modal__content-wr { padding: 2.5rem 3.375rem 0 3.375rem; } .modal#main-review-popup .t-review-card { padding: 0; height: 100%; text-align: left; font-weight: 400; color: #313742; justify-content: flex-start; gap: 0.625rem; background: transparent; } .modal#main-review-popup .t-review-card .t-grey { font-size: 0.75rem; line-height: 130%; } .modal#main-review-popup .t-review-card .t-text-xs { max-height: 27.5rem; overflow-y: auto; display: flex; flex-direction: column; gap: 1.25rem; padding-bottom: 3.5rem; margin-right: -2.125rem; padding-right: 2.125rem; } .modal#main-review-popup .t-review-card .t-text-xs::-webkit-scrollbar { width: 8px; background: transparent; border-radius: 39px; } .modal#main-review-popup .t-review-card .t-text-xs::-webkit-scrollbar-track { background: rgba(217, 217, 217, 0.25); border-radius: 39px; height: 50%; } .modal#main-review-popup .t-review-card .t-text-xs::-webkit-scrollbar-thumb { width: 8px; border-radius: 39px; background: #D9D9D9; background-clip: content-box; height: 20px; } .modal#main-review-popup .t-review-card .t-text-xs::-webkit-scrollbar-button:end:decrement { height: 10%; display: block; background: transparent; } .modal#main-review-popup .t-review-card .t-text-xs::-webkit-scrollbar-button:start:increment { height: 0; display: block; background: transparent; } .modal.video-popup video { max-width: 100%; width: auto; max-height: 84vh; border-radius: 3.75rem; } .modal.video-popup .modal__container { background-color: transparent; max-width: 60rem; width: fit-content; min-height: fit-content; max-height: 100vh; border-radius: 0; } .modal.video-popup .modal__content-wr { padding: 0; width: fit-content; } .modal .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; color: #14161A; z-index: 15; overflow-y: auto; } .modal .modal__container { background-color: #fff; width: 35.3125rem; height: fit-content; min-height: 28.125rem; max-height: 100vh; border-radius: 5rem; box-sizing: border-box; position: relative; text-align: center; font-size: 1.25rem; font-weight: 500; line-height: 120%; letter-spacing: 0.05rem; } .modal .modal__container .t-green { color: #9DD631; } .modal .modal__close { position: absolute; top: 0; right: -4rem; width: 2.75rem; height: 2.75rem; mask: url("/local/templates/slonworks/css/../img/svg/modal-close.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/modal-close.svg") center/contain no-repeat; background: #9DD631; z-index: 1; } .modal .modal__content-wr { padding: 6.25rem 3.5rem 5.375rem 3.5rem; width: 100%; height: 100%; transition: all 0.2s ease; } .modal form { margin-top: 1.875rem; } .modal form .form__error-text { text-align: left; margin-bottom: 0.625rem; } .modal form input._error + .form__error-text { display: block; } .modal .ea-input { background-color: rgba(132, 143, 161, 0.2); } .modal .ea-input::placeholder { color: #BDC3CC; } .modal .ea-input:focus::placeholder { color: transparent; } .modal .ea-input.ea-textarea { background: transparent; } .modal .textarea-wr { background-color: rgba(132, 143, 161, 0.2); } .modal button.t-green { margin-bottom: 1.0625rem; letter-spacing: 0.05rem; background: transparent; } @media (hover: hover) and (pointer: fine) { .modal button.t-green:hover { color: #B2E05A; } } .modal button.t-grey { letter-spacing: 0.05rem; background: transparent; } @media (hover: hover) and (pointer: fine) { .modal button.t-grey:hover { color: #5e6470; } } .modal .modalWriteUsForm-success { padding: 6.25rem 2.3125rem 5.375rem 2.3125rem; position: absolute; top: 0; left: 0; background: white; display: flex; flex-direction: column; justify-content: center; visibility: visible; opacity: 1; border-radius: 5rem; } .modal .modalWriteUsForm-success .note { margin: 3.5rem auto 0.625rem auto; font-size: 1.125rem; font-weight: 400; color: #848FA1; text-align: center; letter-spacing: 0.02em; } .modal .modalWriteUsForm-success img { flex-shrink: 0; margin: 0 auto; width: 10.625rem; height: 1.625rem; } .modal .modalWriteUsForm-success { gap: 1.875rem; } .modal .modalWriteUsForm-success.hidden { visibility: hidden; opacity: 0; } .modal .modalWriteUsForm-wr.hidden { display: none; } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden=false] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .panel-spacer { height: 55vh; } .panel { margin-top: -5rem; padding-top: 5rem; position: relative; border-radius: 5rem 5rem 0 0; overflow: hidden; height: 100%; will-change: transform; } .panel.biggerBorderRadius { border-radius: 5.25rem 5.25rem 0 0; } .main-first-section { margin-top: 0; padding: 0; height: 48.5625rem; opacity: 0; margin-top: 1px !important; } .main-first-section .t-text-m-light { font-size: 1rem; } .main-card-wrapper { position: relative; width: 100%; height: calc(100% - 5rem); } .main-card-img { width: 100%; object-fit: cover; } .main-card-content { position: absolute; bottom: 0; height: 20rem; width: 100%; padding: 2.5rem 2.5rem 9.5rem 1.25rem; color: white; border-top-right-radius: 5rem; display: grid; grid-template-columns: 1fr 1fr; column-gap: 7.5rem; } .main-card-content .t-title-page { font-size: 3.5rem; font-weight: 400; color: white; } .main-card-col-right { align-self: center; display: flex; flex-direction: column; row-gap: 2.5rem; } .t-row-content { display: flex; column-gap: 1.25rem; } .t-circle-title { pointer-events: none; padding: 0.375rem 1.5rem; padding-top: calc(0.375rem + 0.3em); display: flex; align-items: center; font-weight: 400; font-size: 0.875rem; letter-spacing: 0.03em; color: #313742; border: 1px solid #848FA1; border-radius: 1.5625rem; /*height: 2.1875rem;*/ min-height: 2.1875rem; height: fit-content; width: fit-content; } .bg-primary.panel .t-circle-title, .bg-blue.panel .t-circle-title { color: #E8EBF1; border-color: #E8EBF1; } .t-row-col { width: 100%; } .t-row-col:first-child { width: 13.75rem; flex-shrink: 0; } .t-row-col.margin-top { margin-top: 5.875rem; } .main-about-section { padding-bottom: 12.5rem; } .main-about-section .size-content { max-width: 56.25rem; } .main-about-section .t-link-arrow { color: #313742; } .main-about-section .t-link-arrow:after { background-color: #313742; } .main-about-images { width: 100%; margin: 4.6875rem auto 5.625rem auto; } .main-about-images img { object-fit: cover; border-radius: 1.875rem; } .main-about-image-wr { height: 25rem; } .main-about-image-wr:nth-child(2) picture, .main-about-image-wr:nth-child(3) picture { height: 72%; display: block; } .main-about-image-wr:nth-child(2) { display: flex; flex-direction: column; justify-content: flex-end; } .main-metrics-section { padding-bottom: 12.5rem; } .main-metrics-section .t-section-title { max-width: 55.375rem; } .main-metrics-section .t-text-m { column-gap: 1.875rem; } .main-metrics-section .t-text-m span { max-width: 32.8125rem; grid-column: 2/4; } .main-metrics-section .t-row-content + .t-row-content { margin-top: 12.5rem; } .main-metrics-section .size-content { max-width: 64.875rem; } .main-metrics-section .t-col-content { margin-bottom: 2.5rem; } .t-col-content { display: flex; flex-direction: column; row-gap: 1.5rem; } .t-row-list { display: flex; column-gap: 1.25rem; } .main-about-founder-section { padding-bottom: 10rem; color: #21252D; } .main-about-founder-section .size-content { max-width: 72.875rem; margin: auto; } .main-about-founder-section .t-grey-card { margin: 4.375rem auto 3rem auto; font-size: 2rem; display: grid; grid-template-columns: 3.4fr 6fr; align-items: center; column-gap: 6rem; padding-right: 1.25rem; min-height: 15.625rem; } .main-about-founder-section .t-grey-card p { margin: 1.875rem 0; } .main-about-founder-section .t-grey-card p:before { width: 1.5625rem; height: 1.375rem; left: -2.5rem; } .main-about-founder-section .t-grey-card .img-wr { height: 100%; width: 100%; max-height: 100%; } .main-about-founder-section .t-grey-card img { display: block; width: calc(100% + 1px); height: calc(100% + 1px); object-fit: cover; border-radius: 2.9375rem; margin-top: -0.2px; } .main-about-founder-section .t-text-xm { font-size: 1.625rem; letter-spacing: 0.04em; margin-bottom: 0.5625rem; } .main-about-founder-section .t-text-s { max-width: 32.5rem; letter-spacing: 0.02em; } .main-about-founder-section .t-text-xs { max-width: 20.625rem; } .main-about-founder-section .main-about-founder-text { display: grid; grid-template-columns: 3.4fr 6fr; column-gap: 6rem; } .main-about-founder-section .main-about-founder-text div { padding-left: 1.5rem; } .t-grey-card { border-radius: 2.5rem; background: rgba(232, 235, 241, 0.5); font-size: 2.5rem; font-weight: 500; line-height: 130%; letter-spacing: 0.02em; color: #313742; } .t-grey-card p { position: relative; } .t-grey-card p:before { content: ""; background: url("/local/templates/slonworks/css/../img/svg/quote.svg") center/contain no-repeat; position: absolute; top: 0; } .main-projects-section { padding-bottom: 8.125rem; } .main-projects-section .t-section-title { line-height: 120%; } .main-projects-section .t-project-card-row { margin-top: 3.5625rem; } .main-projects-section .t-row-content { margin-top: 2.6875rem; } .main-projects-section .t-link-arrow { margin-left: auto; margin-top: 2.9375rem; width: fit-content; } .main-projects-section .t-project-card { min-height: 21.875rem; } .t-project-card-row { display: flex; column-gap: 1.25rem; row-gap: 2.5rem; flex-wrap: wrap; } .t-project-card { display: flex; column-gap: 1.25rem; width: calc(50% - 0.75rem); background-color: #fff; border-radius: 3.75rem; } .t-project-card .img-wr { margin-top: -0.2px; margin-right: -1px; width: calc(50% + 1px); height: calc(100% + 1px); border-radius: 3.6875rem; overflow: hidden; transform: translateZ(0); } .t-project-card img { display: block; object-fit: cover; transition: all 0.3s ease-in-out; } .t-project-card .t-green { color: #9DD631; } .t-project-card .t-project__title { margin: 0.875rem 0 1.25rem 0; font-weight: 500; line-height: normal; letter-spacing: normal; } .t-project-col { width: 50%; } .t-project-content { padding: 1.875rem 0 1.875rem 2.5rem; display: flex; flex-direction: column; justify-content: space-between; } .t-project-content .form-button { margin-top: 1.625rem; width: fit-content; max-height: 3rem; } .t-project__text-top { display: flex; align-items: center; column-gap: 0.75rem; font-weight: 400; font-size: 1rem; line-height: 130%; letter-spacing: 0.04em; } .t-project__text-top .icon { display: block; width: 1.75rem; height: 1.75rem; } .t-project-image { border-radius: 3.75rem; overflow: hidden; transform: translateZ(0); } .t-project-image img { transition: all 0.3s ease-in-out; object-fit: cover; will-change: transform; } .t-project__title { font-weight: 400; font-size: 2rem; line-height: 130%; letter-spacing: 0.04em; color: #313742; } .t-project__text-box { display: flex; flex-direction: column; row-gap: 1.25rem; } .t-project__text { font-size: 0.875rem; line-height: 130%; letter-spacing: 0.04em; color: #21252D; } .main-projects-col { display: flex; flex-direction: column; row-gap: 0.875rem; max-width: 45.125rem; width: 100%; color: white; } .main-projects-col .t-section-title { font-weight: 400; } .main-projects-col .t-text-m { max-width: 28.75rem; width: 100%; } .main-projects-col .form-button { width: fit-content; margin-top: 1.625rem; } .main-media-section { padding-bottom: 11.25rem; } .main-media-section .t-project-image { border-radius: 1.875rem; } .main-media-section .t-link-arrow { margin: 1.875rem 0 6.25rem auto; width: fit-content; color: #313742; } .main-media-section .t-link-arrow:after { background-color: #313742; } .main-media-section .t-grid-4 { margin-top: 2.75rem; } .media-card .t-project-image { height: 12.5rem; } .media-title { margin-top: 0.75rem; color: #313742; font-size: 1.125rem; letter-spacing: 0.02em; line-height: 120%; padding: 0 0.625rem; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; } .main-reviews { height: 100%; color: #313742; } .main-reviews .t-grey { font-size: 0.8125rem; } .main-reviews .t-text-xs { margin: 1.0625rem 0; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; line-clamp: 8; box-orient: vertical; } .main-reviews .form-button { width: fit-content; margin: 0 auto; } .main-reviews .swiper { margin-top: 2.75rem; } .main-reviews .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 2.5rem; column-gap: 1.25rem; } .main-reviews .swiper-slide { width: auto !important; } .t-review-card { display: flex; flex-direction: column; justify-content: space-between; background: #F3F5F8; border-radius: 2.5rem; padding: 1.25rem 1.375rem; height: 25.25rem; } .t-review-card-top { display: flex; align-items: center; column-gap: 1.5rem; margin-bottom: 1.125rem; } .t-review-card .t-grey { margin: 0; padding: 0; letter-spacing: 0.02em; } .t-review-image { width: 6.375rem; height: 6.375rem; border-radius: 50%; overflow: hidden; flex-shrink: 0; } .t-review-image img { object-fit: cover; } .t-review-title { font-weight: 500; font-size: 1.0625rem; margin-bottom: 0.125rem; line-height: normal; letter-spacing: 0.02em; } .metrics-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3125rem; } .metrics-card { display: flex; flex-direction: column; row-gap: 0.375rem; border-radius: 3.75rem; border: 3px solid #B2E05A; padding: 1.375rem 1.25rem 1.375rem 2rem; width: 100%; } .metrics-title { padding-top: 0.5rem; font-weight: 400; font-size: 3rem; line-height: 1; width: fit-content; white-space: nowrap; font-family: "Helvetica"; display: flex; align-items: center; } .metrics-title .super-m { margin-top: 0.3125rem; } .accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .t-project-card .form-button, .t-doc-card .form-button, .modal__container .form-button { background-color: #9DD631; } .t-project-card .form-button:disabled, .t-doc-card .form-button:disabled, .modal__container .form-button:disabled { background-color: #848FA1; } @media (hover: hover) and (pointer: fine) { a:hover { color: #1F70F3; } .dropdown-item a:hover { color: #1F70F3; } .form-button { transition: background-color 0.2s; } .form-button:hover { background-color: #9DD631; color: #111; } .form-button:disabled:hover { background-color: #848FA1; } .t-project-card .form-button:hover, .t-doc-card .form-button:hover, .modal__container .form-button:hover { background-color: #B2E05A; } .t-project-card .form-button:disabled:hover, .t-doc-card .form-button:disabled:hover, .modal__container .form-button:disabled:hover { background-color: #848FA1; } .t-link-arrow:hover { color: #9DD631; } .t-link-arrow:hover:after { transform: translateX(10px); } .main-media-section .t-link-arrow:hover, .main-about-section .t-link-arrow:hover { color: #313742; } .t-circle-title { transition: all 0.2s; } .header-right .t-circle-title:hover { border-color: #1F70F3; color: transparent; } .dropdown-lang-header:hover { border-color: #1F70F3; } .header-nav.mob-none .header-nav-list .dropdown-menu-item a { pointer-events: unset; cursor: pointer; } .header-nav.mob-none .dropdown-menu-item .header-nav-link:hover { color: #B2E05A; } .social-media-link:hover { background: #E8EBF1; } .social-media-link:hover i { background-color: #9DD631; } .footer a:hover { color: #B2E05A; } .footer a:hover .heart-icon, .footer a:hover .email-icon { background-color: #B2E05A; } .t-project-card:hover, .page-projects .t-project-card:hover { background-color: #E8EBF1; } .t-project-card:hover .img-wr img, .page-projects .t-project-card:hover .img-wr img { transform: scale(1.1); } .media-card:hover .media-title { color: #82BB17; } /*.t-project-card:hover img{*/ /* transform: scale(1.1);*/ /*}*/ .media-card:hover img { transform: scale(1.1); } .footer-text-list .t-circle-title:hover { background: #E8EBF1; } .footer-text-list .t-circle-title:hover i { background: url("/local/templates/slonworks/css/../img/svg/tspg-logo.svg") center/contain no-repeat; } } @media (hover: none) { .footer-bottom-text a:active { text-decoration: underline; } .dropdown-item a:active { color: #1F70F3; } .form-button:active { background-color: #9DD631; color: #111; } .t-project-card .form-button:active, .t-doc-card .form-button:active, .modal__container .form-button { background-color: #B2E05A; } .t-link-arrow:active { color: #9DD631; } .t-link-arrow:active:after { transform: translateX(10px); } .main-projects-section .t-link-arrow:active { color: #fff; } .t-circle-title:active { color: #21252D; border-color: #B2E05A; background-color: #B2E05A; } .header-nav-btns .t-circle-title:active { border-color: #1F70F3; color: transparent; background-color: transparent; } .t-project-card:active { background-color: #E8EBF1; } .t-project-card:active img { transform: scale(1.1); } .media-card:active .media-title { color: #82BB17; } .media-card:active img { transform: scale(1.1); } .footer-text-list .t-circle-title:active { background: #E8EBF1; } .footer-text-list .t-circle-title:active i { background: url("/local/templates/slonworks/css/../img/svg/tspg-logo.svg") center/contain no-repeat; } } @media (max-aspect-ratio: 163/100) { .panel-spacer { height: 0; display: none; } .panel-spacer .extra { height: 55vh; display: block; } } @media (min-aspect-ratio: 168/100) { .main-first-section { height: 100vh; } } @media (min-aspect-ratio: 168/100) { .main-about-image-wr { height: 18rem; } } @media (min-aspect-ratio: 195/100) { html { font-size: 1vw; } .t-container { max-width: 90rem; margin: auto; } .panel { padding-top: 7vh; } .main-first-section { padding-top: 0; height: 100vh; } .main-card-img { object-position: -9vh -11vh; height: calc(100% + 10vh); width: calc(100% + 10vh); } .main-projects-section { padding-bottom: 16.875rem; } .main-card-content { height: 16.875rem; } } @media (min-aspect-ratio: 197/100) and (min-width: 2000px) { html { font-size: 16px; } .panel-spacer { display: none; } .t-container { max-width: 1440px; margin: auto; } .main-first-section { margin-top: 0; padding: 0; height: calc(100vh - 5.25rem); opacity: 0; } } @media (min-aspect-ratio: 203/100) and (max-height: 750px) { .main-card-img { object-position: -9vh -12vh; } .page-main .t-row-col.margin-top { margin-top: 4rem; } .metrics-list { row-gap: 1.25rem; } } @media (min-aspect-ratio: 212/100) and (max-height: 750px) { .main-card-img { object-position: -9vh -15vh; } } @media (min-aspect-ratio: 220/100) and (max-height: 750px) { .main-card-img { object-position: -9vh -18vh; } } @media (min-aspect-ratio: 225/100) and (max-height: 750px) { .main-card-img { object-position: -13vh -28vh; height: calc(100% + 15vh); width: calc(100% + 15vh); } } .page-about { margin-bottom: 5rem; } .about-intro { margin: 4.6875rem 0 6.25rem 0; color: #313742; align-items: flex-end; } .about-intro .t-title-page { line-height: 0.8; } .about-intro .t-text-m { margin-top: 0; } .about-parallax { position: relative; height: 42.5rem; clip-path: inset(0 0 0 0 round 5rem 5rem 0 0); } .about-parallax .parallax-bg { position: absolute; top: 0; left: 0; width: 100%; height: 120%; object-fit: cover; clip-path: inset(0 0 0 0 round 5rem 5rem 0 0); z-index: -1; background: url(/local/templates/slonworks/css/../img/main/about-bckg.jpg) center/cover no-repeat; } .about-parallax .parallax-bg.loaded { background: url(/local/templates/slonworks/css/../img/main/about-bckg.png) center/cover no-repeat; } .about-founder-section, .about-mission-section, .about-history-section { padding-bottom: 6.25rem; } .about-founder-section .t-grid-2 { margin-right: 13.75rem; } .about-founder-section .t-grid-2 img { height: 26.5rem; border-radius: 3.125rem; object-fit: cover; width: 24.4375rem; } .about-founder-section .t-grid-2 .t-text-xm { font-size: 1.625rem; } .about-founder-section .t-grid-2 .t-text-xs { margin: 0.5625rem 0 1.375rem 0; } .about-founder-section .t-grid-2 .t-text-s { padding-right: 1.25rem; } .about-founder-section .t-grey-card { max-width: 72.5rem; margin: 4.375rem auto 6.25rem auto; padding: 2.5rem 1.875rem 2.5rem 7.5rem; } .about-founder-section .t-grey-card p:before { width: 2.5rem; height: 2.1875rem; left: -4.375rem; } .about-mission-section .t-col-content { margin-right: 13.75rem; row-gap: 2.5rem; } .about-mission-section .t-grid-3 p { max-width: 29.6875rem; grid-column: 2/4; } .about-mission-section .about-mission-images { position: relative; margin-bottom: 7.5rem; } .about-mission-section picture { display:block; width: 16.875rem; height: 14.625rem; border-radius: 1.875rem; object-fit: cover; } .about-mission-section picture img { display:block; width: 16.875rem; height: 14.625rem; border-radius: 1.875rem; object-fit: cover; } .about-mission-section picture:nth-child(1) img { margin: 0.875rem 0 0 6.875rem; } .about-mission-section picture:nth-child(2) { position: absolute; top: 4.125rem; left: calc(50% + 13.75rem); } .about-mission-section picture:nth-child(2) img { position: absolute; width: 26.125rem; height: 17.5625rem; } .about-mission-section picture:nth-child(3) { display:block; margin: -0.875rem 0 0 50%; } .about-history-section .t-circle-title.scroll-year { color: #848FA1; } .about-history-section .t-col-content { margin-right: 13.75rem; row-gap: 2.5rem; max-width: 50.875rem; } .about-history-section .t-grid-3 p { max-width: 29.6875rem; grid-column: 2/4; } .about-history-line { margin: 5.75rem 13.75rem 0 0; } .about-history-card { font-size: 2rem; letter-spacing: 0.02em; display: grid; grid-template-columns: 13.75rem auto; column-gap: 1.25rem; padding-bottom: 6.25rem; position: relative; } .about-history-card:last-of-type .line, .about-history-card:last-of-type .scroll-line { display: none; } .about-history-card > div:nth-of-type(2) { display: grid; grid-template-columns: 2.5fr 1.5fr; column-gap: 1.25rem; } .about-history-card .about-history-card-full-img { margin: 3.125rem 1.25rem 0 0; grid-column: 1/3; } .about-history-card .about-history-card-full-img picture img { width: 100%; height: 29rem; } .about-history-card .about-history-card-full-text { margin: 3.75rem 4.875rem 0 -4.875rem; grid-column: 1/3; font-size: 1.75rem; line-height: 130%; letter-spacing: 0.02em; display: flex; column-gap: 1.25rem; } .about-history-card .about-history-card-full-text .img-wr { flex-shrink: 0; border-radius: 50%; width: 3.625rem; height: 3.625rem; margin-bottom: 0.5rem; background: #848FA1; display: flex; align-items: center; justify-content: center; } .about-history-card .about-history-card-full-text picture img { border-radius: 50%; width: 3.375rem; height: 3.375rem; } .about-history-card .about-history-card-full-note { color: #313742; margin: 3.75rem 1.25rem 0 0; font-size: 2rem; letter-spacing: 0.02em; grid-column: span 2; display: flex; justify-content: space-between; align-items: center; } .about-history-card .about-history-card-full-note .t-text-s { max-width: 31.75rem; } .about-history-card .about-history-card-full-note picture img { height: 11.1875rem; width: auto; } .about-history-card-year-wr { display: flex; flex-direction: column; align-items: center; } .about-history-card-text-wr { padding-right: 4.375rem; } .about-history-card .t-text-s { margin-top: 1rem; display: flex; flex-direction: column; gap: 1.375rem; } .about-history-card picture img { object-fit: cover; width: 12.375rem; height: 10.6875rem; border-radius: 1.875rem; } .about-history-card .line { background: #E8EBF1; width: 1px; height: calc(100% - 2.1875rem); position: absolute; top: 2.1875rem; } .about-history-card .scroll-line { width: 1px; height: calc(100% - 2.1875rem); background: #1F70F3; position: absolute; top: 2.1875rem; transform-origin: top; } .about-history-card .about-history-card-imgs { position: relative; } .about-history-card.type-1-2pic .about-history-card-imgs picture:nth-of-type(2) img { width: 11.125rem; height: 7.6875rem; margin: -4.6875rem 0 0 10.625rem; } .about-history-card.type-2-2pic .about-history-card-imgs picture:nth-of-type(1) img { margin-left: 9.375rem; } .about-history-card.type-2-2pic .about-history-card-imgs picture:nth-of-type(2) img { margin: -2.6875rem 0 0 -0.9375rem; } .about-history-card.type-2-1pic .about-history-card-imgs picture img{ width: 16.125rem; height: 11.1875rem; margin: 2.625rem 0 0 2.625rem; } .about-history-card.type-3-1pic .about-history-card-imgs picture img { width: 16.625rem; height: 14.375rem; margin: 0.625rem 0 0 8.625rem; } .about-history-action { margin: 0.9375rem 0 0 15rem; max-width: 53.125rem; } .about-history-action .t-section-title { line-height: 120%; } .about-history-action .t-text-m { margin-top: 0.875rem; max-width: 30.625rem; } @media (max-width: 768px) { .about-intro { margin: 2.5rem 0 3.75rem 0; row-gap: 2.5rem; } .about-intro .t-title-page { line-height: 120%; } .about-intro .t-text-m { margin: 0; } .about-parallax { height: 25rem; clip-path: inset(0 0 0 0 round 3.75rem 3.75rem 0 0); } .about-parallax .parallax-bg { height: 140%; clip-path: inset(0 0 0 0 round 3.75rem 3.75rem 0 0); } .about-founder-section .main-about-founder-text { max-width: 17.5rem; } .about-founder-section .t-grid-2 { margin-right: 0; } .about-founder-section .t-grid-2 img { height: 100vw; border-radius: 2.5rem; width: 100vw; margin-left: -1.25rem; } .about-founder-section .t-grid-2 .t-text-xm { font-size: 1.25rem; } .about-founder-section .t-grid-2 .t-text-xs { margin-bottom: 1.875rem; font-size: 0.75rem; } .about-founder-section .t-grid-2 .t-text-s { font-size: 0.875rem; } .about-founder-section .t-grey-card { width: 100vw; font-size: 1.25rem; margin: 1.875rem auto 3.75rem -1.25rem; padding: 1.25rem 2.5rem 1.25rem 2.5rem; } .about-founder-section .t-grey-card p:before { width: 1.1875rem; height: 1.0625rem; left: -1.8125rem; } .about-mission-section .t-col-content { margin-right: 0; } .about-mission-section .t-grid-3 { display: block; margin-bottom: 2.5rem; } .about-mission-section .about-mission-images { margin-bottom: 3.125rem; } .about-mission-section picture img{ width: 8.4375rem; height: 7.25rem; } .about-mission-section picture:nth-child(1) img { margin: 0; } .about-mission-section picture:nth-child(2) { position: absolute; top: 9.75rem; left: auto; right: 0; width: 11.375rem; height: 7.625rem; } .about-mission-section picture:nth-child(2) img { width: 11.375rem; height: 7.625rem; } .about-mission-section picture:nth-child(3) { margin: 0; } .about-mission-section picture:nth-child(3) img { width: 7.3125rem; height: 6.375rem; } .about-history-line { margin: 5rem 0 0 0; } .about-history-section .t-section-title { line-height: 120%; /*width: 104%;*/ } .about-history-section .t-col-content { margin-right: 0; } .about-history-section .t-grid-3 { display: block; } .about-history-card { grid-template-columns: 4rem auto; column-gap: 0.5rem; font-size: 1.375rem; padding-bottom: 5rem; } .about-history-card .scroll-year { padding: 0.5rem 0.875rem; padding-top: calc(0.5rem + 0.3em); height: 1.875rem; min-height: 1.875rem; } .about-history-card .line, .about-history-card .scroll-line { height: calc(100% - 1.875rem); top: 1.875rem; } .about-history-card > div:nth-of-type(2) { grid-template-columns: 1fr; row-gap: 2rem; } .about-history-card .about-history-card-full-img { margin: 0; grid-column: 1/2; } .about-history-card .about-history-card-full-img picture img { width: 100%; height: 6.5rem; } .about-history-card .about-history-card-full-text { margin: 0.5rem 0 0 0; grid-column: 1/2; flex-direction: column; font-size: 1rem; } .about-history-card .about-history-card-full-text .img-wr { margin-bottom: 1rem; width: 3.5rem; height: 3.5rem; } .about-history-card .about-history-card-full-text picture img { width: 3.25rem; height: 3.25rem; } .about-history-card .about-history-card-full-note { margin: 0.5rem 0 0 0; font-size: 1.375rem; display: block; grid-column: unset; } .about-history-card .about-history-card-full-note .t-text-s { font-size: 0.875rem; max-width: 100%; margin-bottom: 1rem; } .about-history-card .about-history-card-full-note picture img { min-height: 11.1875rem; height: auto; width: 13rem; } .about-history-card-text-wr { padding-right: 0; } .about-history-card .t-text-s { font-size: 0.875rem; gap: 0.875rem; } .about-history-card picture img { width: 7.375rem; height: 6.375rem; border-radius: 1.25rem; } .about-history-card.type-1-2pic .about-history-card-imgs picture:nth-of-type(2) img { width: 11.125rem; height: 7.6875rem; margin: -4.6875rem 0 0 10.625rem; } .about-history-card.type-1-2pic .about-history-card-imgs picture:nth-of-type(2) img { width: 6.625rem; height: 4.5625rem; margin: -2.5rem 0 0 6.25rem; } .about-history-card.type-2-2pic .about-history-card-imgs picture:nth-of-type(1) img { position: absolute; margin: 0; right: 0; top: 0; z-index: -1; } .about-history-card.type-2-2pic .about-history-card-imgs picture:nth-of-type(2) img { margin: 4.75rem 0 0 0; } .about-history-card.type-2-1pic .about-history-card-imgs picture img { width: 8.4375rem!important; height: 5.875rem!important; margin: 0!important; } .about-history-card.type-3-1pic .about-history-card-imgs picture img { width: 13rem; height: 11.25rem; margin: 0; } .about-history-action { margin: 0; max-width: 100%; } .about-history-action .t-section-title { width: 100%; } .about-history-action .t-text-m { margin-top: 2.5rem; max-width: 100%; } } .page-projects, .page-media { padding: 5rem 0 5.3125rem 0; margin-bottom: 5rem; } .page-projects .t-title-page-note { max-width: 28.125rem; } .page-projects .projects-inner-section { margin-top: 6.25rem; } .page-projects .t-project-card { background-color: rgba(232, 235, 241, 0.4); } .page-media .t-title-page-note { max-width: 23.75rem; } .page-media .t-grid-4 { margin-top: 7.5rem; } .page-media .t-project-image { border-radius: 1.875rem; } .page-media .media-title { -webkit-line-clamp: 2; line-clamp: 2; } .breadcrumbs-container { padding-top: 2.875rem; } .breadcrumbs { padding-left: 1.25rem; display: flex; align-items: center; column-gap: 0.5rem; color: white; font-size: 0.75rem; letter-spacing: 0.04em; max-width: 21.875rem; } .breadcrumbs-current { color: #C8CCD3; overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-clamp: 1; box-orient: vertical; } .breadcrumbs a, .breadcrumbs a:hover { color: white; flex-shrink: 0; } .breadcrumbs i { width: 0.3125rem; height: 0.625rem; mask: url("/local/templates/slonworks/img/svg/chevron.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/img/svg/chevron.svg") center/contain no-repeat; background-color: white; flex-shrink: 0; } .page-news { margin-bottom: 5rem; background: white; color: #21252D; } .page-news .panel { margin-top: 0; padding-top: 0; border-radius: 0; } .page-news .t-text-xs { letter-spacing: 0.03em; } .page-news .t-grid-2 { column-gap: 1.25rem; margin: 3.75rem auto; } .page-news .t-grid-2.two { height: 13.9375rem; } .page-news .t-grid-2.one { height: 28.75rem; } .page-news .t-grid-2 img { height: inherit; object-fit: cover; border-radius: 1.875rem; } .page-news .t-grid-2.one img, .page-news .t-grid-2.one picture { grid-column: span 2; } .page-news__banner { will-change: transform; border-radius: 0 0 5rem 5rem; overflow: hidden; width: 100%; height: 31.25rem; position: relative; } .page-news__banner img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; } .page-news .t-grey-card { font-size: 1.125rem; line-height: 140%; letter-spacing: 0.03em; padding: 1.875rem 1.875rem 1.875rem 4.375rem; margin: 1.25rem 0; } .page-news .t-grey-card p:before { width: 1.5625rem; height: 1.375rem; left: -2.5rem; } .news-container { padding: 3.75rem 21.5rem 5rem 21.5rem; width: 100%; } .news-intro { margin-bottom: 3.75rem; } .news-intro .t-title-page { font-size: 2.929375rem; margin: 1rem 0; } .news-text { margin: 3.75rem auto; } .news-text p { line-height: 140%; margin-bottom: 1.25rem; } .news-text p:last-child { margin-bottom: 0; } .news-text a { color: #1F70F3; } .news-text a:hover { text-decoration: underline; } .news-source { margin-top: 2.5rem; white-space: nowrap; display: flex; column-gap: 0.75rem; } .news-source a { color: #1F70F3; white-space: normal; text-decoration: underline; } .news-media-line { margin-bottom: 11.25rem; } .news-media-line .t-circle-title { margin-bottom: 1.25rem; } .news-media-line .t-project-image { border-radius: 1.875rem; } .news-media-line .media-title { -webkit-line-clamp: 2; line-clamp: 2; } @media (hover: none) { .page-contacts a:active { color: #B2E05A!important; } } .page-contacts a:hover { color: #B2E05A!important; } .page-contacts .t-title-page { margin: 1.875rem 0 3.75rem 0; } .page-contacts ul li { margin-bottom: 2.5rem; } .page-contacts ul li p { margin-top: 0.75rem; text-box: trim-both cap alphabetic; } .page-contacts ul li p:first-child { margin: 0 0 1rem 0; } .page-contacts ul li .t-text-s { line-height: 100%; } .page-contacts ul li .t-grey { font-size: 0.875rem; letter-spacing: 0.03em; line-height: 100%; } .page-contacts .city { font-size: 1.25rem; letter-spacing: 0.04em; line-height: 100%; } .page-contacts .map-grid { display: grid; grid-template-columns: 1fr 2fr; } .page-contacts .map { height: 70vh; margin-right: -1.25rem; width: 100%; justify-self: flex-end; clip-path: inset(0 0 0 0 round 5rem 0 0 0); opacity: 0; transition: opacity 1.5s ease-in-out; } .page-contacts .map.visible { opacity: 1; } .page-contacts #yandex_map .ymaps-2-1-79-image-with-content-content { background: #313742; color: #E8EBF1; height: max-content !important; width: max-content !important; border-radius: 0 6px 6px 0; padding: 3px 6px 3.5px 18px; z-index: -1; font-size: 12px !important; line-height: 100% !important; } .t-controls { display: flex; align-items: center; justify-content: space-between; letter-spacing: 0.03rem; } .t-filters { display: flex; column-gap: 0.625rem; } .t-filters .t-circle-title { background: transparent; border-color: transparent; border-color: #E8EBF1; color: #848FA1; } @media (hover: hover) and (pointer: fine) { .t-filters .t-circle-title:hover { color: #1F70F3; border-color: #1F70F3; } } .t-filters .t-circle-title.active { background: transparent; color: #1F70F3; border-color: #1F70F3; } .t-year-filters, .t-type-filters { position: relative; } .t-year-filters .t-circle-title, .t-type-filters .t-circle-title { background: transparent; border-color: #E8EBF1; color: #848FA1; display: flex; align-items: flex-start; column-gap: 0.75rem; letter-spacing: 0.03rem; } .t-year-filters .t-circle-title.js-year-header, .t-type-filters .t-circle-title.js-year-header { color: #313742; align-items: center; column-gap: 0.5625rem; } .t-year-filters .t-circle-title:after, .t-type-filters .t-circle-title:after { content: ""; display: block; width: 0.3125rem; height: 0.625rem; transform: rotate(90deg); transition: all 0.3s ease-in-out; mask: url("/local/templates/slonworks/css/../img/svg/chevron.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/chevron.svg") center/contain no-repeat; background-color: #313742; flex-shrink: 0; margin-top: -0.03rem; } .t-year-filters .year-filters-list, .t-year-filters .type-filters-list, .t-type-filters .year-filters-list, .t-type-filters .type-filters-list { opacity: 0; position: absolute; left: 0; bottom: -0.6875rem; transform: translateY(100%); transform-origin: top center; width: 100%; transition: all 0.3s ease-in-out; pointer-events: none; border: 1px solid #1F70F3; border-radius: 1.4375rem; text-align: center; background: white; z-index: 2; display: flex; flex-direction: column; row-gap: 1rem; overflow: hidden; box-sizing: border-box !important; } .t-year-filters .year-filters-list li:first-of-type, .t-year-filters .type-filters-list li:first-of-type, .t-type-filters .year-filters-list li:first-of-type, .t-type-filters .type-filters-list li:first-of-type { margin-top: 0.75rem; } .t-year-filters .year-filters-list li:last-of-type, .t-year-filters .type-filters-list li:last-of-type, .t-type-filters .year-filters-list li:last-of-type, .t-type-filters .type-filters-list li:last-of-type { margin-bottom: 0.75rem; } .t-year-filters.opened .t-circle-title, .t-type-filters.opened .t-circle-title { border-color: #1F70F3; color: #1F70F3; } .t-year-filters.opened .t-circle-title:after, .t-type-filters.opened .t-circle-title:after { transform: rotate(-90deg); background-color: #1F70F3; } .t-year-filters.opened .year-filters-list, .t-year-filters.opened .type-filters-list, .t-type-filters.opened .year-filters-list, .t-type-filters.opened .type-filters-list { opacity: 1; pointer-events: all; } .t-year-filters .year-filter, .t-year-filters .type-filter, .t-type-filters .year-filter, .t-type-filters .type-filter { display: flex; align-items: center; justify-content: center; column-gap: 0.75rem; } .t-year-filters .year-filter a:after, .t-year-filters .year-filter a:after, .t-year-filters .year-filter a:after, .t-year-filters .year-filter a:after { content: ""; display: block; width: 1.375rem; height: 1.375rem; mask: url("/local/templates/slonworks/img/svg/check-heart.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/img/svg/check-heart.svg") center/contain no-repeat; background-color: #E8EBF1; flex-shrink: 0; } /*.year-icon {*/ /* content: "";*/ /* display: block;*/ /* width: 1.375rem;*/ /* height: 1.375rem;*/ /* mask: url("/local/templates/slonworks/img/svg/check-heart.svg") center/contain no-repeat;*/ /* -webkit-mask: url("/local/templates/slonworks/img/svg/check-heart.svg") center/contain no-repeat;*/ /* background-color: #E8EBF1;*/ /* flex-shrink: 0;*/ /*}*/ .t-year-filters .year-filter.active, .t-year-filters .type-filter.active, .t-type-filters .year-filter.active, .t-type-filters .type-filter.active { color: #1F70F3; } .t-year-filters .year-filter.active a:after, .t-year-filters .year-filter.active a:after, .t-year-filters .year-filter.active a:after, .t-year-filters .year-filter.active a:after { background-color: #1F70F3; } @media (hover: hover) and (pointer: fine) { .t-year-filters .year-filter:hover, .t-year-filters .type-filter:hover, .t-type-filters .year-filter:hover, .t-type-filters .type-filter:hover { color: #1F70F3; cursor: pointer; } .t-year-filters .year-filter:hover a:after, .t-year-filters .year-filter:hover a:after, .t-year-filters .year-filter:hover a:after, .t-year-filters .year-filter:hover a:after{ background-color: #1F70F3; } } .t-year-filters .year-filter a, .t-type-filters .year-filter a { display: flex; align-items: center; justify-content: center; column-gap: 0.75rem; } .t-type-filters .t-circle-title { width: 10.5625rem; } .t-type-filters .t-circle-title span { text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-clamp: 1; box-orient: vertical; overflow: hidden; word-break: break-all; } .t-type-filters .t-circle-title:after { display: none; } .t-type-filters .type-filters-list { width: max-content; padding: 0 1rem; } .t-type-filters .type-filter { text-align: left; justify-content: flex-start; } .t-type-filters .type-filter:after { display: none; } .t-doc-card { background: #E8EBF1; border-radius: 1.875rem; color: #21252D; padding: 1.25rem; display: flex; flex-direction: column; justify-content: space-between; } .t-doc-card.hidden { display: none; } .t-doc-card > div { padding-left: 0.625rem; } .t-doc-card .t-grey { font-size: 0.75rem; } .t-doc-card .t-text-m { margin: 0.625rem 0 1.125rem 0; } .t-doc-card .form-button { width: fit-content; height: 3rem; } .page-reports { margin-bottom: 10rem; } .page-reports .t-title-page { margin-bottom: 2.5rem; } .page-reports .t-controls { margin-bottom: 2.5rem; } .page-reports .t-controls .t-circle-title { font-size: 1rem; pointer-events: unset; } .page-reports .t-grid-4 { margin-top: 1.25rem; row-gap: 1.25rem; } .page-reports .quarterly-reports.hidden, .page-reports .yearly-reports.hidden { display: none; } .page-not-found .t-container { margin-bottom: 5rem; height: calc(100vh - 5.25rem); padding-bottom: 1.25rem; } .page-not-found .t-medium { font-size: 12.5rem; line-height: 80%; letter-spacing: 0.02em; color: #313742; } .page-not-found .form-button { width: fit-content; margin-top: 0.75rem; background-color: #9DD631; } @media (hover: hover) and (pointer: fine) { .page-not-found .form-button:hover { background-color: #B2E05A; } } .page-not-found .not-found-text { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.75rem; max-width: 22.0625rem; justify-self: center; text-align: center; } .page-not-found .not-found-imgs { display: grid; grid-template-columns: repeat(7, 1fr); width: 35.75rem; gap: 1.25rem; } .page-not-found .not-found-imgs > *:nth-child(-n+3) { align-self: flex-end; } .page-not-found .not-found-imgs > *:nth-child(1) { animation-delay: 0.3s; } .page-not-found .not-found-imgs > *:nth-child(2) { animation-delay: 1.9s; } .page-not-found .not-found-imgs > *:nth-child(3) { margin-right: -0.375rem; width: calc(100% + 0.375rem); animation-delay: 0.9s; } .page-not-found .not-found-imgs > *:nth-child(4) { width: calc(100% + 0.375rem); margin-left: -0.375rem; animation-delay: 1.3s; } .page-not-found .not-found-imgs > *:nth-child(5) { animation-delay: 0.6s; } .page-not-found .not-found-imgs > *:nth-child(6) { animation-delay: 1.6s; } .page-not-found .not-found-imgs img { border-radius: 1.625rem; grid-column: span 2; height: 12.875rem; object-fit: cover; } .page-not-found .not-found-imgs .span-3 { grid-column: span 3; height: 9.4375rem; } .page-not-found .not-found-imgs .green-img { background: #9DD631; border-radius: 2rem; display: flex; align-items: center; justify-content: center; height: 8.3125rem; grid-column: span 2; } .page-not-found .not-found-imgs .green-img:nth-of-type(2) i { mask: url("/local/templates/slonworks/css/../img/svg/education.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/education.svg") center/contain no-repeat; } .page-not-found .not-found-imgs .green-img i { display: block; width: 2.6875rem; height: 2.6875rem; background-color: #21252D; mask: url("/local/templates/slonworks/css/../img/svg/heart.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/heart.svg") center/contain no-repeat; } .pop-animation { opacity: 0; animation: popAnim 1.5s forwards; } @keyframes popAnim { 0% { opacity: 0; } 100% { opacity: 1; } } .page-project { margin-bottom: 5rem; } .page-project-banner { position: relative; height: 100vh; border-radius: 5rem 5rem 0 0; overflow: hidden; } .page-project-banner.sticky { position: sticky; top: 5.25rem; } .page-project-banner .bckg { position: absolute; top: 0; left: 0; z-index: -1; object-fit: cover; } .page-project-banner, .project-scroll-container { color: white; } .page-project-banner .text-container, .project-scroll-container .text-container { padding: 0 0 6.5625rem 1.25rem; display: flex; flex-direction: column; justify-content: space-between; width: 50vw; height: 100%; } .page-project-banner .t-title-page, .project-scroll-container .t-title-page { margin: 3rem 0 1.5rem 0; color: white; } .page-project-banner .t-text-xs, .project-scroll-container .t-text-xs { max-width: 24.375rem; } .page-project-banner .category, .project-scroll-container .category { font-size: 0.875rem; display: flex; align-items: center; column-gap: 0.6875rem; } .page-project-banner .category .icon, .project-scroll-container .category .icon { width: 1.375rem; height: 1.375rem; } .project-banner-content { height: calc(100% - 5.25rem); } .project-scroll-cards-container { height: 100%; margin-left: calc(50vw + 1.25rem); display: flex; flex-direction: column; row-gap: 1.25rem; padding-bottom: 7.5rem; } .project-scroll-card { background: #E8EBF1; color: #313742; padding: 1.25rem; border-radius: 1.25rem; max-width: 20rem !important; display: flex; flex-direction: column; row-gap: 0.375rem; } .project-scroll-card:nth-of-type(2) { max-width: 17.0625rem !important; margin: -2.8125rem 0 0 21.5rem; } .project-scroll-card:nth-of-type(3) { max-width: 16.625rem !important; margin: 1.25rem 0 0 6.875rem; } .project-scroll-card:nth-of-type(4) { max-width: 20.9375rem !important; margin-left: 20rem; } .page-project-content > *:first-child { margin-top: -2.1875rem; } .page-project-content > *:first-child.project-card-type-video { margin-top: 3.125rem; } .project-card-type-1, .project-card-type-2, .project-card-type-3, .project-card-type-4, .project-card-type-5 { color: #313742; max-width: 58rem; margin: 4rem auto; display: grid; grid-template-columns: auto auto; column-gap: 2.5rem; align-items: center; } .project-card-type-1 p, .project-card-type-1 ul, .project-card-type-1 li, .project-card-type-1 div, .project-card-type-1 span, .project-card-type-2 p, .project-card-type-2 ul, .project-card-type-2 li, .project-card-type-2 div, .project-card-type-2 span, .project-card-type-3 p, .project-card-type-3 ul, .project-card-type-3 li, .project-card-type-3 div, .project-card-type-3 span, .project-card-type-4 p, .project-card-type-4 ul, .project-card-type-4 li, .project-card-type-4 div, .project-card-type-4 span, .project-card-type-5 p, .project-card-type-5 ul, .project-card-type-5 li, .project-card-type-5 div, .project-card-type-5 span { text-box: trim-both cap alphabetic; } .project-card-type-1 picture, .project-card-type-2 picture, .project-card-type-3 picture, .project-card-type-4 picture, .project-card-type-5 picture { display: block; } .project-card-type-1 picture.des-none, .project-card-type-2 picture.des-none, .project-card-type-3 picture.des-none, .project-card-type-4 picture.des-none, .project-card-type-5 picture.des-none { display: none; } .project-card-type-1 .project-card-title, .project-card-type-2 .project-card-title, .project-card-type-3 .project-card-title, .project-card-type-4 .project-card-title, .project-card-type-5 .project-card-title { font-size: 2rem; letter-spacing: 0.02em; margin-bottom: 2.5rem; } .project-card-type-1 .t-text-s, .project-card-type-2 .t-text-s, .project-card-type-3 .t-text-s, .project-card-type-4 .t-text-s, .project-card-type-5 .t-text-s { display: flex; flex-direction: column; row-gap: 1.25rem; } .project-card-type-1 .list, .project-card-type-2 .list, .project-card-type-3 .list, .project-card-type-4 .list, .project-card-type-5 .list { margin: 1.25rem 0; display: flex; flex-direction: column; row-gap: 1.25rem; } .project-card-type-1 .list ul, .project-card-type-2 .list ul, .project-card-type-3 .list ul, .project-card-type-4 .list ul, .project-card-type-5 .list ul { display: flex; flex-direction: column; row-gap: 1.25rem; } .project-card-type-1 .list ul li, .project-card-type-2 .list ul li, .project-card-type-3 .list ul li, .project-card-type-4 .list ul li, .project-card-type-5 .list ul li { display: flex; align-items: baseline; column-gap: 1.25rem; } .project-card-type-1 .list ul li:before, .project-card-type-2 .list ul li:before, .project-card-type-3 .list ul li:before, .project-card-type-4 .list ul li:before, .project-card-type-5 .list ul li:before { margin-top: -0.3em; content: ""; display: inline-block; flex-shrink: 0; width: 0.75rem; height: 0.75rem; mask: url("/local/templates/slonworks/img/svg/dot-circle.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/img/svg/dot-circle.svg") center/contain no-repeat; background-color: #9DD631; } .project-card-type-1 .project-card-imgs, .project-card-type-2 .project-card-imgs, .project-card-type-3 .project-card-imgs, .project-card-type-4 .project-card-imgs, .project-card-type-5 .project-card-imgs { width: 22.25rem; } .project-card-type-1 img, .project-card-type-2 img, .project-card-type-3 img, .project-card-type-4 img, .project-card-type-5 img { border-radius: 1.875rem; object-fit: cover; } .project-card-type-1 img { border-radius: 3rem; width: 25.875rem; height: 27.25rem; } .project-card-type-2 img { width: 12.375rem; height: 10.6875rem; } .project-card-type-2 picture:nth-of-type(1) { margin-left: 9.875rem; } .project-card-type-2 picture:nth-of-type(2) { margin-top: -2.6875rem; } .project-card-type-3, .project-card-type-5 { align-items: center; } .project-card-type-3 .project-card-imgs, .project-card-type-5 .project-card-imgs { display: flex; align-items: center; justify-content: center; } .project-card-type-3 img, .project-card-type-5 img { width: 16.1875rem; height: 10.75rem; } .project-card-type-4 picture:nth-of-type(1) { width: 13.375rem; height: 18rem; margin: 2.6875rem 0 0 1.25rem; } .project-card-type-4 picture:nth-of-type(2) { width: 12.25rem; height: 8.5rem; margin: -2.8125rem 0 0 12.5rem; } .project-card-type-4 picture:nth-of-type(3) { width: 16.1875rem; height: 10.75rem; margin: 6.125rem 0 0 6.5rem; } .project-card-type-quote { max-width: 58rem; margin: 4.5rem auto; display: flex; flex-direction: column; row-gap: 1.25rem; } .project-card-type-quote .reveal-color-green { font-size: 2.375rem; line-height: 120%; letter-spacing: 0.02em; } .project-card-type-quote .t-text-s { color: #313742; max-width: 25rem; } .project-card-type-video { width: calc(100% + 2.5rem); margin: 5rem 0 5rem -1.25rem; position: relative; } .project-card-type-video video { border-radius: 5rem; width: 100%; object-fit: cover; } .project-card-type-video .form-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; } .project-card-type-video img { border-radius: 5rem; width: 100%; object-fit: cover; max-height: 45rem; } .project__slider { margin-left: 26rem; will-change: transform; overflow: visible; } .project__slider .swiper-wrapper { will-change: transform; } .project__slider_container { margin: 5.625rem 0 6rem 0; } .project__slider_container .project__slider_btns { margin-top: 2.5rem; display: flex; justify-content: flex-end; column-gap: 0.75rem; } .project__slider_container .project__slider-button-prev, .project__slider_container .project__slider-button-next { position: static; width: 2.75rem; height: 2.75rem; margin-top: 0; } .project__slider_container .project__slider-button-prev:after, .project__slider_container .project__slider-button-next:after { content: ""; width: 100%; height: 100%; mask: url(/local/templates/slonworks/img/svg/chevron-circle.svg) center/contain no-repeat; -webkit-mask: url(/local/templates/slonworks/img/svg/chevron-circle.svg) center/contain no-repeat; background-color: #848FA1; will-change: transform; } .project__slider_container .project__slider-button-next:after { transform: rotate(180deg); } @media (hover: hover) and (pointer: fine) { .project__slider_container .project__slider-button-prev:hover:after, .project__slider_container .project__slider-button-next:hover:after { background-color: #1F70F3; } } .project__slider .swiper-slide { height: 27.5rem; width: auto; display: flex; align-items: center; justify-content: center; will-change: transform; } .project__slider .swiper-slide picture { height: 100%; width: auto; } .project__slider .swiper-slide picture img { height: 100%; width: auto; object-fit: cover; max-width: 100%; border-radius: 1.875rem; } .project__slider picture img.horizontal { width: 41rem; } .project__slider picture img.vertical { width: 18.3125rem; } @media (max-width: 768px) { .page-projects, .page-media { padding: 2.5rem 0 5.3125rem 0; margin-bottom: 5rem; } .page-projects .t-title-page-note { max-width: 100%; } .page-projects .projects-inner-section { margin-top: 3.75rem; } .page-media .t-title-page-note { max-width: 100%; } .page-media .t-grid-4 { margin-top: 3.75rem; row-gap: 2.5rem; } .page-media .media-title { margin-top: 1.25rem; -webkit-line-clamp: 3; line-clamp: 3; } .breadcrumbs-container { padding-top: 2.375rem; padding-right: 0.5rem; } .page-project .breadcrumbs-container { padding-top: 3.5625rem; } .breadcrumbs { padding-left: 0; max-width: 18.3125rem; column-gap: 0.375rem; letter-spacing: 0.03em; } .page-news .panel { margin-top: -4.75rem; border-radius: 3.75rem 3.75rem 0 0; } .page-news .t-grid-2 { column-gap: 1.5625rem; margin: 2.8125rem auto; } .page-news .t-grid-2.two { height: 100%; } .page-news .t-grid-2.one { height: 11.1875rem; } .page-news__banner { border-radius: 0; height: 20.125rem; } .page-news .t-grey-card { font-size: 1.25rem; line-height: 130%; letter-spacing: 0.02em; padding: 2.1875rem 2rem 2.3125rem 2.4375rem; width: 100vw; margin: 1.5625rem 0 1.5625rem -1.25rem; } .page-news .t-grey-card p:before { width: 1.1875rem; height: 1.0625rem; left: -1.8125rem; } .news-container { padding: 4.8125rem 0 3.75rem 0; width: 100%; } .news-intro { margin-bottom: 0; } .news-intro .t-text-xs { font-size: 0.75rem; } .news-intro .t-title-page { font-size: 1.375rem; margin: 1.625rem 0 1.25rem 0; } .news-intro + section { margin-top: 1.25rem; } .news-text { margin: 2.8125rem auto; } .news-text:has(+ .news-source) { margin-bottom: 1.5625rem; } .news-source { margin-top: 1.5625rem; } .news-media-line { margin-bottom: 10rem; } .news-media-line .t-grid-4 { gap: 2.125rem; } .news-media-line .t-circle-title { margin-bottom: 2.5rem; } .news-media-line .media-title { -webkit-line-clamp: 3; line-clamp: 3; } .page-contacts .t-container { padding: 0; } .page-contacts .t-text-m-light { font-weight: normal; } .page-contacts .t-title-page { font-size: 1.5rem; margin: 2.1875rem 0 2.5rem 0; line-height: 140%; padding: 0 1.25rem; } .page-contacts ul li { margin-bottom: 1.5625rem; } .page-contacts ul li p { margin-top: 0; text-box: unset; } .page-contacts ul li p:first-child { margin: 0 0 0.5rem 0; } .page-contacts ul li .t-grey { font-size: 1rem; letter-spacing: 0.02em; line-height: 140%; } .page-contacts .city { font-size: 1.25rem; letter-spacing: 0.02em; line-height: 140%; } .page-contacts .map-grid { display: block; } .page-contacts .map-grid .t-text-s { padding: 0 1.25rem; } .page-contacts .map { height: 31.875rem; width: 100vw; margin: 2.1875rem 0 0 0; } .page-contacts #yandex_map .ymaps-2-1-79-image-with-content-content { width: 80px !important; top: 6px !important; } .t-year-filters .year-filters-list { row-gap: 1rem; bottom: -0.5rem; border-radius: 1.25rem; } .t-year-filters .year-filter { font-size: 0.8125rem; column-gap: 0.5rem; } .t-year-filters .year-filter:after { width: 1.125rem; height: 1.125rem; } .t-type-filters .type-filters-list { row-gap: 1.25rem; bottom: -0.5rem; } .t-type-filters .type-filters-list li:first-of-type { margin-top: 1.125rem; } .t-type-filters .type-filters-list li:last-of-type { margin-bottom: 1.125rem; } .t-type-filters .t-circle-title { width: 11.375rem; } .t-type-filters .type-filters-list { min-width: 11.375rem; padding: 0 1.125rem; } .t-type-filters .type-filter { font-size: 0.8125rem; } .t-doc-card { border-radius: 1.5625rem; padding: 1.0625rem 1rem 0.9375rem 1rem; } .t-doc-card > div { padding-left: 0.625rem; } .t-doc-card .t-grey { text-box: trim-both cap alphabetic; } .t-doc-card .t-text-m { margin: 0.6875rem 0 1.0625rem 0; text-box: trim-both cap alphabetic; } .t-doc-card .form-button { height: 2.5rem; } .page-reports { margin-bottom: 8.75rem; } .page-reports .t-title-page { font-size: 2rem; margin: 2.5rem 0; } .page-reports .t-controls { margin-bottom: 1.25rem; } .page-reports .t-controls .t-circle-title { font-size: 0.8125rem; padding-right: 1.125rem; padding-left: 1.125rem; } .page-reports .t-controls .t-circle-title.js-year-header { padding-right: 1.3125rem; padding-left: 0.875rem; } .page-reports .t-year-filters .t-circle-title, .page-reports .t-type-filters .t-circle-title { border-color: #1F70F3; color: #313742; } .page-reports .t-year-filters.opened .t-circle-title, .page-reports .t-type-filters.opened .t-circle-title { color: #1F70F3; } .page-reports .t-year-filters .t-circle-title:after { background-color: #313742; } .page-reports .t-year-filters.opened .t-circle-title:after { background-color: #1F70F3; } .page-reports .t-grid-4 { grid-template-columns: 1fr; row-gap: 1.25rem; margin-top: 1.25rem; } .page-not-found { padding-top: 3.5rem; } .page-not-found .t-container { height: 100%; gap: 3.375rem; } .page-not-found .t-medium { font-size: 8.5rem; text-box: trim-both cap alphabetic; } .page-not-found .t-grey { font-size: 0.875rem; text-box: trim-both cap alphabetic; } .page-not-found .not-found-text { row-gap: 1.375rem; } .page-not-found .not-found-imgs { grid-template-columns: repeat(5, 1fr); gap: 0.8125rem; width: 100%; } .page-not-found .not-found-imgs > *:nth-child(1) { margin-left: 0.25rem; } .page-not-found .not-found-imgs > *:nth-child(3) { order: 1; height: 9.0625rem; width: 100%; margin: 0; align-self: flex-start; } .page-not-found .not-found-imgs > *:nth-child(4) { width: 100%; margin: 0; } .page-not-found .not-found-imgs > *:nth-child(5) { order: 2; grid-column: span 3; height: 9.875rem; width: calc(100% - 0.4375rem); margin: -26% 0 0 0.4375rem; } .page-not-found .not-found-imgs > *:nth-child(6) { order: 3; } .page-not-found .not-found-imgs img { border-radius: 1.125rem; height: 6.4375rem; } .page-not-found .not-found-imgs .span-3 { height: 6.375rem; } .page-not-found .not-found-imgs .green-img { border-radius: 1.375rem; height: 5.6875rem; width: 6.125rem; } .page-not-found .not-found-imgs .green-img i { display: block; width: 1.8125rem; height: 1.8125rem; } .pop-animation { animation: popAnim 1.5s forwards; transform: translate(0px, 0px); } .page-project .panel { padding-top: 5rem; } .page-project .news-source { margin-top: 1.875rem; } .page-project-banner.sticky { top: 4rem; } .project-banner-content { height: calc(100vh - 4rem - 4.625rem); } .project-scroll-container { margin: -100vh 0 0 0; } .project-scroll-container { position: relative; } .project-scroll-container .text-container { padding: 0 0 0.9375rem 0; width: 100%; } .project-scroll-container .t-title-page { margin: 1.3125rem 0; color: white; } .project-scroll-container .t-text-xs { max-width: 100%; line-height: 140%; } .page-project-banner .category, .project-scroll-container .category { column-gap: 0.5rem; } .page-project-banner .category .icon, .project-scroll-container .category .icon { width: 1.25rem; height: 1.25rem; } .project-scroll-cards-container { margin-left: 0; padding: 2.6875rem 1.25rem 7.5rem 1.25rem; } .project-scroll-card { padding: 1.0625rem; border-radius: 1.0625rem; max-width: 17.5rem; max-width: 100%; font-size: 0.75rem; } .project-scroll-card:nth-of-type(2) { max-width: 14.375rem; margin: 0 0 0 3.125rem; } .project-scroll-card:nth-of-type(3) { max-width: 14.125rem; margin: 0 3.125rem 0 0; margin: 0 3.125rem 0 0; } .project-scroll-card:nth-of-type(4) { max-width: 100%; margin-left: 0; } .page-project-content > *:first-child { margin-top: 2.5rem; } .page-project-content > *:first-child.project-card-type-video { margin-top: 3.125rem; } .project-card-type-1, .project-card-type-2, .project-card-type-3, .project-card-type-4, .project-card-type-5 { margin: 2.8125rem auto; grid-template-columns: 100%; gap: 1.5625rem; } .project-card-type-1 picture.des-none, .project-card-type-2 picture.des-none, .project-card-type-3 picture.des-none, .project-card-type-4 picture.des-none, .project-card-type-5 picture.des-none { display: block; } .project-card-type-1 .project-card-title, .project-card-type-2 .project-card-title, .project-card-type-3 .project-card-title, .project-card-type-4 .project-card-title, .project-card-type-5 .project-card-title { font-size: 1.375rem; line-height: 120%; margin-bottom: 1.5625rem; } .project-card-type-1 .t-text-s, .project-card-type-2 .t-text-s, .project-card-type-3 .t-text-s, .project-card-type-4 .t-text-s, .project-card-type-5 .t-text-s { font-size: 0.875rem; row-gap: 1.5625rem; } .project-card-type-1 .list, .project-card-type-2 .list, .project-card-type-3 .list, .project-card-type-4 .list, .project-card-type-5 .list { margin: 0; row-gap: 1.5625rem; } .project-card-type-1 .list ul, .project-card-type-2 .list ul, .project-card-type-3 .list ul, .project-card-type-4 .list ul, .project-card-type-5 .list ul { row-gap: 0.9375rem; } .project-card-type-1 { gap: 1.875rem; } .project-card-type-1 img { border-radius: 1.875rem; width: 100vw; height: 13.125rem; margin-left: -1.25rem; } .project-card-type-2 img { width: 9.9375rem; height: 9.1875rem; } .project-card-type-2 picture:nth-of-type(1) { margin-left: 7.5rem; } .project-card-type-2 picture:nth-of-type(2) { margin-top: -2.5rem; } .project-card-type-3 .project-card-imgs, .project-card-type-5 .project-card-imgs { width: 100%; } .project-card-type-3 img, .project-card-type-5 img { width: 100%; height: 11.6875rem; } .project-card-type-4 .project-card-imgs { width: 100%; } .project-card-type-4 .project-card-imgs picture:nth-of-type(1) { width: 10rem; height: 13.4375rem; margin: 0; } .project-card-type-4 .project-card-imgs img:nth-of-type(2) { width: 9.125rem; height: 6.3125rem; margin: -1.375rem 0 0 8.4375rem; } .project-card-type-4 picture:nth-of-type(1) { width: 100%; height: 11.6875rem; margin: 0; } .project-card-type-quote { max-width: 100%; margin: 2.8125rem auto; row-gap: 1.5625rem; } .project-card-type-quote .reveal-color-green { font-size: 1.375rem; } .project-card-type-quote .t-text-s { max-width: 100%; } .project-card-type-video { margin: 2.8125rem 0 2.8125rem -1.25rem; } .project-card-type-video video { border-radius: 1.875rem; } .project-card-type-video .form-button { padding-right: 1.5625rem; padding-left: 1.5625rem; height: 2.375rem; font-size: 0.75rem; } .project-card-type-video img { border-radius: 1.875rem; max-height: 11.25rem; } .project__slider { margin-left: 0; } .project__slider_container { margin: 2.5rem 0 3.75rem 0; } .project__slider_container .project__slider_btns { display: none; } .project__slider .swiper-slide { height: 11.25rem; padding-right: 1.25rem; } .project__slider picture img.horizontal { width: 16.5rem; } .project__slider picture img.vertical { width: 8.75rem; } } @media (max-width: 768px) { html { font-size: 5vw; } .mob-none { display: none; } .des-none { display: block; } .t-grid-2, .t-grid-3, .t-grid-4 { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } .t-title-page { font-size: 2rem; } .t-section-title { font-size: 1.5rem; } .t-text-m-light { font-size: 1rem; } .t-text-xm { font-size: 1.125rem; letter-spacing: 0.04em; } .t-text-m { font-size: 1rem; letter-spacing: 0.04em; } .t-link-arrow { font-size: 1rem; line-height: 120%; } header { height: 4rem; } header .t-container { position: relative; background-color: white; z-index: 10; } .header__content_mobile { display: block; } .header__content_desktop { display: none; } .header-logo { display: block; width: 8.875rem; height: 1.375rem; } .panel { margin-top: -3.75rem; padding-top: 6rem; border-radius: 3.75rem 3.75rem 0 0; z-index: 1; } .modal#main-review-popup .modal__content-wr { height: 100vh; padding: 2.5rem 1.5rem 0 1.5rem; } .modal#main-review-popup .t-review-card .t-grey { width: 80%; font-size: 0.625rem; } .modal#main-review-popup .t-review-card .t-text-xs { max-height: calc(100vh - 7.5rem); padding-bottom: 3.5rem; margin-right: -0.625rem; padding-right: 0.625rem; } .modal#writeUsForm-popup .modal__container { height: 100%; } .modal.video-popup .modal__overlay { background: rgba(0, 0, 0, 0.7); align-items: center; } .modal.video-popup video { border-radius: 1.875rem; } .modal.video-popup .modal__close { top: 0.75rem; right: 0.75rem; width: 1.5rem; height: 1.5rem; } .modal .modal__overlay { align-items: flex-start; } .modal .modal__container { font-size: 1.125rem; border-radius: 0; } .modal .modal__content-wr { padding: 7.125rem 1.25rem 1.25rem 1.25rem; } .modal .modal__close { top: 2.5rem; right: 1.25rem; } .modal .ea-input { height: 3.375rem; } .modal .modalWriteUsForm-success .note { font-size: 0.9375rem; } .main-first-section { margin-top: 0; padding: 0; height: unset; } .main-card-wrapper { height: 19.0625rem; } .main-card-img { width: 170%; object-position: -50vw; } .main-card-content { border-top-right-radius: 3.75rem; padding: 3.75rem 1.25rem 7.5rem 1.25rem; margin-top: -3.75rem; position: relative; display: block; row-gap: 2.5rem; height: unset; z-index: 1; } .main-card-content .t-title-page { font-size: 2rem; } .main-card-left { padding: 3.75rem 1.25rem 1.25rem; flex-direction: column; justify-content: space-between; row-gap: 2.5rem; border-top-right-radius: 3.75rem; } .main-card-right { display: none; } .main-card-col-right { margin-top: 2.5rem; } .t-row-content { flex-direction: column; row-gap: 2.5rem; } .t-row-col:first-child { width: 100%; } .t-row-col.margin-top { margin-top: 0; } .t-circle-title { font-size: 0.75rem; border-radius: 1.5625rem; } .main-about-section { padding-bottom: 5.125rem; } .main-about-section .t-section-title { width: 100%; } .main-about-section .t-text-m-light { width: 100%; } .main-about-images { margin: 2.5rem auto 0 auto; grid-template-columns: 1fr 1fr; column-gap: 0.40625rem; row-gap: 0.4375rem; } .main-about-images img { border-radius: 1.25rem; } .main-about-image-wr { height: 10.25rem; } .main-about-image-wr:nth-child(2) { display: block; } .main-about-image-wr:nth-child(4) { margin-top: calc(-28% - 0.5rem); } .t-row-list { flex-direction: column; row-gap: 1.25rem; } .main-metrics-section { padding-bottom: 8.125rem; } .main-metrics-section .t-col-content { row-gap: 2.5rem; margin-bottom: 2.5rem; } .main-metrics-section .t-text-m { display: block; } .metrics-list { grid-template-columns: 1fr; gap: 1.875rem; } .metrics-card { row-gap: 0.3125rem; border-radius: 2.5rem; padding: 1.25rem 1.5rem; width: 100%; } .metrics-title { padding-top: 0.1875rem; font-size: 2.5rem; } .main-about-founder-section { padding-bottom: 8.75rem; } .main-about-founder-section .t-grey-card { display: block; width: calc(100% + 2.5rem); margin: 2.5rem 0 1.875rem -1.25rem; font-size: 1.25rem; padding-right: 0; } .main-about-founder-section .t-grey-card p { margin: 1.875rem 0 0 0; padding: 0 0.625rem 1.875rem 2.5rem; } .main-about-founder-section .t-grey-card p:before { width: 1.1875rem; height: 1.0625rem; left: 0.625rem; } .main-about-founder-section .t-text-xm { font-size: 1.25rem; } .main-about-founder-section .t-text-s { font-size: 0.875rem; } .main-about-founder-section .t-text-xs { font-size: 0.75rem; } .main-about-founder-section .main-about-founder-text { display: block; } .main-about-founder-section .main-about-founder-text div { padding-left: 0; margin-bottom: 1.875rem; } .t-project-card-row { flex-direction: column; row-gap: 1.25rem; } .main-projects-section { padding-bottom: 8.75rem; } .main-projects-section .t-project-card-row { margin-top: 2.5rem; } .main-projects-section .t-link-arrow { margin-top: 2.5rem; } .main-projects-section .t-row-content { margin-top: 5rem; } .t-project-card { flex-direction: column-reverse; width: 100%; height: unset; border-radius: 3.75rem; } .t-project-card .img-wr { width: calc(100% + 1px); } .t-project-card .img-wr img { height: 13.75rem; } .t-project-card .t-project__title { margin: 0.75rem 0; } .t-project-col { width: 100%; } .t-project-content { padding: 1.25rem 1.875rem 1.875rem 1.875rem; row-gap: 0.75rem; } .t-project-content .form-button { margin-top: 0.5rem; } .t-project__text-top { font-size: 0.875rem; } .t-project__text-top .icon { width: 1.25rem; height: 1.25rem; } .t-project__title { font-size: 1.375rem; } .t-project__text-box { row-gap: 1rem; } .t-project__text { font-size: 0.875rem; } .main-projects-col { row-gap: 2.5rem; } .main-projects-col .form-button { margin: 0.3125rem auto 0 auto; } .main-media-section { padding-bottom: 8.75rem; } .main-media-section .t-grid-4 { margin-top: 2.5rem; row-gap: 3.75rem; } .main-media-section .t-link-arrow { margin: 2.5rem 0 6rem auto; } .media-card .t-project-image { height: 10.375rem; } .media-title { margin-top: 0.625rem; font-size: 0.875rem; padding: 0 0.5rem; } .main-reviews { margin-bottom: 0; } .main-reviews .swiper { margin: 2.5rem 0 0 0; width: 15.5rem; overflow: visible; } .main-reviews .swiper-wrapper { display: flex; gap: 0; } .main-reviews .swiper-slide { width: 100% !important; } .main-reviews .t-grey { font-size: 0.625rem; margin: 0; padding: 0; } .main-reviews .t-text-xs { margin: 0.9375rem 0; -webkit-line-clamp: 11; line-clamp: 11; } .t-review-card { border-radius: 1.875rem; padding: 1rem; height: 25.25rem; } .t-review-card-top { column-gap: 1.0625rem; margin-bottom: 0.75rem; } .t-review-image { width: 4.75rem; height: 4.75rem; } .t-review-title { font-size: 0.75rem; margin-bottom: 0.09375rem; } .modal__content-wr .t-review-title { width: 77%; } .footer { margin-top: -3.75rem; padding-top: 3rem; border-radius: 3.75rem 3.75rem 0 0; z-index: 1; } .footer .t-grid-2 { gap: 2.5rem; } .footer-logo { width: 15.625rem; height: 2.375rem; } .footer-tspg-link { display: grid; grid-template-columns: 1fr 1fr; column-gap: 0.625rem; align-items: center; margin-top: 1.25rem; } .social-media-links { margin: 0 auto 1.25rem auto; column-gap: 2.6875rem; } .social-media-link { width: 2.75rem; height: 2.75rem; } .telegram-icon { margin-right: 0.1875rem; width: 1.3125rem; height: 1.0625rem; } .linkedin-icon { width: 1.125rem; height: 1.0625rem; } .insta-icon { width: 1.3125rem; height: 1.1875rem; } .footer-text-list { row-gap: 1.5rem; max-width: 100%; } .footer-text-list .t-grey { margin-bottom: 0; padding-top: 0.0625rem; } #writeUsForm.t-grid-2 { row-gap: 0.625rem; } .footer-form-title { font-size: 0.875rem; padding-left: 1.875rem; margin-bottom: 0.875rem; } .ea-input { height: 3rem; font-size: 0.875rem; } .ea-input.ea-textarea { height: 5.5rem; border-radius: 1.5625rem; padding-top: 0.125rem; } .ea-input.ea-textarea::placeholder { line-height: 5rem; } .form-button { border-radius: 6.25rem; background-color: #9cc948; font-size: 0.875rem; height: 3rem; } .footer-top { padding-bottom: 0; } .footer-bottom { padding: 2.5rem 0 1.6875rem 0; } .footer-bottom .t-container { padding: 0 1.125rem; } .footer-bottom-content { flex-direction: column; align-items: center; row-gap: 0.75rem; } .main-investors-new-section { padding-bottom: 6.75rem; } .header .t-circle-title { height: 3.25rem; padding: 0.625rem 2.125rem 1rem 2.3125rem; } .dropdown .t-text-m { font-size: 0.875rem; } .dropdown-lang-header { width: 2.75rem; height: 2.75rem; } .dropdown-lang-header .t-text-xs { font-size: 1.125rem; } .dropdown-list { display: flex; flex-direction: column; padding-top: 0.3em; } .dropdown-list .dropdown-item.active { order: 1; } .dropdown-lang-body { left: auto; bottom: 0; right: 0; transform: translate(0px, 0px); width: 2.75rem; border-radius: 6.25rem; } .dropdown-lang-body .t-text-xs { font-size: 1.125rem; } .dropdown-lang-body a { padding: 0.3rem 0 0.35rem 0; } .active .dropdown-lang-body a { color: #21252D; } .nav_mobile { padding-top: 5rem; position: fixed; top: 0; display: flex; flex-direction: column; background-color: white; width: 100%; right: -100%; height: 100%; z-index: 9; overflow: hidden auto; transition: ease-in-out 0.4s; } .nav_mobile.isOpen { right: 0; } .burger-btn { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid #E8EBF1; border-radius: 50%; } .burger-btn.open span:nth-child(1) { top: 0.4375rem; width: 0; left: 50%; } .burger-btn.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .burger-btn.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .burger-btn.open span:nth-child(4) { top: 0.4375rem; width: 0; left: 50%; } .burger-btn-icon { width: 1.375rem; height: 0.875rem; position: relative; } .burger-btn-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #313742; border-radius: 0.125rem; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .burger-btn-icon span:nth-child(1) { top: 0; } .burger-btn-icon span:nth-child(2), .burger-btn-icon span:nth-child(3) { top: 0.4375rem; } .burger-btn-icon span:nth-child(4) { top: 0.875rem; } .header-nav-btns { display: flex; justify-content: flex-end; padding: 1.25rem 1.25rem 2.5rem 1.25rem; } .header-nav-list { flex-direction: column; align-items: unset; flex-grow: 1; justify-content: center; } .header-nav-link { padding: 0.625rem 1.25rem; padding-top: calc(0.625rem + 0.3em); text-align: center; min-height: 3.75rem; font-size: 1.25rem; letter-spacing: 0.03em; } .header-nav-link:active, .header-nav-link.active { color: #1F70F3; } .header-nav__inner-link { padding: 0.625rem 1.25rem 0.625rem 2.5rem; display: block; font-weight: 400; font-size: 1rem; line-height: 120%; letter-spacing: 0.03em; } .header-link-arrow { position: relative; display: flex; align-items: center; justify-content: space-between; column-gap: 0.75rem; } .header-link-arrow::after { content: ""; display: block; width: 0.6875rem; height: 1rem; mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; -webkit-mask: url("/local/templates/slonworks/css/../img/svg/arr-right.svg") center/contain no-repeat; background-color: #B2E05A; transition: 0.2s; transition-property: background-color, transform; } .header-nav__inner-list > li:last-child { padding-bottom: 1.25rem; } .main-swiper { background: #313742; } .main-swiper-btns-container { bottom: 6.0625rem; opacity: 0; position: static; justify-content: flex-end; margin: 0.625rem 1.25rem 5.375rem 0; } .form__send-modal { padding: 0.625rem 1.875rem; border-radius: 1.5625rem; } .form__send-text { font-size: 0.875rem; } } @media (max-width: 568px) { .modal.video-popup .modal__close { top: 1rem; right: 1rem; width: 1.875rem; height: 1.875rem; } } /*# sourceMappingURL=styles.css.map */ /* End */ /* Start:/local/templates/slonworks/css/custom.css?17513448681476*/ .video-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 1000; } .video-popup.active { display: flex; } .metrics-title { letter-spacing: 2px; } .t-review-card-top { align-items: start; } .mob-br { display: none; } @media (max-width: 768px) { .mob-br { display: inline; } } @media (max-width: 768px) { .metrics-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; max-width: 100%; box-sizing: border-box; } } @media (max-width: 768px) { .metrics-card { row-gap: 0.3125rem; border-radius: 1.5rem; padding: 1rem 0.6rem; width: auto; max-width: 100%; border: 2px solid #B2E05A; } .t-text-m-metrics{ font-size: 0.64rem !important; } .metrics-title{ font-size:1.4rem; letter-spacing: 0.5px; } } .footer { margin-top: -5.7rem; } .t-project-card{ cursor:pointer; } @media (max-width: 768px) { .project-card-type-4 .project-card-imgs picture:nth-of-type(2) { width: 9.125rem; height: 6.3125rem; margin: -1.375rem 0 0 8.4375rem; } } .safari .breadcrumbs i, .mac .breadcrumbs i { margin-top: -0.3em; } /* End */ /* /local/templates/slonworks/fonts/fonts.css?1751344867809 */ /* /local/templates/slonworks/libs/swiper/swiper-bundle.min.css?175134486815835 */ /* /local/templates/slonworks/css/styles.css?1751344868101582 */ /* /local/templates/slonworks/css/custom.css?17513448681476 */