/* Start:/local/templates/.default/assets/css/libs/swiper-bundle.min.css?175309091518454*/ /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/.default/assets/css/libs/spotlight.min.css?176647810813901*/ @keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight{position:fixed;top:-1px;bottom:-1px;width:100%;z-index:99999;color:#fff;background-color:#000;opacity:0;overflow:hidden;-webkit-user-select:none;user-select:none;transition:opacity .2s ease-out;font-family:Arial,sans-serif;font-size:16px;font-weight:400;contain:strict;touch-action:none;pointer-events:none}#spotlight.show{opacity:1;transition:none;pointer-events:auto}#spotlight.white{color:#212529;background-color:#fff}#spotlight.white .spl-next,#spotlight.white .spl-page~*,#spotlight.white .spl-prev,#spotlight.white .spl-spinner{filter:invert(1)}#spotlight.white .spl-progress{background-color:rgba(0,0,0,.35)}#spotlight.white .spl-footer,#spotlight.white .spl-header{background-color:rgba(255,255,255,.65)}#spotlight.white .spl-button{background:#212529;color:#fff}.spl-footer,.spl-header{background-color:rgba(0,0,0,.45)}#spotlight .contain,#spotlight .cover{object-fit:cover;height:100%;width:100%}#spotlight .contain{object-fit:contain}#spotlight .autofit{object-fit:none;width:auto;height:auto;max-height:none;max-width:none;transition:none}.spl-scene,.spl-spinner,.spl-track{width:100%;height:100%;position:absolute}.spl-track{contain:strict}.spl-spinner{background-position:center;background-repeat:no-repeat;background-size:42px;opacity:0}.spl-spinner.spin{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);transition:opacity .2s linear .25s;opacity:1}.spl-spinner.error{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);background-size:128px;transition:none;opacity:.5}.spl-scene{transition:transform .65s cubic-bezier(.1,1,.1,1);contain:layout size;will-change:transform}.spl-pane>*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane,.spl-progress{position:absolute;top:0}.spl-pane{width:100%;height:100%;transition:transform .65s cubic-bezier(.3,1,.3,1);contain:layout size;will-change:transform,contents}.spl-header{width:100%;height:50px;text-align:right;transform:translateY(-100px);transition:transform .35s ease;overflow:hidden;will-change:transform}#spotlight.menu .spl-footer,#spotlight.menu .spl-header,.spl-footer:hover,.spl-header:hover{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer,.spl-next,.spl-prev{position:absolute;transition:transform .35s ease;will-change:transform}.spl-footer{left:0;right:0;bottom:0;line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400;transform:translateY(100%)}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-next,.spl-page~*,.spl-prev{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-info{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7Ij4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkuNiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjEuOTJweDsiLz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDIwLDAsMCwyMCw4LjI2Mzg1LDE5LjMzOTUpIj4KICAgICAgICA8cGF0aCBkPSJNMC4yODgsLTAuNjU5QzAuMjg4LC0wLjYzMyAwLjI3OSwtMC42MTIgMC4yNjEsLTAuNTk0QzAuMjQ0LC0wLjU3NyAwLjIyMywtMC41NjkgMC4xOTgsLTAuNTY5QzAuMTc0LC0wLjU2OSAwLjE1MiwtMC41NzggMC4xMzUsLTAuNTk1QzAuMTE3LC0wLjYxMyAwLjEwOCwtMC42MzQgMC4xMDgsLTAuNjU5QzAuMTA4LC0wLjY4NCAwLjExNywtMC43MDUgMC4xMzUsLTAuNzIyQzAuMTUyLC0wLjc0IDAuMTc0LC0wLjc0OSAwLjE5OCwtMC43NDlDMC4yMjMsLTAuNzQ5IDAuMjQ0LC0wLjc0IDAuMjYxLC0wLjcyMkMwLjI3OSwtMC43MDUgMC4yODgsLTAuNjg0IDAuMjg4LC0wLjY1OVpNMC4zNTQsLTAuMTE4TDAuMzU0LC0wTDAuMDM3LC0wTDAuMDM3LC0wLjExOEwwLjExNSwtMC4xMThMMC4xMTUsLTAuMzkzTDAuMDM3LC0wLjM5M0wwLjAzNywtMC41MTNMMC4yNzgsLTAuNTEzTDAuMjc4LC0wLjExOEwwLjM1NCwtMC4xMThaIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDwvZz4KPC9zdmc+Cg==)}.spl-next,.spl-prev{top:50%;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-prev{left:20px}.spl-next{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-prev{transform:translateX(0)}#spotlight.menu .spl-next{transform:translateX(0) scaleX(-1)}@media (hover:hover){.spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-next:hover,.spl-page~div:hover,.spl-prev:hover{opacity:1}}@media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-next,.spl-prev{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}}.hide-scrollbars{overflow:hidden!important} /* End */ /* Start:/local/templates/.default/assets/css/style.css?1791554123106004*/ @font-face { font-display: swap; font-family: 'Onest'; font-style: normal; src: url("/local/templates/.default/assets/fonts/Onest/Onest-Variable.woff2") format('woff2'), url("/local/templates/.default/assets/fonts/Onest/Onest-Variable.ttf") format('truetype'); font-weight: 100 900; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button { font-size: inherit; font-family: inherit; } body, html { width: 100%; font-family: Onest, Roboto, Arial, Tahoma, Verdana, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--blue-color-1); } :root { --container-padding: 15px; --border-color: #7D7882; --light-text-color: #ffffff; --accent-text-color: #ADB2BD; --dark-text-color: #130F33; --notice-text-color: #7D7882; --gray-text-color-1: #213149; --blue-color-1: #130F33; --blue-color-2: #162668; --blue-color-3: #324473; --light-text-active-color: #AAC8C8; --light-text-hover-color: #7ED0D6; --hover-fill-color: #162668; --green-color: #6D7E80; --disabled-background-color: #D6DAE4; --icon-block-hover: #D6DAE4; --error-text-color: #D92D20; --header-height: 81px; --container-max-width: 1216px; --divider-color: #A5A8BE80; /* vacancy-page */ --vacancy-card-header-text-color: #1C2543; /*Blog page*/ --tags-border-color: #213149; --tags-active-color: #D6DAE4; --tags-hover-color: #B3B8C5; --tags-hover-text-color: inherit; /* Change swiper default */ --swiper-navigation-sides-offset: 0; --swiper-navigation-top-offset: 0; /* One place for main z-indexes */ --header-z-index: 500; --modal-z-index: 505; --cookies-modal-z-index: 10; } @media screen and (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } } .image { width: 100%; display: block; } .link-underline, .link { font-size: inherit; color: inherit; text-decoration: none; } .h1, .h2, .h3, .h4, .h2-5 { font-weight: 600; letter-spacing: -0.02em; } .h1 { font-size: 60px; line-height: 1.2; } .h2 { font-size: 48px; line-height: 1.25; } .h2-5 { font-size: 36px; line-height: 1.25; } .h3 { font-size: 30px; line-height: 1.25; } .h4 { font-size: 24px; line-height: 1.34; } .header-margin { margin-bottom: 20px; } @media (max-width: 650px) { .header-margin { margin-bottom: 10px; } } [x-cloak] { display: none !important; } .hidden { display: none; } .text-center { text-align: center; } .normal { font-weight: 400; } .medium { font-weight: 600; } .bold { font-weight: 700; } .header-m-smallest { margin-bottom: 10px; } .header-m-small { margin-bottom: 20px; } .header-m-normal { margin-bottom: 40px; } .header-m-big { margin-bottom: 60px; } html { overflow-y: scroll; overflow-x: hidden; } .accent { color: var(--accent-text-color); } .scrollDisabled { position: fixed; } .mobile { display: none; } .tablet { display: none; } .desktop { display: block; } .block { display: block; } .cursor__pointer { cursor: pointer; } .button__text { padding: 0; border: none; background: none; outline: none; color: inherit; cursor: pointer; } .link-dashed { text-decoration: none; display: inline-block; color: var(--blue-color-2); border: 0; background: none; padding: 0; border-bottom: 1px dashed var(--blue-color-2); cursor: pointer; } .notice-text { color: var(--notice-text-color); } @media (min-width: 651px) { .column__split-point { display: block; break-before: column; -webkit-column-break-before: always; } } @media (min-width: 651px) and (max-width: 1080px) { .desktop { display: none; } .tablet { display: block; } } @media (max-width: 650px) { .desktop, .tablet { display: none; } .mobile { display: block; } } a { color: inherit; text-decoration: none; } .no-transition *::after, .no-transition *::before, .no-transition * { transition: none!important; } .standard-padding { padding-top: 40px; padding-bottom: 40px; } .standard-padding__bottom { padding-bottom: 40px; } .standard-padding__top { padding-top: 40px; } .small-padding { padding-top: 30px; padding-bottom: 30px; } .small-padding__bottom { padding-bottom: 30px; } .small-padding__top { padding-top: 30px; } @media (max-width: 650px) { .standard-padding { padding-top: 30px; padding-bottom: 30px; } .standard-padding__top { padding-top: 30px; } .standard-padding__bottom { padding-bottom: 30px; } .small-padding { padding-top: 20px; padding-bottom: 20px; } .small-padding__top { padding-top: 20px; } .small-padding__bottom { padding-bottom: 20px; } } .flex-20 { display: flex; gap: 20px; } /* main page*/ .container { max-width: var(--container-max-width); margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); } .container__narrow { --container-max-width: 865px; } .container__normal { --container-max-width: 1216px; } .header__container { position: sticky; top: -1px; z-index: var(--header-z-index, 500); --container-max-width: 1280px; } .header__container.menu-opened, .header__container.is-pinned { background-color: var(--blue-color-1);} .wrapper { padding-left: var(--container-padding); padding-right: var(--container-padding); } .header { --header-vertical-padding: 15px; --header-main-color: var(--light-text-color, #ffffff); --header-hover-color: var(--light-text-hover-color); --header-block-hover-color: var(--hover-fill-color, #162668); display: flex; /* background-color: black; */ color: var(--header-main-color); max-width: var(--container-max-width); --header-logo-width: 188px; --header-burger-width: 70px; } .header__phone, .header__nav, .header__burger, .header__geo { display: flex; align-items: center; justify-content: center; } .header__block { border-right: 1px solid var(--border-color); } .header__block a { color: var(--header-main-color); text-decoration: none; transition: color 0.15s ease-in-out; } .header__block a:hover { color: var(--header-hover-color); } .header__block:last-child { border-right: 0; } .header__block-active { background-color: var(--blue-color-1); } .header__logo { padding: var(--header-vertical-padding) 0; flex: 0 0 var(--header-logo-width); box-sizing: border-box; } .header__logo-image { display: block; } .header__burger { flex-shrink: 0; padding: var(--header-vertical-padding) 0; width: var(--header-burger-width); min-width: 70px; } .header__logo-image, .header__burger { flex-shrink: 0; } .header__burger { padding: 0; } .dropdown__item:hover, .button__burger:hover { background-color: var(--header-block-hover-color); transition: background 0.15s ease-in; } .dropdown__menu-geo { border: 1px solid var(--border-color); } .dropdown__item-geo:nth-child(n + 2) { border-top: 1px solid var(--border-color); } .button__burger { border: none; width: 100%; height: 100%; background: none; border: none; outline: none; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 999; } .button__burger-icons { cursor: pointer; display: block; position: relative; border: none; background: transparent; width: 28px; height: 19px; } .button__burger-icons::before, .button__burger-icons::after { content: ''; left: 0; position: absolute; display: block; width: 100%; height: 2px; background: var(--header-main-color); } .button__burger-icons::before { top: 0; box-shadow: 0 8px 0 var(--header-main-color); transition: box-shadow .3s .15s, top .3s .15s, transform .3s; } .button__burger-icons::after { bottom: 0; transition: bottom .3s .15s, transform .3s; } .button__burger-icons-active::before { top: 6px; transform: rotate(45deg); box-shadow: 0 6px 0 rgba(0, 0, 0, 0); transition: box-shadow .15s, top .3s, transform .3s .15s; } .button__burger-icons-active::after { bottom: 11px; transform: rotate(-45deg); transition: bottom .3s, transform .3s .15s; } .header__nav { width: 26%; padding: var(--header-vertical-padding); margin-right: auto; flex-grow: 1; } .header__nav ul { display: flex; margin-right: -30px; } .header__nav li { margin-right: 30px; } .header__nav li:last-child { margin-right: 0; } .header__nav-hidden { display: none; } .header__partners { width: 28.8%; display: flex; align-items: center; justify-content: center; transition: max-width 0.3s ease; overflow: hidden; } .header__partners-image:not(:last-child) { padding-right: 20px; margin-right: 20px; position: relative; } .header__partners-image:not(:last-child)::before { position: absolute; height: 90%; top: 5%; right: 0; display: block; content: " "; border-right: 1px solid #ffffff; } .header__geo { width: 10.1%; min-width: 123px; } .dropdown { position: relative; } .dropdown__menu { position: absolute; top: 100%; left: -1px; width: 100%; height: 100%; background-color: var(--blue-color-1); } .dropdown__item { display: flex; align-items: center; cursor: pointer; width: 100%; height: 100%; justify-content: center; } .header__dropdown { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .dropdown__item img { margin-right: 10px; } .dropdown__current { position: relative; } .dropdown__item::after, .dropdown__current::after { width: 12px; height: 6px; top: calc(50% - 3px); content: " "; display: block; padding: 0 6px; background-position: center; background-repeat: no-repeat; } .header__blue { background-color: var(--blue-color-1); } .header__container:not(.is-pinned, .menu-opened) .header__light .dropdown__current:hover::after, .dropdown__current::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L6 6L12 0' fill='white'/%3E%3C/svg%3E%0A"); } .header__container:not(.is-pinned, .menu-opened) .header__light .dropdown__current::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L6 6L12 0' fill='%23130F33'/%3E%3C/svg%3E%0A"); } .header__phone { width: 16.5%; padding-left: 20px; align-items: flex-start; min-width: 210px; } .header__callback { padding: 0 0 2px; border-bottom: 1px dashed var(--light-text-color); } .header__callback:hover { color: var(--header-hover-color); border-color: var(--header-hover-color); } .header__phone { flex-direction: column; } .header__phone-link { font-weight: 600; font-size: 20px; } .full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .overflow__hidden { overflow: hidden; overflow: clip; } .divider { border-bottom: 1px solid var(--border-color); } .divider-gray { border-bottom: 1px solid var(--divider-color); } .header__container:not(.is-pinned,.menu-opened) .header__light { --header-main-color: var(--blue-color-1); color: var(--blue-color-1); } .header__container:not(.is-pinned,.menu-opened) .header__light .header__geo:hover, .header__container:not(.is-pinned,.menu-opened) .header__light .button__burger:hover { --header-main-color: var(--light-text-color); color: var(--light-text-color); } /* https://cssfilterconverter.com/ */ .header__container:not(.is-pinned,.menu-opened) .header__light .header__partners-image, .header__container:not(.is-pinned,.menu-opened) .header__light .header__logo-image { filter: brightness(0) saturate(100%) invert(10%) sepia(5%) saturate(7499%) hue-rotate(208deg) brightness(94%) contrast(105%); } /* TODO: Make Menu styles*/ .main-nav { --submenu-color: #213149; --main-menu-color: #AAA5BE; --submenu-hover-color: #162668; --main-menu-hover-color: #FFFFFF; position: absolute; top: 100%; right: 0; background-color: #162668; color: var(--submenu-color); box-sizing: border-box; width: 100%; z-index: 999; } .main-nav a { color: inherit; } .main-nav a:hover { /* Скачет контент, так не делаем */ /* font-weight: 600; */ } .main-nav__container { display: grid; grid-template-areas: "main side" "main footer"; grid-template-columns: calc(var(--header-logo-width) + var(--header-burger-width) + var(--container-padding) + 1px) calc(100% - var(--header-logo-width) - var(--header-burger-width)); grid-template-rows: 1fr 90px; min-height: calc(100vh - var(--header-height)); max-width: calc(var(--container-max-width) + var(--container-padding) * 2); padding: 0; margin-left: auto; margin-right: auto; } .main-nav__menu { grid-area: main; position: relative; padding-top: 40px; box-sizing: border-box; padding-left: var(--container-padding); border-right: 1px solid var(--border-color); } .main-nav__menu li { margin-left: auto; margin-bottom: 20px; color: var(--main-menu-color); } .main-nav__menu-button:hover, .main-nav__menu a:hover { color: var(--main-menu-hover-color); } .main-nav__menu-button.is-active { color: var(--light-text-color); } .main-nav__menu-button.is-active + .menu-arrow { display: inline-block; } .main-nav__menu-button { width: calc(100% - 36px); text-align: left; } .menu-arrow { padding-right: 22px; height: 14px; } .main-nav__menu-wrapper { display: flex; justify-content: space-between; } /* .main-nav__menu>li:hover .main-nav__inner-block { display: block; } */ .main-nav__menu-mobile { display: none; } .main-nav__inner { grid-area: side; height: 100%; } .main-nav__inner-block { position: absolute; width: 100vw; top: 0; left: calc(100% + 1px); display: none; background-color: white; box-sizing: border-box; height: calc(100% - 70px); z-index: 2; } .main-nav__inner-block.is-active { display: block; } .main-nav__inner-block a { display: flex; align-items: center; gap: 10px; color: var(--submenu-color); } .main-nav__inner-block a:hover { color: var(--submenu-hover-color); text-shadow: 1px 0 var(--submenu-hover-color); } .main-nav__inner-header { margin-bottom: 60px; padding-left: 60px; border-bottom: 1px solid var(--border-color); } .main-nav__inner-block { padding-top: 20px; } .main-nav__inner-header { padding: 20px 0 0 60px; } .main-nav__inner-block ul { padding-left: 60px; columns: 2; width: fit-content; } .main-nav__inner-block li { margin-bottom: 20px; margin-right: 100px; } .main-nav__bottom { display: flex; justify-content: space-around; padding: 25px 30px 25px 15px; box-sizing: border-box; align-items: center; max-width: calc(min(100%, var(--container-max-width)) - var(--header-logo-width) - var(--header-burger-width)); } .main-nav__bottom-wrapper { z-index: 2; position: relative; border-top: 1px solid var(--border-color); width: 100vw; background-color: white; grid-area: footer; } .main-nav__inner-block-back { display: none; } .menu-arrow { display: none; } main.under-header { margin-top: calc(-1 * var(--header-height)); } .hero { position: relative; --hero-link-color: #7ED0D6; --hero-link-hover-color: #4D8E93; padding: 0; overflow: hidden; } .hero__video-wrapper { position: absolute; width: 100%; height: 100%; top: 0; } .hero__video-wrapper img, .hero__video-wrapper video { object-fit: cover; width: 100%; height: 100%; object-position: top; } .hero__video-wrapper::after { position: absolute; background: linear-gradient(115.75deg, rgba(0, 0, 0, 0.7) 32.62%, rgba(22, 38, 104, 0.7) 82.54%); content: " "; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .hero__video-wrapper__no-gradient::after { content: none; } .hero__video-wrapper__contain video, .hero__video-wrapper__contain img { object-fit: contain; } .hero__main { padding: 200px 0 127px; } .hero__content { position: relative; z-index: 1; color: var(--light-text-color); } .hero___main-h1 { width: 80%; margin-bottom: 40px; } .hero__teasers { width: 84%; display: flex; } .hero__teaser-item { margin-right: 50px; padding-right: 50px; max-width: 320px; border-right: 1px solid var(--border-color); } .hero__teaser-item:last-child { margin-right: 0; padding-right: 0; flex-shrink: 0; border-right: 0; } .hero__teaser-item a { color: var(--hero-link-color); } .hero__teaser-item a:hover { color: var(--hero-link-hover-color); } .hero__teaser-number { line-height: 1; } .marquee__wrapper { --marquee-gap: 60px; display: flex; overflow: hidden; gap: var(--marquee-gap); } .marquee__wrapper:hover .marquee { /* Pause marquee on hover */ /* animation-play-state: paused; */ } .hero__marquue { display: flex; padding: 45px 0; align-items: center; } .hero__marquue img { display: block; } .marquee { animation: scroll 40s linear infinite; justify-content: space-around; gap: var(--marquee-gap); } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--marquee-gap))); } } /* main expertise */ .main-expertise { padding-top: 100px; padding-bottom: 40px; } /* funnel */ .funnel { padding-top: 60px; padding-bottom: 60px; counter-reset: funnel -1; display: flex; justify-content: space-between; } .funnel-block, .funnel-links { width: calc(50% - 25px); } .funnel-links__item { counter-increment: funnel; margin-bottom: 30px; } .funnel-links__item:nth-child(1)::before { background-color: #000000; } .funnel-links__item:nth-child(2)::before { background-color: var(--blue-color-1); } .funnel-links__item:nth-child(3)::before { background-color: #324473; } .funnel-links__item:nth-child(4)::before { background-color: var(--green-color); } .funnel-links__item:nth-child(5)::before { background-color: #A5BEBE; } .funnel-links__item:last-child { margin-bottom: 0; } .funnel-links__item-header-block { display: none; } .funnel-links__link-additional { display: none; } .icon-block { --icon-content-padding: 20px; --icon-background: #130F33; --icon-background-image: none; --icon-background-size: 0; --icon-content: counter(funnel, decimal-leading-zero); --icon-color: #ffffff; --icon-font-size: 48px; --icon-width: 103px; border: 1px solid var(--border-color); padding: 20px; display: flex; } .icon-block__simple { border: 1px solid var(--border-color); display: flex; } .icon-block__simple-content { padding: 20px; } .certificate-item__content { min-height: 75px; } .price-item__content { min-height: 90px; width: 68%; } .icon-block::before { display: flex; align-items: center; justify-content: center; content: var(--icon-content); width: fit-content; margin: calc(var(--icon-content-padding) * -1); background-color: var(--icon-background); color: var(--icon-color); font-size: var(--icon-font-size); margin-right: var(--icon-content-padding); padding: var(--icon-content-padding); width: var(--icon-width); box-sizing: border-box; background-image: var(--icon-background-image); background-repeat: no-repeat; background-size: var(--icon-background-size); background-position: center; flex-shrink: 0; } .funnel-link__container { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5px; } .funnel-link__container-modal { padding: 20px; } .industry-tags, .funnel-links__link { padding: 6px 10px; background-color: #D6DAE4; text-decoration: none; color: var(--gray-text-color-1); transition: filter 0.15s ease-in; border: none; cursor: pointer; } .industry-tags { cursor: default; } .funnel-links__link-more { color: var(--light-text-color); background-color: var(--green-color); line-height: inherit; } .industry-tags:hover, .funnel-links__link:hover { filter: brightness(85%); } .funnel-block { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 147px; } .funnel-block__item { font-size: 18px; } .funnel-block__item svg { max-width: 100%; margin-top: 10px; } .funnel-block__item rect { transform-origin: 50% 0; } .funnel-block__item path { transform-origin: 0 100%; } /* callback */ .callback { padding-top: 42px; padding-bottom: 42px; } .callback { display: flex; justify-content: space-between; align-items: center; } .callback__button-block, .callback__text { width: calc(50% - 25px); } .callback__button-block { text-align: center; } .callback__button-block-right { text-align: right; } .callback__h3 { margin-bottom: 10px; } .callback__wide-text .callback__text { width: 55%; } .callback__wide-text .callback__button-block { width: 40%; text-align: right; } .callback__blue { background-color: var(--blue-color-2); color: var(--light-text-color); } .button { padding: 15px 40px; font-size: 18px; font-weight: 500; border: 1px solid var(--blue-color-1); outline: none; background-color: var(--blue-color-1); color: var(--light-text-color); transition: background-color 0.15s ease-in; cursor: pointer; display: inline-block; text-decoration: none; box-sizing: border-box; line-height: inherit; min-height: 60px; } .button img, .button svg { margin-left: 10px; } .button:hover { background-color: var(--hover-fill-color, #162668); border-color: var(--hover-fill-color, #162668); } .button:disabled { background-color: var(--accent-text-color); border-color: var(--accent-text-color); color: var(--light-text-color); } .button__blue { background-color: #162668; border-color: #162668; } .button__blue:hover { background-color: transparent; color: #162668; } .button__blue:hover path { stroke: #162668; } .button__light-blue { background-color: #31A2E5; border-color: #31A2E5; } .button__footer-width { min-width: 270px; } /* cases */ .blue-background { background-color: var(--blue-color-1); color: var(--light-text-color); } .blue-2-background { background-color: var(--blue-color-2); color: var(--light-text-color); } .blue-2-background .button__blue { background-color: var(--blue-color-1); } .blue-background .button__blue { background-color: var(--blue-color-2); } .cases-block { padding-top: 40px; padding-bottom: 80px; } .case-nav__wrapper { overflow-y: hidden; overflow-x: auto; } .cases-nav { padding: 30px 0 15px; display: flex; justify-content: space-between; overflow-y: auto; gap: 20px; margin-bottom: 45px; scrollbar-width: thin; scrollbar-color: #AAA5BE #FFFFFF; } @media (max-width: 768px) { .cases-nav { margin-bottom: 20px; } } .cases-nav__item { white-space: nowrap; } .cases-nav a { color: #AAA5BE; text-decoration: none; min-width: 800px; } .cases-nav__item-current a { color: var(--dark-text-color); } :where(.blue-background) .cases-nav__item-current a { color: var(--light-text-active-color); } .cases-nav a:hover { color: var(--light-text-hover-color); } .cases-main { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 32px } .cases-standalone { margin-bottom: 120px; } @media (max-width: 650px) { .cases-standalone { margin-bottom: 60px; } } .case-item { --main-case-item-background: linear-gradient(90deg, #0C9738 0%, #0B8B34 100%); background: var(--main-case-item-background); position: relative; overflow: hidden; color: var(--light-text-color); align-items: stretch; display: grid; grid-template-rows: 1fr min-content; height: 480px; } .case-item:hover img { transform: scale(1.03); } .a.case-item__h4::after { position: absolute; content: " "; display: block; top: 0; left: 0; z-index: 1; } .case-item img { max-width: 580px; } .case-item__tags { width: fit-content; position: relative; z-index: 1; cursor: pointer; } .case-item__h4 { color: var(--light-text-color); text-decoration: none; margin-bottom: 20px; } .case-item__wide { grid-column: 1 / span 2; display: flex; justify-content: space-between; flex-direction: row; height: 320px; } .case-item__content { box-sizing: border-box; padding: 30px 30px 40px; position: relative; z-index: 1; } .case-item__picture { display: block; margin-left: 222px; margin-top: -100px; width: 100%; pointer-events: none; position: absolute; bottom: 0; } .case-item__picture img { transition: transform 2s ease; height: auto; margin-left: auto; } .case-item__wide .case-item__picture { width: 43%; margin: 0; min-width: 509px; right: auto; margin: 0; position: static; align-self: flex-end; } .case-item__mobile-picture { display: none; } .case-item__wide .case-item__content { width: 44%; } .case-item__tags { display: flex; gap: 5px; margin: 20px 0 30px; } .case-item__tags a { border: 1px solid var(--light-text-color); color: var(--light-text-color); padding: 10px; text-decoration: none; transition: color 0.15s ease, background 0.15s ease; position: relative; } .case-item__tags a:hover { color: var(--dark-text-color); background-color: var(--light-text-color); } .case-item__link { font-size: 18px; text-decoration: none; color: inherit; pointer-events: none; } .link-medium { font-weight: 600; text-decoration: none; color: inherit; } .link { transition: color 0.3s ease; } .link svg, .case-item__link svg { margin-left: 10px; } .case-item__dark-text , .cases-services__slide.case-item__dark-text, .case-item__dark-text { color: var(--dark-text-color); } .case-item__dark-text .tag-item, .case-item__dark-text .case-item__tags a { border: 1px solid var(--dark-text-color); color: var(--dark-text-color); } .case-item__dark-text .tag-item:hover, .case-item__dark-text .case-item__tags a:hover { color: var(--light-text-color); background-color: var(--dark-text-color); } .case-item__dark-text .other-cases__header, .case-item__dark-text .case-item__h4 { color: var(--dark-text-color); } .case-item__dark-text .case-item__link path { stroke: var(--dark-text-color); } .link svg { stroke: var(--blue-color-1); } .link path { stroke: inherit; transition: stroke 0.3s ease; } .link:hover { color: var(--light-text-hover-color); } .link:hover path { stroke: var(--light-text-hover-color); } .case-item__link path { stroke: var(--light-text-color); } @media (max-width: 650px) { .link { font-size: 14px; } .link svg { width: 13px; height: 13px; } } .link-underline { text-decoration: underline; transition: color 0.3s ease; } .case-item__h4::after { position: absolute; width: 100%; height: 100%; display: block; content: " "; top: 0; left: 0; } .cases__button { margin-top: 30px; } .button__transparent { background-color: transparent; border: 1px solid var(--light-text-color); transition: color 0.15s ease, background 0.15s ease; } .button__transparent:hover { background-color: var(--light-text-color); color: var(--dark-text-color); } .button__transparent:hover path { stroke: var(--dark-text-color); } .button__transparent-dark { background-color: transparent; border: 1px solid var(--dark-text-color); transition: color 0.15s ease, background 0.15s ease; color: var(--dark-text-color); } .button__transparent-dark.active, .button__transparent-dark:hover { color: var(--light-text-color); } .button__transparent-dark.active { background-color: var(--blue-color-1); } .button__white { background-color: var(--light-text-color); color: var(--dark-text-color); } .button__white:hover { color: var(--light-text-color); } .button__white path { stroke: var(--dark-text-color); transition: stroke 0.3s ease; } .button__white:hover path { stroke: var(--light-text-color); } .button__grey { display: inline-block; padding-top: 20px; color: var(--notice-text-color); } .button__grey:hover { color: var(--dark-text-color); text-decoration: underline; } .button__wide { width: 100%; text-align: center; } .image__notice { display: block; margin: 20px auto; color: var(--green-color); text-align: center; font-size: 12px; } /* teasers */ .teasers { padding-top: 100px; padding-bottom: 80px; } .main-teasers-slider { padding: 20px; margin: -20px; box-sizing: border-box; margin-top: 10px; overflow: visible; } .main-teasers-slider__item { box-shadow: 0px 2px 30px 0px #2131491A; padding: 30px 30px 38px; height: 100%; box-sizing: border-box; } .main-teasers-slider__slide { height: auto; } .main-teasers-slider__item .h4 { margin-bottom: 20px; } .main-teasers-slider__item img { display: block; max-width: 100%; margin-bottom: 45px; max-height: 145px; } .header-block { display: flex; justify-content: space-between; } .slider-navigation-block, .summary-slider__navigation, .main-teasers__navigation { display: flex; gap: 10px; } .main-teasers__navigation-mobile { display: none; } .slider-button { position: relative; margin-top: 0; width: 58px; height: 58px; border: 1px solid var(--blue-color-1); transition: border 0.15s ease-in, background-color 0.15s ease-in; } .slider-button:hover { background-color: var(--hover-fill-color); border-color: var(--hover-fill-color); } .slider-button::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15L1 15M1 15L15 0.999999M1 15L15 29' stroke='%23130F33' stroke-linecap='square'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15L1 15M1 15L15 0.999999M1 15L15 29' stroke='%23130F33' stroke-linecap='square'/%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; width: 100%; height: 100%; mask-repeat: no-repeat; background-color: var(--blue-color-1); content: " "; transition: mask-image 0.15s ease-in; display: block; } .slider-button__next::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 15L29 15M29 15L15 0.999999M29 15L15 29' stroke='%23130F33' stroke-linecap='square'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 15L29 15M29 15L15 0.999999M29 15L15 29' stroke='%23130F33' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .slider-button:hover::after { background-color: var(--light-text-color); } .main-teasers-slider__button-prev, .main-teasers-slider__button-next { position: static; } .slider-button__white { border-color: white; background-color: transparent; position: relative; } .slider-button__white::after { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15L1 15M1 15L15 0.999999M1 15L15 29' stroke='%23ffffff' stroke-linecap='square'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; mask: none; background-color: transparent; } .slider-button__white:hover::after { background-color: transparent; } .slider-button__white.slider-button__next::after { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 15L29 15M29 15L15 0.999999M29 15L15 29' stroke='%23ffffff' stroke-linecap='square'/%3E%3C/svg%3E%0A"); } .slider-button__white:hover { background-color: var(--blue-color-2); } /* principles */ .principles { /* display: none; */ padding: 95px 0 0; position: relative; } .revolut-like { --number-of-items: 6; position: relative; /* height: calc(100vh * var(--number-of-items)); */ height: 100vh; } .revolut-like__item { height: 100vh; top: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; } .revolut-like__item picture { position: relative; } .revolut-like__item:nth-child(1) { position: relative; } .revolut-like__item-hidden { --mask-svg-size: 15%; --top-position: 95%; --mask-position: center var(--top-position); mask-image: url("data:image/svg+xml,%3Csvg width='282' height='362' viewBox='0 0 282 362' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='280' height='360' fill='white'/%3E%3Crect x='1' y='1' width='280' height='360' stroke='%23AAC8C8'/%3E%3C/svg%3E%0A"); mask-repeat: no-repeat; mask-position: var(--mask-position); mask-size: var(--mask-svg-size); opacity: 1; pointer-events: none; } .revolut-like__item-hidden::after { position: absolute; content: " "; display: block; width: 100%; height: 100%; left: 0; top: 0; background-image: url("data:image/svg+xml,%3Csvg width='282' height='362' viewBox='0 0 282 362' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='280' height='360' stroke='%23AAC8C8'/%3E%3Cpath d='M76 11H11V76M206 11H271V76M11 286V351H76M271 286V351H206' stroke='%23AAC8C8'/%3E%3Ccircle cx='38' cy='41' r='7' fill='%23AAC8C8'/%3E%3Cpath d='M56.162 46V36.102H59.97C60.502 36.102 60.9873 36.158 61.426 36.27C61.8647 36.3727 62.2473 36.5453 62.574 36.788C62.9007 37.0213 63.1527 37.3387 63.33 37.74C63.5073 38.1413 63.596 38.636 63.596 39.224C63.596 39.756 63.5027 40.2133 63.316 40.596C63.1293 40.9787 62.8727 41.296 62.546 41.548C62.2193 41.8 61.8507 41.9913 61.44 42.122L63.554 46H61.916L59.956 42.36H57.646V46H56.162ZM57.646 41.03H59.662C59.998 41.03 60.3107 41.0067 60.6 40.96C60.8987 40.904 61.16 40.8107 61.384 40.68C61.608 40.54 61.7807 40.3533 61.902 40.12C62.0327 39.8773 62.098 39.5693 62.098 39.196C62.1073 38.7667 62.0233 38.426 61.846 38.174C61.678 37.9127 61.426 37.7307 61.09 37.628C60.754 37.516 60.348 37.46 59.872 37.46H57.646V41.03ZM69.1396 46.112C68.4956 46.112 67.8889 46.0187 67.3196 45.832C66.7502 45.6453 66.2696 45.342 65.8776 44.922C65.4856 44.502 65.2242 43.9467 65.0936 43.256H66.6196C66.7409 43.648 66.9369 43.956 67.2076 44.18C67.4782 44.3947 67.7909 44.544 68.1456 44.628C68.5096 44.712 68.8736 44.754 69.2376 44.754C69.5829 44.754 69.9049 44.7073 70.2036 44.614C70.5116 44.5207 70.7636 44.3667 70.9596 44.152C71.1556 43.9373 71.2536 43.6573 71.2536 43.312C71.2536 43.0507 71.2022 42.836 71.0996 42.668C70.9969 42.5 70.8522 42.3647 70.6656 42.262C70.4882 42.15 70.2736 42.0613 70.0216 41.996C69.7322 41.9027 69.4196 41.8233 69.0836 41.758C68.7569 41.6927 68.4302 41.618 68.1036 41.534C67.7862 41.45 67.4876 41.3427 67.2076 41.212C66.9742 41.1187 66.7456 41.0067 66.5216 40.876C66.3069 40.736 66.1202 40.5727 65.9616 40.386C65.8029 40.19 65.6722 39.9613 65.5696 39.7C65.4762 39.4387 65.4296 39.14 65.4296 38.804C65.4296 38.356 65.4996 37.9733 65.6396 37.656C65.7889 37.3387 65.9802 37.0727 66.2136 36.858C66.4562 36.6433 66.7316 36.4753 67.0396 36.354C67.3569 36.2233 67.6882 36.13 68.0336 36.074C68.3789 36.018 68.7149 35.99 69.0416 35.99C69.6389 35.99 70.1896 36.0833 70.6936 36.27C71.1976 36.4567 71.6129 36.7553 71.9396 37.166C72.2756 37.5673 72.4576 38.0993 72.4856 38.762H71.0436C71.0062 38.4073 70.8849 38.1273 70.6796 37.922C70.4836 37.7073 70.2362 37.558 69.9376 37.474C69.6389 37.3807 69.3216 37.334 68.9856 37.334C68.7429 37.334 68.5002 37.3573 68.2576 37.404C68.0149 37.4413 67.7909 37.516 67.5856 37.628C67.3896 37.7307 67.2309 37.8707 67.1096 38.048C66.9976 38.2253 66.9416 38.4447 66.9416 38.706C66.9416 38.93 66.9882 39.1307 67.0816 39.308C67.1749 39.476 67.3056 39.6207 67.4736 39.742C67.6509 39.854 67.8469 39.952 68.0616 40.036C68.4536 40.1853 68.8829 40.302 69.3496 40.386C69.8162 40.4607 70.2549 40.568 70.6656 40.708C70.9642 40.8013 71.2442 40.918 71.5056 41.058C71.7669 41.1887 71.9909 41.352 72.1776 41.548C72.3642 41.7347 72.5089 41.9587 72.6116 42.22C72.7142 42.472 72.7656 42.766 72.7656 43.102C72.7656 43.6527 72.6676 44.124 72.4716 44.516C72.2756 44.8987 72.0096 45.2067 71.6736 45.44C71.3376 45.6733 70.9502 45.846 70.5116 45.958C70.0729 46.0607 69.6156 46.112 69.1396 46.112ZM74.6874 46V36.102H78.2574C78.9947 36.102 79.6294 36.2187 80.1614 36.452C80.7027 36.6853 81.1181 37.0493 81.4074 37.544C81.6967 38.0293 81.8414 38.6593 81.8414 39.434C81.8414 40.1807 81.6734 40.806 81.3374 41.31C81.0107 41.814 80.5627 42.1967 79.9934 42.458C79.4241 42.71 78.7754 42.836 78.0474 42.836H76.1714V46H74.6874ZM76.1714 41.492H77.9914C78.7007 41.492 79.2701 41.3287 79.6994 41.002C80.1287 40.666 80.3434 40.1293 80.3434 39.392C80.3434 38.748 80.1661 38.2673 79.8114 37.95C79.4567 37.6233 78.9201 37.46 78.2014 37.46H76.1714V41.492ZM83.6151 46V36.102H85.0991V40.512H86.5271L89.5511 36.102H91.2451L87.8151 40.974L91.2591 46H89.5231L86.6391 41.87H85.0991V46H83.6151ZM94.8626 46V37.46H91.7266V36.102H99.4686V37.46H96.3466V46H94.8626Z' fill='%23AAC8C8'/%3E%3C/svg%3E%0A"); background-position: var(--mask-position); background-repeat: no-repeat; background-size: var(--mask-svg-size); z-index: 1; } .h2.revolut-like__header-hidden { /* position: absolute; */ font-size: 20px; /* top: calc(80%); */ /* left: calc(50% - 140px); */ z-index: 1; /* width: 280px; */ } /*TODO: Поправить стрелку*/ .revolut-like__arrow { display: none; width: 28px; height: 28px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1V29M15 29L29 15M15 29L1 15' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; content: " "; margin: 20px auto 0; position: absolute; left: calc(50% - 14px); } .flip-complete .revolut-like__arrow { display: none; } .revolut-like__background { position: absolute; width: 100%; height: 100%; z-index: 1; } .revolut-like__background::after { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ' '; } .revolut-like__background img { width: 100%; height: 100%; object-fit: cover; } .revolut-like__content { padding-top: calc(var(--header-height) + 50px); height: 100%; position: relative; z-index: 2; color: var(--light-text-color); padding-left: 20px; padding-right: 20px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); display: flex; flex-direction: column; box-sizing: border-box; } .revolut-like__content p:not(.h2), .revolut-like__content button, .revolut-like__content a { margin-bottom: 20px; } .revolut-like__content button { margin-left: auto; margin-right: auto; } .revolut-like__item-hidden .revolut-like__content { box-sizing: border-box; /* position: absolute; */ margin: 0 auto; /* max-width: 282px; max-height: 362px; top: calc(var(--top-position) - 5%); padding: 0; */ } .revolut-like__header { position: relative; } .revolut-like__divider-top { margin-bottom: 30px; } .revolut-like__divider-bottom { margin-top: auto; margin-bottom: 5%; } /* qualification */ .qualification { padding-top: 80px; padding-bottom: 120px; } .tabs-main { margin-top: 30px; } .tabs__slider a { text-decoration: none; color: inherit; } .tabs__link { margin: 30px 0 30px; display: flex; gap: 40px; overflow-y: auto; } .tabs__link-multiline { gap: 5px 40px; flex-wrap: wrap; } .tabs__link-item { outline: none; background: none; border: none; cursor: pointer; color: #324473; transition: 0.15s color ease; font-size: 18px; } .tabs__link-item:hover { color: var(--hover-fill-color); } .tabs__link-item.is-active { color: inherit; } .tabs__slider-column-fix.swiper-grid-column > .swiper-wrapper { display: grid; grid-template-rows: min-content min-content; grid-auto-flow: column; } .icon-block { /* --icon-content-padding: 20px; --icon-background: #130F33; --icon-content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='70' viewBox='0 0 48 70' fill='none'%3E%3Cpath d='M17.066 46.6346L17.3374 46.2309L16.9414 45.9484C12.3705 42.6887 8.85396 39.5079 6.47688 35.8324C4.10713 32.1682 2.85172 27.9838 2.85172 22.6834C2.85172 16.0528 5.14176 10.5282 9.58091 6.65444C14.0281 2.77369 20.6897 0.5 29.5199 0.5H46.7491V69.5H35.5983V9.46662V8.96662H35.0983H29.6635C24.5967 8.96662 20.6622 10.2502 17.9868 12.543C15.3022 14.8437 13.9418 18.1126 13.9418 21.9544C13.9418 26.2755 14.8671 29.4784 16.7751 32.2474C18.6704 34.9978 21.5097 37.2806 25.2522 39.8106L25.253 39.8112L30.9754 43.6638L13.6668 69.5H1.6888L17.066 46.6346Z' stroke='white'/%3E%3C/svg%3E"); --icon-color: #ffffff; --icon-font-size: 48px; */ } .price-item, .review-item, .rating-item, .certificate-item { --icon-width: 120px; box-sizing: border-box; /*По другому никак */ height: auto !important; --icon-content: ""; } .icon-block__simple-icon { flex-shrink: 0; width: 120px; display: flex; justify-content: center; align-items: center; background-color: var(--blue-color-1, #130F33); padding: var(--icon-content-padding); margin: calc(var(--icon-content-padding) * -1) } .icon-block__simple-icon svg, .icon-block__simple-icon img { max-width: 100%; height: auto; } .rating-item .icon-block__simple-icon { background-color: #162668; } .rating-item::before, .certificate-item::before { padding-bottom: 0; } .tabs__content-header { margin-bottom: 10px; } /* .review-item */ .review-item { border: 1px solid var(--border-color); } .review-item__text { color: var(--notice-text-color); } .icon-block__link .review-item__text { color: inherit; } .review-item__head { display: flex; border-bottom: 1px solid var(--border-color); } .review-item__icon { display: flex; align-items: center; justify-content: center; padding: 5px; width: 26%; border-right: 1px solid var(--border-color); flex-shrink: 0; max-width: 120px; aspect-ratio: 1 / 1; } .review-item__icon img, .review-item__icon svg { width: 100%; height: auto; display: block; } .review-item__title { padding: 20px 30px; } .review-item__post { color: var(--notice-text-color); } .review-item__content { padding: 20px; } .review-item__content p { margin-bottom: 22px; } .review-item__more { margin-top: 22px; font-weight: 500; font-size: 18px; } .review-item__more svg { margin-left: 4px; } .review-item__modal .review-item__more { display: none; pointer-events: none; } .review-item__modal .truncate-text { overflow: visible; display: block; } .tabs__slider-navigation { display: flex; justify-content: space-between; } .tabs__slider-navigation .slider-button { margin-top: 32px; } .tabs-slider__button-prev, .tabs-slider__button-next { position: relative; left: auto; right: auto; margin: 0; } .icon-block__link:hover, .icon-block__link:hover { background-color: var(--icon-block-hover, #D6DAE4); transition: color 0.15s ease, background-color 0.15s ease; } /* footer */ .footer__top { padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; } .footer__logo { padding-top: 15px; } .footer__main { padding: 40px var(--container-padding) 40px; display: grid; grid-template-columns: 2fr 2fr 3fr; gap: 30px; } .footer__nav a { color: var(--light-text-color); text-decoration: none; transition: color 0.15s ease; } .footer__nav a:hover { color: var(--light-text-hover-color); } .footer__nav-item { font-weight: 500; } .footer__contacts-list a { font-weight: 600; } .footer__nav li { margin-bottom: 14px; } .footer__nav-secondary li { margin-bottom: 18px; } .footer__nav-secondary { font-size: 14px; } .footer__nav-main { font-weight: 500; } .footer__contacts-name { color: #ADB2BD; } .footer__subscribe-header { font-weight: 500; } .footer__contacts-list { margin-bottom: 30px; } textarea, input:not([type=checkbox], [type=radio]) { resize: none; padding: 18px 20px; font-size: inherit; background: transparent; border: 1px solid var(--border-color); font-family: inherit; box-sizing: border-box; min-height: 60px; } textarea:focus, input:focus { outline: none; } .footer__subscribe-form { margin-top: 20px; display: flex; align-items: flex-start; gap: 10px; } .input__light { color: #ADB2BD; } .input__is-error input { border-color: #D92D20; } .form__error-field, .input__error-field { display: none; } .is-error .form__error-field, .input__is-error .input__error-field { color: var(--light-text-color); background-color: var(--error-text-color, #D92D20); width: fit-content; font-size: 12px; padding: 4px 10px; display: block; } .is-error .form__input::placeholder, .is-error .form__input { border-color: var(--error-text-color); color: var(--error-text-color); } .footer__bottom { padding: 25px var(--container-padding) 25px; display: flex; justify-content: space-between; } .footer__bottom-text { font-size: 14px; color: var(--light-text-color); } a.footer__bottom-text:hover { color: var(--light-text-hover-color); } .socials-block { display: flex; gap: 14px; } .socials__item { border: 1px solid var(--light-text-color); width: 30px; height: 30px; padding: 2px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; transition: background-color 0.15s ease, color 0.15s ease; } .socials__item-dark { border: 1px solid var(--dark-text-color); } .socials__item:hover { background-color: var(--hover-fill-color); } .socials__item-dark:hover { background-color: var(--light-text-hover-color); } .socials__item img { max-width: 100%; } .modal-wrapper { position: fixed; display: flex; justify-content: center; align-items: center; overflow: auto; top: 0; left: 0; width: 100%; height: 0; z-index: var(--modal-z-index, 555); transition: height 0s ease-out 1s; } .modal-wrapper.active { height: 100%; transition: height 0s ease-in 0s; } .dropdown-background, .modal-background { position: fixed; z-index: var(--modal-z-index, 555); top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(19, 15, 51, 0.5); } .header__burger .dropdown-background, .modal-wrapper .modal-background { visibility: hidden; opacity: 0; transition: all .6s ease-in-out; } .menu-opened .header__burger .dropdown-background, .modal-wrapper.active .modal-background { visibility: visible; opacity: 1; } .modal-panel { background-color: white; position: relative; z-index: 999; opacity: 0; transform: scale(.8); transition: all .3s ease-in-out; width: auto; } @media (max-width: 622px) { .modal-panel { width: 100%; } } .modal-panel.active { opacity: 1; transform: none; } .modal__close { position: absolute; background-color: transparent; border: none; left: 100%; bottom: 100%; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 2L2 23M2 2L23 23' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; display: block; cursor: pointer; width: 40px; height: 40px; } .modal__close:hover { filter: brightness(70%); } .modal__default { width: 100%; padding: 20px; box-sizing: border-box; overflow-y: auto; max-width: 592px; max-height: 80vh; } .icon-modal { background-color: var(--blue-color-1); display: flex; align-items: center; justify-content: center; color: var(--light-text-color); font-size: 48px; } .modal__header { margin-bottom: 20px; } .modal__header-wrapper { margin-bottom: 20px; } .form__textarea, .form__input { padding: 18px 20px; color: var(--form-input-color, #324473); font-size: inherit; border: 1px solid var(--blue-color-1, #130F33); box-sizing: border-box; width: 100%; } .form__textarea::placeholder, .form__input::placeholder { color: var(--form-input-color, #324473); } .form-columns { display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; } .form-columns .form__input-wraper { width: calc(50% - 10px); } .form__input-wraper { margin-bottom: 10px; } .form__textarea { resize: none; border-radius: 0; border: 1px solid var(--blue-color-1); width: 100%; height: 140px; } .form__footer { display: flex; align-items: flex-start; } .form__submit { padding: 15px 20px; flex-shrink: 0; } .form__footer-notice, .form__required-notice { font-size: 14px; line-height: 20px; } .form__footer-notice { margin-left: 20px; } .form__required-notice { margin-top: 20px; } .main-nav__bottom-callback, .main-nav__bottom-phone { display: none; } .socials-block { --socials-color: #213149; } .main-nav__socials .socials__item { border: 1px solid var(--socials-color); } .main-nav__socials .socials__item:hover { background-color: #162668; border-color: #162668; } .main-nav__socials .socials__item:hover path { fill: white; } .main-nav__socials path { fill: var(--socials-color); } .footer__socials path { fill: white; } .footer__socials .socials__item:hover { background-color: #ffffff; } .footer__socials .socials__item:hover path { fill: var(--socials-color); } @media (max-width: 1280px) { .header__partners { display: none; } } @media (max-width: 1080px) { .header { --header-logo-width: 275px; } .header__hide-tablet { display: none; } .header__burger { margin-left: auto; border-left: 1px solid var(--border-color); } .header__logo { order: 1; } .header__nav { order: 2; border-right: 0; } .header__geo { border-left: 1px solid var(--border-color); order: 3; min-width: 107px; margin-left: auto; } .header__burger { order: 4; margin-right: calc(var(--container-padding) * -1); margin-left: 0; border-right: none; border-left: none; min-width: 70px; } .main-nav__container { grid-template-columns: calc(var(--header-logo-width) + var(--container-padding)) calc(100% - var(--header-logo-width) - var(--header-burger-width)); } .hero__teaser-item { padding-right: 20px; margin-right: 20px; } .hero___main-h1 { width: 100%; } .funnel-block, .funnel-links { width: calc(50% - 15px); } .revolut-like__item-hidden { --mask-svg-size: 30%; } .main-nav__inner-block ul { columns: 1; } .main-nav__socials { order: 1; } .main-nav__bottom { flex-wrap: wrap; } .main-nav__bottom-text { order: 2; width: 100%; text-align: center; margin-top: 5px; display: none; } .main-nav__inner-block { overflow: auto; } .main-nav__inner-block ul { width: 100%; } .main-nav__inner-header { margin-bottom: 30px; } .hero__teasers { width: 100%; } } @media (max-width: 800px) { .header__nav { display: none; } } @media (max-width: 768px) { .funnel-links { width: 100%; } .funnel-block { display: none; } .funnel-links__item { display: flex; flex-wrap: wrap; --icon-font-size: 24px; --icon-content-padding: 14px; padding: 0; margin-bottom: 14px; } .funnel-links__item::before { width: 70px; margin: 0; border-bottom: 1px solid var(--border-color); } .funnel-links__item-header-block { padding: 11px 14px 11px; display: block; border-bottom: 1px solid var(--border-color); box-sizing: border-box; width: calc(100% - 70px); } .funnel-link__container { padding: 14px; } .case-item__picture { margin: 10px 0 0; } .case-item__picture-w-mobile .case-item__desktop-picture { display: none; } .case-item__picture-w-mobile .case-item__mobile-picture { display: block; } .case-item__link { display: none; } .case-item__wide .case-item__picture { align-self: center; } .tabs__content-item { grid-template-columns: 1fr; } .footer__main { grid-template-columns: 1fr 1fr; flex-wrap: wrap; } } @media (max-width: 768px) { /* cases */ .cases-block { padding-top: 40px; padding-bottom: 40px; } .cases-main { display: block; } .case-item { margin-bottom: 14px; } .case-item img { max-width: none; } .case-item__wide { display: grid; height: 480px; } .case-item .case-item__picture, .case-item .case-item__content { width: 100%; } .case-item__content { padding: 30px 14px 0; } .case-item .case-item__picture { padding-left: 14px; min-width: auto; right: auto; margin-top: 0; } .case-item__tags { margin-bottom: 0; } .cases__button { width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; text-align: center; } } @media (max-width: 900px) { .h1 { font-size: 40px; line-height: 1.2; } .h2 { font-size: 30px; line-height: 1.25; } .h2-5 { font-size: 25px; line-height: 1.25; } .h3 { font-size: 22px; line-height: 1.25; } .h4 { font-size: 20px; line-height: 1.34; } } @media (max-width: 1080px), (max-width: 1440px) and (orientation: landscape) and (hover: none) and (pointer: coarse) { .h1, .h2, .h3, .h4 { letter-spacing: normal; } body, html { font-size: 14px; line-height: 1.42; } .header { --header-logo-width: 155px; } .header-m-normal, .header-m-big { margin-bottom: 30px; } .h1 { font-size: 30px; } .h2-5, .h2 { font-size: 24px; line-height: 32px; } .h3, .h4 { font-size: 20px; line-height: 28px; } .button { padding-top: 16px; padding-bottom: 16px; } .hero__main { padding-top: 153px; padding-bottom: 37px; } .header__nav { display: none; } .header__logo { border-right: none; } .hero__teasers { display: block; width: 100%; } .hero__teaser-item { padding: 14px 0 0; border: none; border-top: 1px solid var(--border-color); margin-top: 14px; } .hero__teaser-item:nth-child(1) { border-top: none; margin-top: 0; } .hero__teaser-item-mobile { display: none; } .hero___main-h1 { margin-bottom: 25px; } .hero__marquue { padding: 30px 0; } .hero__marquue img { max-height: 30px; width: auto; } .hero__partners { display: flex; align-items: center; margin-bottom: 22px; } .main-expertise { padding-top: 37px; padding-bottom: 40px; } .funnel { padding-top: 40px; padding-bottom: 40px; } .funnel-links__link-additional { display: block; } .funnel-links__link-more { display: none; } /*callback */ .callback { display: block; padding-top: 30px; padding-bottom: 30px; } .callback__text { margin-bottom: 20px; text-align: center; } .callback__text, .callback__button-block { width: 100%; } .button__callback { padding: 16px 20px; width: 100%; max-width: 375px; } /* Teasers */ .teasers { padding-top: 40px; padding-bottom: 60px; } .main-teasers__navigation { margin-top: 10px; } .main-teasers__navigation-desktop { display: none; } .main-teasers-slider { padding-top: 30px; margin-top: -30px; margin-top: 0; } .main-teasers__navigation-mobile { display: flex; margin-top: 30px; } .main-teasers-slider__button-prev-mobile, .main-teasers-slider__button-next-mobile { position: static; } .main-teasers-slider__item { padding: 30px 14px 35px; } .main-teasers-slider__item img { margin-bottom: 30px; } /* principles */ .principles { padding-top: 0; } /*revolut-like*/ .revolut-like { height: auto; } .revolut-like .swiper-wrapper { display: block; } .revolut-like__button { display: none; } .mobile-button__wide { width: 100%; max-width: 375px; text-align: center; margin-left: auto; margin-right: auto; } .revolut-like__item { position: relative; opacity: 1; mask: none; min-height: 444px; height: auto; } .revolut-like__header { margin-bottom: 20px; } .revolut-like__content p:not(.h2), .revolut-like__content button, .revolut-like__content a { display: block; } .revolut-like__item .divider { display: none; } .revolut-like__item::after { content: none; } .revolut-like__content { padding: 30px var(--container-padding); text-align: left; } /* qualification */ .qualification { padding-top: 60px; padding-bottom: 60px; } .tabs__slider-navigation { justify-content: flex-start; } .tabs__slider-navigation .slider-button { margin-top: 20px; margin-bottom: 0; } .tabs-slider__button-prev { margin-right: 10px; } .tabs-main { margin-top: 0; } .tabs__link { margin: 20px 0 30px; gap: 20px; } .tabs__link-item { font-size: 14px; } .icon-block__simple-content { padding: 10px 14px; } .icon-block__simple-icon { width: 70px; } .icon-block__simple-icon svg, .icon-block__simple-icon img { width: 70%; } .icon-block__simple-icon-small img { width: 40%; } .tabs__content-header { font-size: 18px; margin-bottom: 5px; } .review-item__title { padding: 10px 14px; } .review-item__icon { width: 20%; } .footer__top { flex-direction: column; align-items: center; } .footer__logo { margin-bottom: 20px; padding-top: 0; } .footer__main { display: block; padding-top: 30px; padding-bottom: 30px; } .footer__contacts, .footer__nav-main { font-size: 16px; } .footer__nav { text-align: center; margin-bottom: 30px; } .footer__nav:last-child { margin: 0; } .footer__nav li { margin-bottom: 14px; } .footer__subscribe-form { margin-top: 14px; display: block; } .footer__subscribe-form .input__wrapper { margin-bottom: 10px; } .footer__subscribe-form .button, .footer__subscribe-form .input__light { width: 100%; } .footer__subscribe-form .input__light { text-align: center; } .footer__bottom { display: block; text-align: center; } .footer__bottom-text { margin-bottom: 14px; display: block; } .footer__socials { width: min-content; margin: 0 auto; } /* mobile menu */ .main-nav { font-size: 16px; width: 100%; height: calc(100vh - var(--header-height)); overflow: auto; } .main-nav__container { display: block; padding: 0; overflow: hidden; } .main-nav__menu { padding: 0; } .main-nav__menu>li { display: flex; align-items: center; } .main-nav__menu ul { position: relative; } .main-nav__menu li { margin-bottom: 0; border-bottom: 1px solid var(--divider-color); } .main-nav__menu-button, .main-nav__menu a { text-align: left; box-sizing: border-box; display: block; padding: 14px; width: 100%; background-color: #162668; } .main-nav__inner-header { font-size: 16px; font-weight: 400; padding: 14px; margin: 0; background-color: #162668; color: var(--light-text-color); } .main-nav__inner-block { position: absolute; left: 100%; top: 0; padding: 0; z-index: 2; transition: all 0.3s ease; transform: translate(0%, 0); height: 100%; width: 100%; } .main-nav__inner-block ul { padding: 0; columns: unset; width: 100%; } .main-nav__inner-block li { margin: 0; padding: 0; color: #213149; } .main-nav__inner-block a { display: flex; width: 100%; padding: 14px; border-bottom: 1px solid var(--divider-color); background-color: white; } .menu-arrow { display: block; width: 14px; height: 14px; padding: 14px; } .main-nav__bottom { width: 100%; max-width: none; flex-direction: column; background-color: var(--blue-color-1); } .main-nav__bottom-text { display: none; } .main-nav__inner-block-back { background-color: var(--blue-color-1); width: 100%; display: block; padding: 14px; border: none; color: var(--light-text-color); text-align: left; display: flex; align-items: center; } .main-nav__inner-block-back svg { margin-right: 5px; } .main-nav__inner-block.is-active { transition: all 0.3s ease; transform: translate(-100%, 0); } .main-nav__bottom { color: var(--light-text-color); } .main-nav__bottom-callback, .main-nav__bottom-phone { display: block; } .main-nav__bottom-callback { margin-bottom: 20px; text-underline-offset: 2px; text-decoration: underline dashed; } .main-nav__menu-mobile a { color: var(--light-text-color); display: block; background-color: var(--blue-color-1); } .main-nav__socials { --socials-color: var(--light-text-color); } .modal-wrapper { padding-left: var(--container-padding); padding-right: var(--container-padding); width: 100%; box-sizing: border-box; } .modal__default { background-color: white; overflow: auto; width: calc(100% - 32px); margin: 0 auto; } .modal__close { left: auto; right: 8px; bottom: 100%; } .modal__form { background-color: transparent; padding-left: 0; padding-right: 0; } .modal__form .form__input { border-color: var(--accent-text-color); color: var(--accent-text-color); } .modal__form .form__input::placeholder { color: var(--accent-text-color); } .modal__form .form__submit { background-color: var(--light-text-color); color: var(--blue-color-1); width: 100%; margin-bottom: 20px; } .modal__form .form__submit svg { display: none; } .form__footer-notice { margin-left: 0; margin-top: 16px; } .form__footer { width: 100%; display: block; } .form-columns { display: block; } .form-columns .form__input-wraper { width: 100%; } } .section { padding-top: 60px; padding-bottom: 60px; } .section-padding-big { padding-top: 70px; padding-bottom: 40px; } .section-padding__top-big { padding-top: 80px; } .section-padding__top { padding-top: 40px; } .section-padding__bottom { padding-bottom: 40px; } .section-padding__bottom-big { padding-bottom: 80px; } .section-border { border-bottom: 1px solid var(--divider-color); } @media (max-width: 650px) { .section { padding-top: 30px; padding-bottom: 30px; } .section-padding-big { padding-top: 40px; padding-bottom: 30px; } .section-padding__top-big { padding-top: 40px; } .section-padding__bottom-big { padding-bottom: 40px; } } .breadcrumbs { display: flex; color: var(--green-color); flex-wrap: wrap; } .breadcrumbs__light { color: var(--light-text-color); } .breadcrumb__item { position: relative; font-size: 14px; line-height: 1.44; } .breadcrumb__item a { color: inherit; text-decoration: none; } .breadcrumb__item-current { color: #A5BEBE; font-weight: 500; } .breadcrumb__item-current-dark { color: var(--blue-color-1); } .breadcrumb__item::after { content: "-"; display: inline-block; padding-left: 5px; padding-right: 5px; } .breadcrumb__item-current::after { content: none; } .hero__service { padding-top: 172px; padding-bottom: 87px; min-height: 400px; } .hero-wrapper__service-wide .hero__service { max-width: 840px; } .hero-wrapper__service-wide .breadcrumbs { max-width: 535px; } .hero-wrapper__service-marquee { margin-bottom: -170px; } .marquee__service-wrapper { position: relative; } .hero-wrapper__service-marquee .hero__service { padding-top: 132px; padding-bottom: 227px; } .hero__text { margin-bottom: 40px; } .hero__text p { margin-bottom: 16px; } .hero__text p:last-child { margin-bottom: 0; } .hero___service-h1 { margin-bottom: 20px; } .hero__service-single { max-width: 535px; } .hero__service-single .hero__text { max-width: 488px; } .hero__text-wide { max-width: 830px; } @media (max-width: 650px) { .breadcrumbs { flex-wrap: wrap; } .hero-wrapper__service-marquee { margin-bottom: -90px; } .hero-wrapper__service-marquee .hero__service { padding-top: 60px; padding-bottom: 140px; } } @media (max-width: 650px) { .hero__service-single .hero__text, .hero__text { max-width: none; } .hero__service { padding-top: 120px; padding-bottom: 30px; min-height: auto; } .hero__text p { margin-bottom: 14px; } .hero___service-h1 { margin-bottom: 10px; } .hero__button { max-width: none; padding-left: 16px; padding-right: 16px; } } .hero__service-slider { display: flex; justify-content: space-between; } .hero__content-slider, .hero__content-main { width: calc(50% - 16px); } @media (max-width: 1080px) { .hero__service-slider { display: block; } .hero__content-slider, .hero__content-main { width: 100%; } .hero__content-main { margin-bottom: 20px; } } .hero__text-teasers { max-width: 730px; } .hero__text-teasers p:not(:last-child) { margin-bottom: 30px; } .hero-teasers { margin: 30px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; color: #A5BEBE; } .hero__teasers-one-column .hero-teasers { grid-template-columns: 1fr; } .hero-teasers__item { display: flex; align-items: center; } .hero-teasers__item::before { flex-shrink: 0; margin-right: 20px; content: " "; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_98_1434)'%3E%3Cpath d='M18.0018 35.5136C27.6742 35.5136 35.5153 27.6725 35.5153 18.0001C35.5153 8.32764 27.6742 0.486572 18.0018 0.486572C8.32935 0.486572 0.488281 8.32764 0.488281 18.0001C0.488281 27.6725 8.32935 35.5136 18.0018 35.5136Z' stroke='%23789A9A' stroke-miterlimit='10'/%3E%3Cpath d='M18.0312 9.36011V26.3969' stroke='%23789A9A' stroke-miterlimit='10'/%3E%3Cpath d='M26.5524 17.8735H9.51562' stroke='%23789A9A' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_98_1434'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } @media (max-width: 650px) { .hero-teasers { gap: 10px; grid-template-columns: 1fr; margin: 20px 0; } } .top-section { padding-top: 60px; } @media (max-width: 650px) { .top-section { padding-top: 30px; } } .map-wrapper { padding-top: 30px; padding-bottom: 41px; } .contacts-card__item { position: relative; z-index: 1; max-width: 428px; background-color: var(--light-text-color); } .map__callback { display: block; color: var(--light-text-color); border-color: var(--light-text-color); } .contacts-card__content { padding: 30px; } .contacts-card__text { margin-bottom: 20px; } .contacts-card__content:not(:last-child) { border-bottom: 1px solid var(--divider-color); } .map-wrapper { position: relative; } .map-container { position: absolute; width: 100%; height: 100%; top: 0; } .map-container iframe { width: 100%; height: 100%; } .map-wrapper { margin-top: 20px; } .map-item { z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .map-item iframe { width: 100%; height: 100%; pointer-events: none; } .map-item:not(.map-active) { z-index: 0; } .map-clickable iframe{ pointer-events: all; } @media (max-width: 1000px) { .map-container { width: 1110px; } .map-wrapper { overflow: hidden; } } @media (max-width: 800px) { .map-container { width: 100%; } .map-wrapper { overflow: hidden; } } @media (max-width: 650px) { .map-wrapper { display: flex; flex-direction: column-reverse; } .map-wrapper .container { padding: 0; } .map-wrapper .container, .contacts-card__item { max-width: none; width: 100%; } .map-wrapper { padding: 0; margin-top: 30px; } .map-container { width: 200%; position: relative; top: auto; left: -100%; height: 450px; } .contacts-tabs { display: flex; flex-direction: column; } .contacts-tabs > *:not(:last-child) { margin-bottom: 10px; } } .truncate-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .case-wrap { overflow: hidden; } .tag-item { padding: 5px 9px; border: 1px solid var(--tags-border-color); text-decoration: none; color: var(--tag-item-color, var(--gray-text-color-1)); } .tag-item__white { color: var(--blue-color-1); background-color: var(--light-text-color); } .tag-item__green { color: var(--light-text-color); background-color: var(--success-color, #039855); border-color: var(--success-color, #039855); } .tag-item:hover { border-color: var(--tags-hover-color); background-color: var(--tags-hover-color); color: var(--tags-hover-text-color); } .tag-filter { margin: 10px 0 10px; display: flex; flex-wrap: wrap; gap: 10px; width: fit-content; position: relative; z-index: 1; } .tag-filter:first-child { margin-top: 30px; } .tag-filter:last-child { margin-bottom: 30px; } .tag-filter__item { transition: 0.3s ease all; position: relative; display: flex; align-items: center; gap: 10px; } .filter__checkbox input.form-check-input:checked + .tagitem, .tag-filter__item-active { background-color: var(--tags-active-color); border-color: var(--tags-active-color); } .tag-filter__item.disabled { opacity: 0.4; } .filter__checkbox input.form-check-input:checked + .tagitem::before, .tag-filter__item-active::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3813 0.809082L0.999909 13.1905' stroke='%23213149' stroke-miterlimit='10'/%3E%3Cpath d='M13.3878 13.1905L1.00635 0.809082' stroke='%23213149' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); background-position: center; background-size: cover; width: 13px; height: 13px; } .tag-filter__item-all { background-color: var(--tags-border-color); color: var(--light-text-color, #ffffff); } /*event-page detail*/ .hero__background { background: var(--hero-background); } .tag-filter__white { --tags-border-color: var(--light-text-color); --tag-item-color: var(--light-text-color); --tags-hover-color: var(--light-text-color); --tags-hover-text-color: var(--blue-color-1); margin: 20px 0; } .tag-filter__big-padding .tag-item { padding-top: 10px; padding-bottom: 10px; } .event__hero-text { margin-bottom: 40px; } .event__hero-text p:not(:last-child) { margin-bottom: 20px; } .event__hero-buttons { display: flex; gap: 20px; } .hero__event { padding-top: calc(var(--header-height) + 100px); padding-bottom: 103px; width: 53%; min-width: 500px; } .hero__content-image { position: absolute; left: calc(50% + 150px); bottom: -1px; width: 100%; /* max-width: 1200px; */ } .hero__content-image img { display: block; width: 100%; } @media (max-width: 650px) { .hero__case .tag-filter { margin: 10px 0; } .hero__case .breadcrumbs__light { display: none; } .hero__case .case__hero-text { font-size: 14px; } .case__hero-text p:not(:last-child) { margin-bottom: 10px; } .hero__case { padding-bottom: 128px; } .hero__content-image { position: static; width: calc(100% + 2 * var(--container-padding)); } .hero__event { padding-top: calc(var(--header-height) + 40px); padding-bottom: 20px; } .event__hero-text { margin-bottom: 0; } } /* policy */ .policy__bordered-row { border-top: 1px solid var(--divider-color); border-bottom: 1px solid var(--divider-color); padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; margin-top: 30px; } .policy__text-block { margin-top: 30px; margin-bottom: 120px; } .policy__text-block p { margin-bottom: 16px; } .policy__text-block .h3 { margin: 30px 0; } .policy__text-block .h4 { margin-bottom: 16px; } .policy__bordered-row p { margin: 0; } @media (max-width: 650px) { .top-section__policy { padding-top: 30px; } .policy__text-block .h3 { margin-bottom: 10px; } .policy__text-block .h4 { font-size: 16px; } } .hero__form { display: flex; gap: 30px; } .form__hero { background-color: #ffffff; color: var(--blue-color-1); } @media (max-width: 800px) { .hero__form .form__footer-notice { margin: 10px 0 0; } .hero__form .form__submit { width: 100%; } } @media (min-width: 651px) and (max-width: 800px) { .hero__form .h1 { font-size: 48px; } .hero__form .form__footer { flex-direction: column-reverse; } } @media (max-width: 650px) { .hero__form { flex-direction: column; } .hero__form-block { padding-bottom: 0; } .hero__form-block { padding-top: 0; } .hero__form .hero__text { margin-bottom: 0; } .form__hero { margin: 0; width: 100%; max-height: none; } .hero__form .form__submit { width: 100%; } .hero__form-block { padding-bottom: 60px; } } .modal__subscribe { display: flex; padding: 0; max-width: 792px; } .modal__subscribe-image { width: 262px; flex-shrink: 0; } .modal__subscribe-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .modal__subscribe-text { padding: 30px 30px 40px; } .modal__subscribe-header { margin-bottom: 10px; } .modal__subscribe-form { display: flex; gap: 10px; margin-top: 20px; align-items: flex-start; } .input__is-error { position: relative; } .input__error-field-absolute { position: absolute; top: 100%; } @media(max-width: 800px) { .modal__subscribe { flex-direction: column-reverse; max-width: 375px; margin: 0; padding: 16px; width: 100%; } .modal__subscribe-image { width: 100%; } .modal__subscribe-text { padding: 0; margin-bottom: 30px; } .modal__subscribe-form { display: block; } .modal__subscribe-form button, .modal__subscribe-form input { width: 100%; box-sizing: border-box; text-align: center; } .modal__subscribe-form .input__wrapper { margin-bottom: 10px; } } .spl-pane iframe { width: 80%; height: 80%; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ol { counter-reset: numbered-list; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ol, :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ul { margin-bottom: 20px; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ul, .blog-detail__toc-list { list-style: none; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ol li, :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ul li, .blog-detail__toc-list li { --blog-list-padding: 21px; margin-bottom: 10px; position: relative; padding-left: 26px; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ul li:last-child, .blog-detail__toc-list li:last-child { margin-bottom: 0; } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ol li::before, :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ul li::before, .blog-detail__toc-list li::before { position: absolute; display: block; content: "\2022"; top: 0; left: calc(var(--blog-list-padding) / 2); } :where(.sales-funnel__content, .blog-detail__content, .list-wrapper) ol li::before { counter-increment: numbered-list; content: counter(numbered-list) "."; left: calc(var(--blog-list-padding) / 3); } .table-wrapper { overflow-x: auto; } .table-wrapper { margin-bottom: 20px; } .table-wrapper td { padding: 10px; border: 1px solid #D5D1D1; } .table-wrapper tr:first-child td { font-weight: 600; font-size: 18px; background-color: var(--blue-color-1); color: var(--light-text-color); } .table-wrapper td:first-child { color: var(--light-text-color); background-color: #98AFAC; } .form__footer-legal { display: flex; align-items: flex-start; gap: 6px; font-size: 13px; color: var(--blue-color-1); } .form__footer-legal a { text-decoration: underline; } .cookies-notice__modal { position: fixed; right: 0; bottom: 0; background-color: #ffffff; padding: 32px 40px; color: var(--blue-color-1); font-size: 14px; max-width: 478px; z-index: var(--cookies-modal-z-index, 10); } .cookies-notice__text { margin-bottom: 24px; } .button__cookies { min-height: 44px; padding: 8px 32px; } .default-list { list-style: initial; margin-left: 18px; } .default-list__numbered { list-style: decimal; } .default-list li { margin-bottom: 10px; } .default-list__small-margin li { margin-bottom: 3px; } .default-list__numbered-inside { list-style-position: inside; } /*Убрать когда англ версию добавим */ @media (max-width: 650px) { .header__burger { margin-left: auto; border-left: 1px solid var(--border-color); } } .play-button { position: relative; height: 100%; } .play-button::after { position: absolute; width: clamp(20px, 20%, 60px); aspect-ratio: 1 / 1; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 227 227'%3E%3Ccircle cx='113.5' cy='113.5' r='113.5' fill='%23a5bebe' fill-opacity='.3'/%3E%3Ccircle cx='113.5' cy='113.5' r='113' stroke='%23fff' stroke-opacity='.3'/%3E%3Cpath fill='%23a5bebe' stroke='%23a5bebe' d='M79 174.622V53.378L184.001 114z'/%3E%3C/svg%3E"); content: ""; top: 50%; left: 50%; cursor: pointer; transform: translate(-50%, -50%); transition: transform 0.3s ease; } .play-button__non-interactable::after { pointer-events: none; } .play-button:hover::after { transform: translate(-50%, -50%) scale(1.1); } .play-button.playing::after { display: none; } #spotlight { background-color: rgba(19, 15, 51, 0.5); } .spl-header div { opacity: 1; } .spl-header { transform: none; } @media (min-width: 1081px) { .hero__tall .hero__service { min-height: 500px; } } .spotlight { cursor: pointer; } .hero__no-bg-img .hero__video-wrapper { display: none; } .hero__no-bg-img .hero__content { color: var(--blue-color-1); } .hero__check-sheet { display: flex; flex-direction: column; margin: 30px 0 60px; gap: 10px; } .hero__check-sheet-point { display: flex; gap: 20px; } .hero__check-sheet-point input { width: 25px; height: 25px; margin: 20px 1px; accent-color: var(--blue-color-1); cursor: pointer; flex-shrink: 0; } .hero__check-sheet-point label { margin: auto 0; cursor: pointer; } .hero__no-bg-img .image-text__bottom-text-wrapper { display: none; } .hero__check-result { margin: 30px 0 53px; display: flex; flex-direction: column; gap: 20px; } .hero__check-result-point { display: flex; border: 1px solid var(--border-color); } .hero__check-result-num { width: 78px; flex-shrink: 0; margin: auto 0; text-align: center; } .hero__check-result-point p { border-left: 1px solid var(--border-color); padding: 18px 40px 18px 20px; } .hero__no-bg-img .hero__vacancy-props { margin-right: 105px; } @media (max-width: 1080px) { .hero__no-bg-img .hero__vacancy-props br { display: none; } } @media (max-width: 650px) { .hero__no-bg-img .hero__vacancy-props { margin-right: unset; } } .check-sheet__slider .image-text__slider-button-next span { padding: 16px 0 16px 15px; color: var(--blue-color-1); } .check-sheet__slider .image-text__slider-button-next:hover span { color: var(--light-text-color); } .arrow__down { transform: rotate(180deg); } .arrow__none { display: none; } .check-more-results { scroll-margin-top: var(--header-height); } .overflown-slider__container { overflow: hidden; } .menu-tags { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 40px; } .menu-tags__item { background-color: #F2F2F2; padding: 22px 0 22px 20px; display: flex; align-items: center; font-size: 24px; line-height: 32px; gap: 5px; max-width: 280px; transition: 0.3s ease all; } .main-nav__inner-block .menu-tags__item:hover { color: var(--light-text-color); background-color: var(--blue-color-2); } .menu-tags__item img { width: 80px; } @media (max-width: 650px) { .menu-tags { margin-top: 20px; } .main-nav__inner-block .menu-tags { padding-left: 14px; } .menu-tags li { border: none; } .main-nav__inner-block .menu-tags__item { background-color: #F2F2F2; border: none; } } @media (min-width: 651px) { .header-w-slider-buttons { width: calc(100% - 150px); } } .case-item__summary { display: block; background-color: #D6DAE4; } .case-item__summary .case-item__h4::after { content: none; } .case-item__summary .case-item__content { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .case-item__summary .swiper-slide { height: auto; } .summary__slider, .summary-slider__wrapper { width: 100%; height: 100%; } .summary-slider__wrapper { height: calc(100% - 90px); } .summary-slider__sidebar { max-height: 90px; padding: 0 30px 30px; position: absolute; bottom: 0; width: 100%; display: flex; gap: 20px; box-sizing: border-box; align-items: center; justify-content: space-between; } .summary-slider__navigation { display: flex; gap: 10px; } .summary-slider__logo { max-height: 60px; height: 100%; width: auto; align-self: center; display: flex; } .summary-slider__logo img { max-width: 230px; } @media (min-width: 651px) { .case-item__wide .summary__slider, .case-item__wide .summary-slider__wrapper { width: 100%; height: 100%; } .case-item__wide .summary-slider__sidebar { padding: 30px; } .case-item__wide.case-item__summary { height: 320px; min-height: auto; } .case-item__wide .summary-slider__wrapper { display: flex; } .case-item__wide .summary-slider__sidebar { max-height: none; position: static; display: flex; flex-direction: column; width: auto; } .case-item__wide .summary-slider__logo { margin-top: auto; width: 100%; height: auto; max-width: 130px; max-height: none; } } .summary__measure-node { position: absolute; visibility: hidden; top: 0; left: 0; z-index: -1000; pointer-events: none; height: auto; } @media (max-width: 650px) { .summary__header { margin-bottom: 10px; } .summary-slider__sidebar { padding: 30px 14px 30px; max-height: 120px; } .summary-slider__wrapper { height: calc(100% - 120px); } } .case-item__summary:nth-child(2n-1) { background-color: #F2F2F2; } .no-padding-top.section, .no-padding-top .section { padding-top: 0; } .no-padding-bottom.section, .no-padding-bottom .section { padding-bottom: 0; } .btn-to-top__container { mix-blend-mode: exclusion; position: fixed; bottom: 50px; right: 37px; z-index: 9; display: flex; flex-direction: column; gap: 10px; align-items: center; opacity: 0; visibility: hidden; transition: all 0.2s linear; } .btn-to-top__icon { width: 20px; height: 23px; transition: all 0.2s linear; } .btn-to-top__txt { color: #ADB2BD; font-size: 16px; line-height: 1.3; transition: all 0.2s linear; } .btn-to-top__container:hover { gap: 15px; } .btn-to-top__container:hover .btn-to-top__icon path { stroke: #162668; } .btn-to-top__container:hover .btn-to-top__txt { color: #162668; } .btn-to-top__show { opacity: 1; visibility: visible; } .cases-custom__breadcrumb { margin: 0 auto 0 112px; position: absolute; top: 100px; left: 0; z-index: 9; width: 700px; max-width: calc(100vw - 30px); } .cases-custom__breadcrumb .breadcrumbs { flex-wrap: nowrap; } .cases-custom__breadcrumb .breadcrumb__item { flex-shrink: 0; color: #ADB2BD; } .cases-custom__breadcrumb .breadcrumb__item-current { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; min-width: 0; } @media screen and (max-width: 1024px) { .cases-custom__breadcrumb { margin: 0; padding: 0 30px; box-sizing: border-box; } } @media screen and (max-width: 768px) { .cases-custom__breadcrumb .breadcrumbs { flex-wrap: wrap; } } @media (max-width: 500px) { .cases-custom__breadcrumb { position: unset; padding: 15px; } .cases-custom__breadcrumb .breadcrumb__item { color: #130F33; } } .clips-slider-wrapper { position: relative; } .clips-slider { overflow: visible; } .clip-slide { aspect-ratio: 128 / 227; position: relative; cursor: pointer; background-color: var(--blue-color-1); overflow: hidden; } .video-block { position: relative; cursor: pointer; overflow: hidden; } .swiper:not(.swiper-initialized) .clip-slide { width: 25%; } @media (max-width: 1080px) { .swiper:not(.swiper-initialized) .clip-slide { width: 33%; } } @media (max-width: 650px) { .swiper:not(.swiper-initialized) .clip-slide { width: 80%; } } .video-block img, .clip-slide img { width: 100%; height: auto; } .video-block::after, .clip-slide::after { content: " "; position: absolute; left: 0; top: 0; background-color: #00000080; background-image: url("data:image/svg+xml,%3Csvg width='145' height='145' viewBox='0 0 145 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='72.5' cy='72.5' r='71' stroke='white' stroke-width='3'/%3E%3Cpath d='M50 107.642L50 38.3584L110.001 73L50 107.642Z' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: 145px 145px; transition: all .3s ease; pointer-events: none; width: 100%; height: 100%; } .video-block:hover::after, .clip-slide:hover::after { background-image: url("data:image/svg+xml,%3Csvg width='145' height='145' viewBox='0 0 145 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='72.5' cy='72.5' r='71' stroke='white' stroke-width='3'/%3E%3Cpath d='M50 107.642L50 38.3584L110.001 73L50 107.642Z' fill='white' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A"); } .video-block__active::after, .clip-slide__active::after { content: none; } .video-block video, .clip-slide iframe { width: 100%; height: 100%; } .slider-navigation-block__header-top { position: absolute; top: -121px; right: 0; } @media (max-width: 1080px) { .clip-slide::after { background-size: 100px 100px; } .slider-navigation-block__header-top { top: -110px; } } @media (max-width: 650px) { .clip-slide::after { background-size: 60px 60px; } .slider-navigation-block__header-top { top: -90px; } } .case-diplomas__wrapper { overflow: hidden; width: 100vw; height: 50vh; margin-bottom: -50vh; position: relative; z-index: 7; } .case-diplomas { padding: 5px 0; position: absolute; top: 0; right: 0; width: 375px; overflow: hidden; transform: translate(25%, 100%) rotate(45deg); } .case-diplomas-2 { background-color: #BCBABA; border: 1px solid #AEAEAE; } .case-diplomas-2 .case-diplomas__inner { border-width: 1px 0px 1px 0px; border-style: solid; border-color:#AEAEAE; } .case-diplomas-3 { background-color: #AC997E; border: 1px solid #A28F74; } .case-diplomas-3 .case-diplomas__inner { border-width: 1px 0px 1px 0px; border-style: solid; border-color:#A28F74; } .case-diplomas__inner { padding: 5px 15px; cursor: pointer; } .case-diplomas__text { font-weight: 600; font-size: 20px; line-height: 1.3; color: rgba(255, 255, 255, 0.85); } .case-diplomas__marquee-container { overflow: hidden; white-space: nowrap; width: 100%; } .case-diplomas__marquee-content { display: flex; gap: 30px; width: max-content; animation: case-diplomas-marquee calc(15s * var(--count-diplomas)) linear infinite; } .case-diplomas__marquee-content span { flex-shrink: 0; } @keyframes case-diplomas-marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(-50% - 15px), 0); } } .case-diplomas__button { width: 100%; } @media (max-width: 500px) { .case-diplomas { position: relative; width: 100%; transform: none; } .case-diplomas__text { font-size: 14px; } } .modal__diploma { width: 100%; padding: 0; } .case-diplomas__slider { overflow: hidden; } .case-diplomas__button-prev, .case-diplomas__button-next { border: 2px solid #FFFFFF; position: absolute; top: 50%; left: -78px; transform: translateY(-50%); } .case-diplomas__button-next { left: unset; right: -78px; } @media (max-width: 768px) { .case-diplomas__button-prev, .case-diplomas__button-next { top: 100%; left: 20px; transform: translateY(50%); } .case-diplomas__button-next { left: unset; right: 20px; } } .case-diplomas__button-prev::after, .case-diplomas__button-next::after { background-color: #FFFFFF; } .case-diplomas__image { display: block; margin: 0 auto; height: 323px; } .case-diplomas__item { display: flex; flex-direction: column; border-top: none; border-right: none; border-bottom: none; } .case-diplomas__item .review-item__head { flex-grow: 1; } .relevant-block { margin-top: 30px; } @media (min-width: 1081px) { .relevant-block .card-item__wide { height: 188px; } } .relevant-block .card-item__content { padding: 20px 30px; max-height: 188px; } .relevant-block .h4 { line-height: 32px; } .relevant-block .card-item__header { overflow: hidden; text-overflow: ellipsis; flex-grow: 0; flex-shrink: 1; } .relevant-block .card-item__wide .card-item__image-wrapper { width: 192px; } .relevant-block img { margin: 0; } @media screen and (max-width: 650px) { .relevant-block .card-item__wide .card-item__image-wrapper { width: 100%; } .relevant-block .card-item__content { padding: 30px 14px; } } @media (max-width: 650px) { .context-medical .text-tabs .image-text__button-block { margin-top: 40px; } .context-medical .image-text__slide video, .context-medical .image-text__slide img { width: 100%; height: 216px; } } .summary-list .case-item { height: 500px; } .summary-list .case-item__wide { height: 340px; } .summary-list .summary-slider__logo img { width: 130px; } .summary-list__link { color: rgba(19, 15, 51, 0.5); } .landing-modal-button { position: fixed; top: 110px; right: 35px; z-index: 2; } .landing-modal__eye { border: 0; width: 45px; background-color: transparent; cursor: pointer; } .landing-modal__svg-path { transition: fill 0.3s ease; } .landing-modal-button:hover .landing-modal__svg-path { fill: var(--blue-color-3, #324473); } .modal-horizontal { max-width: 870px; width: 100%; } .modal__default--no-padding { padding: 0; } .modal__default--no-margin { margin: 0; } .modal-horizontal__w-image { display: flex; } .modal-horizontal__image { width: 262px; flex-shrink: 0; } .modal-horizontal__image img { width: 100%; height: 100%; object-fit: cover; } .modal-horizontal__content { padding: 30px; } .modal-horizontal__buttons-block { display: flex; gap: 10px; } .modal-horizontal__header { margin-bottom: 10px; } .modal-horizontal__text-content { margin-bottom: 20px; } .button__small-padding { padding: 16px 10px; } .modal-horizontal__button { flex-grow: 1; text-align: center; } @media (max-width: 900px) { .modal-horizontal__buttons-block { flex-direction: column; } } @media (max-width: 650px) { .modal-horizontal__button { font-size: 16px; } } @media (max-width: 600px) { .modal-horizontal__w-image { flex-direction: column; } .modal-horizontal__image { width: 100%; height: 100px; } } /* End */ /* Start:/local/templates/.default/assets/css/service-pages.css?179155412349656*/ /* DELETE THIS RULE AND ELEMENT AFTER ALL IS READY */ .zapolnyator { height: 200px; } /* DELETE THIS RULE AND ELEMENT AFTER ALL IS READY */ /* table-columns */ .table-col { display: grid; grid-auto-flow: row dense; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 0 32px; } .table-col__content { padding: 20px 30px; color: var(--notice-text-color, #7d7882); border-bottom: 1px solid #AAA5BE; background-color: #ffffff; box-shadow: 0px 2px 30px 0px #2131491A; } .table-col__left { grid-column: 1 / 2; } .table-col__right { grid-column: 2 / 3; } .table-col__content-full { /* -1 не работает, и мне лень считать, поэтому пусть будет 20*/ grid-row: 2 / 20; border-bottom: 0; } .table-col__content-double { padding: 0; } .table-col__content-double-wrapper { display: grid; align-items: center; flex-direction: column; height: 100%; } .table-col__content-double p { margin-bottom: 0; padding-left: 30px; padding-right: 30px; position: relative; border-bottom: 1px solid #AAA5BE; height: 100%; display: flex; align-items: center; } .table-col__content-double p:last-child { border-bottom: none; } .table-col__header { grid-row: 1 / 2; font-size: 36px; padding: 30px; color: var(--light-text-color, #ffffff); background-color: var(--blue-color-1); box-shadow: 0px 2px 30px 0px #2131491A; position: relative; } .table-col__header p { position: relative; z-index: 1; } .background-star { position: relative; } .background-star::after, .table-col__header::after { mask-image: url("data:image/svg+xml,%3Csvg width='96' height='101' viewBox='0 0 96 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_97_148)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M81.897 7.7948C88.0759 13.2937 92.9017 20.1456 95.9982 27.8165C91.4216 50.7471 83.7984 72.9622 73.3316 93.8706C66.4969 97.8887 58.8493 100.325 50.9502 101C54.2409 95.142 57.5198 88.773 60.6441 81.8575C68.1892 65.2717 73.986 47.9448 77.9409 30.1574C79.6991 22.2556 80.9822 14.7103 81.897 7.7948ZM53.6351 53.6963C51.1166 61.1822 48.3605 68.2047 45.4975 74.7756L45.2836 74.8826L20.2769 88.0482C19.9103 88.2369 19.5009 88.3271 19.0889 88.3096C18.6596 88.2697 18.2492 88.1137 17.9018 87.8583C17.5544 87.6029 17.2831 87.2578 17.1168 86.8599C16.9547 86.461 16.9094 86.0242 16.9862 85.6004L21.7381 57.7245C21.7937 57.3506 21.7652 56.969 21.6548 56.6075C21.5372 56.2532 21.3378 55.9316 21.0727 55.6688L0.877205 35.9441C0.567873 35.6421 0.349802 35.2592 0.24769 34.839C0.140314 34.4124 0.153401 33.9644 0.285539 33.5448C0.417678 33.1253 0.663543 32.7506 0.995973 32.4626C1.33712 32.1857 1.74834 32.0088 2.18395 31.9516L30.1607 27.876C30.5325 27.8319 30.8855 27.6882 31.1824 27.4601C31.4873 27.2402 31.7356 26.9511 31.907 26.6165L44.4164 1.2595C44.6061 0.871923 44.8976 0.543322 45.2598 0.308929C45.6204 0.0956661 46.0291 -0.0229215 46.4478 -0.0357056C46.8663 -0.0219051 47.2748 0.0966109 47.6358 0.308929C47.998 0.543322 48.2897 0.871923 48.4793 1.2595L61.0004 26.6402C61.0449 26.7412 61.1007 26.8369 61.1668 26.9254C59.1611 35.9657 56.6667 44.8906 53.6945 53.6606' fill='%23162668'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_97_148'%3E%3Crect width='96' height='101' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); mask-position: right; mask-size: auto 100%; mask-repeat: no-repeat; background-color: #162668; content: " "; width: 100%; height: 100%; position: absolute; right: 0; top: 0; pointer-events: none; } .table-col__header-light { background-color: var(--blue-color-2); } .table-col__header-light::after { background-color: #324473; } .table-col__last { border-bottom: 0; } .table-col__content-header { color: var(--blue-color-1, #130f33); margin-bottom: 10px; } .table-col__content-last { border-bottom: none; } @media (max-width: 1080px) { .table-col__content { font-size: 14px; } .table-col__content-header { font-size: 20px; } .table-col__header { font-size: 24px; padding: 20px 14px; } .table-col__content-double { padding: 0; } .table-col__content-double p { padding: 5px 14px; } } @media (max-width: 650px) { .table-col { display: flex; flex-direction: column; gap: 0; } .table-col__content { padding: 14px; } .table-col__content-double { padding: 0; } .table-col__content-double p { height: auto; padding: 14px; } .table-col__left { order: 1; } .table-col__right { order: 2; } .table-col__header { padding: 20px 14px; } .table-col__header { margin-top: 20px; } } /* image-block*/ .image-text__block { width: calc(50% - 25px); } .image-text__image-block-33 { width: calc(33% + 25px); } .image-text { display: flex; justify-content: space-between; gap: 50px; } .image-text__header { margin-bottom: 20px; } .image-text__text-block p { margin-bottom: 16px; } .image-text__text-block p:last-of-type { margin-bottom: 40px; } .image-text__slide video, .image-text__slide img { max-width: 100%; display: block; height: auto; } .image-text__slider-button { position: static; } .image-text__text-block-content { text-wrap: balance; } .image-text__slider-button { margin-right: 10px; } .image-text__slider-button:last-child { margin-right: 0; } .image-text__bottom { display: flex; margin-top: 20px; gap: 20px; } .slider-text, .image-text__bottom-text { grid-row: 1 / 2; grid-column: 1 / 2; display: none; transition: opacity .3s ease, display .3s ease allow-discrete; opacity: 0; } .slider-text__active, .image-text__bottom-text-active { display: block; opacity: 1; } @starting-style { .slider-text__active, .image-text__bottom-text-active { opacity: 0; } } .image-text__text-block-wrapper, .image-text__bottom-text-wrapper { display: grid; } .image-text__text-block-wrapper { margin-bottom: 40px; } .cards-slider__navigation, .image-text__navigation { display: flex; flex-shrink: 0; } .cards-slider__navigation { margin-top: 40px; gap: 5px; } .cards-slider__navigation { justify-content: space-between; } @media (min-width: 651px) { .cards-slider__block { position: relative; } .cards-slider__navigation { position: absolute; top: -161px; right: 0; } } .image-text__button { margin-bottom: 20px; text-align: center; } .image-text__button:last-child { margin-bottom: 0; } .image-text__button-block { display: flex; flex-direction: column; width: fit-content; gap: 20px; margin-top: 40px; } .image-text__image-right { flex-direction: row-reverse; } .image-text__image-center { align-items: center; } .image-text__image-left { flex-direction: row; } @media (max-width: 1080px) { .image-text__bottom { flex-direction: column-reverse; } } @media (max-width: 650px) { .image-text { flex-direction: column; } .image-text__block { width: 100%; } .image-text__text-block { order: 0; margin-bottom: 40px; } .image-text__image-block { order: 1; } .image-text__button { padding-left: 10px; padding-right: 10px; } } /* image-block end*/ /* gantt chart */ .gantt-slider { margin: 0 12px; } .gantt-slider__button { position: static; flex-shrink: 0; } .gantt-slider__wrapper { display: flex; } .slider__hide-disabled-buttons .swiper-button-lock { opacity: 0; } .gantt-slider__button { display: block; height: auto; } .gantt-slider__button::after { display: block; } .gantt-slider__item { padding: 0 12px; border-right: 1px solid #A5A8BE80; box-sizing: border-box; } .gantt-slider__item:first-child { border-left: 1px solid #A5A8BE80; } .gantt-slider__item-text { background: #F4F4F6; padding: 20px; } .gantt-slider__item-header { background-color: var(--blue-color-1); text-align: center; padding: 10px; color: var(--light-text-color); } .gantt-slider__item-text, .gantt-slider__item-header { margin-bottom: 10px; } .gantt__button .hero__button { text-align: center; width: 100%; margin-top: 20px; } .gantt-slider__min-height-slide .gantt-slider__item { min-height: 400px; } @media (max-width: 1080px) { .gantt-slider__min-height-slide .gantt-slider__item { min-height: 200px; } } @media (max-width: 650px) { .gantt-slider__wrapper { padding-top: 80px; position: relative; } .gantt-slider__button { position: absolute; top: 0; height: 60px; left: 0; } .gantt-slider__button-next { left: 70px; } .gantt-slider { margin: 0; } .gantt-slider__item-text { padding: 14px; } .gantt-slider__min-height-slide .gantt-slider__item { min-height: auto; } } /* gantt chart end*/ /* table */ .service-table { display: flex; flex-direction: column; } .service-table__item { padding: 0; border-right: none; display: flex; } .service-table__item:first-child { border-left: none; } .service-table__item-text, .service-table__item-header { flex: 1; margin-bottom: 0; text-align: left; padding: 20px; } .service-table__item-text { border-bottom: 1px solid #A5A8BE80; } .service-table__item:nth-child(odd) .service-table__item-text { background: transparent; } .service-table__item-text:first-child { font-weight: 600; } .service-table__item-text:nth-child(even) { color: #7D7882; } @media (max-width: 768px) { .container:has(.service-table) { padding-right: 0; } .service-table { overflow: scroll; } .service-table__item { width: calc(100% - 15px); min-width: 650px; } .service-table__item-text, .service-table__item-header { padding: 10px; } } /* table end */ .cases-services__slide { display: flex; background: var(--case-item-background-color); color: var(--case-item-color, var(--light-text-color)); text-decoration: none; height: auto; } .cases-services__content { padding: 30px; display: flex; flex-direction: column; width: 53%; box-sizing: border-box; min-width: 530px; } .cases-services__image { margin-left: auto; } .cases-services__image img { display: block; height: 290px; } .cases-services__teasers { margin-top: auto; display: flex; justify-content: space-between; } .cases-services__teaser-header { font-weight: 400; font-size: 36px; letter-spacing: -0.02em; margin-bottom: 0; } .cases-services__button { position: static; } .cases-services__navigation { margin-top: 30px; display: flex; width: 100%; justify-content: space-between; } @media (max-width: 650px) { .cases-services__slide { flex-direction: column; } .cases-services__content { min-width: auto; width: 100%; padding: 20px 10px 0 14px; } .cases-services__header { margin-bottom: 30px; } .cases-services__image { margin-top: auto; } .cases-services__image img { width: 100%; height: auto; } .cases-services__teasers { display: grid; justify-content: flex-start; grid-template-columns: min-content min-content; gap: 30px; } .cases-services__teaser-header { font-size: 24px; line-height: 32px; } } /* service-card */ .service-card { display: grid; gap: 32px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } .service-card__row-3 { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } .service-card__row-2 { grid-template-columns: 1fr 1fr; } .service-card__item { box-shadow: 0px 2px 30px 0px #2131491A; } .service-card__header { padding: 30px; background-color: var(--blue-color-2); color: var(--light-text-color); min-height: 65px; } .service-card__header p { position: relative; z-index: 1; } .service-card__header::after { background-color: #324473; top: 10px; height: calc(100% - 20px); } .service-card__content { padding: 20px 30px 30px; max-width: 270px; min-height: 60px; } .service-card__notice { margin-top: 10px; color: var(--notice-text-color); } @media (max-width: 1080px) { .service-card { display: grid; gap: 32px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .service-card { display: block; } .service-card__header { min-height: auto; padding: 20px 14px; } .service-card__content { padding: 20px 14px; } .service-card__item { margin-bottom: 16px; } .service-card__item:last-child { margin-bottom: 0; } .service-card br { display: none; } } /* service-card end */ /* accordion */ .accordion-item { border-top: 1px solid #A5A8BE80; transition: background 0.3s ease; } .accordion-item__icon { transition: transform 0.3s ease ; flex-shrink: 0; } .active .accordion-item__icon { transform: rotate(45deg); transform-origin: 50%; } .active .accordion-item__icon path { stroke: var(--light-text-color); } .accordion-item.active { color: var(--light-text-color); background-color: var(--blue-color-2); } .accordion-item .container { display: grid; } .accordion-item__button { color: inherit; cursor: pointer; border: 0; outline: none; background-color: transparent; padding: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 40px; padding-bottom: 40px; text-align: left; } .accordion-item__text { width: 50%; padding-bottom: 40px; } .accordion-item__animation-wrapper { max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } .accordion-item.active .accordion-item__animation-wrapper { max-height: var(--accordion-item-max-height, 1000px); } @media (max-width: 650px) { .accordion-item__button { padding-top: 20px; padding-bottom: 20px; text-align: left; align-items: flex-start; } .accordion-item__text { width: 100%; } .accordion-item__icon { width: 30px; height: 30px; margin-left: 14px; } .accordion-item__text { padding-bottom: 20px; } } /* sales-funnel */ .sales-funnel { display: flex; justify-content: space-between; } .sales-funnel__content, .sales-funnel__funnel { width: calc(50% - 25px); box-sizing: border-box; } .sales-funnel__funnel { display: flex; flex-direction: column; align-items: center; } .sales-funnel__funnel-modal { width: 100%; } .funnel__item { margin: 0 auto 10px; cursor: pointer; padding: 19px 20px; text-align: center; border: 1px solid var(--blue-color-1); width: 100%; box-sizing: border-box; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; text-decoration: none; background-color: transparent; } .funnel__item.active, .funnel__item-active { background-color: var(--blue-color-1); color: var(--light-text-color); } .funnel_item-disabled { background-color: var(--disabled-background-color, #D6DAE4); color: var(--accent-text-color); border-color: var(--disabled-background-color, #D6DAE4); } .funnel_item-disabled { pointer-events: none; } .funnel__item:hover { background: var(--blue-color-2); color: var(--light-text-color); } .funnel_item-2 { width: calc(100% - 70px); } .funnel_item-3 { width: calc(100% - 140px); } .funnel_item-4 { width: calc(100% - 210px); } .funnel_item-5, .funnel_item-6 { width: calc(100% - 280px); } .sales-funnel__content { box-shadow: 0 2px 30px 0 #2131491A; padding: 30px; align-self: flex-start; } .sales-funnel__content.active { display: block; } .sales-funnel__content > p { margin-bottom: 20px; } .sale-funnel__item { margin-top: 20px; } .sales-funnel__funnel-modal { max-width: 574px; margin: 0 auto; } .modal__task { max-width: 739px; } .modal__task-header { margin-bottom: 30px; } @media (max-width: 1080px) { .funnel_item-2 { width: calc(100% - 40px); } .funnel_item-3 { width: calc(100% - 80px); } .funnel_item-4 { width: calc(100% - 120px); } .funnel_item-5, .funnel_item-6 { width: calc(100% - 160px); } .modal__task-header { text-align: center; } } @media (max-width: 800px) and (min-width: 651px) { .funnel_item-2 { width: calc(100% - 20px); } .funnel_item-3 { width: calc(100% - 40px); } .funnel_item-4 { width: calc(100% - 60px); } .funnel_item-5, .funnel_item-6 { width: calc(100% - 80px); } } @media (max-width: 650px) { .sales-funnel__funnel, .sales-funnel__content { width: 100%; } .sales-funnel__content { padding: 20px } .sales-funnel__content > p { margin-bottom: 10px; } .sales-funnel__container { padding: 0; } .funnel__item { padding: 16px; } .modal__task { width: 100%; } .sales-funnel__content, .sales-funnel__content.active { display: none; } .modal__default .sales-funnel__content { display: block!important; } } .file-list { display: flex; gap: 30px 50px; flex-wrap: wrap; } .file-list__header { margin-bottom: 30px; } .file-list__item { box-sizing: border-box; padding: 10px 20px; width: fit-content; min-height: 56px; display: flex; align-items: center; box-shadow: 0px 2px 30px 0px #2131491A; display: flex; margin-bottom: 20px; text-decoration: none; color: inherit; transition: background 0.3s ease; } .file-list__item:last-child { margin-bottom: 0; } .file-list__item:hover { background-color: var(--accent-text-color); } .file-list__item::before { content: " "; display: block; margin-right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='29' height='36' viewBox='0 0 29 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.178 9.02495V36H0V0H19.1741L28.178 9.02495Z' fill='%234285F4'/%3E%3Cpath d='M6.70312 15.8909H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M6.70312 21.7061H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M6.70312 27.5161H21.475' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M28.1797 9.02495H19.1758V0' fill='%231967D2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 28px; height: 36px; } .file-list__item-sheet::before { background-image: url("data:image/svg+xml,%3Csvg width='29' height='36' viewBox='0 0 29 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.178 9.02495V36H0V0H19.1741L28.178 9.02495Z' fill='%2331A853'/%3E%3Cpath d='M7.21312 20.5027V14.8249H12.8909V20.5027H7.21312Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M7.21312 28.577V22.8992H12.8909V28.577H7.21312Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M15.2873 20.5027V14.8249H20.9651V20.5027H15.2873Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M15.2873 28.577V22.8992H20.9651V28.577H15.2873Z' stroke='white' stroke-width='1.02' stroke-miterlimit='10'/%3E%3Cpath d='M28.1797 9.02495H19.1758V0' fill='%23188138'/%3E%3C/svg%3E%0A"); } .file-list__item-html::before { background-image: url("/local/templates/.default/assets/images/icon-html.png"); background-size: 32px 36px; } .files-section { padding-top: 40px; padding-bottom: 40px; } @media (max-width: 650px) { .file-list { flex-direction: column; gap: 14px; } .file-list__header { margin-bottom: 8px; } .file-list__item { width: 100%; padding: 14px; } .file-list__item::before { width: 20px; height: 26px; margin-right: 10px; } .files-section { padding-top: 20px; padding-bottom: 20px; } } .modal__task-menu { display: flex; justify-content: space-between; margin-bottom: 30px; } .modal__task-back-button { margin-right: 20px; background-color: transparent; flex-shrink: 0; cursor: pointer; } .modal__task-inner-header { background-color: var(--blue-color-1); width: 100%; height: auto; color: var(--light-text-color); display: flex; align-items: center; justify-content: center; } .modal__task-links-block { display: flex; flex-wrap: wrap; gap: 20px; } .modal__task-link { text-decoration: none; border: 1px solid var(--blue-color-1); color: var(--blue-color-1); padding: 19px 29px; transition: 0.3s ease color, 0.3s ease background; } .modal__task-link:hover { color: var(--light-text-color); background-color: var(--blue-color-1); } @media (max-width: 650px) { .modal__task-header { margin-bottom: 10px; } .modal__task-links-block { gap: 0; } .modal__task-link { width: 100%; margin-bottom: 10px; text-align: center; } .modal__task-menu { margin-bottom: 10px; } .modal__task-back-button { margin-right: 10px; } .funnel__item { min-width: fit-content; } } @media (max-width: 380px) { .modal__general .funnel__item { font-size: 14px; padding: 12px; } } .vertical-cards { display: flex; position: relative; justify-content: space-between; } .vertical-cards__main-header { width: calc(43% - 20px); position: sticky; top: calc(var(--header-height) + 20px); align-self: flex-start; } .vertical-cards__wrapper { width: 57%; counter-reset: vertical-card; } .vertical-card__item { counter-increment: vertical-card; display: flex; border: 1px solid #7D7882; margin-bottom: 24px; } .vertical-card__item:last-child { margin-bottom: 0; } .vertical-card__content { padding: 20px; } .vertical-card__item::before { content: counter(vertical-card, decimal-leading-zero); display: block; width: 78px; padding: 20px 8px; text-align: center; font-size: 30px; font-weight: 500; color: var(--blue-color-1); border-right: 1px solid #7D7882; flex-shrink: 0; box-sizing: border-box; transition: 0.3s ease all; } .vertical-card__item:hover::before { color: var(--light-text-color); background-color: var(--blue-color-1); } .vertical-card__header { margin-bottom: 8px; } .vertical-card__text { color: #7D7882; } @media (max-width: 650px) { .vertical-cards { display: block; } .vertical-cards__wrapper, .vertical-cards__main-header { width: 100%; } .vertical-cards__main-header { position: static; } .vertical-card__item::before { width: 60px; padding: 14px 4px; } .vertical-card__content { padding: 14px 14px 14px 20px; } .vertical-card__header { margin-bottom: 4px; line-height: 24px; } } @media (min-width: 651px) { .text-cards__wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } .text-cards__wrapper .vertical-card__item { margin-bottom: 0; } } .vertical-cards__grid { display: block; } .vertical-cards__grid .vertical-card__item::before { color: var(--light-text-color); background-color: var(--blue-color-1); } .vertical-cards__grid .vertical-cards__main-header { position: static; width: 100%; } .vertical-cards__grid .vertical-cards__wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; width: 100%; } .vertical-cards__grid .vertical-card__item { margin-bottom: 0; } @media (max-width: 650px) { .vertical-cards__grid .vertical-cards__wrapper { width: 100%; display: block; } .vertical-cards__grid .vertical-card__item:not(:last-child) { margin-bottom: 16px; } } .modal__funnel-item { padding: 0; margin: 0; width: 100%; } .modal__funnel-other { max-width: 780px; text-align: center; padding: 20px 30px; } .text-tabs { background-color: var(--blue-color-2); border: 1px solid var(--notice-text-color); } .text-tabs.blue-background { background-color: var(--blue-color-2); } .tabs__button-item { display: flex; align-items: center; flex-grow: 1; border-left: 1px solid var(--notice-text-color); border-bottom: 1px solid var(--notice-text-color); background-color: white; } .blue-background .tabs__button-item { background-color: var(--blue-color-1); } .tabs__button-item:first-child { border-left: none; } .tabs__buttons { display: flex; justify-content: space-between; } .tabs__button-item.active { background-color: var(--blue-color-2); } .tabs__button-item.active .tabs__button-item-name, .tabs__button-item.active { color: var(--light-text-color); } .tabs__button-item-image { width: 60px; height: 60px; flex-shrink: 0; border-right: 1px solid var(--notice-text-color); display: flex; align-items: center; justify-content: center; } .tabs__button-item-image img { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; opacity: 0.7; } .tabs__button-item-name { font-size: 18px; font-weight: 500; opacity: 0.7; color: var(--notice-text-color); } .tabs__buttons__text-ellipsis .tabs__buttons { width: 100%; } .tabs__buttons__text-ellipsis .tabs__button-item { flex: 1; min-width: 0; } .tabs__buttons__text-ellipsis .tabs__button-item-name { flex: 1; min-width: 0; overflow: hidden; } .tabs__buttons__text-ellipsis .tabs__button-item-name span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; box-sizing: border-box; } .blue-background .tabs__button-item-name { color: var(--light-text-color); } .tabs__button-item-name span { padding: 10px 10px 10px 20px; display: block; } .tabs__button-item-counter { font-size: 40px; line-height: 40px; } .tabs__button-item.active .tabs__button-item-image img, .tabs__button-item.active .tabs__button-item-name { opacity: 1; } .text-tabs__item { padding: 60px; } .text-tabs__content { color: var(--light-text-color); } .text-tabs .image-text__text-block { display: flex; flex-direction: column; flex-grow: 1; } .text-tabs .image-text__button-block { margin-top: auto; } @media (max-width: 900px) { .tabs__buttons { justify-content: flex-start; } .tabs__button-item { flex-grow: 0; } .tabs__button-item-name { display: none; overflow: hidden; font-size: 14px; text-align: left; } .tabs__button-item.active .tabs__button-item-name { width: 100%; display: block; } .tabs__buttons__text-ellipsis .tabs__button-item { flex: 1 0 60px; } .tabs__button-item.active { flex-grow: 100; } .text-tabs__item { padding: 20px 16px; } .text-tabs .image-text__text-block { order: 1; } } @media (max-width: 400px) { .tabs__buttons__text-ellipsis .tabs__button-item-image { flex: 1 0 45px; } } .scrollable-image { width: 100%; } @media (max-width: 700px) { .scrollable-image { min-width: 700px; padding-right: var(--container-padding); } .scroll-container { overflow-x: scroll; width: calc(100% + var(--container-padding)); margin-right: calc(-1 * var(--container-padding)); padding-bottom: 10px; } } .icon-rows { display: flex; flex-wrap: wrap; gap: 60px; align-items: center; justify-content: center; } @media (max-width: 650px) { .icon-rows { gap: 30px; padding-top: 30px; padding-bottom: 30px; } } .container__benefit-cards { --container-max-width: 980px; } .benefit-cards { overflow: hidden; } .benefit-cards__wrapper { display: flex; align-items: center; } .benefit-cards__item { display: flex; position: relative; aspect-ratio: 7 / 9; height: 100%; justify-content: flex-end; flex-direction: column; color: var(--light-text-color); text-align: center; font-size: 16px; font-weight: 500; } .benefit-cards__item-default-center { width: calc(44% - 40px / 3); } .benefit-cards__item img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; } .benefit-cards__content { position: relative; z-index: 1; padding: 35px; padding-bottom: 40px; } .benefit-cards__header { margin-bottom: 20px; font-weight: 600; font-size: 20px; } .benefit-cards__navigation { display: flex; gap: 10px; margin-top: 20px; } .benefit-cards__navigation .swiper-button-lock { display: none; } @media (min-width: 650px) { .benefit-cards__navigation .swiper-button-disabled { display: none; } } @media (max-width: 980px) { .benefit-cards__item { font-size: 14px; } .benefit-cards__header { font-size: 16px; margin-bottom: 10px; } .benefit-cards__content { padding: 15px; padding-bottom: 20px; } } @media (max-width: 750px) { .benefit-cards__item { font-size: 12px; } .benefit-cards__header { font-size: 14px; } } @media (max-width: 650px) { .benefit-cards__item { width: auto; } .benefit-cards__content { position: relative; z-index: 1; padding: 35px; padding-bottom: 40px; } .benefit-cards__item { font-size: 15px; } .benefit-cards__header { font-size: 18px; margin-bottom: 20px; } } .cards-slider { overflow: visible; } .industry-standalone__news-file .cases-nav { margin-bottom: 0; } .industry-standalone .not-available { padding-top: 30px; } .industry-section { display: flex; justify-content: space-between; position: relative; } .industry-section__name { position: sticky; top: calc(var(--header-height) + 20px); align-self: flex-start; width: 40%; } .industry-section__items { width: 48%; } .industry-section__header { margin-bottom: 40px; } .industry-section__items { display: flex; flex-direction: column; gap: 40px; } .industry-section__item { box-shadow: 0 2px 30px 0 #2131491A; padding: 30px; } .industry-section__item-preview, .industry-section__item-tags, .industry-section__item-header { margin-bottom: 20px; } .industry-section__item-header { display: block; } .industry-section__description { margin-bottom: 20px; } .industry-section__item-tags { display: flex; gap: 5px; flex-wrap: wrap; } .industry__files { margin-top: 20px; } .industry__files a { margin-bottom: 0; flex: 1; max-width: fit-content; } .industry__files-grid { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; } @media (max-width: 650px) { .industry-section { display: block; } .industry-section__items, .industry-section__name { position: static; width: 100%; } .industry-section__name { margin-bottom: 40px; } } .industry-linking__row { display: flex; gap: 10px; justify-content: space-between; } .industry-linking__row-item { padding: 22px 20px; background-color: var(--blue-color-2); color: var(--light-text-color); flex-grow: 1; text-align: center; } @media (max-width: 650px) { .industry-linking__row { gap: 5px; flex-wrap: wrap; } .industry-linking__row-item { padding: 12px 10px; } } .staff-rounded { display: flex; align-items: center; gap: 20px; } .staff-rounded img { border-radius: 50%; width: 68px; } .complex-slider__wrapper { display: flex; } .complex-slider__slide { padding-left: 32px; padding-right: 32px; box-sizing: border-box; width: calc(100% - 64px); } .complex-item__header { margin-bottom: 20px; } .image-text-slider__button { text-align: center; } @media (max-width: 800px) { .complex-slider__slide { flex-direction: column; } .complex-slider__slide .image-text__block { width: 100%; } } @media (max-width: 650px) { .complex-slider__navigation { display: flex; gap: 10px; margin: 20px 0; } .complex-slider__navigation:last-child { margin-bottom: 0; } .complex-slider__navigation:first-child { margin-top: 0; } .complex-slider__slide { width: 100%; padding: 0; } .complex-slider__wrapper { display: block; } .image-text-slider__button.tablet, .image-text-slider__button.desktop { display: none; } } .parallax__section { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(115.75deg, rgba(19, 15, 51, 0.7) 32.62%, rgba(19, 15, 51, 0.7) 82.54%); color: var(--light-text-color); text-align: center; position: relative; overflow: hidden; } .parallax__section::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(115.75deg, rgba(19, 15, 51, 0.7) 32.62%, rgba(19, 15, 51, 0.7) 82.54%); background-size: cover, cover; background-position: center, center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; z-index: 2; } .parallax__section::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='502' fill='none' viewBox='0 0 1440 502'%3E%3Cpath stroke='%23a5a8be' d='M0 396.536h1440M0 62.739h1440M216.5 0v502M1224.5 0v502'/%3E%3C/svg%3E"); background-size: contain; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; z-index: 3; } .parallax__image { z-index: 1; position: absolute; top: 0; width: 100%; height: auto; left: 0; } .parallax__content { padding-top: 100px; padding-bottom: 145px; position: relative; z-index: 4; } .parallax__content .button { background-color: var(--blue-color-2); border-color: var(--blue-color-2); } .parallax__text, .parallax__header { margin-bottom: 20px; } @media (max-width: 1080px) { .parallax__section::after { content: none; } .parallax__image { width: 200%; left: -50%; } } @media (max-width: 650px) { .parallax__image { width: auto; height: 200%; } .parallax__content { text-align: left; padding: 20px 0 170px; } } .industry-card { padding: 30px; box-shadow: 0 2px 30px 0 #2131491A; box-sizing: border-box; height: auto; display: flex; flex-direction: column; } .industry-card__highlight-blue { background-color: #E2E8F9; } .industry-card__description p, .industry-card__header, .industry-card__icon { margin-bottom: 20px; } .industry-card__link { margin-top: auto; } .vacancy-card__transparent .industry-card__icon { filter: brightness(0) invert(1); } @media (min-width: 651px) { .industries-container .swiper-wrapper { padding-top: 0; } } .industries-container { position: relative; } @media(max-width: 1216px) { .industries-container { overflow: hidden; } } .industries-swiper { padding: 20px; margin: -20px; overflow: visible; } .industries-container__navigation { display: flex; gap: 10px; } @media (min-width: 651px) { .industries-container__navigation { position: absolute; top: -81px; right: 0; } } @media (max-width: 650px) { .industries-container__navigation { margin-top: 20px; } } .seo-calculator { counter-reset: seo-calculator-inputs-header; } .seo-calculator__wrapper { display: flex; gap: 40px; position: relative; } .seo-calculator__inputs-block { width: 70%; box-sizing: border-box; } .seo-calculator__results-block { width: 30%; box-sizing: border-box; position: sticky; top: calc(20px + var(--header-height)); align-self: flex-start; } .seo-calculator__results { padding: 32px; } .seo-calculator__results-header { margin-bottom: 32px; font-size: 20px; } .seo-calculator__results-item-main, .seo-calculator__results-item { font-size: 12px; line-height: 1.5; margin-bottom: 24px; } .seo-calculator__results-item-main span, .seo-calculator__results-item span { font-size: 24px; margin-top: 4px; } .seo-calculator__results-item-main { border-top: 1px solid #FFFFFF33; padding-top: 16px; } .seo-calculator__results-item-main span { font-size: 30px; line-height: 1.25; } .seo-calculator__overlow { overflow-y: scroll; max-height: 285px; scrollbar-width: thin; scrollbar-color: var(--blue-color-1) white; overflow: auto; } .seo-calculator__overlow::-webkit-scrollbar { display: none; } .seo-calculator__fieldset { padding: 20px; border: 1px solid var(--border-color); margin-bottom: 30px; } .seo-calculator__fieldset:last-child { margin-bottom: 0; } .seo-calculator__inputs-header { padding-bottom: 8px; border-bottom: 1px solid #AAA5BE80; margin-bottom: 20px; } .seo-calculator__inputs-header legend { counter-increment: seo-calculator-inputs-header; font-weight: 500; font-size: 20px; } .seo-calculator__inputs-header legend::before { content: counter(seo-calculator-inputs-header) ". "; } .seo-calculator__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .seo-calculator__form-fields label, .seo-calculator__input-item label { font-size: 14px; font-weight: 500; } .seo-calculator__form-fields label { margin-bottom: 8px; } .seo-calculator__form-fields { gap: 24px; margin-bottom: 36px; display: flex; flex-direction: column; } .seo-calculator__input-item select, .seo-calculator__input-item input { font-family: inherit; margin-top: 8px; } .seo-calculator__input-item select:focus { outline: none; box-shadow: 0 0 10px 2px #151f2e1a; } .seo-calculator__input-item option { appearance: none; padding: 12px; font-family: inherit; } .seo-calculator__input-item option:hover { background-color: #D6DAE4; } .seo-calculator__slider { grid-column: 1 / -1; } .seo-calculator__slider input { min-height: auto; } .seo-calculator__slider input[type="range"], .seo-calculator__input-item select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; } .seo-calculator__input-item select { display: block; padding: 12px; width: 100%; } .seo-calculator__slider-header { display: flex; justify-content: space-between; } .seo-calculator__slider-header-w-popover { display: flex; gap: 10px; align-items: center; } .seo-calculator__slider input[type="range"] { padding: 0; width: 100%; border: 0; appearance: none; height: 4px; } .seo-calculator__slider input[type="range"]::-webkit-slider-runnable-track { box-sizing: border-box; height: 4px; background-color: var(--blue-color-2); } .seo-calculator__slider input[type="range"]::-moz-range-track { box-sizing: border-box; height: 4px; background-color: var(--blue-color-2); } .seo-calculator__slider input[type="range"]::-webkit-slider-thumb { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; border: 1px solid var(--blue-color-2); background: white; transition: 300ms; border-radius: 0; margin-top: -4px; } .seo-calculator__slider input[type="range"]::-moz-range-thumb { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 12px; height: 12px; border: 1px solid var(--blue-color-2); background: white; transition: 300ms; border-radius: 0; } .seo-calculator__slider input[type="range"]:focus-visible { outline-offset: 10px; outline: 1px solid var(--blue-color-1); } .seo-calculator__slider input[type="range"]:hover::-webkit-slider-thumb, .seo-calculator__slider input[type="range"]:focus-visible::-webkit-slider-thumb { transform: scale(1.1); background-color: var(--blue-color-2); } .seo-calculator__slider input[type="range"]:hover::-moz-range-thumb, .seo-calculator__slider input[type="range"]:focus-visible::-moz-range-thumb { background-color: var(--blue-color-2); transform: scale(1.1); } .seo-calculator__slider .seo-calculator__slider-numeric-value { font-size: 18px; padding: 4px; border: 1px solid #AAA5BE80; width: 60px; box-sizing: border; text-align: center; } .seo-calculator__inputs-header { display: flex; justify-content: space-between; } .seo-calculator__subgroup:not(:last-child), .seo-calculator__group:not(:last-child) { margin-bottom: 24px; } .seo-calculator__group-header { font-weight: 500; margin-bottom: 12px; } .seo-calculator__group .seo-calculator__inputs { border: 1px solid #AAA5BE80; padding: 8px; gap: 5px 20px; } .seo-calculator__checkbox, .seo-calculator__radio { width: 100%; height: 100%; display: flex; box-sizing: border-box; align-items: center; } .seo-calculator__radio input, .seo-calculator__checkbox input { margin: 0; } .seo-calculator__radio label, .seo-calculator__checkbox label { display: flex; align-items: center; gap: 11px; cursor: pointer; transition: 0.25s ease; padding: 12px; width: 100%; height: 100%; box-sizing: border-box; } .seo-calculator__radio label:hover, .seo-calculator__checkbox label:hover { background-color: #D6DAE44D; } .seo-calculator__radio label:has(:checked), .seo-calculator__checkbox label:has(:checked) { background-color: #D6DAE4; } .seo-calculator__radio span, .seo-calculator__checkbox span { font-size: 12px; } .seo-calculator__radio .seo-calculator__radio-header, .seo-calculator__checkbox .seo-calculator__checkbox-header { font-size: 14px; margin-bottom: 2px; font-weight: 500; display: block; } .seo-calculator__radio .seo-calculator__radio-header:last-child, .seo-calculator__checkbox .seo-calculator__checkbox-header:last-child { margin-bottom: 0; } .seo-calculator__radio input, .seo-calculator__checkbox input { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border: 1px solid #AAA5BE80; width: 18px; height: 18px; accent-color: var(--blue-color-1); } .seo-calculator__radio input { border-radius: 50%; } .seo-calculator__checkbox input:checked, .seo-calculator__radio input:checked { appearance: auto; -webkit-appearance: auto; -moz-appearance: auto; } .seo-calculator__notice { margin-top: 20px; color: var(--notice-text-color); } .seo-calculator .button { padding: 16px 20px; text-align: center; width: 100%; } .seo-calculator .button:disabled { background-color: inherit; border-color: inherit; color: inherit; opacity: 0.3; pointer-events: none; } @media (max-width: 1200px) { .seo-calculator__inputs-block { width: 60%; } .seo-calculator__results-block { width: 40%; } } @media (max-width: 1000px) { .seo-calculator__inputs { grid-template-columns: 1fr; } } @media (max-width: 800px) { .seo-calculator__inputs-block { width: 50%; } .seo-calculator__results-block { width: 50%; } } @media (max-width: 650px) { .seo-calculator__wrapper { display: block; } .seo-calculator__inputs-block { margin-bottom: 20px; } .seo-calculator__results-block, .seo-calculator__inputs-block { width: 100%; } .seo-calculator__radio .seo-calculator__radio-header, .seo-calculator__checkbox .seo-calculator__checkbox-header { font-size: 12px; } .seo-calculator__inputs-header legend { font-size: 16px; } .seo-calculator__overlow-no-mobile { overflow: auto; max-height: none; } .seo-calculator__results-item-main span { font-size: 20px; } .seo-calculator__results { padding: 24px; } .seo-calculator__fieldset { padding: 20px; } } .seo-calculator__form-fields > div { flex: 1; } @media (max-width: 650px) { .seo-calculator__form-fields { flex-direction: column; gap: 10px; } } .popover-button { width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; border: 1px solid #858992; color: #858992; background-color: white; cursor: pointer; } .popover.popover-js { inset: auto; margin: 0; opacity: 0; transition: 0.35s ease opacity; } .popover.popover-js:popover-open { position: fixed; opacity: 0; transition: opacity 0.2s ease-out, display 0.2s allow-discrete, overlay 0.2s allow-discrete; } .popover.popover-js.is-positioned:popover-open { opacity: 1; } @starting-style { .popover.popover-js:popover-open { opacity: 0; } } .popover-wrapper { position: relative; display: inline-block; } .popover { box-sizing: border-box; width: max-content; max-width: min(calc(100% - 20px), 400px); margin-bottom: 8px; padding: 10px; background: white; border: 1px solid #ccc; } .seo-calculator__results .form__footer-notice { margin-left: 0; margin-bottom: 24px; } .seo-calculator__results .form__footer-legal { font-size: 16px; color: var(--light-text-color); } /* End */ /* /local/templates/.default/assets/css/libs/swiper-bundle.min.css?175309091518454 */ /* /local/templates/.default/assets/css/libs/spotlight.min.css?176647810813901 */ /* /local/templates/.default/assets/css/style.css?1791554123106004 */ /* /local/templates/.default/assets/css/service-pages.css?179155412349656 */