/* 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/blog-event-pages.css?178703583434983*/ .blog-detail__info-wrapper, .blog-detail__top, .blog-detail__content { --container-max-width: 864px; } .blog-list { padding-bottom: 120px; } .card-item { display: block; box-shadow: 0 2px 30px 0 #2131491A; height: 100%; } .cards-slider__item { height: auto; } .card-item__duration { margin-bottom: 20px; } .cards-slider__item-text { margin-bottom: 20px; } .card-item__wide { display: flex; } @media (min-width: 1081px) { .card-item__wide { height: 296px; } } .card-item__image-wrapper { display: block; } .card-item__image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 2 / 1; } .card-item__wide .card-item__image-wrapper { width: 384px; flex-shrink: 0; } .card-item__content { padding: 30px; display: flex; flex-direction: column; max-height: 383px; } .card-item__top-text { margin-bottom: 20px; } .card-item__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } .card-item__tags:last-child { margin-bottom: 0; } .card-item__header { margin-bottom: 20px; } .card-item__text { margin-bottom: 20px } .card-item__text { overflow: hidden; text-overflow: ellipsis; flex-grow: 0; flex-shrink: 1; /* white-space: nowrap; */ } .card-item__link { display: flex; align-items: center; margin-top: auto; } .blog-slider { margin-top: 30px; } .blog-slider__navigation { display: flex; margin: 20px 0 0; gap: 20px; --swiper-navigation-sides-offset: 0; } .card-list, .blog-index__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; align-items: flex-start; } .blog__show-more { margin-top: 30px; text-align: center; } @media (max-width: 1080px) { .card-list, .blog-index__list { grid-template-columns: 1fr 1fr; } .card-item__wide .card-item__image-wrapper { width: 200px; } } @media (max-width: 650px) { .blog-slider { display: none; } .blog-index__list { display: block; } .card-item { margin-bottom: 14px; } .card-item__content { padding: 30px 14px; } .card-item__header { margin-bottom: 10px; } .card-item__image-wrapper { width: 100%; height: 168px; } .card-list { display: block; } .cards-slider__navigation { margin-top: 20px; } } /*detail-page*/ .card-item__tags-detail { gap: 5px; margin-bottom: 30px; } .blog-detail__info { display: flex; justify-content: space-between; align-items: center; } .blog-detail__info { padding: 10px 0; border-top: 1px solid var(--divider-color); border-bottom: 1px solid var(--divider-color); } .blog-detail__date {} .blog-detail__author { display: flex; align-items: center; } .blog-detail__author-photo { width: 46px; height: 46px; border-radius: 50%; margin-right: 10px; object-fit: cover; } .blog-detail__author-name p:last-child { font-size: 14px; color: var(--notice-text-color); } .blog-detail__toc { margin-top: 30px; } .blog-detail__toc a { text-decoration: underline; text-decoration-style: solid; text-underline-offset: 25%; text-decoration-thickness: 0%; color: var(--gray-text-color-1); } .blog-detail__toc a:hover { color: var(--light-text-hover-color); } .blog-detail__toc-header { margin-bottom: 20px; } .menu_level_3, .menu_level_2, .menu_level_1 { padding-top: 10px; } .blog-detail__content { margin-top: 30px; margin-bottom: 80px; } .detail__slider img { width: 100%; } :where(.blog-detail__content) h2 { font-size: 30px; margin-bottom: 20px; font-weight: 600; line-height: 1.25; } :where(.blog-detail__content) h3 { font-size: 24px; margin-bottom: 20px; font-weight: 600; line-height: 1.33; } :where(.blog-detail__content) h4 { margin-bottom: 20px; font-size: 18px; font-weight: 600; line-height: 1.33; } :where(.blog-detail__content) h2+h3 { margin-top: 30px; } :where(.blog-detail__content) p { margin-bottom: 16px; } :where(.blog-detail__content) p+h2, :where(.blog-detail__content) p+h3, :where(.blog-detail__content) p+h4 { margin-top: 30px; } :where(.blog-detail__content) img { width: 100%; margin-top: 30px; margin-bottom: 30px; } :where(.blog-detail__content) img+.img-title { margin-top: -30px; } .detail__slider { position: relative; margin: 30px 0; } .detail__slider img { margin-top: 0; margin-bottom: 0; display: block; } .detail__slider-notice { position: absolute; top: calc(100% + 40px); color: var(--green-color); text-align: center; width: calc(100% - 58px * 2 - 10px); left: 58px; font-size: 12px; box-sizing: border-box; } .detail__slider-notice-right { right: 0; left: auto; padding-left: 20px; top: calc(100% + 20px); font-size: 16px; color: var(--blue-color-1); } .navigation-space-between, .detail-slider__navigation { display: flex; width: 100%; justify-content: space-between; --swiper-navigation-sides-offset: 0; margin-top: 20px; } .navigation-left { display: flex; justify-content: flex-start; gap: 10px; } .quote { position: relative; background-color: #D6DAE480; display: flex; padding: 20px 30px; } .quote::before { background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.0107H15.3848C16.1789 47.1494 14.3796 56.2695 0 56.2695V62.8149C29.9064 62.8149 30.8251 47.9771 30.8251 40.0107V9.18555H0V40.0107ZM41.1749 40.0107H56.5591C57.3532 47.1495 55.554 56.2695 41.1749 56.2695V62.8149C71.0807 62.8149 72 47.9771 72 40.0107V9.18555H41.1749V40.0107Z' fill='white'/%3E%3C/svg%3E%0A"); width: 72px; height: 72px; content: ''; display: block; top: 20px; left: 17px; position: absolute; } .quote-author { flex-shrink: 0; width: 155px; padding-right: 20px; align-self: center; flex-shrink: 0; } .quote-author img { border-radius: 50%; width: 100%; margin: 0 0 10px; height: 155px; object-fit: cover; } .quote-author { text-align: center; font-weight: 600; } .quote-author p { margin-bottom: 6px; } .quote-author p:last-child { font-size: 14px; font-weight: 400; margin-bottom: 0; } .quote blockquote { position: relative; z-index: 1; padding-top: 40px; margin-right: 30px; } .img-title { color: var(--green-color); font-size: 12px; } .notice-block { background-color: #D6DAE480; padding: 20px 30px; margin: 30px 0; } .notice-block p { margin-bottom: 10px; } .notice-block p:last-child { margin-bottom: 0; } .notice-header { font-size: larger; } /*read also*/ .recommend-block .wrapper { border-top: 1px solid var(--divider-color); padding-top: 40px; margin-bottom: 120px; } .recommend-block__header { margin-bottom: 60px; } .blog-detail__recommend .card-item { margin-bottom: 30px; } @media screen and (max-width: 650px) { .detail__slider { margin: 20px 0; } .detail__slider-notice { position: static; width: 100%; margin: 10px 0; font-size: 12px; text-align: left; } .navigation-space-between, .detail-slider__navigation { justify-content: flex-start; gap: 10px; } .blog-detail__info-wrapper { border-top: 1px solid var(--divider-color); border-bottom: 1px solid var(--divider-color); } .blog-detail__info { border: none; } .blog-detail__toc-header { margin-bottom: 10px; } :where(.blog-detail__content) h2 { font-size: 20px; margin-bottom: 10px; } :where(.blog-detail__content) h2 { font-size: 30px; margin-bottom: 20px; } :where(.blog-detail__content) h3 { font-size: 18px; margin-bottom: 10px; } :where(.blog-detail__content) h4 { margin-bottom: 10px; font-size: 14px; } :where(.blog-detail__content) h2+h3 { margin-top: 20px; } :where(.blog-detail__content) p { margin-bottom: 14px; } :where(.blog-detail__content) p+h2, :where(.blog-detail__content) p+h3, :where(.blog-detail__content) p+h4 { margin-top: 30px; } :where(.blog-detail__content) .notice { margin: 20px 0; padding: 20px 15px; } .quote { display: block; } .quote::before { left: calc(50% - 36px); } .quote blockquote { width: 100%; margin: 0 0 30px; } .quote-author { padding: 0; margin: 0 auto; } .recommend-block .wrapper { margin-bottom: 60px; } .recommend-block__header { margin-bottom: 30px; } .card-item__wide { display: block; } .card-item__wide .card-item__image-wrapper { width: 100%; } .blog-detail__return-button { width: 100%; text-align: center; margin-top: 30px; } } /*event-page*/ .datepicker { display: flex; align-items: center; justify-content: space-between; gap: 40px; max-width: 100%; margin: 20px auto; color: var(--green-color); } .datepicker__nav-button { width: 28px; height: 28px; cursor: pointer; border: none; background: transparent; } .datepicker__date-grid { display: flex; gap: 30px; overflow: auto; } .datepicker__month-group { display: flex; flex-direction: column; } .datepicker__month-title { color: #D92D20; text-align: left; text-transform: capitalize; font-size: 14px; } .datepicker__month-days { display: flex; gap: 30px; overflow-x: auto; white-space: nowrap; padding-bottom: 1rem; } .datepicker__date-cell { box-sizing: border-box; min-width: 44px; padding: 10px 0; cursor: pointer; transition: background 0.2s; user-select: none; text-align: center; } a.datepicker__date-cell { color: inherit; text-decoration: none; } .datepicker__day-of-month { font-size: 18px; display: block; } .datepicker__date-cell:hover { color: var(--blue-color-2); } .datepicker__date-cell.today { background-color: #D6DAE4; font-weight: bold; } .datepicker__date-cell.today.selected { color: var(--light-text-hover-color); } .datepicker__date-cell.selected { color: var(--light-text-hover-color); } .datepicker__date-cell:not(.active) { opacity: 0.3; pointer-events: none; } @media (max-width: 650px) { .datepicker { display: block; } .datepicker__nav-button { display: none; } } .event__index-content { padding-bottom: 120px; } .event__detail-text { padding-top: 40px; padding-bottom: 60px; columns: 2; } .event__detail-text-no-column { columns: 1; } .event__detail-text p { margin-bottom: 16px; } .event-speakers { overflow: hidden; } .speakers, .speakers-slider { padding-top: 60px; padding-bottom: 60px; overflow: visible; } .speakers-slider__wrapper { position: relative; } .speakers-slider__navigation { position: absolute; width: min-content; right: var(--container-padding); bottom: calc(100% + 40px); display: flex; gap: 10px; } .speaker-item { display: flex; box-shadow: 0 2px 30px 0 #2131491A; margin-bottom: 30px; } .speaker-item:last-child { margin-bottom: 0; } .speaker-item .img-wrapper { width: 31%; flex-shrink: 0; } .speaker-item__slide { display: block; margin: 0; height: unset; } .speaker-item img { width: 100%; display: block; } .speaker-info { padding: 30px; } .speaker-name { margin-bottom: 20px; } .speaker-post { margin-bottom: 20px; color: var(--notice-text-color); } .speaker-text p:not(:last-child) { margin-bottom: 16px; } .speaker-text { margin-bottom: 20px; } .speaker-post:last-child, .speaker-text:last-child { margin-bottom: 0; } .event-themes { margin-bottom: 60px; } .side-by-side { display: grid; grid-template-columns: 1fr 1fr; } .side-by-side__image video, .side-by-side__image img { width: 100%; height: 100%; object-fit: cover; } .side-by-side__content { box-sizing: border-box; padding-left: 50px; display: flex; flex-direction: column; justify-content: center; padding-top: 30px; padding-bottom: 30px; } .side-by-side__content p:not(:last-child, .h2, .h2-5, .h3, .h4) { margin-bottom: 16px; } .side-by-side-right .side-by-side__content { padding-right: 50px; padding-left: 0; } .event-theme__header { margin-bottom: 20px; } .button__theme { margin-top: 40px; } .row-item, .program-item { display: flex; align-items: flex-start; gap: 40px; justify-content: space-between; padding: 30px; border-bottom: 1px solid var(--divider-color); } .program-item { align-items: center; } .program-item:last-child { border-bottom: 0; } .event-time__item { display: flex; gap: 10px; margin-bottom: 4px; } .program-item__speaker-name { margin-top: 4px; } .detail-text__block .event__detail-text { padding-bottom: 40px; } /*event-price */ .event-price__header { width: 23%; } .event-price__list { width: 50%; } .list { list-style: none; --list-left-padding: 20px; --list-marker-size: 10px; --list-marker-color: var(--blue-color-1); } .list li { position: relative; padding-left: var(--list-left-padding); margin-bottom: 4px; } .list li::before { position: absolute; left: 0; top: 6px; border-radius: 50%; background-color: var(--list-marker-color); width: var(--list-marker-size); height: var(--list-marker-size); content: " "; display: block; } .event-price__price { width: 15%; } .event-price__price-text { margin-top: 4px; } .event-price__old-price-text { font-weight: 600; font-size: 20px; text-decoration: line-through; color: #A5A8BE80; } .other-events-slider__navigation { margin-top: 40px; } @media (max-width: 1080px) { .hero__content-image { left: calc(50% + 75px); } } .event__hero-text { margin-top: 20px; } .hero__event { padding-top: 100px; } @media (max-width: 650px) { .hero__content-image { position: static; width: calc(100% + 2 * var(--container-padding)); margin-left: calc(-1 * var(--container-padding)); } .hero__event { padding-top: 40px; padding-bottom: 50px; min-width: auto; width: 100%; } .tag-filter__white { flex-wrap: wrap; gap: 5px; margin: 14px 0; } .event__hero-text { margin: 20px 0; } .event__hero-buttons { flex-direction: column; gap: 10px; } /*top-section */ .top-section { padding-top: 10px; } .event__detail-text { padding: 20px 0; columns: 1; } .event__detail-text p { margin-bottom: 14px; } .speakers-slider { padding-top: 20px; padding-bottom: 10px; } .speakers-slider__navigation { position: static; margin-bottom: 20px; } .speaker-info { padding: 20px 15px; } .speaker-item { display: block; } .speaker-item .img-wrapper { width: 100%; } .speaker-name, .speaker-post { margin-bottom: 10px; } .speaker-text p:not(:last-child) { margin-bottom: 10px; } .callback__wide-text .callback__text, .callback__wide-text .callback__button-block { width: 100%; } .callback__wide-text .callback__button-block { text-align: left; } .speakers, .speakers-slider { padding-top: 40px; padding-bottom: 40px; } /*event-themes*/ .event-themes { margin-bottom: 20px; } .side-by-side { display: flex; flex-direction: column; } .side-by-side__image, .side-by-side__content { width: 100%; } .side-by-side-right .side-by-side__content, .side-by-side__content { padding: 20px 0; } .event-theme__header { font-size: 24px; margin-bottom: 10px; } .side-by-side-right { flex-direction: column-reverse; } .button__theme { margin-top: 20px; } /* program */ .program-item { padding: 20px 0; flex-direction: column; align-items: flex-start; gap: 14px; } .event-price__list, .program-item__events { background-color: #D6DAE480; padding: 10px 15px; width: 100%; box-sizing: border-box; } .event-time__item :first-child { width: 90px; flex-shrink: 0; } .event-program { padding-top: 20px; } .detail-text__block .event__detail-text { padding-bottom: 20px; } .navigation-space-between, .detail-slider__navigation { margin-top: 10px; } .notice-block { padding: 20px 15px; } /* event-price */ .event-price { padding-top: 20px; padding-bottom: 20px; } .event-price__list, .event-price__price, .event-price__header { width: 100%; } .event-price__price { text-align: center; } .event-price__old-price-text { font-size: 18px; } .other-events__slider .swiper-wrapper { display: block; } .other-events__slider { padding-top: 40px; padding-bottom: 40px; } .other-events-slider__navigation { display: none; } } /* case page */ .hero__background-image { background-image: var(--hero-background-image); background-position: center; background-size: cover; background-repeat: no-repeat; } .case-detail__h1 { margin-bottom: 20px; } .case__hero-text { font-size: 20px; } .other-cases__slide { display: flex; background: var(--case-item-background-color); color: var(--case-item-color, var(--light-text-color)); text-decoration: none; height: auto; flex-direction: column; overflow: hidden; position: relative; } .other-cases__content { padding: 30px; display: flex; flex-direction: column; width: 100%; box-sizing: border-box; } .other-cases__header::after { content: " "; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .other-cases__image { align-self: flex-end; width: 85%; margin-top: auto; } .other-cases__image img { display: block; width: 100%; height: auto; } .other-cases__teasers { margin-top: auto; display: flex; justify-content: space-between; } .other-cases__teaser-header { font-weight: 400; font-size: 36px; letter-spacing: -0.02em; margin-bottom: 0; } .other-cases__button { position: static; } .other-cases__navigation { margin-top: 30px; display: flex; width: 100%; justify-content: space-between; } .other-cases__image { width: 85%; margin-top: auto; } @media (max-width: 650px) { .other-cases__slide { flex-direction: column; } .other-cases__content { min-width: auto; width: 100%; padding: 20px 10px 0 14px; } .other-cases__header { margin-bottom: 20px; } .other-cases__image { margin-top: 8px; width: 95%; } .other-cases__image img { width: 100%; height: auto; } .other-cases__teasers { display: grid; justify-content: flex-start; grid-template-columns: min-content min-content; gap: 30px; } .other-cases__teaser-header { font-size: 24px; line-height: 32px; } .other-cases__navigation { display: none; } .other-cases__slider .swiper-wrapper { flex-direction: column; gap: 14px; } } .case-results { display: grid; grid-template-columns: 55fr 40fr; grid-template-rows: auto auto; gap: 30px; } .case-results__text-block { grid-column: 1 / 2; grid-row: 1 / 2; } .case-stats { grid-column: 1 / 2; grid-row: 2 / 3; margin-top: auto; } .case-results__about { grid-column: 2 / 3; grid-row: 1 / 3; box-shadow: 0 2px 30px 0 #2131491A; align-self: flex-start; } .case-results__about-bottom, .case-results__about-top { padding: 30px; } .case-results__about-top { border-bottom: 1px solid var(--divider-color); } .case-results__about-top:last-child { border-bottom: 0; } .case-results__subheader { font-size: 15px; margin-bottom: 15px; } .case-stats__top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 10px; } .case-stats__top:last-child { margin-bottom: 0; } .case-stats__top-2 { grid-template-columns: 1fr 2fr; } .case-stats__top-1 { grid-template-columns: 1fr; } .case-stats__top-item { padding: 20px; box-sizing: border-box; border: 1px solid var(--border-color); flex-shrink: 0; } .case-stats__header { font-size: 36px; line-height: 1.22; flex-shrink: 0; } .case-stats__bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .case-stats__bottom-1 { grid-template-columns: 1fr; } .case-stats__bottom-item { padding: 20px; font-weight: 600; font-size: 20px; background-color: #D6DAE4; } .case-stats__bottom-star { background-color: var(--blue-color-2); color: var(--light-text-color); background-image: url("data:image/svg+xml,%3Csvg width='96' height='102' viewBox='0 0 96 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M81.7212 7.8305C87.9002 13.3294 92.726 20.1814 95.8224 27.8522C91.2459 50.7828 83.6226 72.9979 73.1558 93.9063C66.3211 97.9244 58.6735 100.36 50.7745 101.036C54.0651 95.1777 57.344 88.8088 60.4684 81.8932C68.0134 65.3074 73.8102 47.9805 77.7652 30.1931C79.5234 22.2913 80.8064 14.746 81.7212 7.8305ZM53.4593 53.732C50.9408 61.2179 48.1847 68.2404 45.3217 74.8113L45.1078 74.9183L20.1011 88.0839C19.7345 88.2727 19.3251 88.3628 18.9131 88.3453C18.4839 88.3054 18.0734 88.1494 17.726 87.894C17.3786 87.6386 17.1073 87.2935 16.9411 86.8957C16.7789 86.4967 16.7336 86.0599 16.8104 85.6361L21.5623 57.7602C21.6179 57.3863 21.5894 57.0047 21.479 56.6432C21.3614 56.2889 21.162 55.9673 20.8969 55.7045L0.701424 35.9798C0.392092 35.6778 0.174021 35.2949 0.071909 34.8747C-0.0354677 34.4482 -0.0223805 34.0001 0.109758 33.5806C0.241897 33.161 0.487761 32.7863 0.820192 32.4983C1.16134 32.2214 1.57256 32.0445 2.00816 31.9873L29.985 27.9117C30.3567 27.8676 30.7097 27.7239 31.0066 27.4958C31.3115 27.2759 31.5598 26.9868 31.7312 26.6522L44.2406 1.29521C44.4303 0.907629 44.7218 0.579027 45.084 0.344635C45.4446 0.131372 45.8533 0.0127841 46.272 0C46.6906 0.0138005 47.099 0.132316 47.46 0.344635C47.8222 0.579027 48.1139 0.907629 48.3035 1.29521L60.8247 26.6759C60.8692 26.7769 60.925 26.8726 60.991 26.9611C58.9853 36.0014 56.4909 44.9263 53.5187 53.6964' fill='%23324473'/%3E%3C/svg%3E%0A"); background-size: 96px 101px; background-position: right top; background-repeat: no-repeat; } .case-stats__bottom-header { font-size: initial; } @media (max-width: 950px) { .case-results { display: block; } .case-results__text-block, .case-stats, .case-results__about { margin-bottom: 20px; } } @media (max-width: 650px) { .case-stats__top, .case-stats__bottom { display: block; margin-bottom: 0; } .case-stats__bottom-item, .case-stats__top-item { margin-bottom: 10px; } .case-stats__top-item { display: flex; gap: 20px; align-items: center; padding: 10px 20px; } .case-stats__header { min-width: 80px; font-size: 24px; text-align: center; } .case-stats__bottom-header { font-size: 14px; } .case-stats__bottom-item { padding: 10px 20px; font-size: 18px; } .case-results__about-bottom, .case-results__about-top { padding: 20px 15px; } } .text-left__block, .text-right__block { display: flex; --gap: 50px; gap: var(--gap); } .text-left__block > div, .text-right__block > div { width: calc(50% - var(--gap) / 2); } @media (max-width: 650px) { .text-left__block, .text-right__block { display: block; padding-top: 15px; padding-bottom: 15px; } .text-left__block > div, .text-right__block > div { width: 100%; } } .pre, pre { background-color: #f4f4f4; padding: 15px; border-radius: 8px; overflow-x: auto; margin-bottom: 20px; } .pre .code, pre code { font-family: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 14px; color: #333; line-height: 1.5; display: block; } pre.highlight { border-left: 5px solid #007bff; /* Blue left border */ } .comment { color: #6a9955; } .keyword { color: #569cd6; font-weight: bold; } .content__iframe iframe { max-width: 100%; height: auto; aspect-ratio: 16 / 9; } .image-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; } @media (max-width: 650px) { .image-grid { gap: 16px; } } .case-content__image { width: 100%; height: auto; display: block; margin: 40px 0; } .case-content__image:first-child { margin-top: 0; } .case-content__image:last-child { margin-bottom: 0; } .vertical-video__wrapper { display: flex; justify-content: center; margin: 0 auto; } .vertical-video__wrapper { max-width: 325px; } @media (max-width: 650px) { .vertical-video__wrapper { width: 80%; } } .image-text__vertical-middle .image-text__text-block { align-self: center; } .video-line { display: grid; gap: 10px; margin: 40px 0; grid-template-columns: repeat(5, 1fr); } .video-line:first-child { margin-top: 0; } .video-line:last-child { margin-bottom: 0; } .video-line img, .video-line video { width: 100%; } .hero__centered-image { position: relative; } .hero__centered-image .breadcrumb__item { color: var(--light-text-color); } .hero__centered-image .hero__content { position: static; } .hero__centered-image .hero__content-image { right: 0; height: 100%; width: auto; left: auto; bottom: 0; top: 0; } .hero__centered-image .hero__content-image img { height: 100%; width: auto; } .hero__centered-image .hero__event { position: relative; z-index: 1; } .hero__centered-image .event__hero-text:last-child { margin-bottom: 0; } @media (min-width: 651px) { .hero__centered-image .event__hero-text { font-size: 20px; } } @media (max-width: 1400px) and (min-width: 650px) { .hero__centered-image .hero__event { padding-top: calc(var(--header-height) + 50px); } } @media (max-width: 1200px) and (min-width: 650px) { .hero__centered-image .hero__service { min-height: 300px; } } @media (max-width: 1000px) { .hero__centered-image .hero__content-image { display: none; } .hero__centered-image .desktop { display: none; } } .hero__centered-image .mobile { display: none; } @media (max-width: 650px) { .hero__centered-image .hero__content-image { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; width: 100%; left: var(--container-padding); bottom: 0; z-index: 0; } .hero__centered-image .mobile { display: block; } .hero__centered-image .hero__content-image img { width: 100%; height: auto; } .hero__centered-image .hero__service { position: relative; z-index: 1; } } .hero__blue-text .tag-filter { --tags-border-color: var(--dark-text-color); --tag-item-color: var(--dark-text-color); } .hero__blue-text .breadcrumb__item, .hero__blue-text .hero__content { color: var(--dark-text-color); } .theme-item { display: flex; padding: 30px; align-items: flex-start; gap: 40px; } .theme-item__header-wrapper { width: 25%; } .theme-item__text { width: 53%; } @media (max-width: 1080px) { .theme-item__header-wrapper { width: 30%; } .theme-item__text { width: 60%; } } @media (max-width: 650px) { .theme-item { padding: 0; display: block; margin-bottom: 40px; } .theme-item:last-child { margin-bottom: 0; } .theme-item__text, .theme-item__header-wrapper { width: 100%; box-sizing: border-box; } .theme-item__header-wrapper { margin-bottom: 14px; } .theme-item__text { padding: 10px 30px 10px 15px; background-color: #D6DAE480; } } .case-teasers { display: grid; grid-template-columns: repeat(var(--row-item-count), 1fr); gap: 40px; } .case-teaser__image { width: 137px; height: 137px; } .case-teaser__image img { width: 100%; height: 100%; object-fit: contain; } .case-teaser__image { margin-bottom: 40px; } .case-teaser__header { margin-bottom: 24px; font-weight: 700; } @media (max-width: 1440px) { .case-teasers__card { grid-template-columns: repeat(calc(var(--row-item-count) / 2), 1fr); } } @media (max-width: 650px) { .case-teasers { width: 800px; overflow-x: scroll; } .case-teasers__card { grid-template-columns: repeat(var(--row-item-count), 1fr); width: calc(300px * var(--row-item-count)); } .case-teasers__wrapper { overflow: scroll; padding-bottom: 10px; } } @media (min-width: 651px) { .image-text__30 .image-text__image-block { width: calc(66% - 25px); } .image-text__30 .image-text__text-block { width: calc(33% - 25px); } .image-text__70 .image-text__image-block { width: calc(33% - 25px); } .image-text__70 .image-text__text-block { width: calc(66% - 25px); } } .remove-section-paddings section { padding-top: 0; padding-bottom: 0; } .case-teasers__squared .case-teaser__item { border: #7D7882 1px solid; padding: 20px; box-sizing: border-box; } .case-teasers__squared .case-teaser__header { font-weight: 400; margin-bottom: 10px; font-size: 36px; } @media (max-width: 900px) { .case-teasers__squared .case-teaser__header { font-size: 26px; } } @media (max-width: 650px) { .case-teasers__squared .case-teaser__header { font-size: 22px; } } .case-teasers__card .case-teaser__item { border: 1px solid #7D7882 } .case-teasers__card .case-teaser__header { margin: 0; padding: 20px; box-sizing: border-box; background-color: #130F33; color: #FFFFFF; font-size: 30px; font-weight: 500; line-height: 1.25; text-align: center; } .case-teasers__card .case-teaser__item div { padding: 20px; box-sizing: border-box; } .case-list { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .case-list { grid-template-columns: unset; width: auto; } } .case-list .case-teaser__item { border: 1px solid #7D7882; } .case-list .case-teaser__header { padding-right: 20px; display: flex; flex-direction: row; gap: 20px; align-items: center; margin-bottom: 0; font-size: 24px; font-weight: 600; line-height: 1.3; border-bottom: 1px solid #7D7882; } .case-list .case-teaser__item div { padding: 20px; } .case-teaser__header-index { display: inline-block; width: 102px; padding: 28px 20px; box-sizing: border-box; font-size: 48px; font-weight: 400; line-height: 1.3; color: #FFFFFF; text-align: center; } .case-teaser__header-index__0 { background-color: #130F33; } .case-teaser__header-index__1 { background-color: #324473; } .case-teaser__header-index__2 { background-color: #6D7E80; } .case-teaser__header-index__3 { background-color: #A5BEBE; } .iframe__squared { aspect-ratio: 1.2 / 1; } .iframe__squared iframe { width: 100%; height: 100%; } .image-text__image-block .card-list, .image-text__image-block .blog-index__list { grid-template-columns: 1fr; } .image-text__image-block .blog-list { padding-bottom: 0; } /* End */ /* Start:/include/cases/minger/assets/css/index.css?177943914440084*/ @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-Bold.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-Bold.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-BoldItalic.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-BoldItalic.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-Italic.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-Italic.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-Italic.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-Medium.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-Medium.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-Medium.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-MediumItalic.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-MediumItalic.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Nunito'; src: url('/include/cases/minger/assets/fonts/Nunito-Regular.eot'); src: url('/include/cases/minger/assets/fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'), url('/include/cases/minger/assets/fonts/Nunito-Regular.woff2') format('woff2'), url('/include/cases/minger/assets/fonts/Nunito-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } html { font-size: calc(1vw / 19.2); } .cContent { position: relative; overflow: hidden; /* COLORS */ --color-1: #626F86; --color-2: #333333; --color-3: #FFFFFF; --color-4: #E8E2DE; --color-5: #9B8A7E; --color-6: #FDFCFB; --color-7: #FAF8F6; --color-8: #555555; --color-9: #888888; --width: 1920rem; font-family: 'Times New Roman', Times, serif; } .cBlock { width: var(--width); } .cContainer { width: 1056rem; margin: 0 auto; padding: 112rem 0; } /* FONTS */ .cFont { margin: 0; border: none; padding: 0; font-family: 'Nunito', sans-serif; font-size: 16rem; font-weight: 400; line-height: 1.9; color: var(--color-2); } /* BLOCK */ .cImg { display: block; position: relative; pointer-events: none; user-select: none; } .cBlockNum { margin: 0; border: none; padding: 0; display: flex; align-items: center; gap: 16rem; font-weight: 400; font-size: 10rem; line-height: 1.5; letter-spacing: 0.16em; color: var(--color-5); } .cBlockNum::after { display: block; content: ""; width: 100%; height: 1rem; background-color: var(--color-4); } .cBtn { display: inline-flex; gap: 14rem; align-items: center; border: 1rem solid rgba(255, 255, 255, 0.25); padding: 15rem 33rem; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10rem); font-size: 11rem; line-height: 17rem; letter-spacing: 0.15em; text-decoration: none; color: var(--color-3); transition: all 0.25s linear; } .cBtn::after { content: "→"; width: 12rem; opacity: 0.6; } .cBtn:hover { transform: translateX(4rem) scale(1.02); } /* TEXT-STYLES */ .cTxtUp { text-transform: uppercase; } .cTxtCntr { text-align: center; } .cTxtBold { font-weight: 700; } .navBtn { display: none; } .cHero { position: relative; min-height: calc(100vh - var(--header-height)); display: flex; align-items: center; background-color: var(--color-1); } .heroIconBlock { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; } .heroIcon { width: 1200rem; height: 1200rem; } .heroContent { width: 100%; padding: 44rem 0 37rem; display: flex; flex-direction: column; align-items: center; } .heroLogoTxt { margin: 0; border: none; padding: 0; font-size: 12rem; font-weight: 400; line-height: 1.3; letter-spacing: 0.3em; color: rgba(255, 255, 255, 0.5); } .heroLogo { width: 200rem; padding-top: 40rem; } .heroTitle { margin: 0; border: none; padding: 0; max-width: 848rem; padding-top: 66rem; font-size: 46rem; font-weight: 400; line-height: 1.28; color: var(--color-3); } .heroServices { padding-top: 73rem; display: flex; justify-content: center; gap: 12rem; } .heroElem { font-size: 13rem; letter-spacing: 0.05em; border: 1rem solid rgba(255, 255, 255, 0.25); border-radius: 30rem; padding: 7rem 20rem; color: rgba(255, 255, 255, 0.75); } .heroSubtitle { font-size: 12rem; letter-spacing: 0.09em; text-align: center; padding-top: 37rem; color: rgba(255, 255, 255, 0.4); } .cAbout { position: relative; background-color: var(--color-3); } .aboutTitle { margin: 0; border: none; padding: 0; padding-top: 33rem; font-weight: 400; font-size: 45rem; line-height: 1.2; } .aboutTxt { max-width: 768rem; padding: 16rem 0 54rem; letter-spacing: 0.03em; } .aboutSubtitle { padding: 32rem 0 0; } .aboutGallery { display: flex; justify-content: space-between; } .aboutImgBlock { position: relative; overflow: hidden; } .aboutImgBlock:hover { cursor: pointer; } .aboutImg { width: 341rem; height: 256rem; object-fit: cover; transition: all 0.5s linear; } .aboutImgBlock:hover .aboutImg { transform: scale(1.1); } .aboutImgTxt { margin: 0; border: none; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 19rem 0 13rem 16rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); font-weight: 400; font-size: 12rem; line-height: 1.2; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.8); } .aboutQuote { font-weight: 500; margin-top: 56rem; border-left: 3rem solid var(--color-5); padding: 27rem 28rem; box-sizing: border-box; background-color: rgba(155, 138, 126, 0.08); } .aboutIconBlock { position: absolute; top: 64rem; right: -526rem; } .aboutIcon { width: 960rem; opacity: 0.2; } .cNav { position: fixed; z-index: 10; top: 50%; right: 28rem; transform: translateY(-50%); display: flex; flex-direction: column; } .navPoint { border-right: 1rem solid rgba(155, 138, 126, 0.25); padding: 8rem 18rem; display: flex; justify-content: flex-end; align-items: center; gap: 10rem; text-decoration: none; transition: all 0.25s linear; } .navTxt { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 10rem; line-height: 1.3; letter-spacing: 0.09em; color: var(--color-5); transition: all 0.25s linear; } .navTitle, .navNum { opacity: 0; } .navPoint:hover .navNum { opacity: 1; } .navIcon { display: block; width: 5rem; height: 5rem; background-image: url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5C0 1.11929 1.11929 0 2.5 0C3.88071 0 5 1.11929 5 2.5C5 3.88071 3.88071 5 2.5 5C1.11929 5 0 3.88071 0 2.5Z' fill='%239B8A7E' fill-opacity='0.25'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; transition: all 0.25s linear; } .navActive { border-color: var(--color-5); } .navActive .navTitle { opacity: 1; } .navActive .navIcon { width: 10rem; height: 10rem; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5C0 2.23858 2.23858 0 5 0C7.76142 0 10 2.23858 10 5C10 7.76142 7.76142 10 5 10C2.23858 10 0 7.76142 0 5Z' fill='%239B8A7E'/%3E%3C/svg%3E"); } .navSubtitle { display: none; } .cSituation { position: relative; overflow: hidden; background-color: var(--color-5); } .situationImgBlock { position: absolute; inset: 0; pointer-events: none; opacity: 0.25; mix-blend-mode: multiply; filter: blur(3rem) saturate(0); background-image: url("/include/cases/minger/assets/imgs/situation.jpg"); background-size: cover; background-position: center; background-attachment: fixed; } .situationContent { position: relative; z-index: 5; } .situationContent .cBlockNum { color: rgba(255, 255, 255, 0.45); } .situationContent .cBlockNum::after { background-color: rgba(255, 255, 255, 0.15); } .situationTitle { max-width: 768rem; color: var(--color-3); } .situationSubtitle { padding-top: 40rem; display: flex; justify-content: space-between; } .situationTxt { max-width: 508rem; color: var(--color-3); } .situationNumbersWrapper { margin-top: 42rem; border: 1rem solid rgba(255, 255, 255, 0.2); padding: 32rem; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(30rem); } .situationNumbers { display: flex; gap: 32rem; justify-content: space-between; align-items: center; } .situationProcentTtle { margin: 0; border: none; padding: 0; width: 246rem; font-weight: 400; font-size: 72rem; line-height: 1; color: var(--color-3); } .situationProcentSubtitle { font-size: 13rem; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.8); } .situationSpacer { width: 1rem; height: 64rem; display: block; background-color: rgba(255, 255, 255, 0.2); } .situationDescript { margin: 0; border: none; padding: 0; font-size: 15rem; line-height: 1.6; color: var(--color-3); } .cHover, .cHoverTxt { transition: all 0.25s linear; } .cHover:hover { transform: translate(0, -8rem); box-shadow: 0 30rem 50rem -15rem rgba(0, 0, 0, 0.6); } .cHover:hover .cHoverTxt { transform: scale(1.05); } .situationNumbersWrapper.cHover:hover { border-color: rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.15); } .cBarriers { position: relative; background-color: var(--color-3); } .cBarriers .cContainer { padding-bottom: 96rem; } .barriersTitle { max-width: 768rem; } .barriersSubtitle { padding-top: 14rem; max-width: 672rem; } .barriersIconBlock { top: 28rem; } .barriersCards { margin-top: 55rem; display: flex; justify-content: space-between; } .barriersItem { position: relative; max-width: 336rem; box-sizing: border-box; border: 1rem solid var(--color-4); padding: 34rem 41rem 33rem 41rem; background-color: var(--color-6); } .barriersItemNumber { margin: 0; border: none; padding: 0; position: absolute; top: 18rem; right: 25rem; font-weight: 400; font-size: 80rem; line-height: 1; color: var(--color-5); opacity: 0.07; pointer-events: none; user-select: none; } .cBarriers .cHover:hover .cHoverTxt { transform: translate(4rem, 0); } .cHover:hover .barriersItemNumber.cHoverTxt { transform: scale(1.1) translate(-8rem, 8rem); } .barriersItemSubtitle { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 12rem; letter-spacing: 0.13em; color: var(--color-5); } .barriersItemTitle { margin: 0; border: none; padding: 0; padding-top: 16rem; font-weight: 400; font-size: 20rem; } .barriersItemTxt { padding-top: 16rem; line-height: 1.85; } .barriersItemTask { margin-top: 46rem; padding: 24rem 20rem 20rem; background-color: var(--color-1); } .barriersTaskTitle { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 12rem; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.6); } .barriersTaskTxt { padding-top: 8rem; font-size: 15rem; line-height: 1.75; color: var(--color-3); } .barriersItem.cHover:hover { border-color: var(--color-5); box-shadow: 0 20rem 40rem -15rem rgba(155, 138, 126, 0.3) } .cAudience { position: relative; background-color: var(--color-1); } .audienceTitle { color: var(--color-3); } .audienceSubtitle { color: rgba(255, 255, 255, 0.8); } .cAudience .cBlockNum { max-width: 686rem; color: rgba(255, 255, 255, 0.45); } .cAudience .cBlockNum::after { background-color: rgba(255, 255, 255, 0.15); } .audienceSubtitle { padding-top: 24rem; } .audienceGallery { padding-top: 112rem; display: flex; justify-content: space-between; } .audienceImgBlock { border: 1rem solid rgba(255, 255, 255, 0.2); border-radius: 4rem; padding: 9rem; background-color: rgba(255, 255, 255, 0.05); } .audienceImgBlock img { width: 491rem; height: 294rem; object-fit: cover; border: 1rem solid rgba(255, 255, 255, 0.1); padding: 4rem; } .audienceIconBlockWrapper { width: 100%; height: 378rem; position: absolute; top: 0; left: 0; overflow: hidden; } .audienceIconBlock { position: absolute; top: -128rem; right: -96rem; } .audienceImgBlock.cHover:hover { transform: translate(0, -4rem); box-shadow: none; } .audienceIconBack { width: 640rem; } .audienceIconCenter { width: 256rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .audienceIcon { width: 168rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cAudience .cHover:hover .cHoverTxt { transform: translate(4rem, 0); } .cHover:hover .barriersItemNumber.cHoverTxt { transform: scale(1.1) translate(-8rem, 8rem); } .audienceCards { margin-top: 47rem; } .audienceItem { padding-bottom: 13rem; } .audienceItemTxt { padding-top: 22rem; line-height: 1.61; } .audienceQuote { margin-top: 51rem; line-height: 1.8; color: var(--color-3); background-color: var(--color-5); border-color: rgba(255, 255, 255, 0.4); } .cStrategy { position: relative; overflow: hidden; background-color: var(--color-5); } .strategyContent .cContainer { padding-bottom: 63rem; } .strategyImgBlock { background-image: url("/include/cases/minger/assets/imgs/strategy.jpg"); } .strategyTitle { max-width: 100%; } .strategySubtitle { padding-top: 26rem; } .strategyTxt { max-width: 672rem; line-height: 2; } .cFoundation { position: relative; background-color: var(--color-3); } .cFoundation .aboutIconBlock { top: 131rem; } .cFoundation .cContainer { padding: 96rem 0; } .foundationNumber { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 56rem; line-height: 1; color: rgba(155, 138, 126, 0.25); } .foundationTitleBlock { display: flex; gap: 20rem; } .foundationTitle { margin: 0; border: none; padding: 0; padding-top: 11rem; font-weight: 400; font-size: 31rem; line-height: 1.2; letter-spacing: -0.009em; } .foundationCards { margin-top: 48rem; } .foundationItem { max-width: 336rem; box-sizing: border-box; border: 1rem solid var(--color-4); border-radius: 8rem; overflow: hidden; background-color: var(--color-7); } .foundationImg { width: 334rem; height: 222rem; } .foundationImgTxt { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 19rem; background: linear-gradient(2.21deg, rgba(98, 111, 134, 1) 6.59%, rgba(102, 102, 102, 0) 49%); } .foundationItemContent { padding: 24rem; } .foundationItemNumber { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 32rem; color: var(--color-5); } .foundationItemTitle { margin-top: 10rem; letter-spacing: 0.05em; color: var(--color-1); } .foundationItemTxt { margin: 7rem 0 0; line-height: 1.7; color: var(--color-8); } .foundationItem.cHover:hover { border-color: var(--color-5); box-shadow: 0 15rem 30rem -10rem rgba(155, 138, 126, 0.3); } .foundationItem.cHover:hover .foundationImg { transform: scale(1.05); } .foundationHighlight { margin-top: 48rem; padding: 24rem; background-color: var(--color-1); } .foundationHighlightTitle { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 12rem; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.55); } .foundationHighlightTxt { padding-top: 7rem; line-height: 1.7; color: var(--color-3); } .cToplevel { position: relative; background-color: var(--color-1); } .cToplevel .cContainer { padding: 129rem 0 100rem; } .toplevelNumber { color: rgba(255, 255, 255, 0.3); } .toplevelTitle { max-width: 768rem; padding-top: 10rem; color: var(--color-3); } .toplevelSubtitle { padding-top: 26rem; color: rgba(255, 255, 255, 0.8); } .toplevelIcon { width: 124rem; } .cVideo { position: relative; margin-top: 90rem; display: flex; justify-content: center; } .videoBlockBorder { position: relative; display: flex; border: 1.5rem dashed rgba(255, 255, 255, 0.25); } .videoCorner { position: absolute; width: 32rem; height: 32rem; } .videoTopLeft { top: 18rem; left: 18rem; background-image: url("/include/cases/minger/assets/imgs/video-top-left.svg"); } .videoTopRight { top: 18rem; right: 18rem; background-image: url("/include/cases/minger/assets/imgs/video-top-right.svg"); } .videoBottomLeft { bottom: 18rem; left: 18rem; background-image: url("/include/cases/minger/assets/imgs/video-bottom-left.svg"); } .videoBottomRight { bottom: 18rem; right: 18rem; background-image: url("/include/cases/minger/assets/imgs/video-bottom-right.svg"); } .videoBlockWrapper { display: inline-block; background-color: rgba(0, 0, 0, 0.79); } .videoBlock { display: block; width: 100%; height: auto; margin: 0 auto; opacity: 0.5; transition: all 1s linear; } .videoBtn { display: block; width: 80px; height: 80px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; border-radius: 50%; padding: 24px; background-color: rgba(155, 138, 126, 0.6); opacity: 1; visibility: visible; transition: 0.5s all linear; } .videoBtn::after { display: block; content: url("/include/cases/minger/assets/imgs/video-btn.svg"); width: 80px; height: 80px; position: absolute; top: 0; left: 0; } .videoBtn:hover { cursor: pointer; transform: translate(-50%, -50%) scale(1.05); } .videoPause::after { content: url("/include/cases/minger/assets/imgs/video-btn-pause.svg"); } .videoBtnHidden { opacity: 0; visibility: hidden; } .videoError { padding: 20rem; } .toplevelHighlight { margin-top: 38rem; border: 1rem solid rgba(255, 255, 255, 0.15); padding: 29rem 29rem 28rem; background-color: rgba(0, 0, 0, 0.3); } .toplevelHighlightTxt { margin-top: 24rem; border-top: 1rem solid rgba(255, 255, 255, 0.1); padding-top: 21rem; font-size: 15rem; line-height: 1.8; } .toplevelTable { padding-top: 16rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24rem; } .toplevelCeilNumber { margin: 0; border: none; padding: 0; font-weight: 400; font-size: 29rem; color: var(--color-3); } .toplevelCeilTxt { padding-top: 1rem; font-size: 13rem; line-height: 1.4; color: rgba(255, 255, 255, 0.55); } .cTraffic .aboutIconBlock { top: 102rem; } .trafficSubtitle { max-width: 1024rem; padding: 25rem 0 0 1rem; } .trafficColumns { padding-top: 64rem; display: flex; align-items: center; gap: 28rem; } .trafficImgBlock { display: inline-block; border: 1rem solid rgba(155, 138, 126, 0.4); border-radius: 4rem; padding: 9rem; } .trafficImgBlock img { width: 487rem; height: 230rem; object-fit: cover; border: 1rem solid rgba(155, 138, 126, 0.2); padding: 4rem; } .trafficColumnsTxt { padding: 0 39rem 0 1rem; line-height: 1.95; } .trafficColumns:nth-of-type(2) { padding-top: 59rem; } .trafficColumns:nth-of-type(3) { padding-top: 59rem; } .trafficColumns:nth-of-type(3) .trafficColumnsTxt { margin-top: -29rem; } .trafficHighlight { background-color: var(--color-5); } .trafficHighlightDark { margin-top: 29rem; padding: 24rem; background-color: var(--color-1); } .trafficHighlightDark .toplevelTable { padding: 0; } .trafficHighlightDark .toplevelHighlightTxt { margin-top: 21rem; } .trafficHighlightDark .toplevelHighlightTxt { line-height: 1.6; } .trafficTxt { max-width: 100%; padding: 32rem 0 0; } .trafficSourcesWrapper { padding-top: 33rem; } .trafficSourcesTable { border: 1rem solid rgba(0, 0, 0, 0.1); background-color: #F9F7F6; } .trafficSourcesTable span { font-size: 13rem; letter-spacing: 0.01em; } .trafficSourcesRow { padding: 10rem 20rem; box-sizing: border-box; display: grid; align-items: center; grid-template-columns: auto 309rem 90rem 80rem 80rem 90rem; border-bottom: 1rem solid rgba(0, 0, 0, 0.1); } .trafficSourcesRow:hover { background-color: #F3EEE9; } .trafficSourcesRow:last-of-type { border-bottom: none; background-color: var(--color-3); } .trafficSourcesRow:last-of-type span { color: var(--color-1); } .trafficSourcesRowHead span { font-size: 10rem; letter-spacing: 0.02em; color: var(--color-5); } .trafficSourcesName { display: flex; align-items: center; } .trafficSourcesName::before { display: inline-block; width: 18rem; height: 18rem; padding: 0 3rem; } .trafficSourcesName1::before { content: url("/include/cases/minger/assets/imgs/traffic-1.svg"); } .trafficSourcesName2::before { content: url("/include/cases/minger/assets/imgs/traffic-2.svg"); } .trafficSourcesName3::before { content: url("/include/cases/minger/assets/imgs/traffic-3.svg"); } .trafficSourcesName4::before { content: url("/include/cases/minger/assets/imgs/traffic-4.svg"); } .trafficSourcesName5::before { content: url("/include/cases/minger/assets/imgs/traffic-5.svg"); } .trafficSourcesName6::before { content: url("/include/cases/minger/assets/imgs/traffic-6.svg"); } .trafficSourcesName7::before { content: url("/include/cases/minger/assets/imgs/traffic-7.svg"); } .trafficSourcesName8::before { content: url("/include/cases/minger/assets/imgs/traffic-8.svg"); } .trafficSourcesName.trafficSourcesRowHead { padding-left: 24rem; } .trafficSourcesName.trafficSourcesRowFoot { padding-left: 24rem; } .trafficSourcesName.trafficSourcesRowHead::before, .trafficSourcesName.trafficSourcesRowFoot::before { display: none; } .trafficSourcesBar { width: 293rem; height: 8rem; display: block; border-radius: 2rem; background-color: #EDE8E5; } .trafficSourcesBar.trafficSourcesRowHead { border-radius: 0; background-color: transparent; } .trafficSourcesBarVal { width: 0; height: 8rem; } .trafficSourcesVisits { display: flex; flex-direction: column; } .trafficSourcesVisits p { margin: 0; border: none; padding: 0; line-height: 1.4; } .trafficSourcesVisitsProc, .trafficSourcesVisitsProc span { font-size: 10rem; letter-spacing: 0.02em; color: var(--color-5); } .trafficSourcesVisits, .trafficSourcesBounce, .trafficSourcesPages, .trafficSourcesTime { text-align: right; } .trafficSourcesHead { border: 1rem solid var(--color-4); border-bottom: none; padding: 12rem 20rem; display: flex; justify-content: space-between; background-color: var(--color-3); } .trafficSourcesHead p:first-of-type { font-size: 12rem; letter-spacing: 0.04em; color: var(--color-9); } .trafficSourcesHead p:first-of-type::before { content: url("/include/cases/minger/assets/imgs/point.svg"); display: inline-block; width: 8rem; height: 8rem; padding-right: 12rem; } .trafficSourcesHead p:last-of-type { font-size: 11rem; color: #B0A8A4; } .trafficSourcesFoot { padding: 12rem 0 10rem; font-size: 12rem; letter-spacing: 0.04em; color: var(--color-5); background-color: var(--color-3); } .dynamicsByMonth { padding-top: 20rem; } .dynamicsByMonthChartWrapper { width: 100%; box-sizing: border-box; border: 1rem solid var(--color-4); padding: 16rem; background-color: #F9F7F6; } .dynamicsByMonthChart { padding-left: 20rem; width: 1002rem; height: 240rem; } .cChartLegends { display: flex; gap: 30rem; } .cChartLegends span { display: flex; gap: 6rem; } .cChartLegends span::before { width: 10rem; height: 10rem; } .cAll::before { content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2C0 0.89543 0.895431 0 2 0H8C9.10457 0 10 0.895431 10 2V8C10 9.10457 9.10457 10 8 10H2C0.89543 10 0 9.10457 0 8V2Z' fill='%23C4B8B0'/%3E%3C/svg%3E%0A"); } .cAd::before { content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2C0 0.89543 0.895431 0 2 0H8C9.10457 0 10 0.895431 10 2V8C10 9.10457 9.10457 10 8 10H2C0.89543 10 0 9.10457 0 8V2Z' fill='%23626F86'/%3E%3C/svg%3E%0A"); } .dynamicsByMonthFoot { border: 1rem solid var(--color-4); border-top: none; } .dynamicsByMonthFoot p:first-of-type::before { display: none; } .cDemand { position: relative; overflow: hidden; background-color: var(--color-5); } .demandContent .cContainer { padding: 96rem 0; } .demandImgBlock { background-image: url("/include/cases/minger/assets/imgs/demand.jpg"); } .demandNumber { color: rgba(255, 255, 255, 0.3); } .demandTitle { color: var(--color-3); } .demandSubtitle { color: var(--color-3); max-width: 100%; padding: 32rem 0 0; } .brandSearchTrendsChartWrapper { width: 100%; box-sizing: border-box; border: 1rem solid rgba(255, 255, 255, 0.15); border-top: none; padding: 20rem 25rem 25rem; background-color: rgba(0, 0, 0, 0.3); } .brandSearchTrendsChart { padding-left: 19rem; width: 987rem; height: 300rem; } .brandSearchTrends { padding-top: 40rem; } .brandSearchTrendsHead { border-color: rgba(255, 255, 255, 0.15); background-color: rgba(0, 0, 0, 0.3); } .brandSearchTrendsHead p:first-of-type { font-size: 10rem; letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.5); } .brandSearchTrendsHead p:first-of-type::before { display: none; } .cBase::before { content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2C0 0.89543 0.895431 0 2 0H8C9.10457 0 10 0.895431 10 2V8C10 9.10457 9.10457 10 8 10H2C0.89543 10 0 9.10457 0 8V2Z' fill='white' fill-opacity='0.22'/%3E%3C/svg%3E%0A"); } .cGrowth::before { content: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2C0 0.89543 0.895431 0 2 0H8C9.10457 0 10 0.895431 10 2V8C10 9.10457 9.10457 10 8 10H2C0.89543 10 0 9.10457 0 8V2Z' fill='white' fill-opacity='0.72'/%3E%3C/svg%3E%0A"); } .demandTable { grid-template-columns: repeat(3, 1fr); } .demandHighlight { margin-top: 32rem; } .demandCeilNumber { font-size: 34rem; } .demandCeilTxt { color: var(--color-3); } .demandCeilSubTxt { padding-top: 9rem; color: rgba(255, 255, 255, 0.8); } .demandTxt { max-width: 640rem; padding: 32rem 0; color: var(--color-3); } .cTraffic .trafficIconBlock { top: unset; right: unset; bottom: 673rem; left: -526rem; } .cTraffic .trafficIcon { transform: rotate(180deg); } .cBranches { position: relative; background-color: var(--color-3); } .cBranches .cContainer { padding: 96rem 0; } .branchesTitle { padding-top: 9rem; } .branchesIconBlock { top: 15rem; } .branchesColumns { margin-top: 32rem; display: flex; gap: 116rem; } .branchesContent { width: 556rem; display: flex; gap: 24rem; flex-direction: column; } .branchesTxt { line-height: 1.95; } .branchesQuote { margin-top: 0; padding: 24rem 27rem; line-height: 1.75; } .branchesImgBlock { position: relative; padding-top: 11rem; } .branchesImgIconContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 597px; height: 597px; opacity: 0.75; transition: all 0.25s linear; } .branchesImgContainer { position: relative; width: 339px; aspect-ratio: 341 / 462; overflow: hidden; } .branchesImg { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(0); } .branchesSvg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .branchesImgBlock.cHover:hover { transform: translate(0, -4rem); box-shadow: none; } .branchesImgBlock.cHover:hover .branchesImgIconContainer { opacity: 1; transform: translate(-50%, -50%) scale(1.05); } .cResults { position: relative; background-color: var(--color-1); } .cResults .cBlockNum { max-width: 656rem; color: rgba(255, 255, 255, 0.45); } .cResults .cBlockNum::after { background-color: rgba(255, 255, 255, 0.15); } .resultsIconBlockWrapper { height: 363rem; } .resultsIcon { width: 94rem; height: 193rem; } .resultsTitle { margin: 0; border: none; padding: 0; padding-top: 33rem; font-size: 45rem; line-height: 1.2; color: var(--color-3); } .resultsTxt { max-width: 640rem; padding: 24rem 0 32rem; color: var(--color-3); } .cHotels { padding-top: 64rem; } .resultsSubtitle { margin: 0; border: none; padding: 0; font-size: 24rem; line-height: 1.5; color: var(--color-3); } .hotelsTable { padding-top: 45rem; display: flex; gap: 126rem; justify-content: space-between; } .hotelsColNum { margin: 0; border: none; padding: 0; font-size: 36rem; line-height: 1; color: rgba(255, 255, 255, 0.55); } .hotelsColProc { font-size: 18rem; } .hotelsColArrow { font-size: 33rem; color: var(--color-3); } .hotelsColCounter { font-size: 56rem; color: var(--color-3); display: inline-block; width: 56rem; } .hotelsCol:last-of-type .hotelsColCounter { width: 98rem; } .hotelsColCounterProc { font-size: 28rem; } .hotelsColTxt { font-size: 13rem; color: var(--color-3); } .hotelsColSubtxt { font-size: 11rem; color: rgba(255, 255, 255, 0.7); } .hotelsInfoWrapper { margin-top: 41rem; position: relative; background-color: rgba(0, 0, 0, 0.3); } .hotelsInfoBack { position: absolute; inset: 0; z-index: 0; background-image: url("/include/cases/minger/assets/imgs/hotels-back.jpg"); background-position: center 40%; background-size: cover; filter: grayscale(100%); opacity: 0.3; } .hotelsInfo { position: relative; z-index: 1; } .hotelsCardWrapper { border-bottom: 20rem solid var(--color-1); } .hotelsCardWrapper:last-of-type { border-bottom: none; } .hotelsCard { padding: 20rem; display: flex; gap: 20rem; border: 1rem solid rgba(255, 255, 255, 0.1); } .hotelsCard.cHover:hover { transform: none; border-color: rgba(255, 255, 255, 0.3); } .hotelsIcon { width: 24rem; height: 24rem; } .hotelsCardTxt { display: flex; gap: 8rem; flex-direction: column; } .hotelsCardTitle { margin: 0; border: none; padding: 0; font-size: 16rem; line-height: 1.5; color: var(--color-3); } .hotelsCardSubtitle { font-size: 15rem; line-height: 1.7; color: rgba(255, 255, 255, 0.7); } .cHotels .cHover:hover .hotelsCardTxt.cHoverTxt { transform: translate(4rem, 0); } .resultsQuote { margin-top: 32rem; padding: 20rem 20rem 18rem 23rem; font-size: 15rem; } .resultsBtn { margin-top: 40rem; } .resultsBtn .cBtn { background-color: var(--color-5); } .cMedicals { position: relative; background-color: var(--color-3); } .cMedicals .resultsSubtitle { color: #000000; } .cMedicals .resultsTxt { max-width: 608rem; padding-bottom: 48rem; color: #444444; } .medicalIconBlock { top: -80rem; } .medicalCols { display: flex; gap: 48rem; } .medicalLeft { display: flex; justify-content: space-between; flex-direction: column; } .medicalBars { display: flex; gap: 20rem; flex-direction: column; } .medicalBarWrapper { display: flex; gap: 8rem; flex-direction: column; } .medicalBarLabel { display: flex; gap: 37rem; } .medicalBarYear { margin: 0; border: none; padding: 0; font-size: 13rem; line-height: 1.5; color: var(--color-9); } .medicalBarName { font-size: 14rem; line-height: 1.5; color: var(--color-8); } .medicalBar { width: 504rem; height: 40rem; display: block; background-color: #F5F2F0; } .medicalBarVal { width: 0; height: 40rem; } .medicalBtn .cBtn { background-color: var(--color-1); } .medicalBtnMobile { display: none; } .medicalRight { display: flex; gap: 20rem; flex-direction: column; } .medicalInfo { display: flex; gap: 8rem; flex-direction: column; } .medicalInfoNum { margin: 0; border: none; padding: 0; font-size: 56rem; line-height: 1; } .medicalInfoNum5 { color: var(--color-5); } .medicalInfoNum1 { color: var(--color-1); } .medicalInfoTxt { font-size: 15rem; line-height: 1.75; color: var(--color-8); } .medicalQuote { margin-top: 0; padding: 20rem 20rem 20rem 23rem; font-size: 14rem; line-height: 1.8; } .cLoyalty { position: relative; overflow: hidden; background-color: var(--color-5); } .loyaltyImgBlock { background-image: url("/include/cases/minger/assets/imgs/loyalty.jpg"); } .loyaltyContent { position: relative; z-index: 5; } .loyaltyCols { padding-top: 40rem; display: flex; gap: 48rem; } .loyaltyLeft { width: 504rem; } .loyaltyNum { margin: 0; border: none; padding: 0; font-size: 96rem; line-height: 1; color: var(--color-3); } .loyaltyTxtNum { padding-top: 12rem; color: var(--color-3) } .loyaltyTxt { padding-top: 24rem; line-height: 1.75; color: var(--color-3) } .loyaltyBtn { margin-top: 40rem; } .loyaltyRight { width: 504rem; box-sizing: border-box; border-radius: 6rem; border: 1rem solid rgba(255, 255, 255, 0.15); padding: 33rem; background-color: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10rem); } .loyaltyIcon { margin: 0; border: none; padding: 0; font-size: 48rem; line-height: 1; color: rgba(255, 255, 255, 0.25); } .loyaltyQuoteTxt { margin-top: 20rem; font-style: italic; line-height: 1.85; color: rgba(255, 255, 255, 0.9); } .loyaltyQuoteManagement { margin: 0; border: none; padding: 0; margin-top: 24rem; border-top: 1rem solid rgba(255, 255, 255, 0.12); padding-top: 21rem; font-size: 12rem; line-height: 1.4; letter-spacing: 0.13em; color: rgba(255, 255, 255, 0.45); } .cLoyalty .cHover:hover .cHoverTxt { transform: translate(4rem, 0); } .cLoyalty .cHover:hover .cHoverTxtLeft { transform: translate(-4rem, 0); } .cConclusions { position: relative; background-color: var(--color-3); } .conclusionIconBlock { top: 44rem; } .conclusionSubtitle { max-width: 640rem; padding-top: 25rem; } .conclusionAccordion { padding-top: 56rem; display: flex; gap: 24rem; flex-wrap: wrap; } .accordionCard { position: relative; max-width: 516rem; box-sizing: border-box; border: 1rem solid var(--color-4); padding: 29rem 29rem 41rem; background-color: var(--color-6); } .accordionCard:hover { cursor: pointer; } .accordionSubtitle { padding: 2rem 0; } .accordionCardOpened .accordionSum::after { content: url("/include/cases/minger/assets/imgs/accordion-open.svg"); } .accordionSum { margin: 0; border: none; padding: 0; position: relative; padding-top: 12rem; font-size: 18rem; line-height: 1.3; } .accordionSum::after { content: url("/include/cases/minger/assets/imgs/accordion.svg"); position: absolute; top: -18rem; right: 0; display: block; width: 18rem; height: 18rem; transition: all 0.5s linear; } .accordionTxt { padding-top: 12rem; font-size: 15rem; line-height: 1.75; color: var(--color-8); display: none; } .accordionCardOpened .accordionTxt{ display: block; } .cHover:hover .accordionSubtitle.cHoverTxt { transform: translate(4rem, 0); } .cHover:hover .accordionDetails.cHoverTxt { transform: translate(4rem, 0); } .cFooter { position: relative; min-height: calc(100vh - var(--header-height)); display: flex; align-items: center; background-color: var(--color-1); } .footerLogo { width: 140rem; } .footerQuote { max-width: 800rem; box-sizing: border-box; margin-top: 40rem; border: 1rem solid rgba(255, 255, 255, 0.12); padding: 33rem; background-color: rgba(0, 0, 0, 0.06); backdrop-filter: blur(10rem); } .footerQuoteTxt { margin: 0; border: none; padding: 0; font-style: italic; font-size: 26rem; line-height: 1.5; color: var(--color-3); } @media screen and (max-width: 1440px) { html { font-size: calc(1vw / 14.4); } .cContent { --width: 1440rem; } } @media screen and (max-width: 1086px) { html { font-size: calc(1vw / 10.86); } .cContent { --width: 1086rem; } } /* End */ /* Start:/include/cases/minger/assets/css/index-768.css?17794391444492*/ @media screen and (max-width: 1024px) { html { font-size: calc(1vw / 7.68); } .cContent { --width: 768rem; } .cContainer { width: 100%; box-sizing: border-box; padding: 112rem 48rem; } .cScroll { overflow-x: scroll; } .cNavWrapper { position: fixed; z-index: 9; top: 0; right: 0; display: block; width: 100vw; height: 0; background-color: rgba(98, 111, 134, 0.97); } .cNavWrapperOpened { height: 100vh; } .navBtn { position: fixed; z-index: 10; top: calc(20rem + var(--header-height)); right: 20rem; display: block; margin: 0; border: none; padding: 0; background-color: var(--color-1); } .navBtn::after { content: url("/include/cases/minger/assets/imgs/nav-btn-v2.svg"); display: block; padding: 11rem; width: 18rem; height: 18rem; } .navBtnClicked::after { content: url("/include/cases/minger/assets/imgs/nav-btn-clicked.svg"); padding: 9rem; width: 21rem; height: 21rem; } .cNav { display: none; } .cNavWrapperOpened .cNav { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: flex; padding-left: 48rem; width: 100%; box-sizing: border-box; } .navPoint { gap: 20rem; flex-direction: row-reverse; border: none; } .navIcon { display: none; } .navTxt { color: rgba(255, 255, 255, 0.45); opacity: 1; } .navTitle { font-size: 17rem; line-height: 1.5; letter-spacing: 0.1em; display: flex; gap: 20rem; align-items: center; } .navTitle::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='20' height='1' viewBox='0 0 20 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='19.997' height='0.996563' fill='white'/%3E%3C/svg%3E%0A"); display: block; width: 20rem; height: 1rem; opacity: 0.2; } .navActive .navTitle { color: var(--color-3); } .navActive .navTitle::before { opacity: 1; } .cNavWrapperOpened .navSubtitle { display: block; padding: 24rem; line-height: 1.4; letter-spacing: 0.15em; } .heroContent { padding: 59rem 0; } .heroTitle { padding: 96rem 24rem 0; font-size: 26rem; } .aboutTitle { font-size: 29rem; } .aboutGallery { width: 1056rem; } .aboutIconBlock { right: -576rem; } .situationSubtitle { gap: 40rem; } .barriersCards { width: 1056rem; } .audienceIconBlock { opacity: 0.5; } .audienceGallery { gap: 24rem; } .cFoundation .cContainer { padding: 96rem 48rem; } .cToplevel .cContainer { padding: 129rem 48rem 100rem; } .cTraffic .aboutIconBlock { right: -576rem; } .trafficImgBlock img { max-width: 303rem; } .trafficColumnsTxt { padding-right: 0; } .trafficSourcesRow { grid-template-columns: auto 109rem 90rem 80rem 80rem 90rem; } .trafficSourcesBar { width: 93rem; } .trafficSourcesWrapper { width: 672rem; } .cTraffic .trafficIconBlock { display: none; } .dynamicsByMonthChart { width: 618rem; } .cChartLegends { gap: 0; flex-direction: column; } .demandContent .cContainer { padding: 96rem 48rem; } .brandSearchTrendsChart { width: 603rem; } .cBranches .cContainer { padding: 96rem 48rem; } .branchesContent { width: 100%; } .branchesImgBlock { display: none; } .branchesIconBlock .aboutIcon { opacity: 0.1; } .medicalBar { width: 312rem; } .loyaltyCols { flex-direction: column; } .loyaltyLeft { width: 100%; } .loyaltyRight { width: 100%; } .footerContent { padding: 65rem 24rem 70rem; } .footerQuoteTxt { font-size: 18rem; } } /* End */ /* Start:/include/cases/minger/assets/css/index-430.css?17794391446502*/ @media screen and (max-width: 500px) { html { font-size: calc(1vw / 3.75); } .cContent { --width: 375rem; } .cContainer { padding: 112rem 24rem 58rem; } .cScroll { overflow-x: unset; } .cScrollMobile { overflow-x: scroll; } .heroContent { padding: 65rem 0 70rem; } .heroServices { padding-top: 48rem; width: 300rem; flex-wrap: wrap; } .heroElem { flex-shrink: 0; } .heroSubtitle { padding-top: 40rem; } .aboutIconBlock { top: -26rem; right: -694rem; } .aboutImg { width: 100%; height: 244rem; } .aboutTxt { padding: 25rem 0 27rem; font-size: 18rem; line-height: 1.7; letter-spacing: 0; } .aboutSubtitle { padding: 32rem 0 0; line-height: 1.75; } .aboutGallery { width: 100%; gap: 18rem; flex-direction: column; } .aboutQuote { margin-top: 51rem; } .situationTitle { padding-top: 43rem; } .situationSubtitle { flex-direction: column; } .situationTxt { line-height: 2; } .situationNumbers { gap: 10rem; flex-direction: column; align-items: flex-start; } .situationSpacer { width: 64rem; height: 1rem; margin-top: 10rem; } .situationDescript { line-height: 1.8; } .barriersSubtitle { padding: 15rem 0 0; font-size: 17rem; } .barriersCards { width: 100%; gap: 30rem; flex-direction: column; } .barriersItem { padding: 32rem; } .barriersItemTask { margin-top: 26rem; } .cBarriers .cContainer { padding-bottom: 69rem; } .audienceIconBlock { top: -122rem; right: -169rem; } .audienceIconBack { width: 444rem; height: 444rem; } .audienceIconCenter { width: 177rem; height: 177rem; } .audienceSubtitle { padding-top: 23rem; font-size: 17rem; line-height: 1.9; } .audienceGallery { padding-top: 46rem; width: 100%; gap: 15rem; flex-direction: column; } .audienceImgBlock { padding: 5rem; } .audienceImgBlock img { width: 309rem; height: 185rem; padding: 2rem; } .audienceCards { margin-top: 27rem; gap: 24rem; } .audienceItemTxt { font-size: 15rem; line-height: 1.68; } .cFoundation .cContainer { padding: 96rem 24rem 44rem; } .foundationTitle { font-size: 21rem; } .foundationSubtitle { padding: 40rem 0 0; } .foundationCards { margin-top: 40rem; } .foundationImg { height: 222rem; } .foundationHighlight { margin-top: 30rem; } .foundationHighlightTxt { line-height: 1.78; } .cToplevel .cContainer { padding: 96rem 24rem 44rem; } .toplevelIconBlock { top: -133rem; right: -182rem; } .toplevelIcon { width: 86rem; height: 86rem; } .cVideo { margin-top: 30rem; } .toplevelTable { grid-template-columns: repeat(2, 1fr); } .toplevelHighlightTxt { padding-top: 25rem; } .cTraffic .aboutIconBlock { top: 242rem; } .trafficColumns { padding-top: 30rem; flex-direction: column; } .trafficColumns:first-of-type, .trafficColumns:last-of-type { flex-direction: column-reverse; } .trafficImgBlock img { height: 146rem; } .trafficColumns:nth-of-type(2), .trafficColumns:nth-of-type(3) { padding-top: 30rem; } .trafficColumns:nth-of-type(3) .trafficColumnsTxt { margin-top: 0; } .dynamicsByMonth { width: 672rem; } .trafficHighlightDark .toplevelTable { grid-template-columns: repeat(1, 1fr); } .trafficHighlightDark .toplevelCeilTxt { padding-top: 2rem; } .trafficHighlightDark .toplevelHighlightTxt { line-height: 1.55; } .trafficTxt { padding: 30rem 0 0; line-height: 1.75; } .demandContent .cContainer { padding: 96rem 24rem 44rem; } .brandSearchTrends { padding-top: 30rem; } .demandTable { grid-template-columns: repeat(1, 1fr); } .demandTxt { padding: 32rem 0 32rem; } .cBranches .cContainer { padding: 96rem 24rem 44rem; } .branchesColumns { gap: 32rem; flex-direction: column-reverse; } .branchesImgContainer { width: 100%; } .branchesImgBlock { display: block; } .branchesQuote { margin-top: 0; padding: 20rem 20rem 20rem 23rem; line-height: 1.9; } .branchesIconBlock { top: 260rem; left: 110rem; right: unset; } .cResults .cContainer { padding-bottom: 44rem; } .resultsIcon { width: 62rem; height: 134rem; } .cResults .cBlockNum { max-width: 227rem; } .resultsTitle { font-size: 28rem; } .resultsTxt { line-height: 2; } .hotelsTable { padding-top: 35rem; gap: 26rem; flex-direction: column; } .hotelsInfoWrapper { margin-top: 29rem; } .hotelsCardWrapper { border-width: 25rem; } .resultsQuote { margin-top: 33rem; } .resultsBtn { margin-top: 30rem; } .cMedicals .cContainer { padding: 112rem 24rem 70rem; } .medicalIconBlock { top: 211rem; } .medicalIconBlock .aboutIcon { opacity: 0.1; } .medicalCols { flex-direction: column; } .medicalRight { gap: 30rem; } .medicalBar { width: 100%; } .medicalBtn { display: none; } .medicalBtnMobile { display: block; } .medicalQuote { margin-top: 0; } .loyaltyNum { font-size: 64rem; } .loyaltyQuoteManagement { margin-top: 30rem; } .branchesImgIconContainer { display: none; } } /* 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/blog-event-pages.css?178703583434983 */ /* /include/cases/minger/assets/css/index.css?177943914440084 */ /* /include/cases/minger/assets/css/index-768.css?17794391444492 */ /* /include/cases/minger/assets/css/index-430.css?17794391446502 */