/* Start:/local/templates/metamorph/libs/swiper-7-4-1/swiper-bundle.min.css?175499119115563*/ /** * Swiper 7.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 24, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/metamorph/libs/magnific-popup/dist/magnific-popup.css?17549911946951*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/metamorph/css/style.css?1754991186175261*/ /*=== Helpers ====*/ /* // spacers $spacer: 1rem; $spacers: (0: 0, 1: ($spacer * (0.25)), //4px 2: ($spacer * 0.5), //8px 3: $spacer, //16px 4: ($spacer * 1.5), //24px 5: ($spacer * 3), //48px 6: ($spacer * 2), //32px 7: ($spacer * 2.5), //40px 8: $spacer * 3.5, //56px ); */ /* // headings $headings-font-family: $font-base !default; $headings-font-weight: $font-weight-400 !default; $headings-line-height: 1 !default; */ /* Breakpoints */ /* Fonts generator */ /* Clearfix */ /* default transition */ /* Available hide pattern: visually-hidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* FRONT fonts */ @font-face { font-display: swap; font-family: "ActayCondensed-Thin"; font-style: normal; font-weight: 400; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayCondensed-Thin.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayCondensed-Thin.woff") format("woff"); } @font-face { font-display: swap; font-family: "ActayCondensed-ThinItalic"; font-style: normal; font-weight: 500; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayCondensed-ThinItalic.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayCondensed-ThinItalic.woff") format("woff"); } @font-face { font-display: swap; font-family: "Actay-Regular"; font-style: normal; font-weight: 400; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/Actay-Regular.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/Actay-Regular.woff") format("woff"); } @font-face { font-display: swap; font-family: "Actay-RegularItalic"; font-style: normal; font-weight: 400; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/Actay-RegularItalic.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/Actay-RegularItalic.woff") format("woff"); } @font-face { font-display: swap; font-family: "ActayWide-Bold"; font-style: normal; font-weight: 700; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayWide-Bold.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayWide-Bold.woff") format("woff"); } @font-face { font-display: swap; font-family: "ActayWide-BoldItalic"; font-style: normal; font-weight: 700; src: url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayWide-BoldItalic.woff2") format("woff2"), url("/local/templates/metamorph/css/../assets/fonts/Actay-Wide/ActayWide-BoldItalic.woff") format("woff"); } /* BACK EBD fonts */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .hidden { display: none !important; } .nowrap { white-space: nowrap; } .text-right { text-align: right; } .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-15 { margin-bottom: 15px; } .mb-40 { margin-bottom: 40px !important; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .hide-desk--desktop-tiny { display: none; } @media only screen and (max-width: 1199px) { .hide-desk--desktop-tiny { display: -webkit-box; display: -ms-flexbox; display: flex; } } .hide-desktop-tiny--desk { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .hide-desktop-tiny--desk { display: none; } } @media only screen and (max-width: 1199px) { .hide-phone--desktop-tiny { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .hide-phone--desktop-tiny { display: none !important; } } @media only screen and (max-width: 1199px) { .hide-desktop-tiny--phone { display: none !important; } } @media only screen and (max-width: 767px) { .hide-desktop-tiny--phone { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } /*=== UI-kit ====*/ /*=== All ====*/ @font-face { font-family: 'Pixeloid-Mono'; src: url(/local/templates/metamorph/css/../assets/fonts/Pixeloid/PixeloidMono.otf); } @font-face { font-family: 'Pixeloid-Sans'; src: url(/local/templates/metamorph/css/../assets/fonts/Pixeloid/PixeloidSans.otf); } html { height: unset; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-size-adjust: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } body { background: #FFFFFF; color: #323379; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; min-height: 100%; padding-right: 0 !important; width: 100%; } .header, .footer { -ms-flex-negative: 0; flex-shrink: 0; } .page-wrapper { position: relative; width: 100%; } [type='search']::-ms-clear, [type='text']::-ms-clear, [type='passowrd']::-ms-clear, [type='tel']::-ms-clear { display: none; } body * { -webkit-box-sizing: border-box; box-sizing: border-box; } body *:after, body *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; vertical-align: middle; } video { height: 100%; max-width: 100%; -o-object-fit: inherit; object-fit: inherit; } .icn { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; display: inline-block; fill: currentColor; } button { background-color: transparent; border: 0; cursor: pointer; font-family: inherit; font-weight: inherit; outline: none; padding: 0; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button:disabled, button[disabled='disabled'] { cursor: default; opacity: 0.5; } textarea:focus, input:focus { outline: none; } ol, ul { background: transparent; border: 0; font-size: 100%; font-weight: 400; list-style: none; margin: 0; padding: 0; vertical-align: baseline; } .wrap-ttl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 22.1875rem; margin-right: 1.875rem; } @media only screen and (max-width: 1023px) { .wrap-ttl { width: 100%; } } .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 3.125rem; } .link-phone, .link-mail { font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.5rem; line-height: 1.275; color: #FFFFFF; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .link-phone, .link-mail { font-size: 1.875rem; } } @media only screen and (max-width: 1023px) { .link-mail { font-size: 1.25rem; } } .show-all__item:nth-child(n + 6) { display: none; } .show-all__item.is-visible { display: block; } .show-all__button span { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .show-all__button .hide { display: none; } .section-main-top { min-height: 60.9375rem; padding-top: 2.1875rem; background: #F0F3FF; } @media only screen and (max-width: 1023px) { .section-main-top { min-height: 41.5625rem; position: relative; z-index: -1; } } @media only screen and (max-width: 767px) { .section-main-top { padding-top: 0.625rem; padding-bottom: 2.1875rem; } } .section-main-top .section-body .container { position: relative; } .section-main-top .main-top__top { position: relative; display: block; min-height: 41.125rem; } @media only screen and (max-width: 1023px) { .section-main-top .main-top__top { min-height: 34.375rem; } } @media only screen and (max-width: 1023px) { .section-main-top .main-top__top { min-height: 26.5625rem; } } .section-main-top .main-top__decor { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .section-main-top .main-top__decor { position: relative; width: calc(100% + 2.5rem); margin: 0 -1.25rem; } } .section-main-top .main-top__img { right: -1.25rem; width: 69.8125rem; -webkit-clip-path: polygon(0% 100%, 0% 79.7%, 11% 79.7%, 11% 22%, 66% 22%, 66% 0%, 100% 0%, 100% 58%, 66% 58%, 66% 100%); clip-path: polygon(0% 100%, 0% 79.7%, 11% 79.7%, 11% 22%, 66% 22%, 66% 0%, 100% 0%, 100% 58%, 66% 58%, 66% 100%); } @media only screen and (max-width: 1439px) { .section-main-top .main-top__img { width: 65.5%; } } @media only screen and (max-width: 767px) { .section-main-top .main-top__img { width: 100%; } } .section-main-top .main-top__img img { width: 100%; height: auto; } .section-main-top .main-top__services { position: absolute; right: 3.125rem; bottom: 0; } @media only screen and (max-width: 1439px) { .section-main-top .main-top__services { display: none; } } .section-main-top .main-top__services .inside { position: relative; } @media only screen and (max-width: 1439px) { .section-main-top .main-top__services .inside { display: none; } } .section-main-top .main-top__services .subttl { display: block; margin-bottom: 1.5625rem; } .section-main-top .main-top__services .art-line { position: absolute; left: calc(-100% - 1.875rem); top: 0; z-index: 2; } .section-main-top .main-top__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 4.375rem 0; } @media only screen and (max-width: 1439px) { .section-main-top .main-top__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 3.125rem 0; } } .section-main-top .main-top__bottom .wrap-ttl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-main-top .main-top__bottom .ttl-slider { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'Pixeloid-Mono'; text-transform: uppercase; font-size: 1.5rem; letter-spacing: 0.25em; color: #5556E0; } @media only screen and (max-width: 1023px) { .section-main-top .main-top__bottom .ttl-slider { font-size: 0.875rem; } } .section-main-top .button-main-popup { position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 767px) { .section-main-top .button-main-popup { position: static; width: 100%; margin-top: 1.4375rem; } } .section-main-top .art-object { position: absolute; bottom: 0; left: 150px; } @media only screen and (max-width: 1439px) { .section-main-top .art-object { left: unset; right: 15%; margin-left: 0; height: 13.75rem; width: auto; } } @media only screen and (max-width: 767px) { .section-main-top .art-object { height: 10.3125rem; } } .section-services h3 { margin: 0; } @media only screen and (max-width: 1023px) { .section-services h3 { font-size: 1.375rem; } } @media only screen and (max-width: 767px) { .section-services h3 { font-size: 1.125rem; } } .section-services .section-body { position: relative; padding: 7.8125rem 0 9.375rem; } @media only screen and (max-width: 1023px) { .section-services .section-body { padding: 6.25rem 0; } } @media only screen and (max-width: 767px) { .section-services .section-body { padding: 5.625rem 0; padding-bottom: 6.25rem; } } .section-services .section-body .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-services .section-top { position: absolute; top: -4.6875rem; height: 9.375rem; width: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1600' height='150' viewBox='0 0 1600 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='75' height='75' transform='matrix(-1 0 0 1 1600 75)' fill='%23F0F3FF'/%3e%3crect width='75' height='75' transform='matrix(-1 0 0 1 1375 75)' fill='%23F0F3FF'/%3e%3crect width='75' height='75' transform='matrix(-1 0 0 1 1525 0)' fill='white'/%3e%3crect width='75' height='75' transform='matrix(1 0 0 -1 0 150)' fill='%23F0F3FF'/%3e%3c/svg%3e"); background-position: center; background-size: contain; } @media only screen and (max-width: 1023px) { .section-services .section-top { top: -2.25rem; height: 4.5625rem; } } @media only screen and (max-width: 767px) { .section-services .section-top { top: -2.125rem; height: 4.25rem; } } .section-services .services-main { width: calc(100% - 22.1875rem - 1.875rem); } @media only screen and (max-width: 1199px) { .section-services .services-main { width: 100%; margin-top: 1.125rem; } } .section-services .button-border-violet.see-all { margin-top: 1.875rem; border: 3px solid #5556E0; -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); width: 20rem; } .section-adv { padding-bottom: 15.625rem; } @media only screen and (max-width: 1023px) { .section-adv { padding-bottom: 8.4375rem; } } .section-adv h2 { margin-bottom: 5.625rem; line-height: 1; } @media only screen and (max-width: 1199px) { .section-adv h2 { margin-bottom: 1.25rem; } } .section-case { background: #F0F3FF; } .section-case .section-body { position: relative; padding: 7.8125rem 0 9.375rem; } @media only screen and (max-width: 1023px) { .section-case .section-body { padding: 1.4375rem 0 10.3125rem; } } .section-case .section-body .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-case .section-top { position: absolute; top: -9.375rem; height: 14.0625rem; width: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='1600' height='225' viewBox='0 0 1600 225' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='75' width='75' height='75' fill='%23F0F3FF'/%3e%3crect x='225' y='75' width='75' height='75' fill='%23F0F3FF'/%3e%3crect x='75' y='150' width='75' height='75' fill='white'/%3e%3crect x='75' width='75' height='75' fill='%23F0F3FF'/%3e%3crect x='1525' y='75' width='75' height='75' transform='rotate(180 1525 75)' fill='%23F0F3FF'/%3e%3crect x='1600' y='150' width='75' height='75' transform='rotate(180 1600 150)' fill='%23F0F3FF'/%3e%3c/svg%3e"); background-position: center; background-size: contain; } @media only screen and (max-width: 1023px) { .section-case .section-top { height: 6.75rem; top: -4.5rem; } } @media only screen and (max-width: 767px) { .section-case .section-top { height: 5.375rem; top: -3.5rem; } } .section-case .slider-wrap { overflow: visible; } @media only screen and (max-width: 1199px) { .section-case .slider-wrap { margin: 0 auto; } } @media only screen and (max-width: 767px) { .section-case .slider-wrap { padding-bottom: 3.125rem; margin: 0 -1.25rem; overflow: hidden; } } .section-feedback { padding-top: 1.875rem; background: #F0F3FF url(/local/templates/metamorph/css/../assets/images/example/feedback/feedback-fon.png) no-repeat left bottom; } @media only screen and (max-width: 1023px) { .section-feedback { background-size: 100%; } } .section-feedback__col { width: 50%; } @media only screen and (max-width: 767px) { .section-feedback__col { width: 100%; } } .section-feedback__decor { position: relative; height: 100%; } .section-feedback__decor .feedback-art { position: absolute; } .section-feedback__decor .feedback-art-1 { top: -2.5rem; left: 0; } @media only screen and (max-width: 1023px) { .section-feedback__decor .feedback-art-1 { width: 55%; top: unset; bottom: 30px; } } .section-feedback__decor .feedback-art-2 { left: -3.125rem; bottom: -11.25rem; } @media only screen and (max-width: 1023px) { .section-feedback__decor .feedback-art-2 { width: 22.5rem; left: -1.25rem; bottom: -6.25rem; } } .section-feedback__decor .feedback-art-3 { bottom: -3.75rem; left: calc(50% - 52px); } @media only screen and (max-width: 1023px) { .section-feedback__decor .feedback-art-3 { width: 4.25rem; bottom: -2.625rem; left: 10.625rem; } } @media only screen and (max-width: 767px) { .section-feedback__decor .feedback-art-3 { left: 9.375rem; } } .section-feedback h2 { margin-bottom: 1.875rem; } .section-feedback .container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .section-feedback .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .section-feedback .subttl { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 3.4375rem; line-height: 1; } @media only screen and (max-width: 1023px) { .section-feedback .subttl { font-size: 1.5rem; } } .section-feedback .section-body { padding-bottom: 11.25rem; } @media only screen and (max-width: 1023px) { .section-feedback .section-body { padding-bottom: 6.25rem; } } .section-feedback .section-body .section-feedback__col { width: 50%; } @media only screen and (max-width: 767px) { .section-feedback .section-body .section-feedback__col { width: 100%; } } @media only screen and (max-width: 767px) { .section-feedback .section-body .section-feedback__col:first-child { height: 21.875rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .section-feedback .feedback-form { margin-top: 1.25rem; } @media only screen and (max-width: 1023px) { .section-feedback .feedback-form { margin-top: 0.3125rem; } } h1, .h1 { font-size: 3.125rem; font-weight: normal; line-height: 1.1; margin: 0; } h2, .h2 { font-size: 3.75rem; font-weight: normal; line-height: 120px; margin: 0; } h3, .h3 { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.5rem; font-weight: normal; line-height: 1.1; color: #5556E0; text-transform: uppercase; } h4, .h4 { font-size: 28px; font-weight: 400; line-height: 32px; margin: 0; } h5, .h5 { font-size: 24px; line-height: 1.3; margin: 0; } h6, .h6 { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0; } .subttl { font-size: 1.875rem; line-height: 110%; text-transform: uppercase; color: #5556E0; } @media only screen and (max-width: 1023px) { .subttl { font-size: 1.25rem; } } p { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.5; color: #323379; } .desc { font-size: 16px; line-height: 28px; } .th { font-size: 18px; font-weight: 600; line-height: 28px; } .td { font-size: 18px; font-weight: 400; line-height: 28px; } a, .link { -webkit-transition: color 0.2s ease; transition: color 0.2s ease; cursor: pointer; text-decoration: none; } a:hover, .link:hover { color: #875CFF; } a[href^='tel:'], a[href^='mailto:'] { white-space: nowrap; } img, picture { vertical-align: top; } button { cursor: pointer; } hr { border: 0; display: block; height: 1px; margin: 1em 0; padding: 0; } .light { font-weight: 300; } .normal { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .g-info { font-size: 12px; line-height: 1.25; } .g-link-dotted { border-bottom: 1px dotted; cursor: pointer; text-decoration: none; } .g-link-back { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .g-link-back .icn { margin-right: 18px; } .mark { padding-left: 32px; position: relative; } .mark:before { content: ''; display: block; height: 12px; left: 0; position: absolute; top: 8px; width: 12px; } @media only screen and (max-width: 1023px) { .mark:before { height: 8px; width: 8px; } } .thin { font-family: "ActayCondensed-Thin", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .thin-italic { font-family: "ActayCondensed-ThinItalic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .regular { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .italic { font-family: "Actay-RegularItalic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bold { font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .bold-italic { font-family: "ActayWide-BoldItalic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .container { margin: 0 auto; max-width: 100rem; padding: 0 3.125rem; width: 100%; } @media only screen and (max-width: 1023px) { .container { padding: 0 1.25rem; } } .icn { display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .icn--fill { fill: currentColor; } .icn--stroke { stroke: currentColor; } .icn--full { fill: currentColor; stroke: currentColor; } .art-line { width: 12.6875rem; height: 0.9375rem; } /*=== Pages ====*/ /* // spacers $spacer: 1rem; $spacers: (0: 0, 1: ($spacer * (0.25)), //4px 2: ($spacer * 0.5), //8px 3: $spacer, //16px 4: ($spacer * 1.5), //24px 5: ($spacer * 3), //48px 6: ($spacer * 2), //32px 7: ($spacer * 2.5), //40px 8: $spacer * 3.5, //56px ); */ /* // headings $headings-font-family: $font-base !default; $headings-font-weight: $font-weight-400 !default; $headings-line-height: 1 !default; */ /* Breakpoints */ /* Fonts generator */ /* Clearfix */ /* default transition */ /* Available hide pattern: visually-hidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .design h1 { width: 100%; color: red; } .design h2 { width: 100%; } .design h3 { width: 100%; } .design h4 { width: 100%; } .design section { margin: 30px 0; } .design .color-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .design .color-round { width: 50px; height: 50px; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); border: 3px solid #FFF; border-radius: 50%; margin-right: 10px; } .design__color { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .design__color-1 .color-round { background: #000000; } .design__color-2 .color-round { background: #FFFFFF; } .design__color-3 .color-round { background: #323379; } .design__color-4 .color-round { background: #5556E0; } .main-page h1 { position: relative; margin-top: 0.625rem; max-width: 55%; font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.8125rem; line-height: 1.05; color: #323379; text-transform: uppercase; z-index: 2; } @media only screen and (max-width: 1023px) { .main-page h1 { margin-top: 0; font-size: 2.1875rem; line-height: 1.15; } } @media only screen and (max-width: 767px) { .main-page h1 { width: 100%; max-width: 22.5rem; margin-top: 2.8125rem; font-size: 1.625rem; line-height: 1.05; } } .main-page h1 + .subttl { position: relative; display: block; margin-top: 2.1875rem; padding-left: 1.875rem; } @media only screen and (max-width: 1439px) { .main-page h1 + .subttl { margin-top: 1.375rem; padding-left: 1.25rem; } } .main-page h1 + .subttl::after { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 90%; background: #5556E0; } .main-page h1 .visible-desk { display: block; } @media only screen and (max-width: 1023px) { .main-page h1 .visible-desk { display: none; } } .main-page h1 .visible-tablet { display: none; } @media only screen and (max-width: 1023px) { .main-page h1 .visible-tablet { display: block; } } .main-page h2 { font-size: 3.4375rem; font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #323379; text-transform: uppercase; line-height: 1; } @media only screen and (max-width: 1023px) { .main-page h2 { font-size: 2.5rem; } } @media only screen and (max-width: 767px) { .main-page h2 { font-size: 1.875rem; } } /*=== Components ====*/ .accordion__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .accordion__header::after { position: absolute; right: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1.875rem; height: 1.875rem; margin-left: 1.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 15H12M18 15H30M15 30L15 18M15 12L15 0' stroke='%235556E0' stroke-width='3'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: contain; content: ""; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .accordion__header::after { width: 1.25rem; height: 1.25rem; } } ._show .accordion__header::after, ._slidedown .accordion__header::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .accordion__body { max-height: 62.5rem; height: 100%; overflow: hidden; -webkit-transition: .5s; transition: .5s; } .accordion__content { visibility: visible; -webkit-transition: .5s; transition: .5s; } .accordion__item:not(._show) .accordion__body { max-height: 0; } .accordion__item:not(._show) .accordion__content { visibility: hidden; } .services-main { counter-reset: myCounter; } .services-main .accordion__item { padding: 3.125rem 0; border-bottom: 1px solid; } @media only screen and (max-width: 1023px) { .services-main .accordion__item { padding: 1.75rem 0; } } @media only screen and (max-width: 767px) { .services-main .accordion__item { padding: 1.5625rem 0; } } .services-main .accordion__item:first-child { border-top: 1px solid; } .services-main .accordion__item:nth-child(n+1):nth-child(-n+9) .accordion__header::before { content: "0" counter(myCounter); } .services-main .accordion__header { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 2.5rem; line-height: 1.1; color: #5556E0; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .services-main .accordion__header { font-size: 1.375rem; } } @media only screen and (max-width: 767px) { .services-main .accordion__header { font-size: 1.125rem; } } .services-main .accordion__header::before { counter-increment: myCounter; content: counter(myCounter); position: relative; top: -0.1875rem; margin-right: 1.875rem; font-family: 'Pixeloid-Sans'; font-size: 2.5rem; line-height: 100%; color: #5556e033; } @media only screen and (max-width: 1023px) { .services-main .accordion__header::before { font-size: 1.25rem; } } @media only screen and (max-width: 767px) { .services-main .accordion__header::before { margin-right: 0.75rem; font-size: 1.125rem; } } .services-main .accordion__header h3 { max-width: 75%; } .services-main .accordion__body { padding-left: 5rem; } @media only screen and (max-width: 1023px) { .services-main .accordion__body { padding-left: 3.125rem; } } /* // spacers $spacer: 1rem; $spacers: (0: 0, 1: ($spacer * (0.25)), //4px 2: ($spacer * 0.5), //8px 3: $spacer, //16px 4: ($spacer * 1.5), //24px 5: ($spacer * 3), //48px 6: ($spacer * 2), //32px 7: ($spacer * 2.5), //40px 8: $spacer * 3.5, //56px ); */ /* // headings $headings-font-family: $font-base !default; $headings-font-weight: $font-weight-400 !default; $headings-line-height: 1 !default; */ /* Breakpoints */ .breadcrumbs { display: none; /* @include media(md) { display: flex; flex-wrap: wrap; padding-top: 24px; } */ } .breadcrumbs__item { margin-right: 5px; font-size: 14px; line-height: 18.9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* @include media(lg) { font-size: 16px; line-height: 20px; } */ } .breadcrumbs__item:not(:first-child) { margin-left: 10px; } .breadcrumbs__item:not(:first-child):before { content: ''; background-position: center; background-repeat: no-repeat; height: 10px; width: 10px; margin-right: 16px; } .list-bnf { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .list-bnf { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .list-bnf__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 4 - 2.4375rem); } @media only screen and (max-width: 1023px) { .list-bnf__item { width: calc(100% / 2 - 1.6875rem); } } @media only screen and (max-width: 767px) { .list-bnf__item { width: 100%; } } .list-bnf__item:not(:first-child) { margin-left: 3.25rem; } @media only screen and (max-width: 767px) { .list-bnf__item:not(:first-child) { margin-left: 0; } } @media only screen and (max-width: 1023px) { .list-bnf__item:nth-child(2n+3) { margin-left: 0; } } @media only screen and (max-width: 1023px) { .list-bnf__item:nth-child(1) { margin-bottom: 3.125rem; } } @media only screen and (max-width: 1023px) { .list-bnf__item:nth-child(2) { margin-bottom: 3.125rem; } } .list-bnf__item p { margin: 0; margin-top: 1.875rem; } @media only screen and (max-width: 1023px) { .list-bnf__item p { margin-top: 0.625rem; font-size: 0.875rem; } } .list-bnf__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 10.3125rem; } @media only screen and (max-width: 1023px) { .list-bnf__img { height: 6.5625rem; } } .list-bnf__img svg { height: 100%; width: auto; } .list-bnf__ttl { display: block; margin-top: 2rem; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.875rem; line-height: 1.1; color: #5556E0; text-transform: uppercase; } @media only screen and (max-width: 1199px) { .list-bnf__ttl { font-size: 1.375rem; } } .list-bnf__ttl .visible-desc { display: block; } @media only screen and (max-width: 1023px) { .list-bnf__ttl .visible-desc { display: none; } } .list-bnf__ttl .visible-tablet { display: none; } @media only screen and (max-width: 1023px) { .list-bnf__ttl .visible-tablet { display: block; } } .list-case { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .list-case { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 45.625rem; margin: 0 auto; margin-top: 5rem; } } .list-case__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 4 - 1.64rem); } @media only screen and (max-width: 1199px) { .list-case__item { width: calc(100% / 2 - 1.64rem); } } .list-case__item:not(:first-child) { margin-left: 2.1875rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(2n+3) { margin-left: 0; } } .list-case__item:nth-child(1) .list-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 3.125rem; height: 21.875rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(1) .list-case__img { margin-left: 3.75rem; margin-top: 1.875rem; } } .list-case__item:nth-child(1) .list-case__img::before { width: 65%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='78' height='240' viewBox='0 0 78 240' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_345_162)'%3e%3crect x='72' y='24' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 24)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 18)' fill='%235556E0'/%3e%3crect x='54' y='6' width='6' height='6' transform='rotate(-90 54 6)' fill='%235556E0'/%3e%3crect x='18' y='6' width='6' height='6' transform='rotate(-90 18 6)' fill='%235556E0'/%3e%3crect x='48' y='6' width='6' height='6' transform='rotate(-90 48 6)' fill='%235556E0'/%3e%3crect x='12' y='6' width='6' height='6' transform='rotate(-90 12 6)' fill='%235556E0'/%3e%3crect x='60' y='6' width='6' height='6' transform='rotate(-90 60 6)' fill='%235556E0'/%3e%3crect x='24' y='6' width='6' height='6' transform='rotate(-90 24 6)' fill='%235556E0'/%3e%3crect x='66' y='12' width='6' height='6' transform='rotate(-90 66 12)' fill='%235556E0'/%3e%3crect x='30' y='12' width='6' height='6' transform='rotate(-90 30 12)' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' transform='rotate(-90 72 18)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 18)' fill='%235556E0'/%3e%3crect x='36' y='72' width='6' height='6' transform='rotate(-90 36 72)' fill='%235556E0'/%3e%3crect x='36' y='18' width='6' height='6' transform='rotate(-90 36 18)' fill='%235556E0'/%3e%3crect x='42' y='12' width='6' height='6' transform='rotate(-90 42 12)' fill='%235556E0'/%3e%3crect x='6' y='12' width='6' height='6' transform='rotate(-90 6 12)' fill='%235556E0'/%3e%3crect x='42' y='66' width='6' height='6' transform='rotate(-90 42 66)' fill='%235556E0'/%3e%3crect x='48' y='60' width='6' height='6' transform='rotate(-90 48 60)' fill='%235556E0'/%3e%3crect x='54' y='54' width='6' height='6' transform='rotate(-90 54 54)' fill='%235556E0'/%3e%3crect x='60' y='48' width='6' height='6' transform='rotate(-90 60 48)' fill='%235556E0'/%3e%3crect x='66' y='42' width='6' height='6' transform='rotate(-90 66 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 66)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 60)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 48)' fill='%235556E0'/%3e%3c/g%3e%3cg clip-path='url(%23clip1_345_162)'%3e%3crect x='72' y='108' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='114' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='102' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 108)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 114)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 102)' fill='%235556E0'/%3e%3crect x='54' y='90' width='6' height='6' transform='rotate(-90 54 90)' fill='%235556E0'/%3e%3crect x='18' y='90' width='6' height='6' transform='rotate(-90 18 90)' fill='%235556E0'/%3e%3crect x='48' y='90' width='6' height='6' transform='rotate(-90 48 90)' fill='%235556E0'/%3e%3crect x='12' y='90' width='6' height='6' transform='rotate(-90 12 90)' fill='%235556E0'/%3e%3crect x='60' y='90' width='6' height='6' transform='rotate(-90 60 90)' fill='%235556E0'/%3e%3crect x='24' y='90' width='6' height='6' transform='rotate(-90 24 90)' fill='%235556E0'/%3e%3crect x='66' y='96' width='6' height='6' transform='rotate(-90 66 96)' fill='%235556E0'/%3e%3crect x='30' y='96' width='6' height='6' transform='rotate(-90 30 96)' fill='%235556E0'/%3e%3crect x='72' y='102' width='6' height='6' transform='rotate(-90 72 102)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 102)' fill='%235556E0'/%3e%3crect x='36' y='156' width='6' height='6' transform='rotate(-90 36 156)' fill='%235556E0'/%3e%3crect x='36' y='102' width='6' height='6' transform='rotate(-90 36 102)' fill='%235556E0'/%3e%3crect x='42' y='96' width='6' height='6' transform='rotate(-90 42 96)' fill='%235556E0'/%3e%3crect x='6' y='96' width='6' height='6' transform='rotate(-90 6 96)' fill='%235556E0'/%3e%3crect x='42' y='150' width='6' height='6' transform='rotate(-90 42 150)' fill='%235556E0'/%3e%3crect x='48' y='144' width='6' height='6' transform='rotate(-90 48 144)' fill='%235556E0'/%3e%3crect x='54' y='138' width='6' height='6' transform='rotate(-90 54 138)' fill='%235556E0'/%3e%3crect x='60' y='132' width='6' height='6' transform='rotate(-90 60 132)' fill='%235556E0'/%3e%3crect x='66' y='126' width='6' height='6' transform='rotate(-90 66 126)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 126)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 150)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 144)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 138)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 132)' fill='%235556E0'/%3e%3c/g%3e%3cg clip-path='url(%23clip2_345_162)'%3e%3crect x='72' y='192' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='198' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='186' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 192)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 198)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 186)' fill='%235556E0'/%3e%3crect x='54' y='174' width='6' height='6' transform='rotate(-90 54 174)' fill='%235556E0'/%3e%3crect x='18' y='174' width='6' height='6' transform='rotate(-90 18 174)' fill='%235556E0'/%3e%3crect x='48' y='174' width='6' height='6' transform='rotate(-90 48 174)' fill='%235556E0'/%3e%3crect x='12' y='174' width='6' height='6' transform='rotate(-90 12 174)' fill='%235556E0'/%3e%3crect x='60' y='174' width='6' height='6' transform='rotate(-90 60 174)' fill='%235556E0'/%3e%3crect x='24' y='174' width='6' height='6' transform='rotate(-90 24 174)' fill='%235556E0'/%3e%3crect x='66' y='180' width='6' height='6' transform='rotate(-90 66 180)' fill='%235556E0'/%3e%3crect x='30' y='180' width='6' height='6' transform='rotate(-90 30 180)' fill='%235556E0'/%3e%3crect x='72' y='186' width='6' height='6' transform='rotate(-90 72 186)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 186)' fill='%235556E0'/%3e%3crect x='36' y='240' width='6' height='6' transform='rotate(-90 36 240)' fill='%235556E0'/%3e%3crect x='36' y='186' width='6' height='6' transform='rotate(-90 36 186)' fill='%235556E0'/%3e%3crect x='42' y='180' width='6' height='6' transform='rotate(-90 42 180)' fill='%235556E0'/%3e%3crect x='6' y='180' width='6' height='6' transform='rotate(-90 6 180)' fill='%235556E0'/%3e%3crect x='42' y='234' width='6' height='6' transform='rotate(-90 42 234)' fill='%235556E0'/%3e%3crect x='48' y='228' width='6' height='6' transform='rotate(-90 48 228)' fill='%235556E0'/%3e%3crect x='54' y='222' width='6' height='6' transform='rotate(-90 54 222)' fill='%235556E0'/%3e%3crect x='60' y='216' width='6' height='6' transform='rotate(-90 60 216)' fill='%235556E0'/%3e%3crect x='66' y='210' width='6' height='6' transform='rotate(-90 66 210)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 210)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 234)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 228)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 222)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 216)' fill='%235556E0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_345_162'%3e%3crect width='78' height='72' fill='white'/%3e%3c/clipPath%3e%3cclipPath id='clip1_345_162'%3e%3crect width='78' height='72' fill='white' transform='translate(0 84)'/%3e%3c/clipPath%3e%3cclipPath id='clip2_345_162'%3e%3crect width='78' height='72' fill='white' transform='translate(0 168)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); } .list-case__item:nth-child(1) .list-case__img::after { right: 0; top: -9.375rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='3.5' x2='60' y2='3.5' stroke='%235556E0'/%3e%3cline y1='150.5' x2='60' y2='150.5' stroke='%235556E0'/%3e%3cline x1='59.5' y1='151' x2='59.5' y2='3' stroke='%235556E0'/%3e%3ccircle cx='27.5' cy='3.5' r='3' transform='rotate(180 27.5 3.5)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .list-case__item:nth-child(1) .list-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 24%, 74% 24%, 74% 100%); clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 24%, 74% 24%, 74% 100%); } .list-case__item:nth-child(1) .list-case__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 10.9375rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(1) .list-case__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: unset; } } .list-case__item:nth-child(2) .list-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 3.125rem; height: 18.75rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(2) .list-case__img { margin-top: 0.5rem; } } .list-case__item:nth-child(2) .list-case__img::before { height: 77%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='108' height='90' viewBox='0 0 108 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='38' y='57' width='6' height='6' fill='%235556E0'/%3e%3crect x='56' y='39' width='6' height='6' fill='%235556E0'/%3e%3crect x='62' y='33' width='6' height='6' fill='%235556E0'/%3e%3crect x='32' y='51' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 50 51)' fill='%235556E0'/%3e%3crect x='26' y='45' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 56 45)' fill='%235556E0'/%3e%3crect x='12' y='78' width='6' height='6' fill='%235556E0'/%3e%3crect x='96' y='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='96' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect y='66' width='6' height='6' transform='rotate(-90 0 66)' fill='%235556E0'/%3e%3crect y='59.9998' width='6' height='6' transform='rotate(-90 0 59.9998)' fill='%235556E0'/%3e%3crect y='47.9998' width='6' height='6' transform='rotate(-90 0 47.9998)' fill='%235556E0'/%3e%3crect y='72' width='6' height='6' transform='rotate(-90 0 72)' fill='%235556E0'/%3e%3crect y='54' width='6' height='6' transform='rotate(-90 0 54)' fill='%235556E0'/%3e%3crect y='42' width='6' height='6' transform='rotate(-90 0 42)' fill='%235556E0'/%3e%3crect y='36' width='6' height='6' transform='rotate(-90 0 36)' fill='%235556E0'/%3e%3crect y='30' width='6' height='6' transform='rotate(-90 0 30)' fill='%235556E0'/%3e%3crect y='42' width='6' height='6' transform='rotate(-90 0 42)' fill='%235556E0'/%3e%3crect y='35.9998' width='6' height='6' transform='rotate(-90 0 35.9998)' fill='%235556E0'/%3e%3crect y='23.9998' width='6' height='6' transform='rotate(-90 0 23.9998)' fill='%235556E0'/%3e%3crect y='48' width='6' height='6' transform='rotate(-90 0 48)' fill='%235556E0'/%3e%3crect y='30' width='6' height='6' transform='rotate(-90 0 30)' fill='%235556E0'/%3e%3crect y='18' width='6' height='6' transform='rotate(-90 0 18)' fill='%235556E0'/%3e%3crect y='12' width='6' height='6' transform='rotate(-90 0 12)' fill='%235556E0'/%3e%3crect x='90' y='66' width='6' height='6' transform='rotate(-90 90 66)' fill='%235556E0'/%3e%3crect x='90' y='59.9998' width='6' height='6' transform='rotate(-90 90 59.9998)' fill='%235556E0'/%3e%3crect x='90' y='47.9998' width='6' height='6' transform='rotate(-90 90 47.9998)' fill='%235556E0'/%3e%3crect x='90' y='72' width='6' height='6' transform='rotate(-90 90 72)' fill='%235556E0'/%3e%3crect x='90' y='54' width='6' height='6' transform='rotate(-90 90 54)' fill='%235556E0'/%3e%3crect x='90' y='42' width='6' height='6' transform='rotate(-90 90 42)' fill='%235556E0'/%3e%3crect x='90' y='36' width='6' height='6' transform='rotate(-90 90 36)' fill='%235556E0'/%3e%3crect x='90' y='30' width='6' height='6' transform='rotate(-90 90 30)' fill='%235556E0'/%3e%3crect x='102' y='78' width='6' height='6' transform='rotate(-90 102 78)' fill='%235556E0'/%3e%3crect x='102' y='71.9998' width='6' height='6' transform='rotate(-90 102 71.9998)' fill='%235556E0'/%3e%3crect x='102' y='59.9998' width='6' height='6' transform='rotate(-90 102 59.9998)' fill='%235556E0'/%3e%3crect x='102' y='84' width='6' height='6' transform='rotate(-90 102 84)' fill='%235556E0'/%3e%3crect x='102' y='66' width='6' height='6' transform='rotate(-90 102 66)' fill='%235556E0'/%3e%3crect x='102' y='54' width='6' height='6' transform='rotate(-90 102 54)' fill='%235556E0'/%3e%3crect x='102' y='48' width='6' height='6' transform='rotate(-90 102 48)' fill='%235556E0'/%3e%3crect x='102' y='42' width='6' height='6' transform='rotate(-90 102 42)' fill='%235556E0'/%3e%3crect x='12' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='6' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='12' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='6' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' width='6' height='6' fill='%235556E0'/%3e%3crect x='6' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='84' width='6' height='6' fill='%235556E0'/%3e%3c/svg%3e "); } .list-case__item:nth-child(2) .list-case__img::after { right: -3.75rem; top: -9.375rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='3.5' x2='60' y2='3.5' stroke='%235556E0'/%3e%3cline y1='150.5' x2='60' y2='150.5' stroke='%235556E0'/%3e%3cline x1='59.5' y1='151' x2='59.5' y2='3' stroke='%235556E0'/%3e%3ccircle cx='27.5' cy='3.5' r='3' transform='rotate(180 27.5 3.5)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .list-case__item:nth-child(2) .list-case__img img { -webkit-clip-path: polygon(0% 77%, 0% 0%, 100% 0%, 100% 100%, 65% 100%, 65% 77%); clip-path: polygon(0% 77%, 0% 0%, 100% 0%, 100% 100%, 65% 100%, 65% 77%); } .list-case__item:nth-child(2) .list-case__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 10.9375rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(2) .list-case__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: unset; } } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(3) { margin-top: 3.125rem; } } .list-case__item:nth-child(3) .list-case__img { margin-top: -12.5rem; margin-bottom: 3.125rem; height: 26.5625rem; } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(3) .list-case__img { margin-top: 0; margin-left: 3.75rem; } } .list-case__item:nth-child(3) .list-case__img::before { top: unset; bottom: 0; height: 82%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='120' height='263' viewBox='0 0 120 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 96 251)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 245)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 108 239)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 114 233)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 30 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 24 209)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 42 143)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 36 149)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 143)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 96 155)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 149)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 209)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 108 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 114 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 120 203)' fill='%235556E0'/%3e%3crect x='24' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='155' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='149' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='209' width='6' height='6' transform='rotate(-90 36 209)' fill='%235556E0'/%3e%3crect x='30' y='209' width='6' height='6' transform='rotate(-90 30 209)' fill='%235556E0'/%3e%3crect x='48' y='209' width='6' height='6' transform='rotate(-90 48 209)' fill='%235556E0'/%3e%3crect x='42' y='209' width='6' height='6' transform='rotate(-90 42 209)' fill='%235556E0'/%3e%3crect x='54' y='209' width='6' height='6' transform='rotate(-90 54 209)' fill='%235556E0'/%3e%3crect x='48' y='149' width='6' height='6' transform='rotate(-90 48 149)' fill='%235556E0'/%3e%3crect x='42' y='149' width='6' height='6' transform='rotate(-90 42 149)' fill='%235556E0'/%3e%3crect x='60' y='149' width='6' height='6' transform='rotate(-90 60 149)' fill='%235556E0'/%3e%3crect x='54' y='149' width='6' height='6' transform='rotate(-90 54 149)' fill='%235556E0'/%3e%3crect x='66' y='149' width='6' height='6' transform='rotate(-90 66 149)' fill='%235556E0'/%3e%3crect x='72' y='149' width='6' height='6' transform='rotate(-90 72 149)' fill='%235556E0'/%3e%3crect x='66' y='149' width='6' height='6' transform='rotate(-90 66 149)' fill='%235556E0'/%3e%3crect x='84' y='149' width='6' height='6' transform='rotate(-90 84 149)' fill='%235556E0'/%3e%3crect x='78' y='149' width='6' height='6' transform='rotate(-90 78 149)' fill='%235556E0'/%3e%3crect x='90' y='149' width='6' height='6' transform='rotate(-90 90 149)' fill='%235556E0'/%3e%3crect x='30' y='161' width='6' height='6' transform='rotate(-90 30 161)' fill='%235556E0'/%3e%3crect x='24' y='161' width='6' height='6' transform='rotate(-90 24 161)' fill='%235556E0'/%3e%3crect x='42' y='161' width='6' height='6' transform='rotate(-90 42 161)' fill='%235556E0'/%3e%3crect x='36' y='161' width='6' height='6' transform='rotate(-90 36 161)' fill='%235556E0'/%3e%3crect x='48' y='161' width='6' height='6' transform='rotate(-90 48 161)' fill='%235556E0'/%3e%3crect x='60' y='161' width='6' height='6' transform='rotate(-90 60 161)' fill='%235556E0'/%3e%3crect x='54' y='161' width='6' height='6' transform='rotate(-90 54 161)' fill='%235556E0'/%3e%3crect x='72' y='161' width='6' height='6' transform='rotate(-90 72 161)' fill='%235556E0'/%3e%3crect x='66' y='161' width='6' height='6' transform='rotate(-90 66 161)' fill='%235556E0'/%3e%3crect x='78' y='161' width='6' height='6' transform='rotate(-90 78 161)' fill='%235556E0'/%3e%3crect x='54' y='209' width='6' height='6' transform='rotate(-90 54 209)' fill='%235556E0'/%3e%3crect x='48' y='209' width='6' height='6' transform='rotate(-90 48 209)' fill='%235556E0'/%3e%3crect x='66' y='209' width='6' height='6' transform='rotate(-90 66 209)' fill='%235556E0'/%3e%3crect x='78' y='209' width='6' height='6' transform='rotate(-90 78 209)' fill='%235556E0'/%3e%3crect x='84' y='209' width='6' height='6' transform='rotate(-90 84 209)' fill='%235556E0'/%3e%3crect x='90' y='203' width='6' height='6' transform='rotate(-90 90 203)' fill='%235556E0'/%3e%3crect x='96' y='197' width='6' height='6' transform='rotate(-90 96 197)' fill='%235556E0'/%3e%3crect x='60' y='209' width='6' height='6' transform='rotate(-90 60 209)' fill='%235556E0'/%3e%3crect x='72' y='209' width='6' height='6' transform='rotate(-90 72 209)' fill='%235556E0'/%3e%3crect x='90' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='233' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='209' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='233' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='221' width='6' height='6' transform='rotate(-90 18 221)' fill='%235556E0'/%3e%3crect x='24' y='221' width='6' height='6' transform='rotate(-90 24 221)' fill='%235556E0'/%3e%3crect x='30' y='221' width='6' height='6' transform='rotate(-90 30 221)' fill='%235556E0'/%3e%3crect x='36' y='221' width='6' height='6' transform='rotate(-90 36 221)' fill='%235556E0'/%3e%3crect x='42' y='221' width='6' height='6' transform='rotate(-90 42 221)' fill='%235556E0'/%3e%3crect x='54' y='221' width='6' height='6' transform='rotate(-90 54 221)' fill='%235556E0'/%3e%3crect x='48' y='221' width='6' height='6' transform='rotate(-90 48 221)' fill='%235556E0'/%3e%3crect x='60' y='221' width='6' height='6' transform='rotate(-90 60 221)' fill='%235556E0'/%3e%3crect x='54' y='221' width='6' height='6' transform='rotate(-90 54 221)' fill='%235556E0'/%3e%3crect x='60' y='221' width='6' height='6' transform='rotate(-90 60 221)' fill='%235556E0'/%3e%3crect x='72' y='221' width='6' height='6' transform='rotate(-90 72 221)' fill='%235556E0'/%3e%3crect x='66' y='221' width='6' height='6' transform='rotate(-90 66 221)' fill='%235556E0'/%3e%3crect x='78' y='221' width='6' height='6' transform='rotate(-90 78 221)' fill='%235556E0'/%3e%3crect x='84' y='221' width='6' height='6' transform='rotate(-90 84 221)' fill='%235556E0'/%3e%3crect x='36' y='263' width='6' height='6' transform='rotate(-90 36 263)' fill='%235556E0'/%3e%3crect x='6' y='263' width='6' height='6' transform='rotate(-90 6 263)' fill='%235556E0'/%3e%3crect y='263' width='6' height='6' transform='rotate(-90 0 263)' fill='%235556E0'/%3e%3crect y='257' width='6' height='6' transform='rotate(-90 0 257)' fill='%235556E0'/%3e%3crect x='6' y='251' width='6' height='6' transform='rotate(-90 6 251)' fill='%235556E0'/%3e%3crect x='21' y='236' width='6' height='6' transform='rotate(-90 21 236)' fill='%235556E0'/%3e%3crect x='81' y='236' width='6' height='6' transform='rotate(-90 81 236)' fill='%235556E0'/%3e%3crect x='69' y='230' width='6' height='6' transform='rotate(-90 69 230)' fill='%235556E0'/%3e%3crect x='75' y='230' width='6' height='6' transform='rotate(-90 75 230)' fill='%235556E0'/%3e%3crect x='81' y='230' width='6' height='6' transform='rotate(-90 81 230)' fill='%235556E0'/%3e%3crect x='48' y='263' width='6' height='6' transform='rotate(-90 48 263)' fill='%235556E0'/%3e%3crect x='66' y='263' width='6' height='6' transform='rotate(-90 66 263)' fill='%235556E0'/%3e%3crect x='18' y='263' width='6' height='6' transform='rotate(-90 18 263)' fill='%235556E0'/%3e%3crect x='60' y='263' width='6' height='6' transform='rotate(-90 60 263)' fill='%235556E0'/%3e%3crect x='78' y='263' width='6' height='6' transform='rotate(-90 78 263)' fill='%235556E0'/%3e%3crect x='84' y='263' width='6' height='6' transform='rotate(-90 84 263)' fill='%235556E0'/%3e%3crect x='30' y='263' width='6' height='6' transform='rotate(-90 30 263)' fill='%235556E0'/%3e%3crect x='42' y='263' width='6' height='6' transform='rotate(-90 42 263)' fill='%235556E0'/%3e%3crect x='12' y='263' width='6' height='6' transform='rotate(-90 12 263)' fill='%235556E0'/%3e%3crect x='54' y='263' width='6' height='6' transform='rotate(-90 54 263)' fill='%235556E0'/%3e%3crect x='72' y='263' width='6' height='6' transform='rotate(-90 72 263)' fill='%235556E0'/%3e%3crect x='24' y='263' width='6' height='6' transform='rotate(-90 24 263)' fill='%235556E0'/%3e%3crect x='42' y='245' width='6' height='6' transform='rotate(-90 42 245)' fill='%235556E0'/%3e%3crect x='12' y='245' width='6' height='6' transform='rotate(-90 12 245)' fill='%235556E0'/%3e%3crect x='54' y='245' width='6' height='6' transform='rotate(-90 54 245)' fill='%235556E0'/%3e%3crect x='66' y='245' width='6' height='6' transform='rotate(-90 66 245)' fill='%235556E0'/%3e%3crect x='78' y='245' width='6' height='6' transform='rotate(-90 78 245)' fill='%235556E0'/%3e%3crect x='24' y='245' width='6' height='6' transform='rotate(-90 24 245)' fill='%235556E0'/%3e%3crect x='84' y='245' width='6' height='6' transform='rotate(-90 84 245)' fill='%235556E0'/%3e%3crect x='90' y='245' width='6' height='6' transform='rotate(-90 90 245)' fill='%235556E0'/%3e%3crect x='36' y='245' width='6' height='6' transform='rotate(-90 36 245)' fill='%235556E0'/%3e%3crect x='48' y='245' width='6' height='6' transform='rotate(-90 48 245)' fill='%235556E0'/%3e%3crect x='18' y='245' width='6' height='6' transform='rotate(-90 18 245)' fill='%235556E0'/%3e%3crect x='60' y='245' width='6' height='6' transform='rotate(-90 60 245)' fill='%235556E0'/%3e%3crect x='72' y='245' width='6' height='6' transform='rotate(-90 72 245)' fill='%235556E0'/%3e%3crect x='30' y='245' width='6' height='6' transform='rotate(-90 30 245)' fill='%235556E0'/%3e%3crect x='65' y='101' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='83' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='95' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='113' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='107' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='89' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='119' width='6' height='6' fill='%235556E0'/%3e%3crect x='95' y='83' width='6' height='6' transform='rotate(-90 95 83)' fill='%235556E0'/%3e%3crect x='77' y='83' width='6' height='6' transform='rotate(-90 77 83)' fill='%235556E0'/%3e%3crect x='71' y='83' width='6' height='6' transform='rotate(-90 71 83)' fill='%235556E0'/%3e%3crect x='89' y='83' width='6' height='6' transform='rotate(-90 89 83)' fill='%235556E0'/%3e%3crect x='101' y='83' width='6' height='6' transform='rotate(-90 101 83)' fill='%235556E0'/%3e%3crect x='107' y='77' width='6' height='6' transform='rotate(-90 107 77)' fill='%235556E0'/%3e%3crect x='113' y='71' width='6' height='6' transform='rotate(-90 113 71)' fill='%235556E0'/%3e%3crect x='113' y='65' width='6' height='6' transform='rotate(-90 113 65)' fill='%235556E0'/%3e%3crect x='113' y='59' width='6' height='6' transform='rotate(-90 113 59)' fill='%235556E0'/%3e%3crect x='83' y='83' width='6' height='6' transform='rotate(-90 83 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 41 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 59 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 65 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 47 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 35 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 29 77)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 71)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 65)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 59)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 53 83)' fill='%235556E0'/%3e%3crect x='62' y='6' width='6' height='6' transform='rotate(-90 62 6)' fill='%235556E0'/%3e%3crect x='68' y='6' width='6' height='6' transform='rotate(-90 68 6)' fill='%235556E0'/%3e%3crect x='62' y='24' width='6' height='6' transform='rotate(-90 62 24)' fill='%235556E0'/%3e%3crect x='68' y='24' width='6' height='6' transform='rotate(-90 68 24)' fill='%235556E0'/%3e%3crect x='80' y='18' width='6' height='6' transform='rotate(180 80 18)' fill='%235556E0'/%3e%3crect x='80' y='12' width='6' height='6' transform='rotate(180 80 12)' fill='%235556E0'/%3e%3crect x='62' y='18' width='6' height='6' transform='rotate(180 62 18)' fill='%235556E0'/%3e%3crect x='62' y='12' width='6' height='6' transform='rotate(180 62 12)' fill='%235556E0'/%3e%3crect x='32' y='30' width='6' height='6' transform='rotate(-90 32 30)' fill='%235556E0'/%3e%3crect x='38' y='30' width='6' height='6' transform='rotate(-90 38 30)' fill='%235556E0'/%3e%3crect x='32' y='48' width='6' height='6' transform='rotate(-90 32 48)' fill='%235556E0'/%3e%3crect x='38' y='48' width='6' height='6' transform='rotate(-90 38 48)' fill='%235556E0'/%3e%3crect x='50' y='42' width='6' height='6' transform='rotate(180 50 42)' fill='%235556E0'/%3e%3crect x='50' y='36' width='6' height='6' transform='rotate(180 50 36)' fill='%235556E0'/%3e%3crect x='32' y='42' width='6' height='6' transform='rotate(180 32 42)' fill='%235556E0'/%3e%3crect x='32' y='36' width='6' height='6' transform='rotate(180 32 36)' fill='%235556E0'/%3e%3crect x='92' y='30' width='6' height='6' transform='rotate(-90 92 30)' fill='%235556E0'/%3e%3crect x='98' y='30' width='6' height='6' transform='rotate(-90 98 30)' fill='%235556E0'/%3e%3crect x='92' y='48' width='6' height='6' transform='rotate(-90 92 48)' fill='%235556E0'/%3e%3crect x='98' y='48' width='6' height='6' transform='rotate(-90 98 48)' fill='%235556E0'/%3e%3crect x='110' y='42' width='6' height='6' transform='rotate(180 110 42)' fill='%235556E0'/%3e%3crect x='110' y='36' width='6' height='6' transform='rotate(180 110 36)' fill='%235556E0'/%3e%3crect x='92' y='42' width='6' height='6' transform='rotate(180 92 42)' fill='%235556E0'/%3e%3crect x='92' y='36' width='6' height='6' transform='rotate(180 92 36)' fill='%235556E0'/%3e%3c/svg%3e "); } .list-case__item:nth-child(3) .list-case__img::after { left: -3.75rem; bottom: -6.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='147.5' x2='4.37114e-08' y2='147.5' stroke='%235556E0'/%3e%3cline x1='60' y1='0.5' y2='0.5' stroke='%235556E0'/%3e%3cline x1='0.5' y1='-2.18557e-08' x2='0.500006' y2='148' stroke='%235556E0'/%3e%3ccircle cx='32.5' cy='147.5' r='3' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .list-case__item:nth-child(3) .list-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 35% 0%, 35% 18%, 100% 18%, 100% 100%); clip-path: polygon(0% 100%, 0% 0%, 35% 0%, 35% 18%, 100% 18%, 100% 100%); } @media only screen and (max-width: 1199px) { .list-case__item:nth-child(4) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 3.125rem; } } .list-case__item:nth-child(4) .list-case__img { margin-bottom: 3.125rem; height: 14.0625rem; } .list-case__item:nth-child(4) .list-case__img::before { width: 77%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='78' height='102' viewBox='0 0 78 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='24' y='6' width='6' height='6' transform='rotate(-90 24 6)' fill='%235556E0'/%3e%3crect x='36' y='6' width='6' height='6' transform='rotate(-90 36 6)' fill='%235556E0'/%3e%3crect x='48' y='6' width='6' height='6' transform='rotate(-90 48 6)' fill='%235556E0'/%3e%3crect x='30' y='6' width='6' height='6' transform='rotate(-90 30 6)' fill='%235556E0'/%3e%3crect x='42' y='6' width='6' height='6' transform='rotate(-90 42 6)' fill='%235556E0'/%3e%3crect x='54' y='12' width='6' height='6' transform='rotate(-90 54 12)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 12)' fill='%235556E0'/%3e%3crect x='60' y='18' width='6' height='6' transform='rotate(-90 60 18)' fill='%235556E0'/%3e%3crect x='66' y='24' width='6' height='6' transform='rotate(-90 66 24)' fill='%235556E0'/%3e%3crect x='6' y='24' width='6' height='6' transform='rotate(-90 6 24)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 18)' fill='%235556E0'/%3e%3crect x='72' y='48' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='54' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='42' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 48)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 42)' fill='%235556E0'/%3e%3crect x='72' y='42' width='6' height='6' transform='rotate(-90 72 42)' fill='%235556E0'/%3e%3crect x='72' y='36' width='6' height='6' transform='rotate(-90 72 36)' fill='%235556E0'/%3e%3crect x='72' y='30' width='6' height='6' transform='rotate(-90 72 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 30)' fill='%235556E0'/%3e%3crect x='66' y='66' width='6' height='6' transform='rotate(-90 66 66)' fill='%235556E0'/%3e%3crect x='66' y='72' width='6' height='6' transform='rotate(-90 66 72)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 66)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 72)' fill='%235556E0'/%3e%3crect x='36' y='102' width='6' height='6' transform='rotate(-90 36 102)' fill='%235556E0'/%3e%3crect x='42' y='96' width='6' height='6' transform='rotate(-90 42 96)' fill='%235556E0'/%3e%3crect x='48' y='90' width='6' height='6' transform='rotate(-90 48 90)' fill='%235556E0'/%3e%3crect x='54' y='84' width='6' height='6' transform='rotate(-90 54 84)' fill='%235556E0'/%3e%3crect x='60' y='78' width='6' height='6' transform='rotate(-90 60 78)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 96)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 90)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 84)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 78)' fill='%235556E0'/%3e%3crect x='33' y='30' width='6' height='6' transform='rotate(-90 33 30)' fill='%235556E0'/%3e%3crect x='39' y='30' width='6' height='6' transform='rotate(-90 39 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 33 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 39 54)' fill='%235556E0'/%3e%3crect x='45' y='36' width='6' height='6' transform='rotate(-90 45 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 45 48)' fill='%235556E0'/%3e%3crect x='27' y='42' width='6' height='6' transform='rotate(180 27 42)' fill='%235556E0'/%3e%3crect x='27' y='48' width='6' height='6' transform='rotate(180 27 48)' fill='%235556E0'/%3e%3crect x='57' y='42' width='6' height='6' transform='rotate(180 57 42)' fill='%235556E0'/%3e%3crect x='57' y='48' width='6' height='6' transform='rotate(180 57 48)' fill='%235556E0'/%3e%3crect x='33' y='36' width='6' height='6' transform='rotate(180 33 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 33 48)' fill='%235556E0'/%3e%3c/svg%3e "); } .list-case__item:nth-child(4) .list-case__img::after { right: 0.625rem; bottom: -6.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline y1='-0.5' x2='30' y2='-0.5' transform='matrix(1 8.74228e-08 8.74228e-08 -1 30 147)' stroke='%235556E0'/%3e%3cline y1='-0.5' x2='60' y2='-0.5' transform='matrix(1 0 0 -1 0 0)' stroke='%235556E0'/%3e%3cline y1='-0.5' x2='148' y2='-0.5' transform='matrix(-4.37114e-08 1 1 4.37114e-08 60 0)' stroke='%235556E0'/%3e%3ccircle cx='3.5' cy='3.5' r='3' transform='matrix(-1 0 0 1 31 144)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .list-case__item:nth-child(4) .list-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 33%, 77% 33%, 77% 100%); clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 33%, 77% 33%, 77% 100%); } .list-case__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-filter: drop-shadow(35px 35px 55px rgba(104, 116, 164, 0.3)); filter: drop-shadow(35px 35px 55px rgba(104, 116, 164, 0.3)); } .list-case__img img { height: 100%; width: auto; } .list-case__img::before { content: ''; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; background-repeat: no-repeat; background-position: center; } .list-case__img::after { content: ''; position: absolute; display: block; height: 9.4375rem; width: 3.75rem; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: contain; } .list-case__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1023px) { .list-case__inner { padding-left: 3.75rem; } } .list-case__ttl { display: block; font-family: 'Pixeloid-Sans'; font-size: 6.25rem; line-height: 1; color: #5556E0; } @media only screen and (max-width: 1023px) { .list-case__ttl { font-size: 5rem; line-height: .8; } } .list-case__desc { display: block; font-size: 1.5rem; line-height: 1.05; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .list-case__desc { margin-top: 1.25rem; font-size: 1.375rem; } } .list-case__desc .visible-desc { display: block; } @media only screen and (max-width: 1023px) { .list-case__desc .visible-desc { display: none; } } .list-case__desc .visible-tablet { display: none; } @media only screen and (max-width: 1023px) { .list-case__desc .visible-tablet { display: block; } } .service-article-main { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.875rem; } @media only screen and (max-width: 1199px) { .service-article-main { margin-top: 0.9375rem; } } @media only screen and (max-width: 767px) { .service-article-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .service-article-main__img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 26.875rem; max-width: 41%; height: 18.75rem; margin-right: 4.6875rem; -ms-flex-negative: 0; flex-shrink: 0; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 82% 25%, 82% 75%, 35% 75%, 35% 100%, 17% 100%, 17% 50%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 25%, 82% 25%, 82% 75%, 35% 75%, 35% 100%, 17% 100%, 17% 50%, 0% 50%); } @media only screen and (max-width: 1199px) { .service-article-main__img { margin-right: 1.875rem; } } @media only screen and (max-width: 767px) { .service-article-main__img { height: 11.5625rem; } } .service-article-main__content { font-size: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.5; color: #323379; } @media only screen and (max-width: 1023px) { .service-article-main__content { font-size: 16px; line-height: 1.4; } } @media only screen and (max-width: 767px) { .service-article-main__content { margin-top: 1.25rem; font-size: 0.875rem; } } .service-article-main .button { margin-top: 3.125rem; -webkit-filter: none; filter: none; } @media only screen and (max-width: 1199px) { .service-article-main .button { margin-top: 1.25rem; } } .service-article-main .button .icn { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .footer { padding: 6.25rem 0 3.125rem; background: #5556E0; } @media only screen and (max-width: 1023px) { .footer { padding: 4.6875rem 0 3.125rem; } } .footer__col { position: relative; width: 50%; } @media only screen and (max-width: 1023px) { .footer__col { width: calc(50% - 2.5rem); } } @media only screen and (max-width: 767px) { .footer__col { width: 100%; position: static; } } .footer__col-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 40%; margin-right: 10rem; } @media only screen and (max-width: 1023px) { .footer__col-l { margin-right: 0; } } @media only screen and (max-width: 767px) { .footer__col-l { width: 100%; margin-top: 3.125rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .footer__col-r { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .footer__col-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .footer__col-r { margin-top: 9.0625rem; } } .footer__col-r .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 1.875rem); padding: 0; } @media only screen and (max-width: 1023px) { .footer__col-r .footer__inner { width: 100%; } } .footer__col-r .footer__inner:not(:first-child) { margin-left: 1.875rem; } @media only screen and (max-width: 1023px) { .footer__col-r .footer__inner:not(:first-child) { margin-left: 0; margin-top: 3.125rem; } } .footer__col-r .footer__inner:not(:last-child) { border-top: none; border-bottom: none; } .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3.125rem 0; } @media only screen and (max-width: 1023px) { .footer__inner { padding: 1.875rem 0; } } .footer__inner:not(:last-child) { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } @media only screen and (max-width: 1023px) { .footer__inner:not(:last-child) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer__inner:last-child { padding-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__wrap { position: absolute; bottom: 0; } @media only screen and (max-width: 1023px) { .footer__wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .footer__wrap { position: static; } } .footer .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .footer .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .footer .contacts { position: absolute; top: 0; left: 1.25rem; } } .footer .footer-top { position: absolute; right: 0; top: -10.9375rem; } @media only screen and (max-width: 1023px) { .footer .footer-top { display: none; } } .footer .develop { color: #FFFFFF; } .footer .develop span { display: block; text-transform: uppercase; font-size: 0.6875rem; } .footer .copyright { margin: 0; font-size: 0.8125rem; line-height: 1.2; color: #FFFFFF; text-transform: uppercase; border-right: 1px solid #FFFFFF; } @media only screen and (max-width: 1023px) { .footer .copyright { border-bottom: 1px solid #FFFFFF; border-right: none; padding-bottom: 1.875rem; } } .footer .privacy-policy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 0.8125rem; line-height: 1.2; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .footer .privacy-policy { padding-top: 1.875rem; } } .footer .privacy-policy a { color: #FFFFFF; } .footer .privacy-policy a:not(:first-child) { margin-top: 0.625rem; } .footer .copyright, .footer .privacy-policy, .footer .logo, .footer .develop { width: 50%; } @media only screen and (max-width: 1023px) { .footer .copyright, .footer .privacy-policy { width: 100%; } } .footer .copyright, .footer .logo { padding-right: 3.125rem; } @media only screen and (max-width: 1023px) { .footer .copyright, .footer .logo { padding-right: 0; } } .footer .privacy-policy, .footer .develop { padding-left: 3.125rem; } @media only screen and (max-width: 1023px) { .footer .privacy-policy { padding-left: 0; } } @media only screen and (max-width: 1023px) { .footer .link-mail { padding-top: 0.3125rem; } } .checkbox ~ label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #000000; white-space: nowrap; } @media only screen and (max-width: 1023px) { .checkbox ~ label { font-size: 0.75rem; } } .checkbox ~ label span:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 1rem; height: 1rem; margin-right: 0.625rem; border: 1px solid #E8EBF2; border-radius: 5px; } .checkbox ~ label svg { margin-right: 0.9375rem; } @media only screen and (max-width: 1023px) { .checkbox ~ label svg { width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; } } .checkbox:checked ~ label svg { fill: red; } .custom-button { margin-right: 0.9375rem; } @media only screen and (max-width: 1023px) { .custom-button { margin-right: 0.625rem; } } .custom-text { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; line-height: 1.28; text-transform: uppercase; color: #000000; } @media only screen and (max-width: 1023px) { .custom-text { font-size: 0.75rem; } } input[type=checkbox] { display: none; } input[type=radio] + label { position: relative; } input[type=radio] { display: none; } input[type=email] { border: none; } .input { width: 100%; height: 3.75rem; padding: 0 1.25rem; line-height: 160%; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; background: #FFFFFF; } @media only screen and (max-width: 1023px) { .input { height: 3.125rem; font-size: 1rem; } } .input::-webkit-input-placeholder { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; } .input::-moz-placeholder { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; } .input:-ms-input-placeholder { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; } .input::-ms-input-placeholder { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; } .input::placeholder { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; } @media only screen and (max-width: 1023px) { .input::-webkit-input-placeholder { font-size: 1rem; } .input::-moz-placeholder { font-size: 1rem; } .input:-ms-input-placeholder { font-size: 1rem; } .input::-ms-input-placeholder { font-size: 1rem; } .input::placeholder { font-size: 1rem; } } .form { position: relative; } .form-message { width: 100%; } .form-error { margin-top: 1rem; color: red; font-size: 0.75rem; } .form-success { position: absolute; background: #fff; height: 100%; width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error { position: absolute; bottom: -1.25rem; color: red; font-size: 0.75rem; } .feedback-form .form--row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .feedback-form .form--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .feedback-form .form--row:nth-child(1) .form--field, .feedback-form .form--row:nth-child(2) .form--field { position: relative; width: calc(50% - 0.9375rem); } @media only screen and (max-width: 1023px) { .feedback-form .form--row:nth-child(1) .form--field, .feedback-form .form--row:nth-child(2) .form--field { width: 100%; } } .feedback-form .form--row:nth-child(1) .form--field:not(:first-child), .feedback-form .form--row:nth-child(2) .form--field:not(:first-child) { margin-left: 1.875rem; } @media only screen and (max-width: 1023px) { .feedback-form .form--row:nth-child(1) .form--field:not(:first-child), .feedback-form .form--row:nth-child(2) .form--field:not(:first-child) { margin-left: 0; } } .feedback-form .form--field { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.875rem; width: 100%; } @media only screen and (max-width: 1023px) { .feedback-form .form--field { margin-top: 1.25rem; } } .feedback-form .form--policy { margin: 0; margin-top: 1.875rem; margin-right: 1.875rem; font-size: 0.75rem; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .feedback-form .form--policy { margin-right: 0; margin-top: 1.5625rem; font-size: 0.6875rem; } } .feedback-form .button { height: 3.4375rem; width: 14.0625rem; margin-top: 1.875rem; } @media only screen and (max-width: 1023px) { .feedback-form .button { width: 100%; } } input[type="text"] { border: none; } input[type="tel"] { border: none; } input[type=radio] { display: none; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .sort { margin-top: -0.1875rem; } } .sort input[type=radio]:checked ~ .radio__label span { border-bottom: 1px solid red; } .sort__title { white-space: nowrap; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #000000; } @media only screen and (max-width: 1023px) { .sort__title { font-size: 0.75rem; line-height: 1.25rem; } } .sort .radio__label { padding-left: 1.25rem; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.875rem; text-transform: uppercase; color: #000000; } @media only screen and (max-width: 1023px) { .sort .radio__label { font-size: 0.75rem; padding-left: 0.625rem; } } .sort .radio__label span { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .select { padding: 0 1.5rem; border: 0; height: 3.9375rem; width: 100%; border: 1px solid #323379; -webkit-appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.03125 0H13.0313L6.53125 8L0.03125 0Z' fill='%23002A3A'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 0.8125rem; background-position: right 1.5rem center; } @media only screen and (max-width: 1023px) { .select { height: 3.25rem; } } .select__option { padding: 1.125rem 1.25rem; } #select-custom.accordion { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media only screen and (max-width: 479px) { #select-custom.accordion { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #select-custom.accordion .accordion__item { position: relative; width: calc(100% / 3); margin-bottom: 0; } @media only screen and (max-width: 767px) { #select-custom.accordion .accordion__item { width: 100%; margin-top: -2px; } } #select-custom.accordion .accordion__item._show .accordion__header::after, #select-custom.accordion .accordion__item._slidedown .accordion__header::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #select-custom.accordion .accordion__item._show .accordion__body, #select-custom.accordion .accordion__item._slidedown .accordion__body { padding: 1.5rem 0; border: 1px solid #323379; border-top: none; } @media only screen and (max-width: 1023px) { #select-custom.accordion .accordion__item:first-child { padding-top: 0; } } #select-custom.accordion .accordion__item:not(:first-child) { margin-left: -1px; } @media only screen and (max-width: 767px) { #select-custom.accordion .accordion__item:not(:first-child) { margin-left: 0; } } #select-custom.accordion .accordion__header { position: relative; padding: 0 1.5rem; border: 0; height: 3.9375rem; width: 100%; border: 1px solid #323379; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.125rem; text-transform: capitalize; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #000000; background: #FFFFFF; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { #select-custom.accordion .accordion__header { height: 3.4375rem; } } @media only screen and (max-width: 767px) { #select-custom.accordion .accordion__header { font-size: 1rem; } } #select-custom.accordion .accordion__header::before { display: none; } #select-custom.accordion .accordion__header::after { content: ''; position: absolute; right: 1.5rem; width: 0.8125rem; height: 0.8125rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.03125 0H13.0313L6.53125 8L0.03125 0Z' fill='%23002A3A'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 0.8125rem; background-position: center; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #select-custom.accordion .accordion__body { position: absolute; height: auto; width: 100%; padding: 0; background: #FFFFFF; border: 0 solid #323379; z-index: 2; } @media only screen and (max-width: 767px) { #select-custom.accordion .accordion__body { position: relative; top: -1px; } } #select-custom.accordion .accordion__content { padding-top: 0; padding-left: 0; max-width: none; } #select-custom .field-wrap { width: 100%; } #select-custom .radio__label { width: 100%; display: block; padding: 0 1.5rem; color: #323379; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #select-custom .radio__label svg { display: none; } #select-custom .radio__label:hover { background-color: #323379; color: #000000; } #select-custom input[type=radio]:checked ~ .radio__label { background-color: #323379; color: #000000; } textarea { width: 100%; height: 100% !important; padding-top: 1.25rem !important; border: none; font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 400; font-size: 1.125rem; line-height: 1; color: #323379; resize: none; } .header { padding: 1.5625rem 0; background: #F0F3FF; /* hide-show end */ /* mobile-men start */ } @media only screen and (max-width: 767px) { .header { padding: 0.9375rem 0; } } .header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__container .hide-desktop-tiny--desk { width: 100%; } .header__container .hide-desk--desktop-tiny { width: 100%; } @media only screen and (max-width: 1199px) { .header__container .hide-desk--desktop-tiny nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } @media only screen and (max-width: 767px) { .header .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .header .contacts { margin-top: 6.25rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 1.25rem; } } .header .contacts .button { margin-left: 1.5625rem; } @media only screen and (max-width: 1023px) { .header .contacts .button { height: 2.5rem; width: auto; font-size: 0.75rem; } } @media only screen and (max-width: 767px) { .header .contacts .button { color: #323379; border-color: #323379; margin-left: 0; } } .header .link-phone { display: block; font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; line-height: 1.25; color: #323379; text-transform: uppercase; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media only screen and (max-width: 1023px) { .header .link-phone { font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .header .link-phone { font-size: 1.75rem; margin-bottom: 1.5625rem; } } .header .link-phone:hover { color: #875CFF; } .header .top-menu { margin: 0 8.125rem; } .header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1199px) { .header .logo { position: absolute; left: 1.25rem; } } @media only screen and (max-width: 1023px) { .header .logo { height: 2.1875rem; } } @media only screen and (max-width: 767px) { .header .logo { height: 1.75rem; } } .header .logo img { height: 100%; width: auto; } .header .mobile-menu-show { width: 100vw !important; left: 0 !important; } .header .dropdown { position: fixed; display: inline-block; top: 0; left: -100%; width: 0; -webkit-transition: 0.3s linear; transition: 0.3s linear; z-index: 10; } .header .dropdown .closebtn { position: absolute; right: 1.25rem; top: 1.25rem; z-index: 2; } .header .dropdown .closebtn .icn { height: 1.25rem; width: 1.25rem; color: #5556E0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .header .dropdown .dropdown-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100vw; height: 100vh; background: transparent url("/local/templates/metamorph/css/../assets/images/icons/mob-menu-decor.svg") no-repeat bottom center; -webkit-backdrop-filter: blur(12.5px); backdrop-filter: blur(12.5px); z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } @media only screen and (max-width: 1023px) { .header .dropdown .dropdown-content { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); } } .header .dropdown .dropdown-content nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media only screen and (max-width: 1023px) { .header .dropdown .dropdown-content nav { padding-bottom: 1.875rem; } } .header .dropdown .dropdown-content .top-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; margin: 0; padding: 6.25rem 0 0; padding-left: 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header .dropdown .dropdown-content .top-menu li { margin-right: 0; } .header .dropdown .dropdown-content .top-menu li:not(:first-child) { padding-top: 2.1875rem; } .header .dropdown .dropdown-content .top-menu a { display: block; font-size: 1.375rem; color: #323379; text-decoration: none; } .header .dropbtn { position: relative; top: 0.3125rem; margin-left: 2.1875rem; right: -0.1875rem; } @media only screen and (max-width: 1023px) { .no-scroll { overflow: hidden; } } .mob-menu--show .header { position: fixed; } @media only screen and (max-width: 1023px) { .mob-menu--show main { position: relative; z-index: -1; } } .list-pages { font-size: 1.375rem; margin-top: 1.25rem; } .list-pages__item { margin-bottom: 1.25rem; } nav { width: 100%; } .top-menu { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 37rem; } .top-menu > li { display: inline-block; margin-top: 0; padding-left: 0; } .top-menu > li::before { display: none; } .top-menu > li > a { display: block; font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; line-height: 1.25; color: #323379; text-transform: uppercase; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .top-menu > li > a:hover { color: #875CFF; } .footer-menu:not(:first-child) { margin-top: 4.0625rem; } @media only screen and (max-width: 1023px) { .footer-menu:not(:first-child) { margin-top: 3.4375rem; } } .footer-menu__title { font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.5rem; line-height: 1.17; color: #FFFFFF; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .footer-menu__title { font-size: 1.25rem; } } .footer-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-menu__list > li { margin-top: 1.5625rem; } @media only screen and (max-width: 1023px) { .footer-menu__list > li { margin-top: 0.9375rem; } } .footer-menu__list > li > a { font-family: "Actay-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1.125rem; line-height: 1.2; color: #FFFFFF; } @media only screen and (max-width: 1023px) { .footer-menu__list > li > a { font-size: 1rem; } } .mfp-close { display: none !important; } .mfp-bg { background: #F0F3FF; } .mfp-wrap ~ * { -webkit-filter: blur(25px); filter: blur(25px); } .popup { position: relative; margin: 0 auto; padding: 3.3125rem 3.9375rem; width: 100%; max-width: 100rem; background: transparent; } .popup .popup-modal-close { position: absolute; right: 1.875rem; top: 1.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; color: #522E9C; width: 2.5rem; height: 2.5rem; background: transparent; border-radius: 50%; -webkit-transition: 0.3s linear; transition: 0.3s linear; z-index: 2; } .popup .popup-modal-close .icn { color: #5556E0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .popup .popup-modal-close:hover .icn { color: blue; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gallery > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: calc(100% / 3 - 1rem); height: 300px; } .gallery > a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popup-form-feedback .feedback-form { max-width: 735px; margin: 0 auto; } .slider-wrap { position: relative; overflow: hidden; } .swiper-pagination { bottom: 0; } @media only screen and (min-width: 768px) { .swiper-pagination { display: none; } } .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.5rem; border: 2px solid #5556E0; background: transparent; border-radius: 0; opacity: 1; } .swiper-pagination .swiper-pagination-bullet:not(:first-child) { margin-left: 0.625rem; } .swiper-pagination .swiper-pagination-bullet-active { background: #5556E0; } @media only screen and (max-width: 767px) { .slider-logo { padding-bottom: 1.375rem; } } .slider-logo__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 6.875rem; } @media only screen and (max-width: 1023px) { .slider-logo__img { padding: 1.25rem; } } .slider-case { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1023px) { .slider-case { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .slider-case { margin-top: 1.5625rem; } } .slider-case__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 4 - 1.64rem); } @media only screen and (max-width: 1199px) { .slider-case__item { width: calc(100% / 2 - 1.64rem); } } .slider-case__item:not(:first-child) { margin-left: 2.1875rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(2n+3) { margin-left: 0; } } .slider-case__item:nth-child(1) .slider-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 3.125rem; height: 21.875rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(1) .slider-case__img { margin-left: 3.75rem; margin-top: 1.875rem; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(1) .slider-case__img { max-height: 15.0625rem; margin-left: 1.25rem; } } .slider-case__item:nth-child(1) .slider-case__img::before { width: 65%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='78' height='240' viewBox='0 0 78 240' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_345_162)'%3e%3crect x='72' y='24' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 24)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 18)' fill='%235556E0'/%3e%3crect x='54' y='6' width='6' height='6' transform='rotate(-90 54 6)' fill='%235556E0'/%3e%3crect x='18' y='6' width='6' height='6' transform='rotate(-90 18 6)' fill='%235556E0'/%3e%3crect x='48' y='6' width='6' height='6' transform='rotate(-90 48 6)' fill='%235556E0'/%3e%3crect x='12' y='6' width='6' height='6' transform='rotate(-90 12 6)' fill='%235556E0'/%3e%3crect x='60' y='6' width='6' height='6' transform='rotate(-90 60 6)' fill='%235556E0'/%3e%3crect x='24' y='6' width='6' height='6' transform='rotate(-90 24 6)' fill='%235556E0'/%3e%3crect x='66' y='12' width='6' height='6' transform='rotate(-90 66 12)' fill='%235556E0'/%3e%3crect x='30' y='12' width='6' height='6' transform='rotate(-90 30 12)' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' transform='rotate(-90 72 18)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 18)' fill='%235556E0'/%3e%3crect x='36' y='72' width='6' height='6' transform='rotate(-90 36 72)' fill='%235556E0'/%3e%3crect x='36' y='18' width='6' height='6' transform='rotate(-90 36 18)' fill='%235556E0'/%3e%3crect x='42' y='12' width='6' height='6' transform='rotate(-90 42 12)' fill='%235556E0'/%3e%3crect x='6' y='12' width='6' height='6' transform='rotate(-90 6 12)' fill='%235556E0'/%3e%3crect x='42' y='66' width='6' height='6' transform='rotate(-90 42 66)' fill='%235556E0'/%3e%3crect x='48' y='60' width='6' height='6' transform='rotate(-90 48 60)' fill='%235556E0'/%3e%3crect x='54' y='54' width='6' height='6' transform='rotate(-90 54 54)' fill='%235556E0'/%3e%3crect x='60' y='48' width='6' height='6' transform='rotate(-90 60 48)' fill='%235556E0'/%3e%3crect x='66' y='42' width='6' height='6' transform='rotate(-90 66 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 66)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 60)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 48)' fill='%235556E0'/%3e%3c/g%3e%3cg clip-path='url(%23clip1_345_162)'%3e%3crect x='72' y='108' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='114' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='102' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 108)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 114)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 102)' fill='%235556E0'/%3e%3crect x='54' y='90' width='6' height='6' transform='rotate(-90 54 90)' fill='%235556E0'/%3e%3crect x='18' y='90' width='6' height='6' transform='rotate(-90 18 90)' fill='%235556E0'/%3e%3crect x='48' y='90' width='6' height='6' transform='rotate(-90 48 90)' fill='%235556E0'/%3e%3crect x='12' y='90' width='6' height='6' transform='rotate(-90 12 90)' fill='%235556E0'/%3e%3crect x='60' y='90' width='6' height='6' transform='rotate(-90 60 90)' fill='%235556E0'/%3e%3crect x='24' y='90' width='6' height='6' transform='rotate(-90 24 90)' fill='%235556E0'/%3e%3crect x='66' y='96' width='6' height='6' transform='rotate(-90 66 96)' fill='%235556E0'/%3e%3crect x='30' y='96' width='6' height='6' transform='rotate(-90 30 96)' fill='%235556E0'/%3e%3crect x='72' y='102' width='6' height='6' transform='rotate(-90 72 102)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 102)' fill='%235556E0'/%3e%3crect x='36' y='156' width='6' height='6' transform='rotate(-90 36 156)' fill='%235556E0'/%3e%3crect x='36' y='102' width='6' height='6' transform='rotate(-90 36 102)' fill='%235556E0'/%3e%3crect x='42' y='96' width='6' height='6' transform='rotate(-90 42 96)' fill='%235556E0'/%3e%3crect x='6' y='96' width='6' height='6' transform='rotate(-90 6 96)' fill='%235556E0'/%3e%3crect x='42' y='150' width='6' height='6' transform='rotate(-90 42 150)' fill='%235556E0'/%3e%3crect x='48' y='144' width='6' height='6' transform='rotate(-90 48 144)' fill='%235556E0'/%3e%3crect x='54' y='138' width='6' height='6' transform='rotate(-90 54 138)' fill='%235556E0'/%3e%3crect x='60' y='132' width='6' height='6' transform='rotate(-90 60 132)' fill='%235556E0'/%3e%3crect x='66' y='126' width='6' height='6' transform='rotate(-90 66 126)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 126)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 150)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 144)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 138)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 132)' fill='%235556E0'/%3e%3c/g%3e%3cg clip-path='url(%23clip2_345_162)'%3e%3crect x='72' y='192' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='198' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='186' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 192)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 198)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 186)' fill='%235556E0'/%3e%3crect x='54' y='174' width='6' height='6' transform='rotate(-90 54 174)' fill='%235556E0'/%3e%3crect x='18' y='174' width='6' height='6' transform='rotate(-90 18 174)' fill='%235556E0'/%3e%3crect x='48' y='174' width='6' height='6' transform='rotate(-90 48 174)' fill='%235556E0'/%3e%3crect x='12' y='174' width='6' height='6' transform='rotate(-90 12 174)' fill='%235556E0'/%3e%3crect x='60' y='174' width='6' height='6' transform='rotate(-90 60 174)' fill='%235556E0'/%3e%3crect x='24' y='174' width='6' height='6' transform='rotate(-90 24 174)' fill='%235556E0'/%3e%3crect x='66' y='180' width='6' height='6' transform='rotate(-90 66 180)' fill='%235556E0'/%3e%3crect x='30' y='180' width='6' height='6' transform='rotate(-90 30 180)' fill='%235556E0'/%3e%3crect x='72' y='186' width='6' height='6' transform='rotate(-90 72 186)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 186)' fill='%235556E0'/%3e%3crect x='36' y='240' width='6' height='6' transform='rotate(-90 36 240)' fill='%235556E0'/%3e%3crect x='36' y='186' width='6' height='6' transform='rotate(-90 36 186)' fill='%235556E0'/%3e%3crect x='42' y='180' width='6' height='6' transform='rotate(-90 42 180)' fill='%235556E0'/%3e%3crect x='6' y='180' width='6' height='6' transform='rotate(-90 6 180)' fill='%235556E0'/%3e%3crect x='42' y='234' width='6' height='6' transform='rotate(-90 42 234)' fill='%235556E0'/%3e%3crect x='48' y='228' width='6' height='6' transform='rotate(-90 48 228)' fill='%235556E0'/%3e%3crect x='54' y='222' width='6' height='6' transform='rotate(-90 54 222)' fill='%235556E0'/%3e%3crect x='60' y='216' width='6' height='6' transform='rotate(-90 60 216)' fill='%235556E0'/%3e%3crect x='66' y='210' width='6' height='6' transform='rotate(-90 66 210)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 210)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 234)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 228)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 222)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 216)' fill='%235556E0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_345_162'%3e%3crect width='78' height='72' fill='white'/%3e%3c/clipPath%3e%3cclipPath id='clip1_345_162'%3e%3crect width='78' height='72' fill='white' transform='translate(0 84)'/%3e%3c/clipPath%3e%3cclipPath id='clip2_345_162'%3e%3crect width='78' height='72' fill='white' transform='translate(0 168)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); } .slider-case__item:nth-child(1) .slider-case__img::after { right: 0; top: -9.375rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='3.5' x2='60' y2='3.5' stroke='%235556E0'/%3e%3cline y1='150.5' x2='60' y2='150.5' stroke='%235556E0'/%3e%3cline x1='59.5' y1='151' x2='59.5' y2='3' stroke='%235556E0'/%3e%3ccircle cx='27.5' cy='3.5' r='3' transform='rotate(180 27.5 3.5)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .slider-case__item:nth-child(1) .slider-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 24%, 74% 24%, 74% 100%); clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 24%, 74% 24%, 74% 100%); } .slider-case__item:nth-child(1) .slider-case__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 10.9375rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(1) .slider-case__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: unset; } } .slider-case__item:nth-child(2) .slider-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 3.125rem; height: 18.75rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(2) .slider-case__img { margin-top: 0.5rem; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(2) .slider-case__img { max-height: 12.9375rem; } } .slider-case__item:nth-child(2) .slider-case__img::before { height: 77%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='108' height='90' viewBox='0 0 108 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='38' y='57' width='6' height='6' fill='%235556E0'/%3e%3crect x='56' y='39' width='6' height='6' fill='%235556E0'/%3e%3crect x='62' y='33' width='6' height='6' fill='%235556E0'/%3e%3crect x='32' y='51' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 50 51)' fill='%235556E0'/%3e%3crect x='26' y='45' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 56 45)' fill='%235556E0'/%3e%3crect x='12' y='78' width='6' height='6' fill='%235556E0'/%3e%3crect x='96' y='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='96' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='84' width='6' height='6' fill='%235556E0'/%3e%3crect y='66' width='6' height='6' transform='rotate(-90 0 66)' fill='%235556E0'/%3e%3crect y='59.9998' width='6' height='6' transform='rotate(-90 0 59.9998)' fill='%235556E0'/%3e%3crect y='47.9998' width='6' height='6' transform='rotate(-90 0 47.9998)' fill='%235556E0'/%3e%3crect y='72' width='6' height='6' transform='rotate(-90 0 72)' fill='%235556E0'/%3e%3crect y='54' width='6' height='6' transform='rotate(-90 0 54)' fill='%235556E0'/%3e%3crect y='42' width='6' height='6' transform='rotate(-90 0 42)' fill='%235556E0'/%3e%3crect y='36' width='6' height='6' transform='rotate(-90 0 36)' fill='%235556E0'/%3e%3crect y='30' width='6' height='6' transform='rotate(-90 0 30)' fill='%235556E0'/%3e%3crect y='42' width='6' height='6' transform='rotate(-90 0 42)' fill='%235556E0'/%3e%3crect y='35.9998' width='6' height='6' transform='rotate(-90 0 35.9998)' fill='%235556E0'/%3e%3crect y='23.9998' width='6' height='6' transform='rotate(-90 0 23.9998)' fill='%235556E0'/%3e%3crect y='48' width='6' height='6' transform='rotate(-90 0 48)' fill='%235556E0'/%3e%3crect y='30' width='6' height='6' transform='rotate(-90 0 30)' fill='%235556E0'/%3e%3crect y='18' width='6' height='6' transform='rotate(-90 0 18)' fill='%235556E0'/%3e%3crect y='12' width='6' height='6' transform='rotate(-90 0 12)' fill='%235556E0'/%3e%3crect x='90' y='66' width='6' height='6' transform='rotate(-90 90 66)' fill='%235556E0'/%3e%3crect x='90' y='59.9998' width='6' height='6' transform='rotate(-90 90 59.9998)' fill='%235556E0'/%3e%3crect x='90' y='47.9998' width='6' height='6' transform='rotate(-90 90 47.9998)' fill='%235556E0'/%3e%3crect x='90' y='72' width='6' height='6' transform='rotate(-90 90 72)' fill='%235556E0'/%3e%3crect x='90' y='54' width='6' height='6' transform='rotate(-90 90 54)' fill='%235556E0'/%3e%3crect x='90' y='42' width='6' height='6' transform='rotate(-90 90 42)' fill='%235556E0'/%3e%3crect x='90' y='36' width='6' height='6' transform='rotate(-90 90 36)' fill='%235556E0'/%3e%3crect x='90' y='30' width='6' height='6' transform='rotate(-90 90 30)' fill='%235556E0'/%3e%3crect x='102' y='78' width='6' height='6' transform='rotate(-90 102 78)' fill='%235556E0'/%3e%3crect x='102' y='71.9998' width='6' height='6' transform='rotate(-90 102 71.9998)' fill='%235556E0'/%3e%3crect x='102' y='59.9998' width='6' height='6' transform='rotate(-90 102 59.9998)' fill='%235556E0'/%3e%3crect x='102' y='84' width='6' height='6' transform='rotate(-90 102 84)' fill='%235556E0'/%3e%3crect x='102' y='66' width='6' height='6' transform='rotate(-90 102 66)' fill='%235556E0'/%3e%3crect x='102' y='54' width='6' height='6' transform='rotate(-90 102 54)' fill='%235556E0'/%3e%3crect x='102' y='48' width='6' height='6' transform='rotate(-90 102 48)' fill='%235556E0'/%3e%3crect x='102' y='42' width='6' height='6' transform='rotate(-90 102 42)' fill='%235556E0'/%3e%3crect x='12' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='6' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='72' width='6' height='6' fill='%235556E0'/%3e%3crect x='48' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='12' width='6' height='6' fill='%235556E0'/%3e%3crect x='42' y='6' width='6' height='6' fill='%235556E0'/%3e%3crect x='66' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='78' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='54' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' width='6' height='6' fill='%235556E0'/%3e%3crect x='30' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' width='6' height='6' fill='%235556E0'/%3e%3crect x='6' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='18' width='6' height='6' fill='%235556E0'/%3e%3crect x='60' y='84' width='6' height='6' fill='%235556E0'/%3e%3c/svg%3e "); } .slider-case__item:nth-child(2) .slider-case__img::after { right: -3.75rem; top: -9.375rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='3.5' x2='60' y2='3.5' stroke='%235556E0'/%3e%3cline y1='150.5' x2='60' y2='150.5' stroke='%235556E0'/%3e%3cline x1='59.5' y1='151' x2='59.5' y2='3' stroke='%235556E0'/%3e%3ccircle cx='27.5' cy='3.5' r='3' transform='rotate(180 27.5 3.5)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .slider-case__item:nth-child(2) .slider-case__img img { -webkit-clip-path: polygon(0% 77%, 0% 0%, 100% 0%, 100% 100%, 65% 100%, 65% 77%); clip-path: polygon(0% 77%, 0% 0%, 100% 0%, 100% 100%, 65% 100%, 65% 77%); } .slider-case__item:nth-child(2) .slider-case__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 10.9375rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(2) .slider-case__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: unset; } } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(3) { margin-top: 3.125rem; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(3) { margin-top: 0; } } .slider-case__item:nth-child(3) .slider-case__img { margin-top: -12.5rem; margin-bottom: 3.125rem; height: 26.5625rem; } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(3) .slider-case__img { margin-top: 0; margin-left: 3.75rem; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(3) .slider-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0.5rem; max-height: 18.25rem; } } .slider-case__item:nth-child(3) .slider-case__img::before { top: unset; bottom: 0; height: 82%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='120' height='263' viewBox='0 0 120 263' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 96 251)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 245)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 108 239)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 114 233)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 30 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 24 209)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 42 143)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 36 149)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 143)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 96 155)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 149)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 102 209)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 108 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 114 203)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 120 203)' fill='%235556E0'/%3e%3crect x='24' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='24' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='84' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='179' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='191' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='185' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='197' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='155' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='149' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='167' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='161' width='6' height='6' fill='%235556E0'/%3e%3crect x='102' y='173' width='6' height='6' fill='%235556E0'/%3e%3crect x='36' y='209' width='6' height='6' transform='rotate(-90 36 209)' fill='%235556E0'/%3e%3crect x='30' y='209' width='6' height='6' transform='rotate(-90 30 209)' fill='%235556E0'/%3e%3crect x='48' y='209' width='6' height='6' transform='rotate(-90 48 209)' fill='%235556E0'/%3e%3crect x='42' y='209' width='6' height='6' transform='rotate(-90 42 209)' fill='%235556E0'/%3e%3crect x='54' y='209' width='6' height='6' transform='rotate(-90 54 209)' fill='%235556E0'/%3e%3crect x='48' y='149' width='6' height='6' transform='rotate(-90 48 149)' fill='%235556E0'/%3e%3crect x='42' y='149' width='6' height='6' transform='rotate(-90 42 149)' fill='%235556E0'/%3e%3crect x='60' y='149' width='6' height='6' transform='rotate(-90 60 149)' fill='%235556E0'/%3e%3crect x='54' y='149' width='6' height='6' transform='rotate(-90 54 149)' fill='%235556E0'/%3e%3crect x='66' y='149' width='6' height='6' transform='rotate(-90 66 149)' fill='%235556E0'/%3e%3crect x='72' y='149' width='6' height='6' transform='rotate(-90 72 149)' fill='%235556E0'/%3e%3crect x='66' y='149' width='6' height='6' transform='rotate(-90 66 149)' fill='%235556E0'/%3e%3crect x='84' y='149' width='6' height='6' transform='rotate(-90 84 149)' fill='%235556E0'/%3e%3crect x='78' y='149' width='6' height='6' transform='rotate(-90 78 149)' fill='%235556E0'/%3e%3crect x='90' y='149' width='6' height='6' transform='rotate(-90 90 149)' fill='%235556E0'/%3e%3crect x='30' y='161' width='6' height='6' transform='rotate(-90 30 161)' fill='%235556E0'/%3e%3crect x='24' y='161' width='6' height='6' transform='rotate(-90 24 161)' fill='%235556E0'/%3e%3crect x='42' y='161' width='6' height='6' transform='rotate(-90 42 161)' fill='%235556E0'/%3e%3crect x='36' y='161' width='6' height='6' transform='rotate(-90 36 161)' fill='%235556E0'/%3e%3crect x='48' y='161' width='6' height='6' transform='rotate(-90 48 161)' fill='%235556E0'/%3e%3crect x='60' y='161' width='6' height='6' transform='rotate(-90 60 161)' fill='%235556E0'/%3e%3crect x='54' y='161' width='6' height='6' transform='rotate(-90 54 161)' fill='%235556E0'/%3e%3crect x='72' y='161' width='6' height='6' transform='rotate(-90 72 161)' fill='%235556E0'/%3e%3crect x='66' y='161' width='6' height='6' transform='rotate(-90 66 161)' fill='%235556E0'/%3e%3crect x='78' y='161' width='6' height='6' transform='rotate(-90 78 161)' fill='%235556E0'/%3e%3crect x='54' y='209' width='6' height='6' transform='rotate(-90 54 209)' fill='%235556E0'/%3e%3crect x='48' y='209' width='6' height='6' transform='rotate(-90 48 209)' fill='%235556E0'/%3e%3crect x='66' y='209' width='6' height='6' transform='rotate(-90 66 209)' fill='%235556E0'/%3e%3crect x='78' y='209' width='6' height='6' transform='rotate(-90 78 209)' fill='%235556E0'/%3e%3crect x='84' y='209' width='6' height='6' transform='rotate(-90 84 209)' fill='%235556E0'/%3e%3crect x='90' y='203' width='6' height='6' transform='rotate(-90 90 203)' fill='%235556E0'/%3e%3crect x='96' y='197' width='6' height='6' transform='rotate(-90 96 197)' fill='%235556E0'/%3e%3crect x='60' y='209' width='6' height='6' transform='rotate(-90 60 209)' fill='%235556E0'/%3e%3crect x='72' y='209' width='6' height='6' transform='rotate(-90 72 209)' fill='%235556E0'/%3e%3crect x='90' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='90' y='233' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='209' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='114' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='215' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='221' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='227' width='6' height='6' fill='%235556E0'/%3e%3crect x='12' y='233' width='6' height='6' fill='%235556E0'/%3e%3crect x='18' y='221' width='6' height='6' transform='rotate(-90 18 221)' fill='%235556E0'/%3e%3crect x='24' y='221' width='6' height='6' transform='rotate(-90 24 221)' fill='%235556E0'/%3e%3crect x='30' y='221' width='6' height='6' transform='rotate(-90 30 221)' fill='%235556E0'/%3e%3crect x='36' y='221' width='6' height='6' transform='rotate(-90 36 221)' fill='%235556E0'/%3e%3crect x='42' y='221' width='6' height='6' transform='rotate(-90 42 221)' fill='%235556E0'/%3e%3crect x='54' y='221' width='6' height='6' transform='rotate(-90 54 221)' fill='%235556E0'/%3e%3crect x='48' y='221' width='6' height='6' transform='rotate(-90 48 221)' fill='%235556E0'/%3e%3crect x='60' y='221' width='6' height='6' transform='rotate(-90 60 221)' fill='%235556E0'/%3e%3crect x='54' y='221' width='6' height='6' transform='rotate(-90 54 221)' fill='%235556E0'/%3e%3crect x='60' y='221' width='6' height='6' transform='rotate(-90 60 221)' fill='%235556E0'/%3e%3crect x='72' y='221' width='6' height='6' transform='rotate(-90 72 221)' fill='%235556E0'/%3e%3crect x='66' y='221' width='6' height='6' transform='rotate(-90 66 221)' fill='%235556E0'/%3e%3crect x='78' y='221' width='6' height='6' transform='rotate(-90 78 221)' fill='%235556E0'/%3e%3crect x='84' y='221' width='6' height='6' transform='rotate(-90 84 221)' fill='%235556E0'/%3e%3crect x='36' y='263' width='6' height='6' transform='rotate(-90 36 263)' fill='%235556E0'/%3e%3crect x='6' y='263' width='6' height='6' transform='rotate(-90 6 263)' fill='%235556E0'/%3e%3crect y='263' width='6' height='6' transform='rotate(-90 0 263)' fill='%235556E0'/%3e%3crect y='257' width='6' height='6' transform='rotate(-90 0 257)' fill='%235556E0'/%3e%3crect x='6' y='251' width='6' height='6' transform='rotate(-90 6 251)' fill='%235556E0'/%3e%3crect x='21' y='236' width='6' height='6' transform='rotate(-90 21 236)' fill='%235556E0'/%3e%3crect x='81' y='236' width='6' height='6' transform='rotate(-90 81 236)' fill='%235556E0'/%3e%3crect x='69' y='230' width='6' height='6' transform='rotate(-90 69 230)' fill='%235556E0'/%3e%3crect x='75' y='230' width='6' height='6' transform='rotate(-90 75 230)' fill='%235556E0'/%3e%3crect x='81' y='230' width='6' height='6' transform='rotate(-90 81 230)' fill='%235556E0'/%3e%3crect x='48' y='263' width='6' height='6' transform='rotate(-90 48 263)' fill='%235556E0'/%3e%3crect x='66' y='263' width='6' height='6' transform='rotate(-90 66 263)' fill='%235556E0'/%3e%3crect x='18' y='263' width='6' height='6' transform='rotate(-90 18 263)' fill='%235556E0'/%3e%3crect x='60' y='263' width='6' height='6' transform='rotate(-90 60 263)' fill='%235556E0'/%3e%3crect x='78' y='263' width='6' height='6' transform='rotate(-90 78 263)' fill='%235556E0'/%3e%3crect x='84' y='263' width='6' height='6' transform='rotate(-90 84 263)' fill='%235556E0'/%3e%3crect x='30' y='263' width='6' height='6' transform='rotate(-90 30 263)' fill='%235556E0'/%3e%3crect x='42' y='263' width='6' height='6' transform='rotate(-90 42 263)' fill='%235556E0'/%3e%3crect x='12' y='263' width='6' height='6' transform='rotate(-90 12 263)' fill='%235556E0'/%3e%3crect x='54' y='263' width='6' height='6' transform='rotate(-90 54 263)' fill='%235556E0'/%3e%3crect x='72' y='263' width='6' height='6' transform='rotate(-90 72 263)' fill='%235556E0'/%3e%3crect x='24' y='263' width='6' height='6' transform='rotate(-90 24 263)' fill='%235556E0'/%3e%3crect x='42' y='245' width='6' height='6' transform='rotate(-90 42 245)' fill='%235556E0'/%3e%3crect x='12' y='245' width='6' height='6' transform='rotate(-90 12 245)' fill='%235556E0'/%3e%3crect x='54' y='245' width='6' height='6' transform='rotate(-90 54 245)' fill='%235556E0'/%3e%3crect x='66' y='245' width='6' height='6' transform='rotate(-90 66 245)' fill='%235556E0'/%3e%3crect x='78' y='245' width='6' height='6' transform='rotate(-90 78 245)' fill='%235556E0'/%3e%3crect x='24' y='245' width='6' height='6' transform='rotate(-90 24 245)' fill='%235556E0'/%3e%3crect x='84' y='245' width='6' height='6' transform='rotate(-90 84 245)' fill='%235556E0'/%3e%3crect x='90' y='245' width='6' height='6' transform='rotate(-90 90 245)' fill='%235556E0'/%3e%3crect x='36' y='245' width='6' height='6' transform='rotate(-90 36 245)' fill='%235556E0'/%3e%3crect x='48' y='245' width='6' height='6' transform='rotate(-90 48 245)' fill='%235556E0'/%3e%3crect x='18' y='245' width='6' height='6' transform='rotate(-90 18 245)' fill='%235556E0'/%3e%3crect x='60' y='245' width='6' height='6' transform='rotate(-90 60 245)' fill='%235556E0'/%3e%3crect x='72' y='245' width='6' height='6' transform='rotate(-90 72 245)' fill='%235556E0'/%3e%3crect x='30' y='245' width='6' height='6' transform='rotate(-90 30 245)' fill='%235556E0'/%3e%3crect x='65' y='101' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='83' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='95' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='113' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='107' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='89' width='6' height='6' fill='%235556E0'/%3e%3crect x='65' y='119' width='6' height='6' fill='%235556E0'/%3e%3crect x='95' y='83' width='6' height='6' transform='rotate(-90 95 83)' fill='%235556E0'/%3e%3crect x='77' y='83' width='6' height='6' transform='rotate(-90 77 83)' fill='%235556E0'/%3e%3crect x='71' y='83' width='6' height='6' transform='rotate(-90 71 83)' fill='%235556E0'/%3e%3crect x='89' y='83' width='6' height='6' transform='rotate(-90 89 83)' fill='%235556E0'/%3e%3crect x='101' y='83' width='6' height='6' transform='rotate(-90 101 83)' fill='%235556E0'/%3e%3crect x='107' y='77' width='6' height='6' transform='rotate(-90 107 77)' fill='%235556E0'/%3e%3crect x='113' y='71' width='6' height='6' transform='rotate(-90 113 71)' fill='%235556E0'/%3e%3crect x='113' y='65' width='6' height='6' transform='rotate(-90 113 65)' fill='%235556E0'/%3e%3crect x='113' y='59' width='6' height='6' transform='rotate(-90 113 59)' fill='%235556E0'/%3e%3crect x='83' y='83' width='6' height='6' transform='rotate(-90 83 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 41 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 59 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 65 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 47 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 35 83)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 29 77)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 71)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 65)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 23 59)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 53 83)' fill='%235556E0'/%3e%3crect x='62' y='6' width='6' height='6' transform='rotate(-90 62 6)' fill='%235556E0'/%3e%3crect x='68' y='6' width='6' height='6' transform='rotate(-90 68 6)' fill='%235556E0'/%3e%3crect x='62' y='24' width='6' height='6' transform='rotate(-90 62 24)' fill='%235556E0'/%3e%3crect x='68' y='24' width='6' height='6' transform='rotate(-90 68 24)' fill='%235556E0'/%3e%3crect x='80' y='18' width='6' height='6' transform='rotate(180 80 18)' fill='%235556E0'/%3e%3crect x='80' y='12' width='6' height='6' transform='rotate(180 80 12)' fill='%235556E0'/%3e%3crect x='62' y='18' width='6' height='6' transform='rotate(180 62 18)' fill='%235556E0'/%3e%3crect x='62' y='12' width='6' height='6' transform='rotate(180 62 12)' fill='%235556E0'/%3e%3crect x='32' y='30' width='6' height='6' transform='rotate(-90 32 30)' fill='%235556E0'/%3e%3crect x='38' y='30' width='6' height='6' transform='rotate(-90 38 30)' fill='%235556E0'/%3e%3crect x='32' y='48' width='6' height='6' transform='rotate(-90 32 48)' fill='%235556E0'/%3e%3crect x='38' y='48' width='6' height='6' transform='rotate(-90 38 48)' fill='%235556E0'/%3e%3crect x='50' y='42' width='6' height='6' transform='rotate(180 50 42)' fill='%235556E0'/%3e%3crect x='50' y='36' width='6' height='6' transform='rotate(180 50 36)' fill='%235556E0'/%3e%3crect x='32' y='42' width='6' height='6' transform='rotate(180 32 42)' fill='%235556E0'/%3e%3crect x='32' y='36' width='6' height='6' transform='rotate(180 32 36)' fill='%235556E0'/%3e%3crect x='92' y='30' width='6' height='6' transform='rotate(-90 92 30)' fill='%235556E0'/%3e%3crect x='98' y='30' width='6' height='6' transform='rotate(-90 98 30)' fill='%235556E0'/%3e%3crect x='92' y='48' width='6' height='6' transform='rotate(-90 92 48)' fill='%235556E0'/%3e%3crect x='98' y='48' width='6' height='6' transform='rotate(-90 98 48)' fill='%235556E0'/%3e%3crect x='110' y='42' width='6' height='6' transform='rotate(180 110 42)' fill='%235556E0'/%3e%3crect x='110' y='36' width='6' height='6' transform='rotate(180 110 36)' fill='%235556E0'/%3e%3crect x='92' y='42' width='6' height='6' transform='rotate(180 92 42)' fill='%235556E0'/%3e%3crect x='92' y='36' width='6' height='6' transform='rotate(180 92 36)' fill='%235556E0'/%3e%3c/svg%3e "); } .slider-case__item:nth-child(3) .slider-case__img::after { left: -3.75rem; bottom: -6.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline x1='30' y1='147.5' x2='4.37114e-08' y2='147.5' stroke='%235556E0'/%3e%3cline x1='60' y1='0.5' y2='0.5' stroke='%235556E0'/%3e%3cline x1='0.5' y1='-2.18557e-08' x2='0.500006' y2='148' stroke='%235556E0'/%3e%3ccircle cx='32.5' cy='147.5' r='3' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .slider-case__item:nth-child(3) .slider-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 35% 0%, 35% 18%, 100% 18%, 100% 100%); clip-path: polygon(0% 100%, 0% 0%, 35% 0%, 35% 18%, 100% 18%, 100% 100%); } @media only screen and (max-width: 1199px) { .slider-case__item:nth-child(4) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 3.125rem; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(4) { margin-top: 0; } } .slider-case__item:nth-child(4) .slider-case__img { margin-bottom: 3.125rem; height: 14.0625rem; } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(4) .slider-case__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 767px) { .slider-case__item:nth-child(4) .slider-case__img { margin-top: 0.5rem; max-height: 9.6875rem; } } .slider-case__item:nth-child(4) .slider-case__img::before { width: 77%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='78' height='102' viewBox='0 0 78 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='24' y='6' width='6' height='6' transform='rotate(-90 24 6)' fill='%235556E0'/%3e%3crect x='36' y='6' width='6' height='6' transform='rotate(-90 36 6)' fill='%235556E0'/%3e%3crect x='48' y='6' width='6' height='6' transform='rotate(-90 48 6)' fill='%235556E0'/%3e%3crect x='30' y='6' width='6' height='6' transform='rotate(-90 30 6)' fill='%235556E0'/%3e%3crect x='42' y='6' width='6' height='6' transform='rotate(-90 42 6)' fill='%235556E0'/%3e%3crect x='54' y='12' width='6' height='6' transform='rotate(-90 54 12)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 12)' fill='%235556E0'/%3e%3crect x='60' y='18' width='6' height='6' transform='rotate(-90 60 18)' fill='%235556E0'/%3e%3crect x='66' y='24' width='6' height='6' transform='rotate(-90 66 24)' fill='%235556E0'/%3e%3crect x='6' y='24' width='6' height='6' transform='rotate(-90 6 24)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 18)' fill='%235556E0'/%3e%3crect x='72' y='48' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='54' width='6' height='6' fill='%235556E0'/%3e%3crect x='72' y='42' width='6' height='6' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 48)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 0 0 1 6 42)' fill='%235556E0'/%3e%3crect x='72' y='42' width='6' height='6' transform='rotate(-90 72 42)' fill='%235556E0'/%3e%3crect x='72' y='36' width='6' height='6' transform='rotate(-90 72 36)' fill='%235556E0'/%3e%3crect x='72' y='30' width='6' height='6' transform='rotate(-90 72 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 42)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 6 30)' fill='%235556E0'/%3e%3crect x='66' y='66' width='6' height='6' transform='rotate(-90 66 66)' fill='%235556E0'/%3e%3crect x='66' y='72' width='6' height='6' transform='rotate(-90 66 72)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 66)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 12 72)' fill='%235556E0'/%3e%3crect x='36' y='102' width='6' height='6' transform='rotate(-90 36 102)' fill='%235556E0'/%3e%3crect x='42' y='96' width='6' height='6' transform='rotate(-90 42 96)' fill='%235556E0'/%3e%3crect x='48' y='90' width='6' height='6' transform='rotate(-90 48 90)' fill='%235556E0'/%3e%3crect x='54' y='84' width='6' height='6' transform='rotate(-90 54 84)' fill='%235556E0'/%3e%3crect x='60' y='78' width='6' height='6' transform='rotate(-90 60 78)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 36 96)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 30 90)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 24 84)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(4.37114e-08 -1 -1 -4.37114e-08 18 78)' fill='%235556E0'/%3e%3crect x='33' y='30' width='6' height='6' transform='rotate(-90 33 30)' fill='%235556E0'/%3e%3crect x='39' y='30' width='6' height='6' transform='rotate(-90 39 30)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 33 54)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 39 54)' fill='%235556E0'/%3e%3crect x='45' y='36' width='6' height='6' transform='rotate(-90 45 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-4.37114e-08 1 1 4.37114e-08 45 48)' fill='%235556E0'/%3e%3crect x='27' y='42' width='6' height='6' transform='rotate(180 27 42)' fill='%235556E0'/%3e%3crect x='27' y='48' width='6' height='6' transform='rotate(180 27 48)' fill='%235556E0'/%3e%3crect x='57' y='42' width='6' height='6' transform='rotate(180 57 42)' fill='%235556E0'/%3e%3crect x='57' y='48' width='6' height='6' transform='rotate(180 57 48)' fill='%235556E0'/%3e%3crect x='33' y='36' width='6' height='6' transform='rotate(180 33 36)' fill='%235556E0'/%3e%3crect width='6' height='6' transform='matrix(-1 -8.74228e-08 -8.74228e-08 1 33 48)' fill='%235556E0'/%3e%3c/svg%3e "); } .slider-case__item:nth-child(4) .slider-case__img::after { right: 0.625rem; bottom: -6.875rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='60' height='151' viewBox='0 0 60 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.3'%3e%3cline y1='-0.5' x2='30' y2='-0.5' transform='matrix(1 8.74228e-08 8.74228e-08 -1 30 147)' stroke='%235556E0'/%3e%3cline y1='-0.5' x2='60' y2='-0.5' transform='matrix(1 0 0 -1 0 0)' stroke='%235556E0'/%3e%3cline y1='-0.5' x2='148' y2='-0.5' transform='matrix(-4.37114e-08 1 1 4.37114e-08 60 0)' stroke='%235556E0'/%3e%3ccircle cx='3.5' cy='3.5' r='3' transform='matrix(-1 0 0 1 31 144)' stroke='%235556E0'/%3e%3c/g%3e%3c/svg%3e "); } .slider-case__item:nth-child(4) .slider-case__img img { -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 33%, 77% 33%, 77% 100%); clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 33%, 77% 33%, 77% 100%); } .slider-case__img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-filter: drop-shadow(35px 35px 55px rgba(104, 116, 164, 0.3)); filter: drop-shadow(35px 35px 55px rgba(104, 116, 164, 0.3)); } .slider-case__img img { height: 100%; width: auto; } .slider-case__img::before { content: ''; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 767px) { .slider-case__img::before { background-size: 40%; } } .slider-case__img::after { content: ''; position: absolute; display: block; height: 9.4375rem; width: 3.75rem; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: contain; } .slider-case__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1023px) { .slider-case__inner { padding-left: 3.75rem; } } @media only screen and (max-width: 767px) { .slider-case__inner { padding-left: 1.25rem; } } .slider-case__ttl { display: block; font-family: 'Pixeloid-Sans'; font-size: 6.25rem; line-height: 1; color: #5556E0; } @media only screen and (max-width: 1023px) { .slider-case__ttl { font-size: 5rem; line-height: .8; } } @media only screen and (max-width: 767px) { .slider-case__ttl { font-size: 3.125rem; } } .slider-case__desc { display: block; font-size: 1.5rem; line-height: 1.05; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .slider-case__desc { margin-top: 1.25rem; font-size: 1.375rem; } } @media only screen and (max-width: 767px) { .slider-case__desc { font-size: 1rem; } } .slider-case__desc .visible-desc { display: block; } @media only screen and (max-width: 1023px) { .slider-case__desc .visible-desc { display: none; } } .slider-case__desc .visible-tablet { display: none; } @media only screen and (max-width: 1023px) { .slider-case__desc .visible-tablet { display: block; } } @media only screen and (min-width: 768px) { .slider-case .swiper-wrapper { -webkit-transform: unset !important; transform: unset !important; } } @media only screen and (max-width: 1199px) { .slider-case .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 45.625rem; margin: 0 auto; margin-top: 5rem; } } @media only screen and (max-width: 767px) { .slider-case .swiper-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .test { color: red; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 2.875rem; width: 14.0625rem; padding: 0 1.375rem; font-family: "ActayWide-Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.1; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; text-transform: uppercase; cursor: pointer; } @media only screen and (max-width: 1023px) { .button { font-size: 0.875rem; } } .button-border-violet { border: 3px solid #5556E0; -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); color: #5556E0; } .button-border-violet:hover { color: #FFFFFF; background: #5556E0; } .button-main-popup { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 22.1875rem; height: 8.4375rem; padding: 1.6875rem 1.875rem; font-size: 1.5rem; color: #FFFFFF; } @media only screen and (max-width: 1023px) { .button-main-popup { width: 31.5%; height: 6.25rem; padding: 0.9375rem 1.25rem; font-size: 1rem; } } @media only screen and (max-width: 767px) { .button-main-popup { padding: 1.25rem; padding-bottom: 0.9375rem; } } .button-main-popup .inside { position: relative; height: 100%; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 767px) { .button-main-popup .inside span { max-width: 80%; } } .button-main-popup .icn { position: absolute; right: 0; top: 0; } @media only screen and (max-width: 1023px) { .button-main-popup .icn { height: 1.875rem; } } .button-violet { background: #5556E0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .button-violet:hover { background: #875CFF; color: #FFFFFF; } .button-violet .icn { color: #FFFFFF; } .button-small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3.75rem; height: 3.75rem; padding: 0; } @media only screen and (max-width: 1023px) { .button-small { width: 2.8125rem; height: 2.8125rem; } } /*=== Animation ====*/ @media only screen and (min-width: 767px) { .block-animated { opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } } .block-animated { opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } /* End */ /* /local/templates/metamorph/libs/swiper-7-4-1/swiper-bundle.min.css?175499119115563 */ /* /local/templates/metamorph/libs/magnific-popup/dist/magnific-popup.css?17549911946951 */ /* /local/templates/metamorph/css/style.css?1754991186175261 */