/* Start:/local/templates/UpFly_new/css/lib/swiper.css?170172890018430*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/UpFly_new/css/lib/animate.css?170172890095369*/ @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* End */ /* Start:/local/templates/UpFly_new/css/lib/fancybox.css?170172890024261*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:.2s ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{animation:.2s ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:.5s ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:.2s ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:.1s linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} .fancybox__container { --fancybox-bg: rgba(50, 50, 50, 0.4); backdrop-filter: blur(4px); } .f-button, .is-compact .fancybox__footer{ background-color: transparent; } /* End */ /* Start:/local/templates/UpFly_new/css/global.css?1770812865192216*/ @charset "UTF-8"; @font-face { font-family: "Geologica"; font-style: normal; font-weight: 200; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraLight.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraLight.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraLight.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 300; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-Light.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Light.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Light.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 400; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-Regular.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Regular.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Regular.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 500; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-Medium.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Medium.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Medium.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 600; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-SemiBold.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-SemiBold.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-SemiBold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 700; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-Bold.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Bold.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-Bold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "Geologica"; font-style: normal; font-weight: 800; src: url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraBold.woff2") format("woff2"), url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraBold.woff") format("woff"), url("/local/templates/UpFly_new/css/../fonts/Geologica-ExtraBold.ttf") format("truetype"); font-display: swap; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { all: unset; cursor: pointer; color: inherit; text-decoration: none; } .test-main-colors { display: flex; gap: 1rem; } .test-main-colors li { width: 2rem; height: 2rem; border: 1px solid #000; } .test-main-colors .test-bg-grey { background-color: #fafafa; } .test-main-colors .test-white { background-color: #ffffff; } .test-main-colors .test-disable { background-color: #cfd5db; } .test-main-colors .test-blue { background-color: #3058e3; } .test-main-colors .test-blue-hover { background-color: #305df5; } .test-main-colors .test-blue-pressed { background-color: #17349a; } .test-main-colors .test-blue-20 { background-color: #b4c3f6; } .test-main-colors .test-yandex { background-color: #3287ff; } .test-main-colors .test-black { background-color: #131313; } .test-main-colors .test-black-hover { background-color: #282828; } .test-main-colors .test-red { background-color: #fb0e47; } .test-main-colors .test-bitrix { background-color: #e30d41; } .test-main-colors .test-red-20 { background-color: #f9cad8; } .test-block-wrap { display: flex; flex-wrap: wrap; gap: 2rem; } .test-block-wrap .test-block { padding: 2rem; } .test-btn-wrap { display: flex; flex-wrap: wrap; width: fit-content; gap: 2rem; } .test-btn-wrap .elem { width: 100%; display: flex; flex-wrap: wrap; gap: 2rem; border: 1px solid #000; padding: 2rem; } .test-grid { width: 100%; display: grid; grid-template-columns: repeat(4, 5rem); grid-auto-rows: 5rem; gap: 2.4rem; } .test-grid .elem { display: flex; justify-content: center; align-items: center; color: #ffffff; background-color: #131313; } .test-grid .elem:nth-child(1), .test-grid .elem:nth-child(6) { grid-row: span 2; grid-column: span 2; } :root { font-family: "Geologica", sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 2.78vw; } @media (min-width: 468px) { :root { font-size: 2.137vw; } } @media (min-width: 668px) { :root { font-size: 1.497vw; } } @media (min-width: 1024px) { :root { font-size: 0.977vw; } } @media (min-width: 1500px) { :root { font-size: 0.667vw; } } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; scrollbar-gutter: stable; } body { font-size: 1.4rem; line-height: 1.96rem; background-color: #fafafa; color: #131313; scrollbar-gutter: stable; overflow-x: hidden; } body.not-scroll { overflow: hidden; } section { padding: 3.2rem 0; transition: 0.2s; } section.p-t-min { padding: 1.6rem 0 3.2rem 0; } @media (min-width: 668px) { section { padding: 4rem 0; } section.p-t-min { padding: 1.6rem 0 4rem 0; } } @media (min-width: 1024px) { section { padding: 6rem 0; } section.p-t-min { padding: 1.6rem 0 6rem 0; } } @media (min-width: 1500px) { section.p-t-min { padding: 2.4rem 0 6rem 0; } } .container { padding: 0 2.4rem; margin: 0 auto; } @media (min-width: 668px) { .container { padding: 0 3.4rem; } } @media (min-width: 1024px) { .container { padding: 0 5.6rem; } } @media (min-width: 1500px) { .container { padding: 0 13.8rem; } } h1, h2, h3, h4 { text-transform: uppercase; z-index: 10; position: relative; } h5, h6 { z-index: 10; position: relative; } h1 { font-size: 2.4rem; line-height: 2.88rem; font-weight: 700; } @media (min-width: 668px) { h1 { font-size: 3.2rem; line-height: 3.84rem; } } @media (min-width: 1024px) { h1 { font-weight: 800; font-size: 3.8rem; line-height: 4.56rem; } } @media (min-width: 1500px) { h1 { font-size: 4rem; line-height: 4.8rem; } } h2 { font-weight: 700; font-size: 2rem; line-height: 2.6rem; } @media (min-width: 668px) { h2 { font-size: 2.2rem; line-height: 2.86rem; } } @media (min-width: 1024px) { h2 { font-size: 2.5rem; line-height: 3rem; } } h3 { font-weight: 600; font-size: 1.9rem; line-height: 2.28rem; } @media (min-width: 668px) { h3 { font-size: 2.1rem; line-height: 2.31rem; } } @media (min-width: 1024px) { h3 { font-size: 2.3rem; line-height: 2.53rem; } } h4 { font-weight: 600; font-size: 1.8rem; line-height: 1.96rem; } @media (min-width: 668px) { h4 { font-size: 2rem; line-height: 2.2rem; } } @media (min-width: 1024px) { h4 { font-size: 2.2rem; line-height: 2.42rem; } } h5 { font-weight: 600; font-size: 1.7rem; line-height: 1.87rem; } @media (min-width: 668px) { h5 { font-size: 1.8rem; line-height: 1.98rem; } } @media (min-width: 1024px) { h5 { font-size: 2rem; line-height: 2.2rem; } } h6 { font-weight: 500; font-size: 1.6rem; line-height: 1.76rem; } @media (min-width: 668px) { h6 { font-size: 1.7rem; line-height: 1.87rem; } } @media (min-width: 1024px) { h6 { font-size: 1.8rem; line-height: 1.98rem; } } :root { --main-page-color: #131313; --main-page-color-90: #131313; } .main-page-color { background-color: var(--main-page-color); color: #ffffff; } .main-page-color .btn_white-blue { color: var(--main-page-color); } .main-page-color-90 { background-color: var(--main-page-color-90); color: #ffffff; } .main-page-color-40 { background-color: var(--main-page-color-40); color: #ffffff; } .title-subtitle h2 { margin-bottom: 1.2rem; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .m-0-a { margin: 0 auto; } .mb-12 { margin-bottom: 1.2rem; } .main-page-color { background-color: var(--main-page-color); color: #ffffff; } .main-page-color .content-part .table-overflow .left { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--main-page-color) 100%); } .main-page-color .content-part .table-overflow .right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--main-page-color) 100%); } .main-page-color .btn_white-blue { color: var(--main-page-color); } .bg-blue { background-color: #3058e3; color: #ffffff; } .bg-blue .content-part .table-overflow .left { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #3058e3 100%); } .bg-blue .content-part .table-overflow .right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #3058e3 100%); } .bg-blue form .elem_line.elem-error { border-bottom: 0.1rem solid #ffffff; } .bg-blue form .elem_line.elem-error .error { color: #ffffff; } .bg-blue-hover { background-color: #305df5; color: #ffffff; } .bg-blue-hover .content-part .table-overflow .left { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #305df5 100%); } .bg-blue-hover .content-part .table-overflow .right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #305df5 100%); } .bg-blue-hover form .elem_line.elem-error { border-bottom: 0.1rem solid #ffffff; } .bg-blue-hover form .elem_line.elem-error .error { color: #ffffff; } .bg-white { background-color: #ffffff; color: #131313; } .bg-white .content-part .table-overflow .left { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .bg-white .content-part .table-overflow .right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .bg-red { background-color: #fb0e47; color: #ffffff; } .bg-red .content-part .table-overflow .left { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fb0e47 100%); } .bg-red .content-part .table-overflow .right { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fb0e47 100%); } .bg-red form .elem_line.elem-error { border-bottom: 0.1rem solid #ffffff; } .bg-red form .elem_line.elem-error .error { color: #ffffff; } .btn { all: unset; display: flex; justify-content: center; align-items: center; border-radius: 0.8rem; width: fit-content; box-sizing: border-box; cursor: pointer; transition: 0.25s; color: #131313; z-index: 10; position: relative; } .btn_white-border { padding: calc(0.6rem - 1px) calc(3.4rem - 1px); border: 1px solid #ffffff; color: #ffffff; line-height: 2rem; } .btn_white-border:hover { background-color: #ffffff; color: #131313; } .btn_white-border:active { background-color: #3058e3; border: 1px solid #3058e3; color: #ffffff; } .btn_red-white { padding: calc(0.9rem - 1px) calc(2.4rem - 1px); border: 1px solid #ffffff; background-color: white; color: #fb0e47; line-height: 2rem; } .btn_red-white:hover { background-color: transparent; color: #ffffff; } .btn_red-white:active { border: 1px solid #f9cad8; color: #f9cad8; } .btn_black-border { padding: calc(0.9rem - 1px) calc(2.4rem - 1px); border: 1px solid #131313; color: #131313; line-height: 2rem; } .btn_black-border.min-max { padding: calc(0.9rem - 1px) calc(1.15rem - 1px); } @media (min-width: 668px) { .btn_black-border.min-max { padding: calc(0.9rem - 1px) calc(3.35rem - 1px); } } .btn_black-border:hover { background-color: #131313; color: #ffffff; } .btn_black-border:active { background-color: #3058e3; border: 1px solid #3058e3; } .btn_white-blue { padding: calc(1.3rem - 1px) calc(2.4rem - 1px); border-radius: 1.2rem; border: 1px solid #ffffff; background-color: #ffffff; color: #3058e3; line-height: 2rem; } .btn_white-blue:hover { background-color: transparent; color: #ffffff; } .btn_white-blue:active { border: 1px solid #cfd5db; color: #cfd5db; } .btn_blue-bg { padding: calc(1.3rem - 1px) calc(2.4rem - 1px); border-radius: 1.2rem; border: 1px solid #3058e3; background-color: #3058e3; color: #ffffff; line-height: 2rem; } .btn_blue-bg_min { padding: calc(0.6rem - 1px) calc(2.4rem - 1px); border-radius: 0.8rem; } @media (min-width: 1024px) { .btn_blue-bg_min { padding: calc(1.4rem - 1px) calc(2.4rem - 1px); } } .btn_blue-bg:hover { background-color: transparent; color: #3058e3; } .btn_blue-bg:active { border: 1px solid #131313; color: #131313; } .btn_white-bg { padding: 1.3rem 2.4rem; border-radius: 1.2rem; background-color: #ffffff; line-height: 2rem; } .btn_white-bg:hover { background-color: #3058e3; color: #ffffff; } .btn_white-bg:active { background-color: #b4c3f6; } .btn_white-bg-white-border { padding: 1.3rem 2.4rem; border-radius: 1.2rem; background-color: #ffffff; color: #3058e3; border: 1px solid #ffffff; line-height: 2rem; } .btn_white-bg-white-border:hover { background-color: transparent; color: #ffffff; } .btn_white-bg-white-border:active { color: #b4c3f6; border-color: #b4c3f6; } .btn_line-white { color: #ffffff; border-radius: 0; border-bottom: 0.1rem solid #ffffff; } .btn_line-blue { color: #ffffff; font-size: 1.7rem; line-height: 1.87rem; } .btn_line-blue:hover { color: #3058e3; } .btn_line-blue:active { color: #b4c3f6; } .btn_line-white-red-bg { color: #ffffff; border-radius: 0; border-bottom: 1px dashed #ffffff; } .btn_line-white-red-bg:hover { border-bottom: 1px dashed transparent; } .btn_line-white-red-bg:active { color: #f9cad8; border-bottom: 1px dashed #f9cad8; } .btn_line-white-black-bg { color: #ffffff; font-weight: 600; border-radius: 0; border-bottom: 1px dotted transparent; } .btn_line-white-black-bg:hover { border-bottom: 1px dashed #ffffff; } .btn_line-black-white-bg:hover { color: #3058e3; } .btn_line-black-white-bg:active { color: #131313; } .btn_blue-arrow { gap: 1.2rem; color: #3058e3; font-weight: 600; } .btn_blue-arrow span { display: block; position: relative; } .btn_blue-arrow span::after { position: absolute; content: ""; bottom: -0.1rem; right: 0; width: 0; height: 0.1rem; background-color: #3058e3; transition: 0.3s; } .btn_blue-arrow svg { width: 2.4rem; height: 2.4rem; } .btn_blue-arrow svg .path-line { transform-origin: right; transform: scale(1, 1); transition: 0.25s; } .btn_blue-arrow:hover span::after { width: 100%; } .btn_blue-arrow:hover svg .path-line { transform: scale(1.2, 1); } .btn_blue-arrow:active { color: #17349a; } .btn_white-arrow { gap: 1.2rem; color: #ffffff; font-weight: 600; } .btn_white-arrow span { display: block; position: relative; } .btn_white-arrow span::after { position: absolute; content: ""; bottom: -0.1rem; right: 0; width: 0; height: 0.1rem; background-color: #ffffff; transition: 0.3s; } .btn_white-arrow svg { width: 2.4rem; height: 2.4rem; } .btn_white-arrow svg .path-line { transform-origin: right; transform: scale(1, 1); transition: 0.25s; } .btn_white-arrow:hover span::after { width: 100%; } .btn_white-arrow:hover svg .path-line { transform: scale(1.2, 1); } .btn_white-arrow:active { color: #b4c3f6; } .btn_more-text { display: none; gap: 0.4rem; width: fit-content; margin-top: 1.2rem; font-size: 1.2rem; line-height: 1.5rem; font-weight: 600; } .btn_more-text::after { content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.91011 5.57567C3.14443 5.34136 3.52432 5.34136 3.75864 5.57567L8.00104 9.81807L12.2434 5.57567C12.4778 5.34136 12.8577 5.34136 13.092 5.57567C13.3263 5.80998 13.3263 6.18988 13.092 6.4242L8.42531 11.0909C8.19099 11.3252 7.81109 11.3252 7.57678 11.0909L2.91011 6.4242C2.6758 6.18988 2.6758 5.80999 2.91011 5.57567Z' fill='%23101010' stroke='%23101010' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); width: 1.6rem; height: 1.6rem; object-fit: cover; transition: 0.3s; } .btn_more-text.open::after { transform: rotate(180deg); } .btn-switch { position: relative; border-radius: 2rem; width: fit-content; border: 1px solid #ffffff; padding: 0.4rem; display: flex; } .btn-switch .btn { width: fit-content; padding: 0.8rem 1.2rem; color: #ffffff; z-index: 10; } .btn-switch .btn.active--js { color: #3058e3; cursor: default; } .btn-switch .btn-switch-bg--js { position: absolute; top: 0.4rem; height: calc(100% - 0.8rem); background-color: #ffffff; border-radius: 3.9rem; } .link-anim-border-white { position: relative; font-weight: 600; } .link-anim-border-white::after { content: ""; position: absolute; left: 0; right: 0; width: 0; bottom: -0.1rem; height: 1px; background-color: #ffffff; transition: width 0.3s; } .link-anim-border-white:hover::after { width: 100%; } .delay-01 { animation-delay: 0.1s; } .delay-02 { animation-delay: 0.2s; } .delay-03 { animation-delay: 0.3s; } .delay-04 { animation-delay: 0.4s; } .delay-05 { animation-delay: 0.5s; } .delay-06 { animation-delay: 0.6s; } .bg-animate { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; pointer-events: none; } .bg-canvas { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .swiper-padding { padding: 0 2.4rem; } @media (min-width: 668px) { .swiper-padding { padding: 0 3.4rem; } } @media (min-width: 1024px) { .swiper-padding { padding: 0 5.6rem; } } @media (min-width: 1500px) { .swiper-padding { padding: 0 13.8rem; } } a.lined { position: relative; display: block; width: max-content; } a.lined::after { content: ""; display: block; height: 1px; bottom: -0.1rem; left: 0; width: 0; background-color: #ffffff; transition: width 0.3s; } a.lined:hover::after { width: 100%; } .draggable--js::-webkit-scrollbar, .draggable--js::-webkit-scrollbar-thumb { display: none; } header { width: 100%; } header .wrap { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 2.4rem; } header .logo { z-index: 920; } header .logo a { display: flex; justify-content: center; align-items: center; } header .logo a svg { width: 6.66rem; height: 4rem; } header .logo .toggle-color { transition: 0.2s; } header .logo.open .toggle-color_blue { fill: #3058E3; } header .logo.open .toggle-color_white { fill: #fff; } header .main { display: flex; gap: 2.611rem; align-items: center; } header .main .sign-up .call { z-index: 10; } header .main .sign-up .call a { position: relative; display: block; width: 3.2rem; height: 3.2rem; } header .main .sign-up .call a::after { content: ""; position: absolute; left: 0; right: 0; width: 0; bottom: -0.1rem; height: 1px; background-color: #ffffff; transition: width 0.3s; } header .main .sign-up .call a:hover::after { width: 100%; } header .main .sign-up .call a svg { width: 3.2rem; height: 3.2rem; } header .main .sign-up .call a span { display: none; transition: 0.3s; } header .main .sign-up .becomes { display: none; } header .main .menu { position: relative; width: 3.589rem; height: 3.1rem; } header .main .menu .burgher { top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; flex-shrink: 0; cursor: pointer; z-index: 920; } header .main .menu .burgher svg { width: 100%; height: 100%; object-fit: contain; } header .main .menu .burgher.anim { pointer-events: none; } header .main .menu .burgher-close--js { display: none; } @media (min-width: 668px) { header .main .menu .burgher { width: 2.9rem; height: 3.2rem; } } header.header-fake { display: none; position: fixed; width: 100vw; top: 0; left: 0; z-index: 920; } header.header-fake .wrap { transition: 0.6s; } header.header-fake .wrap .main .sign-up { transition: 0.2s; } header.header-fake.open-menu .wrap { background-color: #3058e3; } header.header-fake.open-menu .wrap .main .sign-up { pointer-events: none; opacity: 0; } @media (min-width: 668px) { header .wrap { padding: 1.2rem 3.4rem; } header .main { gap: 3.2rem; } header .main .sign-up { display: flex; align-items: center; gap: 3.2rem; } header .main .sign-up .call a { width: auto; height: auto; } header .main .sign-up .call a svg { display: none; } header .main .sign-up .call a span { display: block; } header .main .sign-up .becomes { display: block; } } @media (min-width: 1024px) { header .wrap { padding: 0.8rem 5.6rem; } header .logo a svg { width: 6rem; height: 3.6rem; } header.header-fake .logo a svg { width: 6rem; height: 3.6rem; } } @media (min-width: 1500px) { header .wrap { padding: 0.8rem 13.8rem; } } footer { padding: 2.4rem 0; overflow: hidden; position: relative; z-index: 10; } footer a { display: flex; justify-content: center; align-items: center; color: #cfd5db; transition: 0.3s; } footer a:hover { color: #ffffff; } footer .container { display: flex; justify-content: space-between; gap: 3rem; } footer .inform { flex-shrink: 0; display: flex; align-items: center; gap: 1.6rem; } footer .inform .logo svg, footer .inform .logo img { width: 3.6rem; height: 3.9rem; } footer .inform .contacts { display: none; flex-direction: column; gap: 0.2rem; font-size: 1.2rem; } footer .inform .contacts a { justify-content: flex-start; } footer .inform .contacts span { color: #cfd5db; } footer .partners { display: flex; gap: 0.8rem; align-items: center; } footer .partners a { filter: brightness(80%); } footer .partners a:hover { filter: brightness(100%); } footer .partners svg, footer .partners img { height: 3.8rem; width: auto; } @media (min-width: 468px) { footer .partners { gap: 3.2rem; } } @media (min-width: 668px) { footer { padding: 2rem 0; } footer .inform .logo svg, footer .inform .logo img { width: 4rem; height: 4.2rem; } footer .inform .contacts { display: flex; } footer .partners { gap: 1.2rem; } } @media (min-width: 1024px) { footer .inform { gap: 2.4rem; } footer .inform .logo svg, footer .inform .logo img { width: 5.2rem; height: 5.4rem; } footer .inform .contacts { font-size: 1.4rem; gap: 0.4rem; } footer .partners { gap: 6.4rem; } footer .partners svg, footer .partners img { height: 4.6rem; width: auto; } } @media (min-width: 1500px) { footer .inform { gap: 3.2rem; } footer .inform .logo svg, footer .inform .logo img { width: 5.347rem; height: 5.6rem; } } form { color: #ffffff; } form .elem { position: relative; width: 100%; margin-bottom: 3.2rem; } form .elem_line { border-bottom: 0.1rem solid #ffffff; } form .elem_line input, form .elem_line textarea { font-family: "Geologica", sans-serif; height: calc(4rem - 1px); width: 100%; background-color: transparent; border: none; padding: 0; color: #ffffff; font-size: 1.4rem; font-weight: 300; transition: 0.2s; resize: none; } form .elem_line input::placeholder, form .elem_line textarea::placeholder { color: #ffffff; font-size: 1.4rem; transition: 0.2s; } form .elem_line input:focus, form .elem_line textarea:focus { outline: none; border-bottom: 0.1rem solid #ffffff; } form .elem_line input:focus::placeholder, form .elem_line textarea:focus::placeholder { color: #cfd5db; } form .elem_line input:-webkit-autofill, form .elem_line textarea:-webkit-autofill { transition: all 50000s ease-in-out; } form .elem_line textarea { min-height: 3.5rem; padding-top: 1rem; } form .elem_line textarea:focus { border: none; } form .elem_line textarea::-webkit-scrollbar, form .elem_line textarea::-webkit-scrollbar-thumb { display: none; } form .elem_line .textarea-auto-height-fake { position: absolute; top: 1rem; pointer-events: none; opacity: 0; z-index: -10; } form .elem_line .error { display: none; position: absolute; bottom: -2rem; color: #fb0e47; font-size: 1.2rem; line-height: 1.6rem; font-weight: 300; } form .elem_line.elem-error { border-bottom: 0.1rem solid #fb0e47; } form .elem_line.elem-error::after { background-color: red; } form .elem_line.elem-error .error { display: block; } form .elem_line::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 0.1rem; background-color: #ffffff; opacity: 0; transition: 0.3s; } form .elem_line:hover::after { opacity: 1; } form .elem_checkboxs .select { display: flex; align-items: center; margin-bottom: 0.8rem; height: 4rem; } form .elem_checkboxs .options { display: flex; flex-wrap: wrap; gap: 2.4rem; } form .elem_select .select { display: flex; align-items: center; justify-content: space-between; height: calc(4rem - 1px); transition: 0.2s; border-bottom: 0.1rem solid #ffffff; cursor: pointer; } form .elem_select .select span { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } form .elem_select .select svg { flex-shrink: 0; width: 2.4rem; height: 2.4rem; transition: 0.2s; } form .elem_select .select.open--js svg { transform: rotate(180deg); } form .elem_select .options { display: none; position: absolute; top: 4.4rem; left: 0; width: 100%; max-height: 18rem; padding: 1.2rem; border-radius: 1.6rem; overflow-y: auto; backdrop-filter: blur(2px); z-index: 20; } form .elem_select .options::-webkit-scrollbar { width: 1.4rem; } form .elem_select .options::-webkit-scrollbar-thumb { border-right: 1.2rem transparent solid; background-clip: padding-box; background-color: #ffffff; } form .elem_select .options::-webkit-scrollbar-track { margin-top: 2.5rem; margin-bottom: 2.5rem; } form .elem_select .options .custom-checkbox { border-radius: 0.8rem; } form .elem_select .options .custom-checkbox:not(:last-child) { margin-bottom: 0.4rem; } form .elem_select .options .custom-checkbox .checkbox-content { min-height: 3.6rem; padding: 0.8rem 1.2rem 0.8rem 4.6rem; } form .elem_select .options .custom-checkbox .checkbox-content::before { left: 1.2rem; } @media (min-width: 668px) { form .elem_select .options { padding: 1.2rem 2.4rem 1.2rem 1.2rem; } form .elem_select .options::-webkit-scrollbar { width: 2.6rem; } form .elem_select .options::-webkit-scrollbar-thumb { border-right: 2.4rem transparent solid; } } form .custom-checkbox { position: relative; display: flex; align-items: center; cursor: pointer; } form .custom-checkbox .checkbox { position: absolute; z-index: -10; opacity: 0; } form .custom-checkbox .checkbox-content { display: block; width: fit-content; min-height: 2rem; width: 100%; line-height: 2rem; padding-left: 3.2rem; transition: 0.2s; } form .custom-checkbox .checkbox-content::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border: 0.2rem solid #ffffff; border-radius: 0.4rem; background-repeat: no-repeat; background-size: cover; transition: 0.2s; } form .custom-checkbox:hover .checkbox-content { color: #cfd5db; } form .custom-checkbox:hover .checkbox-content::before { border: 0.2rem solid #cfd5db; } form .custom-checkbox:hover .checkbox:checked + .checkbox-content { color: #ffffff; } form .custom-checkbox:hover .checkbox:checked + .checkbox-content::before { border: 0.2rem solid #17349a; background-color: #17349a; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 0H15.75C16.9926 0 18 1.00736 18 2.25V15.75C18 16.9926 16.9926 18 15.75 18H2.25C1.00736 18 0 16.9926 0 15.75V2.25C0 1.00736 1.00736 0 2.25 0ZM13.8521 5.84543C14.0763 5.58513 14.0417 5.19687 13.7748 4.97821C13.5079 4.75956 13.1099 4.79332 12.8857 5.05362L7.236 11.6139L5.10014 9.29912C4.86699 9.04644 4.46797 9.02595 4.20891 9.25336C3.94985 9.48078 3.92885 9.86997 4.162 10.1227L6.78336 12.9636C6.90555 13.096 7.08057 13.1703 7.2632 13.1672C7.44583 13.1642 7.61815 13.0841 7.73564 12.9477L13.8521 5.84543Z' fill='white'/%3e%3c/svg%3e "); } form .custom-checkbox .checkbox:checked + .checkbox-content::before { border: 0.2rem solid #3058e3; background-color: #3058e3; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 0H15.75C16.9926 0 18 1.00736 18 2.25V15.75C18 16.9926 16.9926 18 15.75 18H2.25C1.00736 18 0 16.9926 0 15.75V2.25C0 1.00736 1.00736 0 2.25 0ZM13.8521 5.84543C14.0763 5.58513 14.0417 5.19687 13.7748 4.97821C13.5079 4.75956 13.1099 4.79332 12.8857 5.05362L7.236 11.6139L5.10014 9.29912C4.86699 9.04644 4.46797 9.02595 4.20891 9.25336C3.94985 9.48078 3.92885 9.86997 4.162 10.1227L6.78336 12.9636C6.90555 13.096 7.08057 13.1703 7.2632 13.1672C7.44583 13.1642 7.61815 13.0841 7.73564 12.9477L13.8521 5.84543Z' fill='white'/%3e%3c/svg%3e "); } form .btns .btn { width: 100%; margin-bottom: 1.6rem; } form .btns .agreement { font-size: 1.2rem; color: #cfd5db; } form .btns .agreement a { display: inline; } form.red [data-dd-list-options] { background-color: rgba(227, 13, 66, 0.9); border: 1px solid #f9cad8; } form.red .custom-checkbox .checkbox-content { transition: none; } form.red .custom-checkbox .checkbox-content::before { transition: background-color 0s; } form.red .custom-checkbox:hover { background-color: #ffffff; } form.red .custom-checkbox:hover .checkbox-content { color: #fb0e47; } form.red .custom-checkbox:hover .checkbox-content::before { border: 0.2rem solid #fb0e47; } form.red .custom-checkbox:hover .checkbox:checked + .checkbox-content { color: #fb0e47; } form.red .custom-checkbox:hover .checkbox:checked + .checkbox-content::before { border: 0.2rem solid #fb0e47; background-color: #fb0e47; } form.red .custom-checkbox .checkbox:checked + .checkbox-content::before { border: 0.2rem solid #ffffff; background-color: transparent; background-size: 110%; } @media (min-width: 1024px) { form .btns { margin-top: 4rem; } } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(16, 16, 16, 0.8); z-index: 930; } .modal .overlay { position: relative; height: 100dvh; } .modal .overlay .wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; padding: 3.2rem 0; max-height: 100dvh; width: 100%; } .modal .overlay .wrap.thanks { text-align: center; } .modal .overlay .wrap.thanks button { width: 100%; } .modal .overlay .wrap.thanks .header { margin-bottom: 3.2rem; } @media (min-width: 668px) { .modal .overlay .wrap.thanks .header { margin-bottom: 4rem; } } .modal .overlay .wrap .header { display: flex; flex-direction: column; gap: 1.2rem; margin-bottom: 1.2rem; padding: 0 2.4rem; } .modal .overlay .wrap .header .tick { width: 6.4rem; height: 6.4rem; margin-bottom: 2rem; align-self: center; } .modal .overlay .wrap .header .title { font-weight: 700; font-size: 2rem; line-height: 2.4rem; text-transform: uppercase; } .modal .overlay .wrap .header .title-h1 { font-size: 2.4rem; line-height: 2.88rem; font-weight: 700; margin-bottom: 2rem; } .modal .overlay .wrap .body { position: relative; overflow-y: auto; padding: 0 1rem 0 2.4rem; scrollbar-gutter: stable; } .modal .overlay .wrap .body::-webkit-scrollbar { width: 1.4rem; } .modal .overlay .wrap .body::-webkit-scrollbar-thumb { border-left: 0.2rem #ffffff solid; background-clip: padding-box; background-color: transparent; } .modal .overlay .wrap .body .modal-bg { display: none; position: absolute; top: 0; right: 5.6rem; width: 26rem; height: 100%; z-index: -10; overflow: hidden; } .modal .overlay .wrap .body .modal-bg svg { width: 26rem; height: 32.8rem; object-fit: contain; } .modal .overlay .wrap .plug_top { position: absolute; top: 0; left: 0; width: 100%; height: 1.5rem; pointer-events: none; opacity: 0; transition: 0.2s; z-index: 15; } .modal .overlay .wrap .plug_bottom { position: absolute; bottom: 3.1rem; left: 0; width: 100%; height: 1.5rem; pointer-events: none; transition: 0.2s; z-index: 15; } .modal .overlay .wrap.bg-blue form .elem_select .options { border: 1px solid #ffffff; background-color: rgba(48, 87, 227, 0.9); } .modal .overlay .wrap.bg-blue .plug_top { background: linear-gradient(180deg, #3058e3 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .wrap.bg-blue .plug_bottom { background: linear-gradient(0deg, #3058e3 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .wrap.bg-blue-hover form .elem_select .options { border: 1px solid #ffffff; background-color: rgba(48, 87, 227, 0.9); } .modal .overlay .wrap.bg-blue-hover .plug_top { background: linear-gradient(180deg, #305df5 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .wrap.bg-blue-hover .plug_bottom { background: linear-gradient(0deg, #305df5 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .wrap.bg-red .plug_top { background: linear-gradient(180deg, #fb0e47 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .wrap.bg-red .plug_bottom { background: linear-gradient(0deg, #fb0e47 0%, rgba(255, 255, 255, 0) 100%); } .modal .overlay .modal-logo { display: none; position: absolute; bottom: 9.6rem; right: 9.6rem; } .modal .overlay .cross { position: absolute; top: 2rem; right: 2rem; width: 2.4rem; height: 2.4rem; background-size: cover; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.3429 4.3429C4.8001 3.8857 5.54136 3.8857 5.99856 4.3429L12 10.3443L18.0014 4.3429C18.4586 3.8857 19.1999 3.8857 19.6571 4.3429C20.1143 4.8001 20.1143 5.54136 19.6571 5.99856L13.6557 12L19.6571 18.0014C20.1143 18.4586 20.1143 19.1999 19.6571 19.6571C19.1999 20.1143 18.4586 20.1143 18.0014 19.6571L12 13.6557L5.99856 19.6571C5.54136 20.1143 4.8001 20.1143 4.3429 19.6571C3.8857 19.1999 3.8857 18.4586 4.3429 18.0014L10.3443 12L4.3429 5.99856C3.8857 5.54136 3.8857 4.8001 4.3429 4.3429Z' fill='white'/%3e%3c/svg%3e "); cursor: pointer; } @media (min-width: 668px) { .modal .overlay { width: 60rem; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; border-radius: 4rem; } .modal .overlay .wrap { position: relative; top: 0; left: 0; background-color: transparent; transform: translate(0, 0); padding: 4.4rem 0; } .modal .overlay .wrap .header { padding: 0 5.6rem; margin-bottom: 3.2rem; } .modal .overlay .wrap .header .title { font-size: 2.4rem; line-height: 2.88rem; } .modal .overlay .wrap .header .title-h1 { font-size: 3.2rem; line-height: 3.84rem; margin-bottom: 0; } .modal .overlay .wrap .body { padding: 0 4.4rem 0 5.6rem; } .modal .overlay .wrap .body form .elem_checkboxs .select { margin-bottom: 1.2rem; } .modal .overlay .wrap .body form .btns { margin-top: 4rem; } .modal .overlay .wrap .body .modal-bg { display: block; } .modal .overlay .wrap .plug_bottom { position: absolute; bottom: 4.2rem; } .modal .overlay .cross { position: absolute; top: 2.4rem; right: 2.6rem; width: 3.2rem; height: 3.2rem; } .modal.fullscreen .overlay { width: 100%; height: 100dvh; top: 0; left: 0; transform: translate(0); border-radius: 0; } .modal.fullscreen .overlay .wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal.fullscreen .overlay .wrap .header { padding: 0 3.4rem; } .modal.fullscreen .overlay .wrap .body { padding: 0 2.2rem 0 3.4rem; } } @media (min-width: 1024px) { .modal.fullscreen .overlay .wrap .header { padding: 0 5.6rem; } .modal.fullscreen .overlay .wrap .title-h1 { font-size: 3.8rem; line-height: 4.56rem; font-weight: 800; } .modal.fullscreen .overlay .wrap .body { padding: 0 2.7rem 0 5.6rem; } .modal.fullscreen .overlay .wrap .body::-webkit-scrollbar { width: 2.9rem; } .modal.fullscreen .overlay .wrap .body::-webkit-scrollbar-thumb { border-left: 0.3rem #ffffff solid; } } @media (min-width: 1500px) { .modal.fullscreen .overlay .wrap { left: 0; transform: translate(0, -50%); width: 93.6rem; } .modal.fullscreen .overlay .wrap .header { padding: 0 2.4rem 0 13.8rem; } .modal.fullscreen .overlay .wrap .body { padding: 0 2.4rem 0 13.8rem; } .modal.fullscreen .overlay .modal-logo { display: block; } .modal.fullscreen .overlay .cross { position: absolute; top: 7.3rem; right: 9.6rem; width: 4.6rem; height: 4.6rem; } } .modal-top--js { position: fixed; top: 0; height: 0; transition: 0.6s linear; } .modal-top--js.open { height: 100%; } .modal-right--js { transform: translateX(100vw); transition: transform 0.4s linear; } .modal-right--js.open { transform: translateX(0); } .modal_burger-menu.fullscreen { display: block; overflow: hidden; z-index: 910; } .modal_burger-menu.fullscreen .overlay .wrap { padding: 8.8rem 0 0 0; height: 100%; } .modal_burger-menu.fullscreen .overlay .wrap .body { height: 100%; } .modal_burger-menu.fullscreen .overlay .wrap .body::-webkit-scrollbar-track { margin-bottom: 18rem; } .modal_burger-menu.fullscreen .overlay .wrap .scroll--js { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .modal_burger-menu.fullscreen .overlay .wrap .plug_bottom { bottom: 0; } @media (min-width: 668px) { .modal_burger-menu.fullscreen .overlay .wrap { padding: 9.6rem 0 0 0; } } @media (min-width: 1024px) { .modal_burger-menu.fullscreen .overlay .wrap { padding: 8.4rem 0 0 0; } .modal_burger-menu.fullscreen .overlay .wrap .body::-webkit-scrollbar-track { margin-bottom: 9rem; } } @media (min-width: 1500px) { .modal_burger-menu.fullscreen .overlay .wrap { padding: 10.7rem 0 0 0; width: 100%; } .modal_burger-menu.fullscreen .overlay .wrap .body { padding: 0 0 0 13.8rem; width: 100%; } .modal_burger-menu.fullscreen .overlay .wrap .body::-webkit-scrollbar { width: 13.8rem; } .modal_burger-menu.fullscreen .overlay .wrap .body::-webkit-scrollbar-thumb { border-left: 0.3rem #ffffff solid; } } .modal_burger-menu.fullscreen .modal-logo { bottom: -1rem; right: -1rem; width: 50rem; height: 53rem; max-height: calc(100svh - 10.7rem); z-index: -10; } .modal_burger-menu.fullscreen .modal-logo img { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; } .content-part > * { margin-bottom: 0.8rem; } .content-part h1, .content-part h2, .content-part h3, .content-part h4, .content-part h5, .content-part h6 { margin-top: 3.2rem; } .content-part h1 { margin-bottom: 3.2rem; } .content-part h2 { margin-bottom: 1.6rem; } .content-part h3, .content-part h4, .content-part h5, .content-part h6 { margin-bottom: 1.2rem; } .content-part ol, .content-part ul { display: flex; flex-direction: column; gap: 0.4rem; } .content-part ul > li { position: relative; padding-left: 1.5rem; } .content-part ul > li::before { content: "•"; position: absolute; top: 0; left: 0; width: 0.6rem; height: 1.9rem; } .content-part ol { counter-reset: num; } .content-part ol > li { position: relative; padding-left: 2.1rem; } .content-part ol > li::before { content: counter(num) "."; counter-increment: num; position: absolute; top: 0; left: 0; font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; } .content-part blockquote { position: relative; padding-left: 1.9rem; } .content-part blockquote cite { margin-top: 0.8rem; display: block; font-weight: 600; text-align: right; } .content-part blockquote::before { position: absolute; content: "″"; top: 0; left: 0; font-weight: 700; font-size: 2rem; line-height: 2.4rem; } .content-part table { position: relative; } .content-part table th { min-width: 6rem; max-width: 28rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1rem; font-weight: 600; text-align: left; background-color: #3058e3; color: #ffffff; } .content-part table th:not(:last-child) { border-right: 1px solid #ffffff; } .content-part table td { background-color: #ffffff; color: #131313; padding: 1rem; } .content-part table td:not(:last-child) { border-right: 1px solid #3058e3; } .content-part table tr:first-child th:first-child { border-radius: 0.4rem 0 0 0; } .content-part table tr:first-child th:last-child { border-radius: 0 0.4rem 0 0; } .content-part table tr:last-child td:first-child { border-radius: 0 0 0 0.4rem; } .content-part table tr:last-child td:last-child { border-radius: 0 0 0.4rem 0; } .content-part table::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border: solid #3058e3 1px; border-radius: 0.4rem; } .content-part img, .content-part iframe { display: block; max-width: 100%; object-fit: contain; } .content-part .table-overflow { position: relative; pointer-events: none; } .content-part .table-overflow .left { position: absolute; top: 0; left: 0; width: 3.5rem; height: 100%; opacity: 0; z-index: 10; transition: 0.3s; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fafafa 100%); } .content-part .table-overflow .right { position: absolute; content: ""; top: 0; right: 0; width: 3.5rem; height: 100%; opacity: 0; z-index: 10; transition: 0.3s; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fafafa 100%); } .content-part .table-wrap { overflow-x: scroll; pointer-events: auto; cursor: grab; padding-bottom: 0.1rem; } .content-part .table-wrap > * { pointer-events: none; } .content-part .table-wrap::-webkit-scrollbar { height: 0.2rem; background-color: transparent; } .content-part .table-wrap::-webkit-scrollbar-thumb { background-color: #3058e3; } .content-part .table-wrap::-webkit-scrollbar-track { margin: 0 0.6rem; } .content-part i, .content-part em { font-style: oblique; } .content-part b, .content-part strong { font-weight: 600; } .content-part s { text-decoration: line-through; } .content-part u { text-decoration: underline; } .content-part a { font-weight: 600; border-bottom: dashed #131313 1px; transition: 0.2s; } .content-part a:hover { color: rgba(16, 16, 16, 0.8); border-bottom: dashed rgba(16, 16, 16, 0.8) 1px; } .content-part > :first-child { margin-top: 0; } .content-part > :last-child { margin-bottom: 0; } @media (min-width: 1500px) { .content-part { max-width: 91.2rem; } } .main-page-color.content-part a, .bg-black .content-part a, .bg-blue .content-part a, .bg-blue-hover .content-part a, .bg-red .content-part a { font-weight: 400; border-bottom: dashed #ffffff 1px; transition: 0.2s; } .main-page-color.content-part a:hover, .bg-black .content-part a:hover, .bg-blue .content-part a:hover, .bg-blue-hover .content-part a:hover, .bg-red .content-part a:hover { color: #b4c3f6; border-bottom: dashed #b4c3f6 1px; } .main-page-color.content-part table th, .bg-black .content-part table th, .bg-blue .content-part table th, .bg-blue-hover .content-part table th, .bg-red .content-part table th { background-color: transparent; } .main-page-color.content-part table th:not(:last-child), .bg-black .content-part table th:not(:last-child), .bg-blue .content-part table th:not(:last-child), .bg-blue-hover .content-part table th:not(:last-child), .bg-red .content-part table th:not(:last-child) { border-right: 1px solid #ffffff; } .main-page-color.content-part table td, .bg-black .content-part table td, .bg-blue .content-part table td, .bg-blue-hover .content-part table td, .bg-red .content-part table td { background-color: #ffffff; color: #131313; } .main-page-color.content-part table td:not(:last-child), .bg-black .content-part table td:not(:last-child), .bg-blue .content-part table td:not(:last-child), .bg-blue-hover .content-part table td:not(:last-child), .bg-red .content-part table td:not(:last-child) { border-right: 1px solid #3058e3; } .main-page-color.content-part table::after, .bg-black .content-part table::after, .bg-blue .content-part table::after, .bg-blue-hover .content-part table::after, .bg-red .content-part table::after { border: solid #ffffff 1px; } .cards-service { display: grid; gap: 1.6rem; } .cards-service .card { z-index: 10; position: relative; height: 20rem; border-radius: 2.4rem; transition: 0.3s; box-shadow: -0.3rem 0.2rem 1.5rem 0 rgba(22, 22, 146, 0.1); } .cards-service .card:hover.bg-black-static { transform: none; box-shadow: none; background-color: #ffffff; color: #101010; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.2); } .cards-service .card:hover.bg-black-static .btn_blue-arrow *:not(.path-line) { color: #131313; } .cards-service .card:hover.bg-black-static .btn_blue-arrow span::after { content: none; } .cards-service .card.bg-black-static_link a .btn svg .path-line { transition: color 300ms ease, transform 0.25s; } .cards-service .card.bg-black-static_link a:hover .btn svg .path-line { color: #131313; } .cards-service .card .content .title { font-size: 2rem; font-weight: 600; line-height: 2.4rem; margin-bottom: 1.2rem; } .cards-service .card .content .directions { display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem; max-height: 5.9rem; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; } .cards-service .card .content .directions li { position: relative; padding-left: 1rem; } .cards-service .card .content .directions li::before { position: absolute; top: 0; left: 0; content: "#"; height: 100%; width: 0.9rem; } .cards-service .card.bg-white .btn_blue-arrow { color: #131313; } .cards-service .card.bg-black-static { box-shadow: none; border: 1px solid #fafafa; } .cards-service .card.bg-black-static .btn_blue-arrow { color: #ffffff; } .cards-service .card_link a { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; padding: 2.4rem; border-radius: 2.4rem; width: 100%; height: 100%; } .cards-service .card_btrx { display: flex; flex-direction: column; justify-content: space-between; padding: 2.4rem; height: 32.4rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9983 1.00005e-07C12.978 1.56128e-05 11.9607 0.112016 10.9648 0.33399V14.0123C10.965 14.6054 11.1384 15.1856 11.4639 15.6814C11.7895 16.1773 12.2528 16.5672 12.797 16.8032C13.3411 17.0391 13.9424 17.1109 14.5269 17.0097C15.1113 16.9084 15.6534 16.6386 16.0865 16.2333C16.5196 15.828 16.8248 15.305 16.9645 14.7285C17.1043 14.1521 17.0725 13.5474 16.8731 12.9888C16.6737 12.4301 16.3154 11.942 15.8422 11.5843C15.369 11.2267 14.8016 11.0151 14.2098 10.9757V8.53972C15.2833 8.5794 16.3215 8.93403 17.1951 9.55944C18.0686 10.1848 18.7388 11.0534 19.1223 12.057C19.5059 13.0605 19.5857 14.1547 19.3519 15.2033C19.118 16.2519 18.5809 17.2085 17.8074 17.954C17.0339 18.6996 16.0581 19.2011 15.0017 19.3962C13.9452 19.5912 12.8547 19.4712 11.8659 19.051C10.8772 18.6308 10.0339 17.9291 9.44106 17.0331C8.84823 16.1371 8.53207 15.0866 8.53193 14.0123V1.10921C8.18569 1.25629 7.84557 1.41563 7.51465 1.59335V14.0123C7.51406 15.2879 7.88928 16.5355 8.59345 17.5993C9.29762 18.663 10.2995 19.4957 11.4741 19.9935C12.6487 20.4912 13.9438 20.6319 15.1979 20.3981C16.452 20.1642 17.6094 19.5661 18.5255 18.6784C19.4417 17.7907 20.0761 16.6528 20.3495 15.4068C20.6229 14.1607 20.5232 12.8617 20.0628 11.672C19.6024 10.4823 18.8018 9.45457 17.7609 8.71713C16.7199 7.97969 15.4848 7.56523 14.2098 7.5255V5.08952C15.9661 5.12932 17.6716 5.68652 19.1127 6.69132C20.5537 7.69612 21.6662 9.10382 22.3108 10.7381C22.9554 12.3723 23.1034 14.1605 22.7362 15.8784C22.369 17.5964 21.5031 19.1679 20.2468 20.3959C18.9905 21.6239 17.3998 22.4539 15.6739 22.7819C13.948 23.1099 12.1637 22.9213 10.5446 22.2397C8.92541 21.5581 7.54337 20.4139 6.57161 18.9503C5.59985 17.4868 5.08158 15.769 5.08173 14.0123V3.20814C2.54101 5.30778 0.822545 8.23651 0.228943 11.4786C-0.36466 14.7208 0.204665 18.0684 1.83667 20.932C3.46867 23.7956 6.05869 25.9916 9.15066 27.1333C12.2426 28.275 15.6383 28.2892 18.7397 27.1733C21.841 26.0574 24.4493 23.8831 26.1051 21.0332C27.7609 18.1833 28.3581 14.8405 27.7916 11.5936C27.2251 8.3466 25.5311 5.40363 23.0079 3.28288C20.4848 1.16214 17.2943 -0.00039368 13.9983 1.00005e-07Z' fill='%23E30D41'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-size: 22.5rem; background-position: right -7.9rem bottom -7.6rem; } .cards-service .card_btrx .content .directions { max-height: 100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .cards-service .card_btrx .btns { display: flex; flex-direction: column; gap: 1.2rem; } .cards-service .card_btrx .btns .btn { flex-shrink: 0; } .cards-service .card_btrx .btns .choice { flex-shrink: 0; } .cards-service .card_btrx .btns .choice .btn { display: inline-block; } .cards-service .card_btrx .btns .choice .txt-min { font-size: 1.2rem; line-height: 1.68rem; } @media (min-width: 668px) { .cards-service { grid-template-columns: repeat(5, 1fr); } .cards-service .card { grid-column: 1/span 5; height: 26rem; } .cards-service .card:nth-child(1), .cards-service .card:nth-child(1n+4) { grid-column: 1/span 3; } .cards-service .card:nth-child(2), .cards-service .card:nth-child(2n+4) { grid-column: 4/span 2; } .cards-service .card:nth-child(3), .cards-service .card:nth-child(3n+4) { grid-column: 1/span 2; } .cards-service .card:nth-child(4), .cards-service .card:nth-child(4n+4) { grid-column: 3/span 3; } .cards-service .card:last-child:nth-child(2n+1) { grid-column: 1/span 5; } .cards-service .card .content .directions { max-height: 12.2rem; } .cards-service .card_btrx { height: 26rem; } .cards-service .card_btrx .content .directions { -webkit-line-clamp: 3; } } @media (min-width: 1024px) { .cards-service .card { position: relative; height: 20rem; } .cards-service .card .content .directions { max-height: 5.9rem; } .cards-service .card::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2.4rem; z-index: -10; transition: 0.3s; } .cards-service .card:hover { transform: translateY(-0.5rem); box-shadow: -0.3rem 0.2rem 1.5rem 0 rgba(22, 22, 146, 0.2); } .cards-service .card:hover.bg-blue { background-color: #305df5; } .cards-service .card:hover.bg-black { background-color: #282828; } .cards-service .card:hover.bg-white { color: #3058e3; box-shadow: -0.3rem 0.2rem 1.5rem 0 rgba(22, 22, 146, 0.2); } .cards-service .card:hover.bg-white .btn_blue-arrow { color: #3058e3; } .cards-service .card:hover.bg-white .btn_blue-arrow:active { color: #17349a; } .cards-service .card:hover::after { transform: translateY(1rem); } .cards-service .card_link a:hover .btn span::after { width: 100%; } .cards-service .card_link a:hover .btn svg .path-line { transform: scale(1.2, 1); } .cards-service .card_btrx { height: 20rem; } .cards-service .card_btrx .content .directions { max-height: 100%; } .cards-service .card_btrx .btns { flex-direction: row; align-items: center; gap: 1rem; } } @media (min-width: 1500px) { .cards-service .card { height: 25.6rem; } .cards-service .card:last-child:nth-child(2n+1) .content { max-width: 91.2rem; } .cards-service .card_link a { padding: 3.2rem; } .cards-service .card_btrx { height: 25.6rem; padding: 3.2rem; } .cards-service .card_btrx .content .directions { max-height: 100%; -webkit-line-clamp: 4; } .cards-service .card_btrx .btns { gap: 1.6rem; } } .market-niche { z-index: 10; } .market-niche h2 { margin-bottom: 3.2rem; } .market-niche .swiper-group { pointer-events: none; margin: 3.2rem 0; } .market-niche .swiper-group > :first-child { margin-bottom: 0.8rem; } .market-niche .swiper-group .swiper-wrapper { transition-timing-function: linear !important; } .market-niche .swiper-group .swiper-slide { width: fit-content; } .market-niche .elem { display: flex; align-items: center; gap: 1.6rem; width: fit-content; background-color: #ffffff; border: 1px solid #cfd5db; border-radius: 1.2rem; padding: 0.7rem 0.8rem 0.7rem 0.4rem; z-index: 10; } .market-niche .elem .picture { position: relative; width: 3.2rem; height: 3.2rem; border-radius: 0.8rem; background-color: #131313; z-index: 10; } .market-niche .elem .picture svg, .market-niche .elem .picture img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2rem; height: 2rem; } .market-niche .market-niche-list { display: flex; flex-wrap: wrap; gap: 1.6rem; } .market-niche .btn { width: 100%; } @media (min-width: 1024px) { .market-niche .elem { padding: 0.7rem 2.4rem 0.7rem 0.6rem; } .market-niche .btn { width: fit-content; } .market-niche .swiper-group { display: none; } } .competence { display: grid; gap: 2.4rem; } .competence .elem.history { padding: 0 2.4rem; } @media (min-width: 668px) { .competence .elem.history { padding: 0 3.4rem; } } @media (min-width: 1024px) { .competence .elem.history { padding: 0; margin-left: 5.6rem; } } @media (min-width: 1500px) { .competence .elem.history { margin-left: 13.8rem; } } .competence .elem.info { z-index: 10; height: 26.7rem; padding: 2.4rem; } .competence .elem.info .btn-switch { margin: 2.4rem 0; } .competence .elem.info ul { display: flex; flex-wrap: wrap; gap: 1.2rem; max-height: 10.4rem; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; } .competence .elem.info ul li:not(:last-child) { position: relative; padding-right: 1.2rem; } .competence .elem.info ul li:not(:last-child)::after { position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.3rem; background-color: #ffffff; } @media (min-width: 468px) { .competence .elem.info { height: 23.8rem; } .competence .elem.info ul { max-height: 7.5rem; } } @media (min-width: 668px) { .competence .elem.info { height: 22.5rem; padding: 3.2rem 3.4rem; } .competence .elem.info ul { max-height: 4.6rem; } } @media (min-width: 1024px) { .competence .elem.info { height: 27.2rem; padding: 4rem 5.6rem 4rem 4rem; border-radius: 4rem 0 0 4rem; } .competence .elem.info ul { max-height: 7.5rem; } } @media (min-width: 1500px) { .competence .elem.info { height: 26.7rem; padding: 4rem 13.8rem 4rem 4rem; } } @media (min-width: 668px) { .competence { gap: 3.2rem; } } @media (min-width: 1024px) { .competence { grid-template-columns: auto 50rem; align-items: center; gap: 10.2rem; } } @media (min-width: 1500px) { .competence { grid-template-columns: auto 63.7rem; gap: 12.6rem; } } .competence_no-switch .elem-group { display: flex; flex-direction: column; gap: 1.2rem; margin-top: 3.2rem; } .competence_no-switch .elem-group .elem { border-radius: 2.4rem; padding: 2.4rem; overflow: hidden; } .competence_no-switch .elem-group .elem-title { font-weight: 600; font-size: 2rem; line-height: 2.4rem; margin-bottom: 1.2rem; } .competence_no-switch .elem-group .elem-list { max-height: 100%; display: flex; flex-wrap: wrap; gap: 1.2rem 0.8rem; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; } .competence_no-switch .elem-group .elem-list li:not(:last-child) { position: relative; padding-right: 0.8rem; } .competence_no-switch .elem-group .elem-list li:not(:last-child)::after { position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); width: 0.1rem; height: 1.3rem; background-color: #ffffff; } .competence_no-switch .elem-group .elem-logo { display: none; } @media (min-width: 668px) { .competence_no-switch .elem-group { gap: 1.6rem; } .competence_no-switch .elem-group .elem { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 16.4rem; padding: 5.8rem 2.4rem 2.4rem 2.4rem; } .competence_no-switch .elem-group .elem-title { font-weight: 600; font-size: 2rem; line-height: 2.4rem; margin-bottom: 1.2rem; } .competence_no-switch .elem-group .elem-list { max-height: 100%; display: flex; flex-wrap: wrap; gap: 1.2rem 0.8rem; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; } .competence_no-switch .elem-group .elem-logo { position: absolute; display: flex; justify-content: center; align-items: center; top: 2.4rem; right: 2.4rem; width: 5.175rem; height: 4.388rem; border-radius: 1.125rem; background-color: #ffffff; } .competence_no-switch .elem-group .elem-logo img { width: 3.431rem; height: 2.594rem; } } @media (min-width: 1024px) { .competence_no-switch .elem-group { flex-direction: row; gap: 2.4rem; } .competence_no-switch .elem-group .elem { flex: 1 1 0; min-height: 25.6rem; padding: 6.4rem 2.4rem 2.4rem 2.4rem; } .competence_no-switch .elem-group .elem-title { font-weight: 600; font-size: 2rem; line-height: 2.4rem; margin-bottom: 1.2rem; } .competence_no-switch .elem-group .elem-list { max-height: 100%; display: flex; flex-wrap: wrap; gap: 1.2rem 0.8rem; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; } .competence_no-switch .elem-group .elem-logo { width: 6.9rem; height: 5.85rem; border-radius: 1.5rem; } .competence_no-switch .elem-group .elem-logo img { width: 4.575rem; height: 3.459rem; } } @media (min-width: 1500px) { .competence_no-switch .title { max-width: 81.2rem; } } .competence-partners { display: grid; gap: 2.4rem; margin-top: 2.4rem; } .competence-partners.about-us-partners { margin: 0; padding: 2.4rem 0; } .competence-partners.about-us-partners .elem .logo a { color: #ffffff; } .competence-partners .elem { z-index: 10; } .competence-partners .elem .logo { margin-bottom: 0.8rem; } .competence-partners .elem .logo a { display: block; width: fit-content; height: 3.8rem; color: #00264B; } .competence-partners .elem .logo a img { width: auto; height: 100%; } .competence-partners .elem .descript a { display: inline; font-weight: 600; } @media (min-width: 668px) { .competence-partners { grid-template-columns: repeat(3, 18.4rem); justify-content: space-between; margin-top: 3.2rem; } .competence-partners.about-us-partners { padding: 4rem 0; } .competence-partners .elem .descript a { display: block; } } @media (min-width: 1024px) { .competence-partners { margin-top: 4.8rem; grid-template-columns: repeat(3, auto); } .competence-partners.about-us-partners { padding: 6rem 0; } } @media (min-width: 1500px) { .competence-partners { margin-top: 6rem; } .competence-partners .elem .descript a { display: inline; } } .competence-partners.about-us-partners .btn_line-black-white-bg { color: #ffffff; font-weight: 600; border-radius: 0; border-bottom: 1px dotted transparent; } .competence-partners.about-us-partners .btn_line-black-white-bg:hover { border-bottom: 1px dashed #ffffff; } .trust-us { display: flex; flex-direction: column; gap: 3.2rem; } .trust-us .descript { z-index: 10; display: flex; align-items: start; gap: 8rem; } .trust-us .descript .btn { display: none; flex-shrink: 0; } @media (min-width: 668px) { .trust-us .descript .btn { display: block; } } @media (min-width: 1024px) { .trust-us .descript { flex-direction: column; justify-content: center; gap: 4rem; } } .trust-us .partners { display: grid; grid-template-columns: repeat(2, 14.4rem); gap: 2.4rem; } .trust-us .partners li { height: 4.8rem; } .trust-us .partners li a { box-sizing: border-box; display: flex; justify-content: center; width: 100%; /* height: 100%; */ /* padding: 1.2rem; */ } .trust-us .partners li a img { position: relative; z-index: 10; max-height: 100%; max-width: 100%; object-fit: contain; } @media (min-width: 1024px) { .trust-us .partners li a { filter: grayscale(100%); opacity: 0.2; transition: 0.3s; } .trust-us .partners li a:hover { filter: grayscale(0); opacity: 1; } } @media (min-width: 668px) { .trust-us .partners { grid-template-columns: repeat(3, 18.4rem); gap: 1.2rem 2.4rem; } .trust-us .partners li { height: 6.8rem; } .trust-us .partners li a { /* padding: 1.8rem; */ } } @media (min-width: 1024px) { .trust-us .partners { grid-template-columns: repeat(2, 21rem); } } @media (min-width: 1500px) { .trust-us .partners { grid-template-columns: repeat(3, 18.4rem); } } @media (min-width: 1024px) { .trust-us { flex-direction: row-reverse; justify-content: flex-end; gap: 10.2rem; } } @media (min-width: 1500px) { .trust-us { gap: 9.7rem; } } .discuss-project { position: relative; z-index: 10; display: grid; gap: 3.2rem; grid-template-areas: "title" "form" "inform"; padding: 3.2rem 2.4rem; border-bottom: 0.1rem solid #cfd5db; } .discuss-project .title { display: flex; justify-content: center; align-items: center; padding-left: 3.3rem; word-spacing: 100vw; height: 10.8rem; font-size: 3.15rem; font-weight: 700; line-height: 3.623rem; text-transform: uppercase; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='114' height='118' viewBox='0 0 114 118' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M91.4691 100.203L91.1059 99.8575C104.92 89.7135 114 74.8499 114 56.4498C114 25.6989 88.7788 0 57.666 0C26.5532 0 0.107979 24.1966 0.000368892 56.1042C-0.107241 88.4239 23.3383 114.801 57.5046 117.673C94.1594 120.757 109.09 101.041 109.292 100.881C106.438 102.004 103.378 102.524 100.308 102.407C97.2383 102.29 94.2275 101.539 91.4691 100.203Z' fill='%233058E3'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-size: auto 100%; background-position: top left; grid-area: title; } .discuss-project form { grid-area: form; } .discuss-project .inform { grid-area: inform; } .discuss-project .inform .agency { margin-bottom: 3.2rem; } .discuss-project .inform .btn { color: #ffffff; } .discuss-project .inform .contact { display: flex; gap: 4rem; } .discuss-project .inform .contact .elem { display: flex; flex-direction: column; gap: 0.4rem; font-weight: 300; } .discuss-project .inform .contact .elem span, .discuss-project .inform .contact .elem a { white-space: nowrap; font-size: 1.7rem; line-height: 1.87rem; font-weight: 400; } @media (min-width: 668px) { .discuss-project { gap: 4rem; padding: 4rem 3.4rem; } .discuss-project .title { padding-left: 3.6rem; height: 11.8rem; font-size: 3.438rem; line-height: 3.953rem; } .discuss-project .inform { display: flex; justify-content: space-between; } .discuss-project .inform .agency { margin-bottom: 0; } } @media (min-width: 1024px) { .discuss-project { grid-template-columns: auto 55.5rem; grid-template-areas: "title form" ". form" "inform form"; gap: 8rem; padding: 6rem 5.6rem; } .discuss-project .title { height: 10.5rem; padding-left: 3.163rem; font-size: 3.021rem; line-height: 3.474rem; } .discuss-project .inform { flex-direction: column; gap: 3.2rem; } .discuss-project .inform .contact { gap: 3.2rem; } } @media (min-width: 1500px) { .discuss-project { grid-template-columns: auto 75.2rem; gap: 1rem 12.8rem; padding: 6rem 13.8rem; } .discuss-project .inform .contact { gap: 6.4rem; } } .part-business { padding-top: 5.2rem; padding-bottom: 5rem; display: flex; align-items: center; justify-content: center; gap: 2.3rem; } .part-business .title-group { margin-bottom: 4.968rem; } .part-business .title-group h1 { margin-bottom: 0.632rem; max-width: 25.7rem; } .part-business .title-group h1 span { font-weight: 400; } .part-business .advantages { margin-top: 2.4rem; font-size: 1.2rem; line-height: 1.68rem; } .part-business .advantages .list { display: flex; flex-direction: column; gap: 2.4rem; } .part-business .advantages .list li { display: flex; align-items: center; gap: 1.2rem; } .part-business .advantages .list li svg, .part-business .advantages .list li img { width: 3.2rem; height: 3.2rem; } @media (min-width: 468px) { .part-business { padding-bottom: 3.6rem; } } @media (min-width: 668px) { .part-business { padding-top: 4.4rem; padding-bottom: 6.4rem; } .part-business .title-group { font-size: 1.7rem; margin-bottom: 5.6rem; } .part-business .title-group h1 { max-width: 34.2rem; margin-bottom: 1.2rem; } .part-business .advantages .list { flex-direction: row; justify-content: space-between; } .part-business .advantages .list li { flex: 1 1 0px; } } @media (min-width: 1024px) { .part-business { padding-top: 8rem; padding-bottom: 8rem; text-align: center; } .part-business .title-group h1 { max-width: 100%; } .part-business .slingshot { display: block; } .part-business .advantages { padding-left: 1rem; } .part-business .advantages .list { gap: 5.6rem; text-align: left; justify-content: center; } .part-business .advantages .list li { max-width: 22.9rem; } } @media (min-width: 1500px) { .part-business { padding-top: 10.8rem; padding-bottom: 10.8rem; gap: 2.4rem; } .part-business .title-group { margin-bottom: 7.2rem; } .part-business .title-group h1 { max-width: 100%; } .part-business .slingshot { width: 39.2rem; height: 41.6rem; } } .recent-works { position: relative; display: flex; flex-direction: column; gap: 1.6rem; } .recent-works .all-works { display: flex; flex-direction: column; justify-content: space-between; height: 16.4rem; padding: 2.4rem; margin: 0 2.4rem; border-radius: 2rem; z-index: 10; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); } .recent-works .all-works .title .count { font-size: 2.8rem; line-height: 3.5rem; font-weight: 800; margin-bottom: 0.8rem; } .recent-works .all-works .direction { font-size: 1.2rem; line-height: 1.68rem; display: flex; justify-content: flex-end; align-items: center; gap: 0.8rem; } .recent-works .all-works .direction .arrow svg { width: 2.4rem; height: 2.4rem; } @media (min-width: 668px) { .recent-works .all-works { height: 14rem; margin: 0 3.4rem; } } @media (min-width: 1024px) { .recent-works .all-works { height: auto; width: 21.8rem; flex-shrink: 0; margin: 0; } .recent-works .all-works .direction .arrow { transform: rotate(-90deg); } } @media (min-width: 1500px) { .recent-works .all-works { width: 28.8rem; } .recent-works .all-works .title { font-size: 1.7rem; } .recent-works .all-works .title .count { font-size: 3.4rem; line-height: 4.25rem; margin-bottom: 1.2rem; } .recent-works .all-works .direction { font-size: 1.4rem; line-height: 1.96rem; } } .recent-works .prev-works { z-index: 2; } .recent-works .prev-works .swiper { padding: 0 2.4rem; } .recent-works .prev-works .swiper .swiper-slide { width: 17.8rem; } .recent-works .prev-works .elem { display: block; position: relative; width: 17.8rem; height: 16.8rem; border-radius: 1.6rem; border: 1px solid #cfd5db; overflow: hidden; } .recent-works .prev-works .elem .prev img { width: 100%; height: auto; object-fit: contain; object-position: center top; } .recent-works .prev-works .elem .prev img ~ img, .recent-works .prev-works .elem .prev svg { position: absolute; width: 7.6rem; height: auto; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .recent-works .prev-works .elem .prev::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(5, 33, 62, 0.5019607843); backdrop-filter: blur(1.5px); } @media (min-width: 668px) { .recent-works .prev-works { margin: 0 auto; width: fit-content; border-radius: 2rem; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); z-index: 10; } .recent-works .prev-works .swiper { width: fit-content; padding: 1.6rem; border-radius: 2rem; background-color: #ffffff; } .recent-works .prev-works .swiper .swiper-wrapper { gap: 1.2rem; } .recent-works .prev-works .swiper .swiper-slide { width: auto; } .recent-works .prev-works .elem { width: 13.3rem; height: 13.8rem; } .recent-works .prev-works .elem .prev img ~ img, .recent-works .prev-works .elem .prev svg { width: 6.4rem; } } @media (min-width: 1024px) { .recent-works .prev-works { width: 100%; transition: 0.3s; } .recent-works .prev-works .swiper { padding: 2.4rem 2.5rem; width: 100%; } .recent-works .prev-works .swiper .swiper-wrapper { gap: 1.2rem; } .recent-works .prev-works .swiper .swiper-slide { flex: 1 1 0px; transition: 0.3s; } .recent-works .prev-works .swiper .swiper-slide:hover { flex-grow: 1.5; } .recent-works .prev-works .elem { width: 100%; height: 15.2rem; } .recent-works .prev-works .elem .scroll { z-index: -10; position: absolute; width: 100%; height: 100000px; background-size: 100% auto; background-repeat: repeat-y; } .recent-works .prev-works .elem .prev { transition: 0.3s; } .recent-works .prev-works .elem .prev img ~ img, .recent-works .prev-works .elem .prev svg { width: 7.6rem; } .recent-works .prev-works .elem:hover .scroll { animation: moveSlideshow 1000s linear infinite; } .recent-works .prev-works .elem:hover .prev { opacity: 0; } } @media (min-width: 1500px) { .recent-works .prev-works .swiper .swiper-wrapper { gap: 1.6rem; } .recent-works .prev-works .elem { height: 20.8rem; } } .recent-works::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 8.4rem; background-color: #fafafa; } @media (min-width: 1024px) { .recent-works { flex-direction: row; padding: 0 5.6rem; } } @media (min-width: 1500px) { .recent-works { padding: 0 13.8rem; } } @keyframes moveSlideshow { 100% { transform: translateY(-100000px); } } .about-us-text { line-height: 2rem; } .about-us-text h1 { margin-bottom: 2.4rem; } @media (min-width: 1024px) { .about-us-text { max-width: 101.6rem; } .about-us-text p { font-size: 1.4rem; } } .customer-care .swiper-block .swiper-slide { width: 30rem; height: 33rem; padding: 1.6rem; border-radius: 1.6rem; overflow: hidden; margin-bottom: 3.2rem; background-color: #ffffff; color: #131313; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); } .customer-care .swiper-block .swiper-slide .card { display: flex; flex-direction: column; width: 100%; height: 100%; } .customer-care .swiper-block .swiper-slide .card-title { margin-bottom: 1.2rem; font-weight: 600; font-size: 2rem; line-height: 2.4rem; flex-shrink: 0; } .customer-care .swiper-block .swiper-slide .card-text { margin-bottom: 1.6rem; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; font-size: 1.2rem; line-height: 1.68rem; flex-shrink: 0; } .customer-care .swiper-block .swiper-slide .card-img { border-radius: 1.6rem; overflow: hidden; height: 100%; flex-shrink: 1; } .customer-care .swiper-block .swiper-slide .card-img img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 668px) { .customer-care .swiper-block .swiper-slide { width: 36rem; padding: 2.4rem; margin-bottom: 4rem; } .customer-care .swiper-block .swiper-slide .card-text { margin-bottom: 2.4rem; } } @media (min-width: 1024px) { .customer-care .swiper-block .swiper-slide { width: 60.2rem; height: 44.1rem; padding: 2.4rem; margin-bottom: 6rem; } .customer-care .swiper-block .swiper-slide .card-text { margin-bottom: 3.2rem; } } .customer-care .swiper-block::after { position: absolute; content: ""; background-color: #fafafa; height: 16.8rem; width: 100%; bottom: 0; left: 0; } @media (min-width: 668px) { .customer-care .swiper-block::after { height: 17.6rem; } } @media (min-width: 1024px) { .customer-care .swiper-block::after { height: 36.5rem; } } .swiper-arrows-right { position: relative; } .swiper-arrows-right .swiper-block { margin-top: 3.2rem; } .swiper-arrows-right .swiper-block .swiper-btns { display: none; } .swiper-arrows-right .swiper-block .swiper-btns *:after { display: none; } @media (min-width: 1024px) { .swiper-arrows-right .swiper-block { margin-top: 4rem; position: relative; } .swiper-arrows-right .swiper-block .swiper-btns { position: absolute; display: flex; justify-content: flex-end; gap: 0.8rem; top: -8.8rem; right: 5.6rem; width: 10.4rem; height: 5rem; } .swiper-arrows-right .swiper-block .swiper-btns .swiper-button-prev, .swiper-arrows-right .swiper-block .swiper-btns .swiper-button-next { position: static; display: block; top: 0; margin-top: 0; width: 4.8rem; height: 4.8rem; color: inherit; transition: 0.3s; } .swiper-arrows-right .swiper-block .swiper-btns .swiper-button-prev.swiper-button-disabled, .swiper-arrows-right .swiper-block .swiper-btns .swiper-button-next.swiper-button-disabled { opacity: 1; color: #cfd5db; } .swiper-arrows-right .swiper-block .card-comment-option .swiper-btns { gap: 0.4rem; top: -5.4rem; right: 3.2rem; width: 6.8rem; height: 3.2rem; color: #4477B4; } .swiper-arrows-right .swiper-block .card-comment-option .swiper-btns .swiper-button-prev, .swiper-arrows-right .swiper-block .card-comment-option .swiper-btns .swiper-button-next { width: 3.2rem; height: 3.2rem; } } @media (min-width: 1500px) { .swiper-arrows-right .swiper-block .swiper-btns { right: 13.8rem; } } .swiper-arrows-right .title { max-width: 67.8rem; } @media (min-width: 1500px) { .swiper-arrows-right .title { max-width: 70.4rem; } } .swiper-pagination-bottom .swiper-pagination-wrap { position: relative; height: 1rem; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination { height: 1.2rem; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullets.swiper-pagination-horizonta { bottom: 0; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { position: relative; margin: 0 0.2rem; width: 0.6rem; height: 0.6rem; background-color: #cfd5db; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet::after { position: absolute; content: ""; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 0.6rem; height: 0.6rem; background-color: #131313; outline: 1px solid #131313; outline-offset: 1px; opacity: 0; transition: 0.3s; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { margin: 0 0.4rem; background-color: transparent; } .swiper-pagination-bottom .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { bottom: 0; } .portfolio .swiper-block .swiper-slide { width: 21rem; height: 24rem; border-radius: 2.4rem; overflow: hidden; margin-bottom: 3.2rem; background-color: #ffffff; color: #131313; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); } .portfolio .swiper-block .swiper-slide .card { display: flex; flex-direction: column; align-items: center; width: 21rem; height: 24rem; } .portfolio .swiper-block .swiper-slide .card-prev { position: relative; width: 100%; height: 100%; flex-shrink: 0; transition: 0.3s; border-radius: 2.4rem; overflow: hidden; } .portfolio .swiper-block .swiper-slide .card-prev-logo { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); z-index: 10; background-color: rgba(5, 32, 62, 0.5); } .portfolio .swiper-block .swiper-slide .card-prev-logo img { width: 12.4rem; height: 100%; object-fit: contain; padding: 1rem; } .portfolio .swiper-block .swiper-slide .card-prev-img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .portfolio .swiper-block .swiper-slide .card-prev-img img { width: 100%; height: 100%; object-fit: cover; } .portfolio .swiper-block .swiper-slide .card-text { text-align: center; padding: 0.8rem 1.6rem 1.6rem 1.6rem; } .portfolio .swiper-block .swiper-slide .card-text-title { font-weight: 600; } .portfolio .swiper-block .swiper-slide .card-text-hashtag { display: flex; justify-content: center; gap: 0.2rem 1rem; flex-wrap: wrap; font-size: 1.2rem; line-height: 1.68rem; margin-top: 0.4rem; } .portfolio .swiper-block .swiper-slide .card-text-hashtag li::before { content: "#"; } .portfolio .swiper-block .swiper-slide .card-text-hashtag li:nth-child(1n+6) { display: none; } .portfolio .swiper-block .swiper-slide .card-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0px; z-index: 15; } .portfolio .swiper-block .swiper-slide .card-link a { display: block; width: 100%; height: 100%; } @media (min-width: 1024px) { .portfolio .swiper-block .swiper-slide .card:hover .card-prev { flex-shrink: 1; } } @media (min-width: 1500px) { .portfolio .swiper-block .swiper-slide .card { width: 28.8rem; height: 30rem; } .portfolio .swiper-block .swiper-slide .card-text-hashtag { margin-top: 0.8rem; } } @media (min-width: 668px) { .portfolio .swiper-block .swiper-slide { margin-bottom: 4rem; } } @media (min-width: 1024px) { .portfolio .swiper-block .swiper-slide { margin-bottom: 6rem; } } @media (min-width: 1500px) { .portfolio .swiper-block .swiper-slide { width: 28.8rem; height: 30rem; } } .recommend .swiper-block { margin-bottom: 3.2rem; } .recommend .swiper-block .swiper-wrapper { height: 100%; } .recommend .swiper-block .swiper-slide { padding-bottom: 2.4rem; } .recommend .swiper-block .swiper-slide .card { width: 100%; display: flex; flex-direction: column; gap: 2.4rem; } .recommend .swiper-block .swiper-slide .card-case { display: flex; justify-content: space-between; align-items: flex-end; } .recommend .swiper-block .swiper-slide .card-case-logo { width: 10.5rem; } .recommend .swiper-block .swiper-slide .card-case-logo img { width: 100%; height: 100%; object-fit: cover; display: block; } .recommend .swiper-block .swiper-slide .card-comment { padding: 3.2rem; border-radius: 0 2.4rem 2.4rem 2.4rem; background-color: #ffffff; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); overflow: hidden; } .recommend .swiper-block .swiper-slide .card-comment-author { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 2.4rem; color: #3058e3; } .recommend .swiper-block .swiper-slide .card-comment-author-name { font-size: 1.7rem; line-height: 2.04rem; } .recommend .swiper-block .swiper-slide .card-comment-author-prof { font-size: 1.2rem; line-height: 1.68rem; } .recommend .swiper-block .swiper-slide .card-comment-select { display: flex; flex-direction: column; gap: 0.4rem; padding: 0.4rem; border-radius: 2.4rem; box-shadow: -2px 2px 8px 0px rgba(22, 22, 146, 0.1); } .recommend .swiper-block .swiper-slide .card-comment-select .btn { display: none; width: 100%; padding: 0.6rem; border-radius: 2.4rem; text-align: center; transition: 0.3s; font-size: 1.2rem; line-height: 1.68rem; } .recommend .swiper-block .swiper-slide .card-comment-select .btn.open--js { color: #ffffff; background-color: #3058e3; } @media (min-width: 668px) { .recommend .swiper-block .swiper-slide .card-comment-select { flex-direction: row; width: fit-content; padding: 0.6rem; } .recommend .swiper-block .swiper-slide .card-comment-select .btn { width: fit-content; padding: 0.8rem 1.2rem; font-size: 1.4rem; line-height: 1.96rem; } } .recommend .swiper-block .swiper-slide .card-comment-option { margin-top: 2.4rem; } .recommend .swiper-block .swiper-slide .card-comment-text-content { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 12; overflow: hidden; } @media (min-width: 468px) { .recommend .swiper-block .swiper-slide .card-comment-text-content { -webkit-line-clamp: 11; } } @media (min-width: 1024px) { .recommend .swiper-block .swiper-slide .card-comment-text-content { -webkit-line-clamp: 100; } } .recommend .swiper-block .swiper-slide .card-comment-video { height: 17rem; border-radius: 1.6rem; overflow: hidden; } .recommend .swiper-block .swiper-slide .card-comment-video iframe { height: 100%; width: 100%; } @media (min-width: 468px) { .recommend .swiper-block .swiper-slide .card-comment-video { height: 24.4rem; } } @media (min-width: 668px) { .recommend .swiper-block .swiper-slide .card-comment-video { height: 36.6rem; } } @media (min-width: 1024px) { .recommend .swiper-block .swiper-slide .card-comment-video { height: 38rem; width: 55.663rem; } } .recommend .swiper-block .swiper-slide .card-comment-diploma { position: relative; align-items: center; margin: 0 -3rem; } .recommend .swiper-block .swiper-slide .card-comment-diploma .swiper { padding: 0 3rem; } .recommend .swiper-block .swiper-slide .card-comment-diploma .item { padding-bottom: 0; width: 18.8rem; } .recommend .swiper-block .swiper-slide .card-comment-diploma .item a { height: 25.8rem; width: 18.8rem; display: flex; align-items: center; } .recommend .swiper-block .swiper-slide .card-comment-diploma .item img { display: block; height: 100%; width: 100%; object-fit: contain; } .recommend .swiper-block .swiper-slide .card-comment-diploma::after { position: absolute; content: ""; top: 0; bottom: 0; left: -0.2rem; width: 3rem; background-image: linear-gradient(90deg, #ffffff 30%, transparent); z-index: 15; } .recommend .swiper-block .swiper-slide .card-comment-diploma::before { position: absolute; content: ""; top: 0; bottom: 0; right: -0.2rem; width: 3rem; background-image: linear-gradient(-90deg, #ffffff 30%, transparent); z-index: 15; } @media (min-width: 1024px) { .recommend .swiper-block .swiper-slide .card { flex-direction: row; justify-content: space-between; } .recommend .swiper-block .swiper-slide .card-case { flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4.8rem; } .recommend .swiper-block .swiper-slide .card-case-logo { width: 15.75rem; } .recommend .swiper-block .swiper-slide .card-comment { width: 66.2rem; } } @media (min-width: 1500px) { .recommend .swiper-block .swiper-slide .card-comment { width: 91.2rem; } } @media (min-width: 668px) { .recommend .swiper-block { margin-bottom: 4rem; } } @media (min-width: 1024px) { .recommend .swiper-block { margin-bottom: 3.6rem; } .recommend .swiper-block .swiper-pagination-wrap { display: none; } } .about-page .title-group { padding-bottom: 2.4rem; } .about-page .title-group .subtitle { margin-top: 1.2rem; font-weight: 600; } @media (min-width: 668px) { .about-page .title-group .subtitle { font-size: 2rem; line-height: 2.4rem; } } @media (min-width: 1024px) { .about-page .title-group { padding-bottom: 0; } .about-page .title-group .subtitle { font-size: 2.4rem; line-height: 2.88rem; } } .about-page .text { padding: 2.4rem 0; } .about-page .text .text-border { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 20; overflow: hidden; } .about-page .text p:not(:last-child) { margin-bottom: 0.8rem; } @media (min-width: 468px) { .about-page .text .text-border { -webkit-line-clamp: 15; } } @media (min-width: 668px) { .about-page .text { padding: 4rem 0; } .about-page .text .text-border { -webkit-line-clamp: 12; padding: 0 3.2rem 0 3rem; border-left: 0.2rem solid #ffffff; } } @media (min-width: 1024px) { .about-page .text { padding: 6rem 0; } .about-page .text .text-border { -webkit-line-clamp: 8; } } @media (min-width: 1500px) { .about-page .text { width: 108rem; } .about-page .text .text-border { -webkit-line-clamp: 6; } } .about-page-bg { position: relative; } .about-page-bg-img { position: absolute; top: -12rem; left: 0; bottom: -57rem; right: 0; z-index: -10; } .about-page-bg-img img { width: 100%; height: 100%; object-fit: cover; } .about-page-bg::after { position: absolute; content: ""; bottom: -57rem; left: 0; width: 100%; height: 57rem; z-index: -10; } @media (min-width: 468px) { .about-page-bg-img { top: -13rem; bottom: -50rem; } .about-page-bg::after { height: 50rem; bottom: -50rem; } } @media (min-width: 668px) { .about-page-bg-img { top: -14rem; bottom: -35rem; } .about-page-bg::after { height: 35rem; bottom: -35rem; } } .about-page-bg.main-page-color-90::after { background-color: var(--main-page-color-90); } .about-page-bg_min .about-page .title-group { padding-bottom: 0; } .about-page-bg_min .about-page .title-group .subtitle { margin-top: 3.2rem; } @media (min-width: 668px) { .about-page-bg_min .about-page .title-group .subtitle { margin-top: 1.6rem; font-size: 1.7rem; line-height: 2.21rem; } } @media (min-width: 1500px) { .about-page-bg_min .about-page .title-group .subtitle { font-size: 2rem; line-height: 2.4rem; } } .about-page-bg_min .about-page-bg-img { bottom: -18.5rem; } .about-page-bg_min::after { bottom: -18.5rem; height: 18.5rem; } @media (min-width: 468px) { .about-page-bg_min .about-page-bg-img { bottom: -26.5rem; } .about-page-bg_min::after { bottom: -26.5rem; height: 26.5rem; } } @media (min-width: 668px) { .about-page-bg_min .about-page-bg-img { bottom: -14rem; } .about-page-bg_min::after { bottom: -14rem; height: 14rem; } } .we-can .title { color: #ffffff; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } @media (min-width: 468px) { .we-can .title { -webkit-line-clamp: 7; } } @media (min-width: 668px) { .we-can .title { -webkit-line-clamp: 5; } } @media (min-width: 1024px) { .we-can .title { -webkit-line-clamp: 4; } } .services-card-list { margin-top: 4rem; display: flex; flex-direction: column; gap: 2.4rem; } .services-card-list .card { display: grid; grid-template-areas: "g-heading" "g-content" "g-case"; gap: 1.6rem; padding: 2.4rem; border-radius: 2.4rem; background-color: #ffffff; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); } .services-card-list .card-icon { display: none; grid-area: g-icon; } @media (min-width: 668px) { .services-card-list .card-icon { display: flex; justify-content: center; align-items: center; position: relative; width: 8rem; height: 7.8rem; border-radius: 1.6rem; overflow: hidden; } .services-card-list .card-icon-bg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .services-card-list .card-icon-logo { position: relative; display: block; width: 5.2rem; height: 5.2rem; z-index: 10; } .services-card-list .card-icon::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-page-color-90); } } @media (min-width: 1024px) { .services-card-list .card-icon { width: 26.4rem; height: 100%; border-radius: 2.4rem; } .services-card-list .card-icon-logo { width: 12.4rem; height: 12.4rem; } } @media (min-width: 1500px) { .services-card-list .card-icon { width: 46.9rem; height: 100%; } } .services-card-list .card-heading { grid-area: g-heading; display: flex; flex-direction: column; justify-content: center; gap: 1.6rem; } @media (min-width: 1024px) { .services-card-list .card-heading { padding-top: 1.6rem; } } @media (min-width: 1500px) { .services-card-list .card-heading { gap: 2.4rem; } } .services-card-list .card-heading-title { font-size: 1.9rem; font-weight: 600; line-height: 2.28rem; text-transform: uppercase; } @media (min-width: 668px) { .services-card-list .card-heading-title { font-size: 2.1rem; line-height: 2.31rem; } } @media (min-width: 1024px) { .services-card-list .card-heading-title { font-size: 2.3rem; line-height: 2.53rem; } } .services-card-list .card-heading-subservices { display: flex; gap: 0.8rem; flex-wrap: wrap; } .services-card-list .card-heading-subservices li a { display: block; padding: 0.6rem 1.2rem; border-radius: 0.8rem; border: 0.1rem solid #8392A5; transition: 0.3s; } .services-card-list .card-heading-subservices li a:hover { color: #ffffff; background-color: #8392A5; } @media (min-width: 668px) { .services-card-list .card-heading-subservices { gap: 1.2rem; } } .services-card-list .card-content { max-height: 40rem; overflow: hidden; grid-area: g-content; } @media (min-width: 468px) { .services-card-list .card-content { max-height: 29.8rem; } } @media (min-width: 668px) { .services-card-list .card-content { max-height: 22.4rem; } } @media (min-width: 1024px) { .services-card-list .card-content { max-height: 24.8rem; } } @media (min-width: 1500px) { .services-card-list .card-content { max-height: 19.2rem; } } .services-card-list .card-case { grid-area: g-case; } @media (min-width: 1024px) { .services-card-list .card-case { padding-bottom: 1.6rem; } } .services-card-list .card-case-technologies { display: flex; flex-wrap: wrap; gap: 0.7rem; color: #8392A5; font-size: 1.2rem; } .services-card-list .card-case-technologies li { position: relative; } .services-card-list .card-case-technologies li:not(:last-child)::after { padding-left: 0.6rem; content: "|"; } .services-card-list .card-case-btns { margin-top: 1.6rem; } .services-card-list .card-case-btns .btn { width: 100%; } @media (min-width: 1024px) { .services-card-list .card-case-btns { width: fit-content; margin-top: 2.4rem; } .services-card-list .card-case-btns .btn { padding: 0.9rem 5.9rem; } } @media (min-width: 668px) { .services-card-list .card { grid-template-areas: "g-icon g-heading" "g-content g-content" "g-case g-case"; grid-template-columns: auto 1fr; gap: 1.6rem 2.4rem; } } @media (min-width: 1024px) { .services-card-list .card { display: grid; grid-template-areas: "g-icon g-heading" "g-icon g-content" "g-icon g-case"; grid-template-columns: auto 1fr; gap: 1.6rem 3.2rem; } .services-card-list .card:nth-child(2n) { grid-template-areas: "g-heading g-icon" "g-content g-icon" "g-case g-icon"; } } @media (min-width: 1500px) { .services-card-list .card { gap: 2.4rem 3.2rem; } } .modal_burger-menu .overlay .wrap .body::-webkit-scrollbar { width: 0.8rem; } @media (min-width: 668px) { .modal_burger-menu .overlay .wrap .body::-webkit-scrollbar { width: 1.6rem; } } .burger-menu { display: flex; align-items: center; flex-grow: 1; overflow: hidden; position: relative; min-height: 100%; } .burger-menu-list { width: 100%; min-height: 100%; display: flex; flex-direction: column; position: relative; } .burger-menu-list li { text-transform: uppercase; border-bottom: 0.1rem solid #ffffff; font-size: 2rem; line-height: 2.4rem; font-weight: 600; } .burger-menu-list li:last-child { border-bottom: none; } .burger-menu-list li:last-child a, .burger-menu-list li:last-child .burger-menu-btn-list { padding-bottom: 0; } .burger-menu-list li:first-child a, .burger-menu-list li:first-child .burger-menu-btn-list { padding-top: 0; } .burger-menu-list li a, .burger-menu-list li .burger-menu-btn-list { display: block; width: 100%; padding-top: 2.4rem; padding-bottom: 2.4rem; cursor: pointer; } @media (min-width: 1024px) { .burger-menu-list { max-height: 34.4rem; flex-wrap: wrap; } .burger-menu-list li { border-bottom: none; padding: 1.6rem 0; width: 44.4rem; background-color: transparent; } .burger-menu-list li a, .burger-menu-list li .burger-menu-btn-list { width: fit-content; padding-top: 0; padding-bottom: 0; } } @media (min-width: 1500px) { .burger-menu-list { max-height: 41.4rem; } .burger-menu-list li { font-size: 2.4rem; line-height: 2.88rem; width: 49.6rem; } } .burger-menu-btn-list { position: relative; padding-right: 4rem; } .burger-menu-btn-list .btn { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2.4rem; height: 2.4rem; } .burger-menu-btn-list .btn .line { transition: 0.3s; } .burger-menu-btn-list .btn svg { position: absolute; width: 100%; height: 100%; object-fit: cover; } .burger-menu-btn-list.open .btn .line { transform: rotate(90deg); } .burger-menu .burger-submenu-list { display: none; padding-bottom: 1.2rem; } .burger-menu .burger-submenu-list li { text-transform: capitalize; border-bottom: none; font-size: 1.7rem; line-height: 2.04rem; font-weight: 400; padding: 0; padding-left: 2.4rem; } .burger-menu .burger-submenu-list li:first-child { font-weight: 600; padding-left: 0; } .burger-menu .burger-submenu-list li:first-child a { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 0.8rem; padding-top: 0; } .burger-menu .burger-submenu-list li:first-child a::after { display: block; content: ""; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57469 13.091C5.34038 12.8567 5.34038 12.4768 5.57469 12.2425L9.8171 8.00006L5.57469 3.75765C5.34038 3.52334 5.34038 3.14344 5.5747 2.90913C5.80901 2.67481 6.18891 2.67481 6.42322 2.90913L11.0899 7.57579C11.3242 7.81011 11.3242 8.19001 11.0899 8.42432L6.42322 13.091C6.18891 13.3253 5.80901 13.3253 5.57469 13.091Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } .burger-menu .burger-submenu-list li a, .burger-menu .burger-submenu-list li .burger-submenu-btn-list { padding: 1.2rem 0; } .burger-menu .burger-submenu-list li .burger-submenu-btn-list { display: flex; align-items: center; gap: 0.8rem; cursor: pointer; } .burger-menu .burger-submenu-list li .burger-submenu-btn-list::after { display: block; content: ""; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57469 13.091C5.34038 12.8567 5.34038 12.4768 5.57469 12.2425L9.8171 8.00006L5.57469 3.75765C5.34038 3.52334 5.34038 3.14344 5.5747 2.90913C5.80901 2.67481 6.18891 2.67481 6.42322 2.90913L11.0899 7.57579C11.3242 7.81011 11.3242 8.19001 11.0899 8.42432L6.42322 13.091C6.18891 13.3253 5.80901 13.3253 5.57469 13.091Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } @media (min-width: 1024px) { .burger-menu .burger-submenu-list { padding-top: 1.2rem; padding-bottom: 0rem; background-color: transparent; } .burger-menu .burger-submenu-list li { position: relative; text-transform: capitalize; border-bottom: none; font-size: 1.4rem; line-height: 1.89rem; font-weight: 400; } .burger-menu .burger-submenu-list li:first-child a { padding-top: 0.8rem; } .burger-menu .burger-submenu-list li:last-child a, .burger-menu .burger-submenu-list li:last-child .burger-submenu-btn-list { padding: 0.8rem 0 0 0; } .burger-menu .burger-submenu-list li a, .burger-menu .burger-submenu-list li .burger-submenu-btn-list { padding: 0.8rem 0; width: fit-content; } .burger-menu .burger-submenu-list li a { position: relative; } .burger-menu .burger-submenu-list li a::before { content: ""; position: absolute; left: 0; right: 0; width: 0; top: 2.8rem; height: 1px; background-color: #ffffff; transition: width 0.3s; } .burger-menu .burger-submenu-list li a:hover::before { width: 100%; } .burger-menu .burger-submenu-list li a.burger-submenu-btn-list.open::before, .burger-menu .burger-submenu-list li a.burger-submenu-btn-list:hover::before { width: calc(100% - 2.4rem); } } .burger-menu .burger-subsubmenu-list { position: absolute; top: 0; z-index: -10; transition: transform 0.3s linear; opacity: 0; } .burger-menu .burger-subsubmenu-list.fake { width: 100%; left: -100%; opacity: 1; z-index: 10; } .burger-menu .burger-subsubmenu-list.fake li { text-transform: capitalize; border-bottom: none; font-size: 1.7rem; line-height: 2.04rem; font-weight: 400; padding-left: 2.4rem; } .burger-menu .burger-subsubmenu-list.fake li:first-child { padding-left: 0; } .burger-menu .burger-subsubmenu-list.fake li a { display: block; padding: 1.2rem 0; } .burger-menu .burger-subsubmenu-list li:nth-child(2) { font-weight: 600; padding-left: 0; } .burger-menu .burger-subsubmenu-list li:nth-child(2) a { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 0.8rem; } .burger-menu .burger-subsubmenu-list li:nth-child(2) a::after { display: block; content: ""; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57469 13.091C5.34038 12.8567 5.34038 12.4768 5.57469 12.2425L9.8171 8.00006L5.57469 3.75765C5.34038 3.52334 5.34038 3.14344 5.5747 2.90913C5.80901 2.67481 6.18891 2.67481 6.42322 2.90913L11.0899 7.57579C11.3242 7.81011 11.3242 8.19001 11.0899 8.42432L6.42322 13.091C6.18891 13.3253 5.80901 13.3253 5.57469 13.091Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } @media (min-width: 1024px) { .burger-menu .burger-subsubmenu-list { display: none; opacity: 1; top: 50%; transform: translateY(-50%); left: 0; padding: 1.6rem 2.4rem; color: #3058e3; background-color: rgba(255, 255, 255, 0.98); border-radius: 1.2rem; z-index: 20; } .burger-menu .burger-subsubmenu-list li { width: fit-content; padding-left: 0; } .burger-menu .burger-subsubmenu-list li:not(:last-child) a { margin-bottom: 0.8rem; } .burger-menu .burger-subsubmenu-list li:last-child a { padding-top: 0; } .burger-menu .burger-subsubmenu-list li a { padding: 0; } .burger-menu .burger-subsubmenu-list li a::before { top: 1.96rem; background-color: #3058e3; } .burger-menu .burger-subsubmenu-list li:first-child { display: none; } .burger-menu .burger-subsubmenu-list li:nth-child(2) { font-weight: 400; } .burger-menu .burger-subsubmenu-list li:nth-child(2) a { display: block; } .burger-menu .burger-subsubmenu-list li:nth-child(2) a::after { display: none; } .burger-menu .burger-subsubmenu-list::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%) rotate(-45deg); left: -0.8rem; width: 2rem; height: 1.8rem; background: linear-gradient(-45deg, rgba(13, 228, 13, 0) 55%, rgba(255, 255, 255, 0.98) 50%); pointer-events: none; } .burger-menu .burger-subsubmenu-list::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: -2.6rem; width: 2.6rem; height: 2rem; } } .burger-menu .burger-subsubmenu-btn-back { display: flex; align-items: center; gap: 1.6rem; color: #ffffff; font-size: 1.7rem; line-height: 2.04rem; padding-bottom: 2rem; } .burger-menu .burger-subsubmenu-btn-back::before { display: block; content: ""; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4253 2.90914C10.6596 3.14345 10.6596 3.52335 10.4253 3.75766L6.1829 8.00007L10.4253 12.2425C10.6596 12.4768 10.6596 12.8567 10.4253 13.091C10.191 13.3253 9.81109 13.3253 9.57678 13.091L4.91011 8.42433C4.6758 8.19001 4.6758 7.81012 4.91011 7.5758L9.57678 2.90914C9.81109 2.67482 10.191 2.67482 10.4253 2.90914Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; } .burger-menu-footer { display: flex; flex-direction: column; gap: 3.4rem; padding: 4.8rem 0; } .burger-menu-footer .burger-menu-contacts { display: flex; justify-content: space-between; } .burger-menu-footer .burger-menu-contacts .elem { display: flex; flex-direction: column; gap: 0.4rem; } .burger-menu-footer .burger-menu-contacts .elem a { font-size: 1.7rem; line-height: 2.04rem; } .burger-menu-footer .burger-menu-contacts .elem span { font-weight: 300; } .burger-menu-footer .burger-menu-becomes .btn { width: 100%; } @media (min-width: 1024px) { .burger-menu-footer { flex-direction: row; justify-content: space-between; align-items: flex-end; padding: 3.2rem 0 2.4rem 0; } .burger-menu-footer .burger-menu-contacts { gap: 6.4rem; } .burger-menu-footer .burger-menu-contacts .elem { flex-direction: row; gap: 1.2rem; } } @media (min-width: 1500px) { .burger-menu-footer { width: 80.8rem; padding: 5.6rem 0 2.4rem 0; } .burger-menu-footer .burger-menu-contacts { gap: 4.8rem; } } .stats-data { position: relative; padding: 3.2rem 0; } .stats-data-list { overflow-x: scroll; display: flex; gap: 2rem; font-size: 1.2rem; line-height: 1.68rem; } .stats-data-list .item { display: flex; flex-direction: column; padding-right: 2rem; flex-shrink: 0; } .stats-data-list .item:not(:last-child) { border-right: 0.1rem solid #ffffff; } .stats-data-list .count { font-weight: 700; font-size: 2rem; line-height: 2.4rem; width: fit-content; } .stats-data-list .userNumBar { position: relative; text-align: center; } .stats-data-list .userNumBar .pplNum { display: inline-block; vertical-align: bottom; font-size: 2rem; line-height: 2.4rem; } .stats-data-list .userNumBar .pplNum .digit-con, .stats-data-list .userNumBar .pplNum .comma { height: 2.4rem; overflow: hidden; display: inline-block; vertical-align: bottom; } .stats-data-list .userNumBar .pplNum span { position: relative; } @media (min-width: 1024px) { .stats-data-list { gap: 3.2rem; line-height: 4rem; } .stats-data-list .item { flex-direction: row; align-items: center; gap: 0.8rem; padding-right: 3.2rem; } } @media (min-width: 1500px) { .stats-data-list { font-size: 1.4rem; } .stats-data-list .count { font-size: 2.4rem; } } .stats-data-list::-webkit-scrollbar { width: 0; display: none; } .stats-data-list::-webkit-scrollbar-thumb { display: none; } .stats-data::after { position: absolute; content: ""; bottom: -2.9rem; left: 0; right: 0; background-color: var(--main-page-color); height: 2.9rem; z-index: -10; } .case-list { display: grid; gap: 3.2rem; margin-top: 3.2rem; } .case-list .card { position: relative; font-size: 1.2rem; line-height: 1.68rem; } .case-list .card a { display: block; } .case-list .card a:hover .picture { transform: translateY(-0.4rem); } .case-list .card a:hover .text { transform: translateY(-0.4rem); } .case-list .card a:hover .text .title { color: #3058e3; } .case-list .card .picture { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 26rem; padding: 1.2rem; border-radius: 1.6rem; overflow: hidden; color: #ffffff; transition: transform 0.3s; } .case-list .card .picture .img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: -10; } .case-list .card .picture .img img { width: 100%; height: 100%; object-fit: cover; } .case-list .card .picture .img::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(5, 33, 62, 0.5019607843); } .case-list .card .picture .direction { display: flex; gap: 0.8rem; align-items: center; } .case-list .card .picture .direction .icon { display: flex; justify-content: center; align-items: center; width: 1.6rem; height: 1.6rem; padding: 0.3rem; border-radius: 0.4rem; border: 0.1rem solid #ffffff; } .case-list .card .picture .direction .icon svg, .case-list .card .picture .direction .icon img { width: 1rem; height: 1rem; } .case-list .card .picture .logo { display: flex; justify-content: center; align-items: center; width: 9.6rem; height: 9.6rem; } .case-list .card .picture .logo img, .case-list .card .picture .logo svg { width: 100%; height: 100%; object-fit: contain; } .case-list .card .text { padding-top: 0.8rem; transition: transform 0.3s; } .case-list .card .text .title, .case-list .card .text .descr { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.3s; } .case-list .card .text .descr { margin-top: 0.4rem; color: #888ea2; } @media (min-width: 668px) { .case-list .card .text .title { font-size: 1.4rem; line-height: 1.96rem; } } @media (min-width: 1024px) { .case-list .card { margin-bottom: 3rem; } .case-list .card .text { height: 8.2rem; } .case-list .card .picture { height: 23.8rem; padding: 2.4rem; } .case-list .card:nth-child(4n+3) .picture { height: 31.8rem; } .case-list .card:nth-child(4n+4) .picture { height: 31.8rem; } } @media (min-width: 1500px) { .case-list .card .text { height: 8.8rem; } .case-list .card .text .title { font-size: 1.7rem; line-height: 2.04rem; } .case-list .card .picture { height: 32rem; padding: 3.2rem; } .case-list .card .picture .logo { width: 12.4rem; height: 12.4rem; } .case-list .card:nth-child(4n+3) .picture { height: 42.8rem; } .case-list .card:nth-child(4n+4) .picture { height: 42.8rem; } } @media (min-width: 1024px) { .case-list .card { width: 48%; } .case-list .gutter-sizer--js { width: 4%; } } @media (min-width: 1500px) { .case-list { margin-top: 5.4rem; } } .case-btns { margin-top: 3.2rem; } .case-btns .btn { width: 100%; height: 4.8rem; } .filters .filters-btn-open .filters-btn { display: flex; align-items: center; justify-content: flex-start; gap: 2.4rem; padding: 1.6rem 2.4rem; width: 100%; background-color: #ffffff; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); } .filters .filters-btn-open .filters-btn svg { width: 2.4rem; height: 2.4rem; } @media (min-width: 1024px) { .filters .filters-btn-open { display: none; } } .filters .filters-wrap { position: fixed; width: 100%; height: 100svh; top: 0; left: -100%; background-color: #131313; color: #ffffff; z-index: 930; overflow: hidden; opacity: 0; transition: 0.4s ease; } .filters .filters-wrap.open.modal-top--js { left: 0; opacity: 1; } .filters .filters-wrap .filters-list { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .filters .filters-wrap .filters-header { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 2.4rem; font-size: 1.7rem; } .filters .filters-wrap .filters-header .cross { top: 2rem; right: 2rem; width: 3.2rem; height: 3.2rem; background-size: cover; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.3429 4.3429C4.8001 3.8857 5.54136 3.8857 5.99856 4.3429L12 10.3443L18.0014 4.3429C18.4586 3.8857 19.1999 3.8857 19.6571 4.3429C20.1143 4.8001 20.1143 5.54136 19.6571 5.99856L13.6557 12L19.6571 18.0014C20.1143 18.4586 20.1143 19.1999 19.6571 19.6571C19.1999 20.1143 18.4586 20.1143 18.0014 19.6571L12 13.6557L5.99856 19.6571C5.54136 20.1143 4.8001 20.1143 4.3429 19.6571C3.8857 19.1999 3.8857 18.4586 4.3429 18.0014L10.3443 12L4.3429 5.99856C3.8857 5.54136 3.8857 4.8001 4.3429 4.3429Z' fill='white'/%3e%3c/svg%3e "); cursor: pointer; } .filters .filters-wrap .filters-body { padding-top: 1.2rem; flex: 1 1 0; width: 100%; overflow-y: auto; scrollbar-gutter: stable; } .filters .filters-wrap .filters-body::-webkit-scrollbar { width: 1.4rem; } .filters .filters-wrap .filters-body::-webkit-scrollbar-thumb { border-left: 0.3rem #ffffff solid; background-clip: padding-box; background-color: transparent; } .filters .filters-wrap .filters-body .elem_select { margin-bottom: 1.6rem; } .filters .filters-wrap .filters-body .elem_select .select { border: none; height: 3.2rem; } .filters .filters-wrap .filters-body .elem_select .select .filter-count-wrap--js, .filters .filters-wrap .filters-body .elem_select .select .filter-count-empty--js { font-size: 1.2rem; } .filters .filters-wrap .filters-body .elem_select .options { position: static; max-height: 100%; padding: 0; backdrop-filter: none; border-radius: 0; } .filters .filters-wrap .filters-body .elem_select .options .show-more-wrap--js { max-height: 16rem; overflow: hidden; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox { margin-bottom: 0; font-size: 1.2rem; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox .checkbox-content { padding: 0.6rem 0 0.6rem 3.2rem; min-height: 2rem; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox .checkbox-content::before { left: 0; } .filters .filters-wrap .filters-body .btn { margin-top: 0.6rem; font-size: 1.2rem; line-height: 1.68rem; } .filters .filters-wrap .filters-footer { border-top: 0.1rem solid #cfd5db; padding: 2rem 0 3.2rem 0; } .filters .filters-wrap .filters-footer .filters-active { display: flex; gap: 1.2rem; font-size: 1.2rem; line-height: 1.68rem; padding: 0 3.2rem; overflow: scroll; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear { display: flex; align-items: center; gap: 0.8rem; color: #ffffff; padding: 0.55rem 1.2rem; border-radius: 2.4rem; background-color: #3058e3; flex-shrink: 0; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear::before { content: ""; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1.5C4.41594 1.5 1.5 4.41594 1.5 8C1.5 11.5841 4.41594 14.5 8 14.5C11.5841 14.5 14.5 11.5841 14.5 8C14.5 4.41594 11.5841 1.5 8 1.5ZM10.3534 9.64656C10.4018 9.69253 10.4405 9.74772 10.4672 9.80888C10.494 9.87003 10.5082 9.93592 10.509 10.0027C10.5099 10.0694 10.4974 10.1356 10.4722 10.1974C10.4471 10.2593 10.4098 10.3154 10.3626 10.3626C10.3154 10.4098 10.2593 10.4471 10.1974 10.4722C10.1356 10.4974 10.0694 10.5099 10.0027 10.509C9.93592 10.5082 9.87003 10.494 9.80888 10.4672C9.74772 10.4405 9.69253 10.4018 9.64656 10.3534L8 8.70719L6.35344 10.3534C6.25891 10.4432 6.13303 10.4926 6.00265 10.4909C5.87227 10.4892 5.7477 10.4367 5.6555 10.3445C5.5633 10.2523 5.51076 10.1277 5.50909 9.99735C5.50742 9.86697 5.55675 9.74109 5.64656 9.64656L7.29281 8L5.64656 6.35344C5.55675 6.25891 5.50742 6.13303 5.50909 6.00265C5.51076 5.87227 5.5633 5.7477 5.6555 5.6555C5.7477 5.5633 5.87227 5.51076 6.00265 5.50909C6.13303 5.50742 6.25891 5.55675 6.35344 5.64656L8 7.29281L9.64656 5.64656C9.74109 5.55675 9.86697 5.50742 9.99735 5.50909C10.1277 5.51076 10.2523 5.5633 10.3445 5.6555C10.4367 5.7477 10.4892 5.87227 10.4909 6.00265C10.4926 6.13303 10.4432 6.25891 10.3534 6.35344L8.70719 8L10.3534 9.64656Z' fill='white'/%3e%3c/svg%3e "); background-size: cover; background-position: center; background-repeat: no-repeat; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list { display: flex; gap: 0.8rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .btn { display: flex; align-items: center; gap: 0.2rem; padding: 0.55rem 0.8rem; border-radius: 2.4rem; background-color: rgb(241, 242, 245); white-space: nowrap; transition: 0.2s; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .btn::after { content: ""; width: 1.2rem; height: 1.2rem; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.19822 3.19822C3.29585 3.10059 3.45415 3.10059 3.55178 3.19822L6 5.64645L8.44822 3.19822C8.54585 3.10059 8.70415 3.10059 8.80178 3.19822C8.89941 3.29585 8.89941 3.45415 8.80178 3.55178L6.35355 6L8.80178 8.44822C8.89941 8.54585 8.89941 8.70415 8.80178 8.80178C8.70415 8.89941 8.54585 8.89941 8.44822 8.80178L6 6.35355L3.55178 8.80178C3.45415 8.89941 3.29585 8.89941 3.19822 8.80178C3.10059 8.70415 3.10059 8.54585 3.19822 8.44822L5.64645 6L3.19822 3.55178C3.10059 3.45415 3.10059 3.29585 3.19822 3.19822Z' fill='%23888EA2' stroke='%23888EA2' stroke-width='0.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-size: cover; background-position: center; background-repeat: no-repeat; } .filters .filters-wrap .filters-footer .filters-active .chosen-filter-title { display: none; } @media (min-width: 1024px) { .filters .filters-wrap .filters-footer .filters-active .chosen-filter-title { display: block; } } .filters .filters-wrap .filters-footer .filters-active::-webkit-scrollbar { width: 0; display: none; } .filters .filters-wrap .filters-footer .filters-active::-webkit-scrollbar-thumb { display: none; } .filters .filters-wrap .filters-footer .filters-apply { margin: 2.4rem 2.4rem 0 2.4rem; } .filters .filters-wrap .filters-footer .filters-apply .btn { width: 100%; } @media (min-width: 1024px) { .filters .filters-wrap { position: static; height: auto; background-color: #ffffff; color: #131313; opacity: 1; border-radius: 1.6rem; box-shadow: -2.235px 1.49px 11.176px 0px rgba(22, 22, 146, 0.1); transition: 0s; overflow: visible; } .filters .filters-wrap .filters-list { display: block; height: auto; padding: 2.4rem; } .filters .filters-wrap .filters-header { display: none; } .filters .filters-wrap .filters-body { padding: 0; overflow-y: visible; } .filters .filters-wrap .filters-body form { color: #131313; display: flex; flex-wrap: wrap; gap: 1rem 2rem; } .filters .filters-wrap .filters-body .elem_select { position: relative; width: 19.6rem; margin-top: 2rem; margin-bottom: 0; } .filters .filters-wrap .filters-body .elem_select .select { border: none; height: 3.2rem; padding: 0.8rem 1.2rem; border: 0.1rem solid #888ea2; border-radius: 0.8rem; color: #888ea2; } .filters .filters-wrap .filters-body .elem_select .select span { display: inline; } .filters .filters-wrap .filters-body .elem_select .select span[data-filters-text] { position: absolute; top: -2rem; left: 0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 600; color: #131313; } .filters .filters-wrap .filters-body .elem_select .select svg { width: 1.6rem; height: 1.6rem; } .filters .filters-wrap .filters-body .elem_select .options { position: absolute; max-height: 14.1rem; width: 100%; top: 3.5rem; z-index: 930; left: 0; padding: 1rem 1.2rem; border-radius: 0.8rem; background-color: rgba(255, 255, 255, 0.98); box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); word-wrap: break-word; } .filters .filters-wrap .filters-body .elem_select .options::-webkit-scrollbar { width: 0.7rem; } .filters .filters-wrap .filters-body .elem_select .options::-webkit-scrollbar-thumb { border-left: 0.2rem #cfd5db solid; background-clip: padding-box; background-color: transparent; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox { margin-bottom: 0; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox .checkbox-content { padding: 0.6rem 0 0.6rem 3.2rem; min-height: 2rem; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox .checkbox-content::before { border: 0.2rem solid #cfd5db; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox:hover .checkbox-content { color: #131313; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox:hover .checkbox-content::before { border: 0.2rem solid #3058e3; } .filters .filters-wrap .filters-body .elem_select .options .custom-checkbox .checkbox:checked + .checkbox-content::before { border: 0.2rem solid #3058e3; background-color: #3058e3; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 0H15.75C16.9926 0 18 1.00736 18 2.25V15.75C18 16.9926 16.9926 18 15.75 18H2.25C1.00736 18 0 16.9926 0 15.75V2.25C0 1.00736 1.00736 0 2.25 0ZM13.8521 5.84543C14.0763 5.58513 14.0417 5.19687 13.7748 4.97821C13.5079 4.75956 13.1099 4.79332 12.8857 5.05362L7.236 11.6139L5.10014 9.29912C4.86699 9.04644 4.46797 9.02595 4.20891 9.25336C3.94985 9.48078 3.92885 9.86997 4.162 10.1227L6.78336 12.9636C6.90555 13.096 7.08057 13.1703 7.2632 13.1672C7.44583 13.1642 7.61815 13.0841 7.73564 12.9477L13.8521 5.84543Z' fill='white'/%3e%3c/svg%3e "); } .filters .filters-wrap .filters-body::-webkit-scrollbar { width: 0; display: none; } .filters .filters-wrap .filters-footer { border-top: none; padding: 2rem 0 0 0; } .filters .filters-wrap .filters-footer .filters-active { display: flex; flex-direction: column-reverse; padding: 0; gap: 0; overflow: scroll; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear { gap: 0.8rem; padding: 0; border-radius: 0; background-color: transparent; color: #131313; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear.margin-top-on--js { margin-top: 2rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 2C4.41594 2 1.5 4.91594 1.5 8.5C1.5 12.0841 4.41594 15 8 15C11.5841 15 14.5 12.0841 14.5 8.5C14.5 4.91594 11.5841 2 8 2ZM10.3534 10.1466C10.4018 10.1925 10.4405 10.2477 10.4672 10.3089C10.494 10.37 10.5082 10.4359 10.509 10.5027C10.5099 10.5694 10.4974 10.6356 10.4722 10.6974C10.4471 10.7593 10.4098 10.8154 10.3626 10.8626C10.3154 10.9098 10.2593 10.9471 10.1974 10.9722C10.1356 10.9974 10.0694 11.0099 10.0027 11.009C9.93592 11.0082 9.87003 10.994 9.80888 10.9672C9.74772 10.9405 9.69253 10.9018 9.64656 10.8534L8 9.20719L6.35344 10.8534C6.25891 10.9432 6.13303 10.9926 6.00265 10.9909C5.87227 10.9892 5.7477 10.9367 5.6555 10.8445C5.5633 10.7523 5.51076 10.6277 5.50909 10.4973C5.50742 10.367 5.55675 10.2411 5.64656 10.1466L7.29281 8.5L5.64656 6.85344C5.55675 6.75891 5.50742 6.63303 5.50909 6.50265C5.51076 6.37227 5.5633 6.2477 5.6555 6.1555C5.7477 6.0633 5.87227 6.01076 6.00265 6.00909C6.13303 6.00742 6.25891 6.05675 6.35344 6.14656L8 7.79281L9.64656 6.14656C9.74109 6.05675 9.86697 6.00742 9.99735 6.00909C10.1277 6.01076 10.2523 6.0633 10.3445 6.1555C10.4367 6.2477 10.4892 6.37227 10.4909 6.50265C10.4926 6.63303 10.4432 6.75891 10.3534 6.85344L8.70719 8.5L10.3534 10.1466Z' fill='%23FB0E47'/%3e%3c/svg%3e "); } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear::after { position: absolute; content: ""; bottom: 0; right: 0; width: 0; height: 0.1rem; background-color: #131313; transition: 0.2s; } .filters .filters-wrap .filters-footer .filters-active .filters-active-clear:hover::after { width: calc(100% - 2.4rem); } .filters .filters-wrap .filters-footer .filters-active .filters-active-list { flex-wrap: wrap; align-items: center; gap: 1.6rem 0.8rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .chosen-filter-title { padding-right: 0.4rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .chosen-filter-title:not(:first-child) { padding-left: 0.8rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .btn:hover { background-color: rgb(219, 223, 235); } .filters .filters-wrap .filters-footer .filters-active::-webkit-scrollbar { width: 0; display: none; } .filters .filters-wrap .filters-footer .filters-active::-webkit-scrollbar-thumb { display: none; } .filters .filters-wrap .filters-footer .filters-apply { display: none; } } @media (min-width: 1500px) { .filters .filters-wrap .filters-body form { gap: 1rem 3.2rem; } .filters .filters-wrap .filters-body form .elem_select { width: 24.8rem; } .filters .filters-wrap .filters-footer .filters-active .filters-active-list .chosen-filter-title:not(:first-child) { padding-left: 2.4rem; } } .advantage { color: #ffffff; margin: 3.2rem 0; font-size: 1.2rem; line-height: 1.68rem; } .advantage .advantage-list { display: flex; flex-direction: column; gap: 1.6rem; } .advantage .advantage-list .item { display: flex; align-items: center; gap: 1.2rem; } .advantage .advantage-list .item .icon { width: 3.2rem; height: 3.2rem; flex-shrink: 0; } .advantage .advantage-list .item .icon img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 468px) { .advantage { margin: 4rem 0; } } @media (min-width: 668px) { .advantage { margin: 5.6rem 0; } .advantage .advantage-list { flex-direction: row; gap: 2.4rem; } .advantage .advantage-list .item { width: 17.2rem; gap: 1.6rem; } .advantage .advantage-list .item .icon { width: 4.2rem; height: 4.2rem; } } @media (min-width: 1024px) { .advantage { margin: 6rem 0; font-size: 1.4rem; line-height: 1.96rem; } .advantage .advantage-list { gap: 3.2rem; } .advantage .advantage-list .item { width: 28.2rem; gap: 2rem; } .advantage .advantage-list .item .icon { width: 4.6rem; height: 4.6rem; } } @media (min-width: 1500px) { .advantage { font-size: 1.7rem; line-height: 2.04rem; } .advantage .advantage-list { gap: 5.6rem; } .advantage .advantage-list .item { width: 34rem; } } .advantage-main { margin: 3.2rem 0; color: #ffffff; } .advantage-main h2 { margin-bottom: 1.6rem; } .advantage-main-wrap { display: flex; flex-direction: column; gap: 2.4rem; } .advantage-main-wrap .text { display: flex; flex-direction: column; gap: 1.2rem; font-size: 1.2rem; line-height: 1.5rem; } .advantage-main-wrap .text .bold { font-weight: 600; } .advantage-main-wrap .partner { font-size: 1.2rem; line-height: 1.5rem; } .advantage-main-wrap .partner a { flex-direction: column; gap: 1.6rem; align-items: flex-start; } .advantage-main-wrap .partner a img, .advantage-main-wrap .partner a svg { display: block; object-fit: contain; width: 16.4rem; height: 6.8rem; transition: 0.3s; border-radius: 1.8rem; } .advantage-main-wrap .partner a:hover img, .advantage-main-wrap .partner a:hover svg { background-color: #3287ff; } @media (min-width: 668px) { .advantage-main-wrap { flex-direction: row; justify-content: space-between; gap: 2.4rem; } } @media (min-width: 1024px) { .advantage-main h2 { margin-bottom: 2.4rem; } .advantage-main-wrap .text { width: 70rem; font-size: 1.4rem; line-height: 1.96rem; } .advantage-main-wrap .partner a { gap: 2rem; } } @media (min-width: 1500px) { .advantage-main h2 { margin-bottom: 2.4rem; } .advantage-main-wrap .text { width: 80.4rem; } } .action-banner { display: flex; flex-direction: column; gap: 1.6rem; padding: 1.6rem; background-color: #ffffff; border-radius: 3.2rem; box-shadow: -0.3rem 0.2rem 1.5rem 0px rgba(22, 22, 146, 0.1); } .action-banner .picture { height: 11.5rem; width: 100%; flex-shrink: 0; border-radius: 1.6rem; overflow: hidden; background-color: forestgreen; } .action-banner .text { display: flex; flex-direction: column; justify-content: center; gap: 0.8rem; font-size: 1.2rem; line-height: 1.5rem; } .action-banner .text .bold { font-weight: 600; } .action-banner .text .btn { margin-top: 0.8rem; width: 100%; } @media (min-width: 668px) { .action-banner { flex-direction: row; min-height: 19.4rem; padding: 1.2rem; } .action-banner .picture { width: 21.5rem; height: auto; border-radius: 2.4rem; } .action-banner .text { gap: 1.2rem; font-size: 1.4rem; line-height: 1.89rem; padding: 1.2rem; } .action-banner .text .btn { margin-top: 1.2rem; } } @media (min-width: 1024px) { .action-banner { min-height: 22.6rem; padding: 1.6rem; } .action-banner .picture { width: 28.4rem; } .action-banner .text { gap: 2.4rem; padding: 1.6rem; } } @media (min-width: 1500px) { .action-banner { min-height: 26.4rem; padding: 2.4rem; } .action-banner .picture { width: 57.6rem; } .action-banner .text { font-size: 1.7rem; line-height: 2.21rem; } } .error-page .not-found { padding: 14rem 0; } @media (min-width: 668px) { .error-page .not-found { display: flex; align-items: center; justify-content: center; gap: 8rem; } } @media (min-width: 1024px) { .error-page .not-found { padding: 12rem 0; gap: 12.1rem; } } @media (min-width: 1500px) { .error-page .not-found { padding: 16rem 0; gap: 12rem; } } .error-page .not-found .slingshot { display: none; } @media (min-width: 668px) { .error-page .not-found .slingshot { position: relative; display: block; width: 13.6rem; height: 20rem; } } @media (min-width: 1024px) { .error-page .not-found .slingshot { width: 18.1rem; height: 26.6rem; } } @media (min-width: 1500px) { .error-page .not-found .slingshot { width: 18rem; height: 26.4rem; } } .error-page .not-found .slingshot:hover .part-1 { transform: rotate(5.282deg) translateX(1rem); } .error-page .not-found .slingshot .part-1, .error-page .not-found .slingshot .part-2 { position: absolute; display: inline-flex; transition: transform 0.3s; } .error-page .not-found .slingshot .part-1 svg, .error-page .not-found .slingshot .part-2 svg { width: 100%; height: 100%; } .error-page .not-found .slingshot .part-1 { top: 0; left: 0; width: 100%; height: 15.8rem; } @media (min-width: 1024px) { .error-page .not-found .slingshot .part-1 { height: 21rem; } } @media (min-width: 1500px) { .error-page .not-found .slingshot .part-1 { height: 20.9rem; } } .error-page .not-found .slingshot .part-2 { bottom: 0; left: 0.82rem; width: 4rem; height: 6.4rem; } @media (min-width: 1024px) { .error-page .not-found .slingshot .part-2 { width: 5.4rem; height: 8.5rem; } } @media (min-width: 1500px) { .error-page .not-found .slingshot .part-2 { height: 8.4rem; } } .error-page .not-found .info { text-align: center; } .error-page .not-found .info .title { margin-bottom: 2.4rem; font-size: 9.8rem; font-weight: 800; line-height: 6.9rem; color: #fafafa; text-transform: uppercase; } @media (min-width: 1024px) { .error-page .not-found .info .title { font-size: 14rem; } } .error-page .not-found .info .description { margin-bottom: 3.2rem; color: #fafafa; } .error-page .not-found .info a { margin: 0 auto; } .error-page .swiper-cards-service { padding-top: 0; border-bottom: 1px solid #ffffff; } @media (min-width: 1024px) { .error-page .swiper-cards-service { padding-bottom: 4rem; } } @media (min-width: 1500px) { .error-page .swiper-cards-service { padding-bottom: 5.7rem; } } .error-page .swiper-cards-service .swiper-button-prev, .error-page .swiper-cards-service .swiper-button-next { display: none; } @media (min-width: 1024px) { .error-page .swiper-cards-service .swiper-button-prev, .error-page .swiper-cards-service .swiper-button-next { display: block; width: 3.2rem; height: 3.2rem; transition: transform 0.2s; } } @media (min-width: 1500px) { .error-page .swiper-cards-service .swiper-button-prev, .error-page .swiper-cards-service .swiper-button-next { width: 4rem; height: 4rem; } } .error-page .swiper-cards-service .swiper-button-prev { left: -4rem; } .error-page .swiper-cards-service .swiper-button-prev:hover { transform: translateX(-4px); } @media (min-width: 1500px) { .error-page .swiper-cards-service .swiper-button-prev { left: -6.4rem; } } .error-page .swiper-cards-service .swiper-button-next { right: -4rem; } .error-page .swiper-cards-service .swiper-button-next:hover { transform: translateX(4px); } @media (min-width: 1500px) { .error-page .swiper-cards-service .swiper-button-next { right: -6.4rem; } } .error-page .swiper-cards-service .swiper-button-prev::after, .error-page .swiper-cards-service .swiper-button-next::after { content: ""; } .error-page .swiper-cards-service .swiper-button-disabled { display: none; } .error-page .swiper-cards-service .cards-service { position: relative; display: block; } @media (min-width: 1024px) { .error-page .swiper-cards-service .cards-service { margin: 0 5.6rem; } } @media (min-width: 1500px) { .error-page .swiper-cards-service .cards-service { margin: 0 13.8rem; } } .error-page .swiper-cards-service .cards-service .card { width: 28.8rem; height: 21.6rem; } @media (min-width: 1500px) { .error-page .swiper-cards-service .cards-service .card { width: 39.2rem; height: 25.6rem; } } .error-page .swiper-cards-service .cards-service .card:first-child { margin-left: 2.4rem; } @media (min-width: 1024px) { .error-page .swiper-cards-service .cards-service .card:first-child { margin-left: 0; } } .breadcrumbs { padding: 1.6rem 0; } @media (min-width: 668px) { .breadcrumbs { padding: 2.4rem 0 1.6rem 0; } } @media (min-width: 1024px) { .breadcrumbs { padding: 3.2rem 0 2.4rem 0; } } .breadcrumbs .mobile-version { display: inline-flex; align-items: center; gap: 0.4rem; } .breadcrumbs .mobile-version::before { content: ""; display: block; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2357 3.09763C10.3659 3.22781 10.3659 3.43886 10.2357 3.56904L5.80474 8L10.2357 12.431C10.3659 12.5611 10.3659 12.7722 10.2357 12.9024C10.1055 13.0325 9.89447 13.0325 9.7643 12.9024L5.09763 8.2357C4.96746 8.10553 4.96746 7.89447 5.09763 7.7643L9.7643 3.09763C9.89447 2.96746 10.1055 2.96746 10.2357 3.09763Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (min-width: 1024px) { .breadcrumbs .mobile-version { display: none; } } .breadcrumbs ul { display: none; } @media (min-width: 1024px) { .breadcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; } } .breadcrumbs ul li:not(:last-child) { display: inline-flex; align-items: center; gap: 0.4rem; margin-right: 0.4rem; } .breadcrumbs ul li:not(:last-child)::after { content: ""; display: block; width: 1.6rem; height: 1.6rem; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.7643 12.9024C5.63412 12.7722 5.63412 12.5611 5.7643 12.431L10.1953 8L5.7643 3.56904C5.63412 3.43886 5.63412 3.22781 5.7643 3.09763C5.89447 2.96746 6.10553 2.96746 6.2357 3.09763L10.9024 7.7643C11.0325 7.89447 11.0325 8.10553 10.9024 8.2357L6.2357 12.9024C6.10553 13.0325 5.89447 13.0325 5.7643 12.9024Z' fill='white'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: contain; } .breadcrumbs ul a { position: relative; } .breadcrumbs ul a::after { content: ""; position: absolute; left: 0; right: 0; width: 0; bottom: -0.1rem; height: 1px; background-color: #ffffff; transition: width 0.3s; } .breadcrumbs ul a:hover::after { width: 100%; } .breadcrumbs .home-link { display: block; width: 1.6rem; height: 1.8rem; } .breadcrumbs .home-link svg { width: 100%; height: 100%; } .contacts h1 { margin-bottom: 2.4rem; } .contacts .info-map-container { display: flex; flex-direction: column; gap: 3.4rem; } @media (min-width: 668px) { .contacts .info-map-container { gap: 4rem; } } @media (min-width: 1024px) { .contacts .info-map-container { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 2.4rem; } } @media (min-width: 1500px) { .contacts .info-map-container { gap: 15.8rem; } } .contacts .map { width: 100%; height: 41rem; flex-shrink: 0; } @media (min-width: 1024px) { .contacts .map { width: 57.1rem; height: 29rem; } } @media (min-width: 1500px) { .contacts .map { width: 75.2rem; } } .contacts .map > ymaps { border-radius: 3.2rem; overflow: hidden; } .contacts .ymaps3x0--main-engine-container { filter: grayscale(100%); } .contacts .marker-container { position: relative; } .contacts .marker-container .popup { position: absolute; top: -110%; transform: translateX(-40%); left: 0; width: 270px; } @media (min-width: 468px) { .contacts .marker-container .popup { top: -95%; width: 297px; } } .contacts .marker-container .popup:not(.active) { display: none; } .contacts .marker-container .popup .info { padding: 8px 12px; border-radius: 4px; box-shadow: -3px 2px 15px 0px rgba(22, 22, 146, 0.1); background: #ffffff; font-size: 12px; line-height: 16.8px; color: #131313; text-align: center; } .contacts .marker-container .popup button { position: absolute; top: -11px; right: -11px; padding: 4px; width: 22px; height: 22px; padding: 0; margin: 0; border: 1px solid #fafafa; border-radius: 100px; background: #ffffff; cursor: pointer; } .contacts .marker-container .popup button svg { width: 12px; height: 12px; } .contacts .marker-container .marker { transform: translate(calc(-50% + 22px), calc(-50% - 25px)); cursor: pointer; } @media (min-width: 468px) { .contacts .info-block { display: flex; } } @media (min-width: 1024px) { .contacts .info-block { flex-direction: column; padding-bottom: 0.8rem; } } @media (min-width: 1500px) { .contacts .info-block { max-width: 31.4rem; padding-bottom: 1.6rem; } } .contacts .info-block .phone-title { display: none; } @media (min-width: 1024px) { .contacts .info-block .phone-title { display: block; padding-top: 0.8rem; margin-bottom: 1.6rem; font-weight: 600; font-size: 2rem; line-height: 2.4rem; } } @media (min-width: 1500px) { .contacts .info-block .phone-title { padding-top: 1.6rem; } } .contacts .info-block .contacts-item { position: relative; display: block; flex-shrink: 0; margin-left: 2rem; font-size: 1.2rem; line-height: 1.68rem; } @media (min-width: 668px) { .contacts .info-block .contacts-item { margin-left: 2.4rem; font-size: 1.4rem; line-height: 1.96rem; } } .contacts .info-block .contacts-item:not(:last-child) { margin-bottom: 1.6rem; } .contacts .info-block .contacts-item .icon { position: absolute; top: 0.4rem; left: -2rem; width: 1.2rem; height: 1.2rem; } @media (min-width: 668px) { .contacts .info-block .contacts-item .icon { top: 0.2rem; left: -2.4rem; width: 1.6rem; height: 1.6rem; } } @media (min-width: 468px) { .contacts .info-block .phone-list { margin-right: 3.4rem; } .contacts .info-block .phone-list:not(:last-child) { margin-bottom: 0; } } @media (min-width: 668px) { .contacts .info-block .phone-list { margin-left: 3.2rem; margin-right: 6.8rem; } .contacts .info-block .phone-list .icon { left: -3.2rem; } } @media (min-width: 1024px) { .contacts .info-block .phone-list:not(:last-child) { margin-bottom: 4.3rem; } .contacts .info-block .phone-list { margin-right: 0; } } @media (min-width: 1500px) { .contacts .info-block .phone-list:not(:last-child) { margin-bottom: 3.5rem; } } .contacts .info-block .phone-list li:not(:last-child) { margin-bottom: 0.8rem; } @media (min-width: 1024px) { .contacts .info-block .phone-list li:not(:last-child) { margin-bottom: 1.6rem; } } @media (min-width: 468px) { .contacts .info-block .other-info { padding-left: 3.4rem; border-left: 1px solid #ffffff; } } @media (min-width: 668px) { .contacts .info-block .other-info { padding-left: 6.8rem; } .contacts .info-block .other-info a.contacts-item { margin-bottom: 3.4rem; } } @media (min-width: 1024px) { .contacts .info-block .other-info { padding-top: 4.3rem; padding-left: 0; border-left: none; border-top: 1px solid #ffffff; } .contacts .info-block .other-info a.contacts-item { margin-bottom: 1.6rem; } } @media (min-width: 1500px) { .contacts .info-block .other-info { padding-top: 3.5rem; } } @media (min-width: 1500px) { .maximum-benefit .title p { max-width: 80.6rem; } } .maximum-benefit .description { margin-bottom: 3.2rem; } @media (min-width: 1024px) { .maximum-benefit .description { margin-bottom: 4.8rem; } } .maximum-benefit .market-niche h3 { margin-bottom: 2.4rem; font-size: 1.4rem; font-weight: 600; line-height: 1.89rem; text-transform: none; } @media (min-width: 668px) { .maximum-benefit .market-niche h3 { font-size: 1.7rem; line-height: 2.21rem; } } .maximum-benefit .market-niche .swiper-group { margin: 2.4rem 0; } @media (min-width: 668px) { .maximum-benefit .market-niche .elem { padding: 0.6rem 2.4rem 0.6rem 0.6rem; } } @media (min-width: 1024px) { .maximum-benefit .market-niche .elem { padding: 0.6rem 1.2rem 0.6rem 0.6rem; gap: 1.2rem; } } @media (min-width: 1500px) { .maximum-benefit .market-niche .elem { padding: 0.6rem 2.4rem 0.6rem 0.6rem; gap: 1.6rem; } } @media (min-width: 1024px) { .maximum-benefit .market-niche .elem .picture { width: 2.8rem; height: 2.8rem; } } @media (min-width: 1024px) { .maximum-benefit .market-niche .elem .title { font-size: 1.2rem; line-height: 1.68rem; } } @media (min-width: 1500px) { .maximum-benefit .market-niche .elem .title { font-size: 1.4rem; line-height: 1.96rem; } } .maximum-benefit .summary { margin-bottom: 2.4rem; width: 100%; background-image: url("data:image/svg+xml,%3Csvg width='312' height='23' viewBox='0 0 312 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M311.999 0.232185V0.332958C311.924 0.765291 311.898 1.20087 311.785 1.63321C311.646 2.15656 311.507 2.68316 311.28 3.20651C311.052 3.72986 310.8 4.29547 310.471 4.83183C309.733 6.17727 308.276 7.48996 306.141 8.73258C302.836 10.663 296.713 12.181 289.095 12.9584C286.155 13.2678 283.106 13.504 279.991 13.6638C277.531 13.7958 275.044 13.8924 272.542 13.9531C270.193 14.0084 267.845 14.0474 265.496 14.0734C263.148 14.0994 261.077 14.0994 258.867 14.0994C239.397 14.0994 219.927 14.0994 200.457 14.0994C198.184 14.0994 195.924 14.0994 193.664 14.1221C190.709 14.1352 187.759 14.1872 184.826 14.2782C181.622 14.3691 178.47 14.5545 175.431 14.8308C170.364 15.3007 166.032 16.1842 163.095 17.3468C161.248 18.0803 159.739 18.8668 158.6 19.6905C157.672 20.348 156.875 22.1682 156.214 22.8468V22.8793C156.1 22.9866 155.873 23.0223 155.482 22.9866C155.428 22.9784 155.382 22.9676 155.345 22.9548C155.308 22.9419 155.282 22.9273 155.267 22.9118L154.825 22.473C153.943 21.5984 152.794 19.5923 151.391 18.764C150.216 18.0672 148.702 17.4118 146.883 16.8136C144.194 15.935 140.628 15.2609 136.567 14.8633C134.109 14.6372 131.566 14.4782 128.979 14.3887C126.348 14.283 123.697 14.2146 121.037 14.1839C117.628 14.1351 114.218 14.1254 110.797 14.1254C92.3872 14.1254 73.9736 14.1254 55.5558 14.1254C52.8159 14.1254 50.0507 14.1254 47.3107 14.0929C45.24 14.0766 43.1693 14.0311 41.0985 13.9921C38.6658 13.9444 36.2457 13.8664 33.8383 13.7581C29.2832 13.5792 24.8441 13.2412 20.6436 12.7536C13.9413 11.9618 8.60923 10.5613 5.66865 8.82035C4.30176 8.02606 3.24847 7.19841 2.52466 6.34987C1.89334 5.64449 1.43878 4.9326 1.08524 4.21746C0.769582 3.56733 0.529679 2.90096 0.390788 2.23783C0.226644 1.71122 0.150885 1.16512 0.0625 0.628765L0.0625 0.505239L0.0625 0.180178L0.832714 0.00789452C0.832714 0.056654 0.9211 0.0891609 0.933726 0.124918C1.33609 1.04157 2.04582 1.94754 3.05497 2.83269C4.18363 3.8413 5.92212 4.79786 8.20657 5.66724C11.1802 6.77222 15.2178 7.65937 19.9239 8.24174C23.2888 8.66089 26.8493 8.96679 30.5175 9.15191C33.1691 9.29224 35.8506 9.3921 38.548 9.45097C41.9066 9.52899 45.2652 9.56149 48.6491 9.56149C67.774 9.56149 86.8947 9.56149 106.011 9.56149C108.814 9.56149 111.626 9.57016 114.446 9.5875C116.971 9.607 119.496 9.65034 122.022 9.71752C125.375 9.79815 128.693 9.9581 131.933 10.1954C135.277 10.4402 138.44 10.8269 141.29 11.3396C144.471 11.9327 147.148 12.6872 149.156 13.5565C150.947 14.3252 152.4 15.1429 153.487 15.9945C154.169 16.5146 154.749 17.0444 155.242 17.5743L155.343 17.6686H156.075L156.315 17.4183C157.185 16.4298 158.424 15.4653 160.015 14.5382C161.369 13.7287 163.186 12.976 165.406 12.305C168.349 11.4565 172.056 10.8069 176.202 10.4132C178.68 10.1734 181.242 9.99591 183.853 9.88331C186.778 9.75541 189.729 9.67076 192.692 9.62976C196.139 9.57775 199.599 9.56799 203.058 9.56799C223.345 9.56799 243.64 9.56799 263.943 9.56799C266.203 9.56799 268.451 9.54849 270.698 9.51924C273.856 9.47917 277.001 9.39016 280.117 9.25268C283.763 9.09795 287.324 8.83168 290.724 8.45953C296.845 7.78271 301.896 6.59229 305.055 5.08213C306.797 4.25912 308.157 3.38631 309.108 2.48162C309.938 1.70566 310.588 0.917604 311.052 0.121668L311.153 0.0111446L311.936 0.219187L311.999 0.232185Z' fill='%233058E3'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; height: 2.3rem; } @media (min-width: 468px) { .maximum-benefit .summary { background-image: url("data:image/svg+xml,%3Csvg width='420' height='23' viewBox='0 0 420 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M420.001 0.232185V0.332958C419.899 0.765291 419.865 1.20087 419.712 1.63321C419.525 2.15656 419.338 2.68316 419.032 3.20651C418.726 3.72986 418.386 4.29547 417.944 4.83183C416.951 6.17727 414.989 7.48996 412.114 8.73258C407.665 10.663 399.423 12.181 389.168 12.9584C385.21 13.2678 381.106 13.504 376.913 13.6638C373.601 13.7958 370.253 13.8924 366.885 13.9531C363.723 14.0084 360.562 14.0474 357.4 14.0734C354.239 14.0994 351.451 14.0994 348.477 14.0994C322.267 14.0994 296.058 14.0994 269.848 14.0994C266.788 14.0994 263.746 14.0994 260.703 14.1221C256.726 14.1352 252.755 14.1872 248.805 14.2782C244.493 14.3691 240.25 14.5545 236.16 14.8308C229.338 15.3007 223.506 16.1842 219.553 17.3468C217.066 18.0803 215.035 18.8668 213.502 19.6905C212.252 20.348 211.18 22.1682 210.29 22.8468V22.8793C210.137 22.9866 209.831 23.0223 209.304 22.9866C209.232 22.9784 209.17 22.9676 209.12 22.9548C209.071 22.9419 209.035 22.9273 209.015 22.9118L208.42 22.473C207.232 21.5984 205.686 19.5923 203.797 18.764C202.216 18.0672 200.177 17.4118 197.729 16.8136C194.109 15.935 189.309 15.2609 183.842 14.8633C180.533 14.6372 177.109 14.4782 173.627 14.3887C170.086 14.283 166.516 14.2146 162.936 14.1839C158.347 14.1351 153.757 14.1254 149.151 14.1254C124.369 14.1254 99.5817 14.1254 74.7885 14.1254C71.1001 14.1254 67.3777 14.1254 63.6893 14.0929C60.9018 14.0766 58.1143 14.0311 55.3267 13.9921C52.0519 13.9444 48.7941 13.8664 45.5533 13.7581C39.4215 13.5792 33.4458 13.2412 27.7913 12.7536C18.769 11.9618 11.5911 10.5613 7.63268 8.82035C5.79263 8.02606 4.37474 7.19841 3.40038 6.34987C2.55053 5.64449 1.93863 4.9326 1.46271 4.21746C1.03778 3.56733 0.714833 2.90096 0.527864 2.23783C0.306901 1.71122 0.204918 1.16512 0.0859375 0.628765V0.505239L0.0859375 0.180178L1.12276 0.00789452C1.12276 0.056654 1.24174 0.0891609 1.25874 0.124918C1.80038 1.04157 2.75579 1.94754 4.11427 2.83269C5.63362 3.8413 7.97389 4.79786 11.0491 5.66724C15.052 6.77222 20.4874 7.65937 26.8225 8.24174C31.3521 8.66089 36.1451 8.96679 41.0831 9.15191C44.6525 9.29224 48.2622 9.3921 51.8933 9.45097C56.4145 9.52899 60.9358 9.56149 65.491 9.56149C91.2361 9.56149 116.975 9.56149 142.709 9.56149C146.482 9.56149 150.267 9.57016 154.063 9.5875C157.463 9.607 160.862 9.65034 164.262 9.71752C168.776 9.79815 173.243 9.9581 177.604 10.1954C182.106 10.4402 186.363 10.8269 190.199 11.3396C194.483 11.9327 198.086 12.6872 200.788 13.5565C203.2 14.3252 205.155 15.1429 206.618 15.9945C207.536 16.5146 208.318 17.0444 208.981 17.5743L209.117 17.6686H210.103L210.426 17.4183C211.597 16.4298 213.265 15.4653 215.406 14.5382C217.229 13.7287 219.675 12.976 222.664 12.305C226.626 11.4565 231.616 10.8069 237.196 10.4132C240.532 10.1734 243.982 9.99591 247.497 9.88331C251.434 9.75541 255.407 9.67076 259.395 9.62976C264.035 9.57775 268.692 9.56799 273.349 9.56799C300.658 9.56799 327.978 9.56799 355.31 9.56799C358.352 9.56799 361.378 9.54849 364.403 9.51924C368.654 9.47917 372.888 9.39016 377.083 9.25268C381.99 9.09795 386.784 8.83168 391.361 8.45953C399.601 7.78271 406.401 6.59229 410.652 5.08213C412.997 4.25912 414.828 3.38631 416.108 2.48162C417.226 1.70566 418.101 0.917604 418.726 0.121668L418.862 0.0111446L419.916 0.219187L420.001 0.232185Z' fill='%233058E3'/%3E%3C/svg%3E%0A"); } } @media (min-width: 668px) { .maximum-benefit .summary { background-image: url("data:image/svg+xml,%3Csvg width='600' height='23' viewBox='0 0 600 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600.004 0.232185V0.332958C599.858 0.765291 599.809 1.20087 599.591 1.63321C599.324 2.15656 599.057 2.68316 598.619 3.20651C598.182 3.72986 597.697 4.29547 597.065 4.83183C595.646 6.17727 592.843 7.48996 588.737 8.73258C582.381 10.663 570.606 12.181 555.957 12.9584C550.303 13.2678 544.44 13.504 538.45 13.6638C533.718 13.7958 528.935 13.8924 524.123 13.9531C519.607 14.0084 515.091 14.0474 510.574 14.0734C506.058 14.0994 502.076 14.0994 497.826 14.0994C460.384 14.0994 422.942 14.0994 385.499 14.0994C381.129 14.0994 376.782 14.0994 372.436 14.1221C366.754 14.1352 361.081 14.1872 355.439 14.2782C349.279 14.3691 343.217 14.5545 337.373 14.8308C327.627 15.3007 319.297 16.1842 313.65 17.3468C310.097 18.0803 307.196 18.8668 305.006 19.6905C303.22 20.348 301.688 22.1682 300.416 22.8468V22.8793C300.198 22.9866 299.761 23.0223 299.008 22.9866C298.906 22.9784 298.816 22.9676 298.745 22.9548C298.675 22.9419 298.624 22.9273 298.595 22.9118L297.745 22.473C296.048 21.5984 293.84 19.5923 291.141 18.764C288.883 18.0672 285.97 17.4118 282.472 16.8136C277.301 15.935 270.444 15.2609 262.634 14.8633C257.907 14.6372 253.016 14.4782 248.041 14.3887C242.982 14.283 237.883 14.2146 232.768 14.1839C226.212 14.1351 219.656 14.1254 213.075 14.1254C177.673 14.1254 142.262 14.1254 106.843 14.1254C101.574 14.1254 96.2561 14.1254 90.987 14.0929C87.0048 14.0766 83.0226 14.0311 79.0404 13.9921C74.3621 13.9444 69.7082 13.8664 65.0785 13.7581C56.3187 13.5792 47.7819 13.2412 39.7041 12.7536C26.8151 11.9618 16.561 10.5613 10.9061 8.82035C8.27742 8.02606 6.25186 7.19841 4.85992 6.34987C3.64584 5.64449 2.7717 4.9326 2.09181 4.21746C1.48477 3.56733 1.02342 2.90096 0.756323 2.23783C0.440662 1.71122 0.294972 1.16512 0.125 0.628765V0.505239L0.125 0.180178L1.60618 0.00789452C1.60618 0.056654 1.77615 0.0891609 1.80043 0.124918C2.5742 1.04157 3.93907 1.94754 5.87975 2.83269C8.05026 3.8413 11.3935 4.79786 15.7867 5.66724C21.5051 6.77222 29.2699 7.65937 38.3201 8.24174C44.791 8.66089 51.638 8.96679 58.6924 9.15191C63.7916 9.29224 68.9483 9.3921 74.1355 9.45097C80.5944 9.52899 87.0534 9.56149 93.5608 9.56149C130.339 9.56149 167.11 9.56149 203.872 9.56149C209.263 9.56149 214.67 9.57016 220.093 9.5875C224.949 9.607 229.805 9.65034 234.662 9.71752C241.111 9.79815 247.492 9.9581 253.723 10.1954C260.154 10.4402 266.235 10.8269 271.715 11.3396C277.835 11.9327 282.983 12.6872 286.843 13.5565C290.288 14.3252 293.081 15.1429 295.172 15.9945C296.483 16.5146 297.6 17.0444 298.547 17.5743L298.741 17.6686H300.149L300.611 17.4183C302.284 16.4298 304.667 15.4653 307.725 14.5382C310.329 13.7287 313.824 12.976 318.093 12.305C323.753 11.4565 330.882 10.8069 338.854 10.4132C343.62 10.1734 348.548 9.99591 353.569 9.88331C359.194 9.75541 364.869 9.67076 370.566 9.62976C377.195 9.57775 383.848 9.56799 390.501 9.56799C429.514 9.56799 468.543 9.56799 507.587 9.56799C511.934 9.56799 516.256 9.54849 520.578 9.51924C526.651 9.47917 532.7 9.39016 538.692 9.25268C545.703 9.09795 552.55 8.83168 559.089 8.45953C570.861 7.78271 580.575 6.59229 586.649 5.08213C589.998 4.25912 592.614 3.38631 594.443 2.48162C596.04 1.70566 597.289 0.917604 598.182 0.121668L598.377 0.0111446L599.882 0.219187L600.004 0.232185Z' fill='%233058E3'/%3E%3C/svg%3E%0A"); } } @media (min-width: 1024px) { .maximum-benefit .summary { position: absolute; height: auto; top: 4.6rem; bottom: 0; right: 37rem; width: 2.3rem; margin: 0; background-image: url("data:image/svg+xml,%3Csvg width='23' height='248' viewBox='0 0 23 248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2579_29897)'%3E%3Cpath d='M0.232207 1.32684e-05L0.33298 1.32772e-05C0.765313 0.0602398 1.2009 0.0803204 1.63323 0.170652C2.15658 0.28105 2.68318 0.391447 3.20653 0.572096C3.72989 0.75276 4.29549 0.95349 4.83185 1.21443C6.17729 1.80113 7.48998 2.95961 8.7326 4.65692C10.663 7.28386 12.181 12.151 12.9584 18.2061C13.2678 20.5431 13.5041 22.9662 13.6638 25.4424C13.7959 27.398 13.8924 29.3749 13.9531 31.3638C14.0084 33.2306 14.0474 35.0974 14.0734 36.9642C14.0994 38.8309 14.0994 40.4769 14.0994 42.2333C14.0994 57.7095 14.0994 73.1856 14.0994 88.6618C14.0994 90.4683 14.0994 92.2648 14.1221 94.0614C14.1352 96.4099 14.1873 98.7548 14.2782 101.087C14.3691 103.633 14.5546 106.138 14.8308 108.554C15.3007 112.582 16.1842 116.026 17.3468 118.36C18.0803 119.828 18.8668 121.027 19.6905 121.933C20.348 122.671 22.1682 123.304 22.8468 123.829L22.8793 123.829C22.9866 123.92 23.0224 124.1 22.9866 124.412C22.9784 124.454 22.9676 124.491 22.9548 124.52C22.9419 124.549 22.9273 124.57 22.9118 124.582L22.473 124.933C21.5984 125.635 19.5923 126.548 18.764 127.663C18.0672 128.597 17.4118 129.801 16.8137 131.246C15.935 133.384 15.2609 136.218 14.8633 139.446C14.6372 141.4 14.4782 143.422 14.3887 145.478C14.283 147.569 14.2146 149.677 14.1839 151.791C14.1351 154.501 14.1254 157.211 14.1254 159.93C14.1254 174.564 14.1254 189.2 14.1254 203.84C14.1254 206.018 14.1254 208.216 14.0929 210.394C14.0766 212.04 14.0311 213.685 13.9921 215.331C13.9444 217.265 13.8664 219.189 13.7581 221.102C13.5792 224.723 13.2412 228.252 12.7536 231.59C11.9619 236.918 10.5613 241.156 8.82035 243.494C8.02606 244.58 7.19841 245.417 6.34987 245.993C5.64449 246.495 4.9326 246.856 4.21746 247.137C3.56733 247.388 2.90096 247.578 2.23783 247.689C1.71122 247.819 1.16512 247.88 0.628765 247.95L0.505239 247.95L0.180178 247.95L0.00789457 247.338C0.056654 247.338 0.089161 247.267 0.124918 247.257C1.04157 246.937 1.94754 246.373 2.83269 245.571C3.8413 244.674 4.79786 243.292 5.66724 241.476C6.77222 239.113 7.65937 235.903 8.24174 232.163C8.66089 229.488 8.9668 226.658 9.15192 223.742C9.29224 221.634 9.3921 219.503 9.45098 217.359C9.52899 214.689 9.5615 212.019 9.5615 209.33C9.5615 194.128 9.5615 178.929 9.5615 163.734C9.5615 161.506 9.57017 159.271 9.58751 157.03C9.60701 155.023 9.65035 153.015 9.71753 151.008C9.79816 148.342 9.95811 145.705 10.1954 143.129C10.4402 140.471 10.8269 137.958 11.3396 135.692C11.9327 133.163 12.6872 131.035 13.5565 129.44C14.3252 128.016 15.1429 126.861 15.9945 125.997C16.5146 125.455 17.0445 124.994 17.5743 124.602L17.6686 124.522L17.6686 123.94L17.4183 123.749C16.4298 123.057 15.4653 122.073 14.5382 120.808C13.7287 119.732 12.976 118.288 12.305 116.523C11.4566 114.183 10.8069 111.237 10.4132 107.942C10.1734 105.972 9.99592 103.935 9.88332 101.86C9.75543 99.5347 9.67077 97.189 9.62977 94.8342C9.57776 92.0942 9.56801 89.3442 9.56801 86.5943C9.56801 70.4691 9.56801 54.3372 9.56801 38.1987C9.56801 36.4021 9.54851 34.6157 9.51926 32.8292C9.47919 30.3192 9.39018 27.8189 9.2527 25.342C9.09797 22.4443 8.8317 19.6141 8.45955 16.9114C7.78273 12.0456 6.59231 8.03053 5.08215 5.52005C4.25915 4.13557 3.38633 3.05429 2.48164 2.29837C1.70569 1.63826 0.917626 1.1221 0.121689 0.752745L0.0111663 0.672468L0.219208 0.0502147L0.232207 1.32684e-05Z' fill='%233058E3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2579_29897'%3E%3Crect width='23' height='248' fill='white' transform='translate(23 248) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } } @media (min-width: 1500px) { .maximum-benefit .summary { width: 2rem; right: 45rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='220' viewBox='0 0 20 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2579_5259)'%3E%3Cpath d='M0.201922 -3.22484e-05L0.289547 -3.22407e-05C0.665489 0.0533888 1.04426 0.0712111 1.4202 0.151335C1.87529 0.249266 2.3332 0.347197 2.78829 0.50746C3.24338 0.667723 3.73521 0.845778 4.20161 1.07727C5.37156 1.59773 6.51303 2.62541 7.59357 4.13109C9.27219 6.46144 10.5922 10.7791 11.2682 16.1505C11.5373 18.2237 11.7427 20.3732 11.8816 22.5698C11.9964 24.3046 12.0804 26.0583 12.1331 27.8227C12.1812 29.4787 12.2151 31.1347 12.2377 32.7907C12.2603 34.4467 12.2603 35.9069 12.2603 37.465C12.2603 51.1938 12.2603 64.9227 12.2603 78.6515C12.2603 80.2541 12.2603 81.8478 12.2801 83.4415C12.2915 85.5249 12.3367 87.605 12.4158 89.6738C12.4949 91.9325 12.6561 94.1551 12.8963 96.2978C13.3049 99.8712 14.0732 102.926 15.0841 104.996C15.722 106.299 16.4059 107.363 17.1221 108.166C17.6939 108.821 19.2767 109.382 19.8668 109.849L19.8951 109.849C19.9883 109.929 20.0194 110.089 19.9883 110.365C19.9812 110.403 19.9718 110.435 19.9607 110.461C19.9495 110.487 19.9368 110.506 19.9233 110.516L19.5417 110.828C18.7812 111.45 17.0368 112.26 16.3166 113.25C15.7106 114.078 15.1407 115.146 14.6206 116.428C13.8565 118.324 13.2704 120.838 12.9246 123.702C12.728 125.435 12.5897 127.229 12.5119 129.053C12.42 130.908 12.3605 132.778 12.3338 134.653C12.2914 137.057 12.2829 139.461 12.2829 141.874C12.2829 154.855 12.2829 167.839 12.2829 180.826C12.2829 182.758 12.2829 184.707 12.2547 186.639C12.2405 188.1 12.201 189.56 12.167 191.02C12.1256 192.735 12.0578 194.442 11.9635 196.139C11.808 199.351 11.5141 202.481 11.0901 205.443C10.4016 210.169 9.18378 213.929 7.66987 216.002C6.97918 216.966 6.25948 217.709 5.52163 218.219C4.90825 218.664 4.28922 218.985 3.66736 219.234C3.10203 219.457 2.52257 219.626 1.94594 219.724C1.48802 219.84 1.01315 219.893 0.546753 219.955L0.439341 219.955L0.156677 219.955L0.0068646 219.412C0.049265 219.412 0.0775319 219.35 0.108625 219.341C0.905716 219.057 1.69352 218.557 2.46321 217.845C3.34026 217.05 4.17205 215.824 4.92804 214.213C5.88889 212.116 6.66032 209.269 7.16673 205.951C7.53121 203.578 7.79722 201.067 7.95819 198.481C8.08021 196.611 8.16704 194.72 8.21824 192.818C8.28608 190.45 8.31435 188.082 8.31435 185.696C8.31435 172.21 8.31435 158.728 8.31435 145.248C8.31435 143.272 8.32189 141.289 8.33696 139.301C8.35392 137.52 8.39161 135.739 8.45003 133.959C8.52014 131.594 8.65923 129.254 8.86554 126.97C9.07843 124.612 9.4147 122.382 9.86052 120.372C10.3763 118.129 11.0323 116.241 11.7883 114.826C12.4567 113.562 13.1677 112.538 13.9083 111.772C14.3605 111.291 14.8213 110.881 15.282 110.534L15.364 110.463L15.364 109.947L15.1463 109.777C14.2868 109.164 13.4481 108.29 12.6419 107.169C11.938 106.214 11.2835 104.932 10.7 103.367C9.96222 101.292 9.39734 98.6778 9.05493 95.7547C8.84641 94.0073 8.69211 92.2004 8.59419 90.3593C8.48298 88.2969 8.40937 86.216 8.37371 84.127C8.32849 81.6965 8.32001 79.2569 8.32001 76.8174C8.32001 62.5128 8.32001 48.2023 8.32001 33.8858C8.32001 32.2922 8.30305 30.7074 8.27761 29.1226C8.24278 26.896 8.16538 24.678 8.04583 22.4807C7.91128 19.9102 7.67974 17.3995 7.35613 15.002C6.76759 10.6855 5.73245 7.12381 4.41926 4.89677C3.70361 3.66861 2.94464 2.70939 2.15795 2.03883C1.48321 1.45325 0.797936 0.99536 0.105818 0.667708L0.00971042 0.596495L0.190617 0.0444929L0.201922 -3.22484e-05Z' fill='%233058E3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2579_5259'%3E%3Crect width='20' height='220' fill='white' transform='translate(20 220) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } } .maximum-benefit .market-niche-list .btn { display: none; } @media (min-width: 1024px) { .maximum-benefit .market-niche-list { width: 58.2rem; padding-right: 0; gap: 1.2rem; margin: 0; } } @media (min-width: 1500px) { .maximum-benefit .market-niche-list { width: 99.2rem; } } @media (min-width: 1024px) { .maximum-benefit .niche-list { position: relative; } } @media (min-width: 668px) { .expert-approach .container { display: flex; justify-content: space-between; gap: 4rem; } } @media (min-width: 1024px) { .expert-approach .container { gap: 9.8rem; } } @media (min-width: 1500px) { .expert-approach .container { gap: 16rem; } } .expert-approach .title { margin-bottom: 2.4rem; font-size: 1.7rem; line-height: 2.21rem; font-weight: 600; } @media (min-width: 668px) { .expert-approach .title { flex-basis: 22.8rem; flex-shrink: 0; margin-bottom: 0; } } @media (min-width: 1024px) { .expert-approach .title { flex-basis: 35.3rem; font-size: 2.4rem; line-height: 2.88rem; } } @media (min-width: 1500px) { .expert-approach .title { flex-basis: 29.2rem; } } .expert-approach ul { font-size: 1.4rem; line-height: 1.96rem; } @media (min-width: 1024px) { .expert-approach ul { font-size: 1.7rem; line-height: 2.04rem; } } .expert-approach ul li { position: relative; padding-left: 3.6rem; } .expert-approach ul li::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 2.4rem; height: 2.4rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2564_5988)'%3E%3Cpath d='M15.0993 1.305C14.6955 0.891814 14.2133 0.563494 13.6808 0.339337C13.1484 0.115181 12.5765 -0.000289917 11.9988 -0.000289917C11.4211 -0.000289917 10.8492 0.115181 10.3168 0.339337C9.78432 0.563494 9.30205 0.891814 8.89829 1.305L7.96529 2.262L6.63029 2.2455C6.05242 2.23866 5.47901 2.34744 4.94379 2.56543C4.40856 2.78343 3.92233 3.10624 3.51368 3.51489C3.10503 3.92354 2.78222 4.40977 2.56423 4.945C2.34623 5.48022 2.23745 6.05363 2.24429 6.6315L2.25929 7.9665L1.30529 8.8995C0.892103 9.30326 0.563784 9.78553 0.339627 10.318C0.115471 10.8504 0 11.4223 0 12C0 12.5777 0.115471 13.1496 0.339627 13.682C0.563784 14.2145 0.892103 14.6967 1.30529 15.1005L2.26079 16.0335L2.24429 17.3685C2.23745 17.9464 2.34623 18.5198 2.56423 19.055C2.78222 19.5902 3.10503 20.0765 3.51368 20.4851C3.92233 20.8938 4.40856 21.2166 4.94379 21.4346C5.47901 21.6526 6.05242 21.7613 6.63029 21.7545L7.96529 21.7395L8.89829 22.6935C9.30205 23.1067 9.78432 23.435 10.3168 23.6592C10.8492 23.8833 11.4211 23.9988 11.9988 23.9988C12.5765 23.9988 13.1484 23.8833 13.6808 23.6592C14.2133 23.435 14.6955 23.1067 15.0993 22.6935L16.0323 21.738L17.3673 21.7545C17.9452 21.7613 18.5186 21.6526 19.0538 21.4346C19.589 21.2166 20.0753 20.8938 20.4839 20.4851C20.8926 20.0765 21.2154 19.5902 21.4334 19.055C21.6514 18.5198 21.7601 17.9464 21.7533 17.3685L21.7383 16.0335L22.6923 15.1005C23.1055 14.6967 23.4338 14.2145 23.658 13.682C23.8821 13.1496 23.9976 12.5777 23.9976 12C23.9976 11.4223 23.8821 10.8504 23.658 10.318C23.4338 9.78553 23.1055 9.30326 22.6923 8.8995L21.7368 7.9665L21.7533 6.6315C21.7601 6.05363 21.6514 5.48022 21.4334 4.945C21.2154 4.40977 20.8926 3.92354 20.4839 3.51489C20.0753 3.10624 19.589 2.78343 19.0538 2.56543C18.5186 2.34744 17.9452 2.23866 17.3673 2.2455L16.0323 2.2605L15.0993 1.305ZM15.5298 10.281L11.0298 14.781C10.9601 14.8508 10.8774 14.9063 10.7862 14.9441C10.6951 14.9819 10.5974 15.0013 10.4988 15.0013C10.4001 15.0013 10.3025 14.9819 10.2113 14.9441C10.1202 14.9063 10.0375 14.8508 9.96779 14.781L7.71779 12.531C7.64806 12.4613 7.59275 12.3785 7.55501 12.2874C7.51727 12.1963 7.49785 12.0986 7.49784 12C7.49784 11.9014 7.51727 11.8037 7.55501 11.7126C7.59275 11.6215 7.64806 11.5387 7.71779 11.469C7.78752 11.3993 7.87031 11.344 7.96142 11.3062C8.05253 11.2685 8.15018 11.2491 8.24879 11.2491C8.34741 11.2491 8.44506 11.2685 8.53617 11.3062C8.62728 11.344 8.71006 11.3993 8.77979 11.469L10.4988 13.1895L14.4678 9.219C14.6086 9.07817 14.7996 8.99906 14.9988 8.99906C15.198 8.99906 15.389 9.07817 15.5298 9.219C15.6706 9.35983 15.7497 9.55084 15.7497 9.75C15.7497 9.94917 15.6706 10.1402 15.5298 10.281Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2564_5988'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .expert-approach ul li:not(:last-child) { margin-bottom: 1.6rem; } @media (min-width: 1024px) { .expert-approach ul li:not(:last-child) { margin-bottom: 2.4rem; } } .niche-card { padding: 2.4rem; border: 1px solid #cfd5db; border-radius: 2.4rem; } @media (min-width: 1024px) { .niche-card { display: flex; flex-direction: column; width: 26.1rem; } } @media (min-width: 1500px) { .niche-card { width: 28rem; } } @media (min-width: 1024px) { .niche-card { position: absolute; right: 5.6rem; top: 4.6rem; bottom: 0; } } @media (min-width: 1500px) { .niche-card { right: 13.8rem; } } .niche-card .title-container { display: flex; align-items: center; gap: 1.6rem; margin-bottom: 1.2rem; } .niche-card .title-container img { flex-shrink: 0; width: 3.2rem; height: 3.2rem; object-fit: contain; } @media (min-width: 1024px) { .niche-card .title-container img { width: 4.4rem; height: 4.4rem; } } @media (min-width: 1024px) { .niche-card .title-container img { width: 4.3rem; height: 4.3rem; } } .niche-card .title-container .title { font-size: 1.7rem; line-height: 2.21rem; font-weight: 600; } .niche-card .description { margin-bottom: 1.6rem; font-size: 1.2rem; line-height: 1.68rem; } @media (min-width: 1024px) { .niche-card .description { margin-bottom: 0; } } .niche-card .btn { margin-top: auto; } @media (min-width: 1024px) { .price-list { padding: 0 5.6rem; } } @media (min-width: 1500px) { .price-list { padding: 0 13.8rem; } } .price-list li { position: relative; transition: background-color 0.3s; } .price-list li a, .price-list li button { display: block; padding: 2.4rem; margin: 0; background-color: inherit; color: inherit; font: inherit; border: none; text-decoration: none; text-align: left; cursor: pointer; } @media (min-width: 668px) { .price-list li a, .price-list li button { padding: 3.2rem 3.4rem; } } @media (min-width: 1024px) { .price-list li a, .price-list li button { padding: 3.2rem 2.4rem; } } @media (min-width: 668px) { .price-list li a, .price-list li button { display: flex; align-items: center; gap: 2.4rem; } } @media (min-width: 1024px) { .price-list li a, .price-list li button { gap: 4rem; } } @media (min-width: 1500px) { .price-list li a, .price-list li button { gap: 6.4rem; } } .price-list li:not(:last-child)::after { content: ""; position: absolute; display: block; bottom: 0; right: 2.4rem; left: 2.4rem; height: 1px; background-color: #888ea2; } @media (min-width: 668px) { .price-list li:not(:last-child)::after { right: 3.4rem; left: 3.4rem; } } @media (min-width: 1024px) { .price-list li:not(:last-child)::after { left: 0; right: 0; } } @media (min-width: 668px) { .price-list li .service-title-container { flex-basis: 41.2rem; flex-shrink: 0; } } @media (min-width: 1024px) { .price-list li .service-title-container { display: flex; align-items: center; flex-basis: 64.4rem; gap: 4rem; } } @media (min-width: 1500px) { .price-list li .service-title-container { flex-basis: 79rem; gap: 6.4rem; } } .price-list li .service-title-container .service-title { margin-bottom: 1.2rem; font-weight: 600; font-size: 1.7rem; line-height: 2.21rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1024px) { .price-list li .service-title-container .service-title { width: 20rem; flex-shrink: 0; -webkit-line-clamp: 4; } } @media (min-width: 1500px) { .price-list li .service-title-container .service-title { width: 26.4rem; } } .price-list li .service-title-container .service-title.sale { position: relative; padding-left: 3.6rem; min-height: 2.4rem; } .price-list li .service-title-container .service-title.sale::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2.4rem; height: 2.4rem; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1985 0.451003C9.30354 0.33183 9.43965 0.244195 9.59161 0.19788C9.74357 0.151565 9.90541 0.148393 10.0591 0.188718C11.9602 0.684146 14.8814 1.97157 17.3431 4.26357C19.8236 6.57615 21.8534 9.931 21.8534 14.5064C21.8534 16.3184 21.4471 18.535 20.0396 20.371C18.6099 22.2396 16.2391 23.5939 12.5602 23.8219H12.5499C7.64707 24.0687 4.20478 21.5213 2.82136 18.0121C1.44993 14.5339 2.13736 10.207 5.22821 6.92415C5.30997 6.83705 5.40904 6.768 5.51905 6.72144C5.62907 6.67487 5.7476 6.65182 5.86705 6.65375C5.9865 6.65569 6.10422 6.68258 6.21267 6.73268C6.32111 6.78279 6.41789 6.85501 6.49678 6.94472L8.66535 9.40643C9.45907 7.99043 9.84478 6.75615 9.90307 5.52015C9.96307 4.26357 9.68536 2.93672 9.04593 1.33729C8.98699 1.18977 8.97021 1.02878 8.99745 0.872278C9.02469 0.715777 9.09489 0.569926 9.20021 0.451003H9.1985ZM9.11278 13.4881C9.11278 13.3193 9.14604 13.1521 9.21065 12.9961C9.27527 12.8401 9.36997 12.6984 9.48936 12.579C9.60875 12.4596 9.75049 12.3649 9.90648 12.3003C10.0625 12.2357 10.2297 12.2024 10.3985 12.2024C10.5673 12.2024 10.7345 12.2357 10.8905 12.3003C11.0465 12.3649 11.1882 12.4596 11.3076 12.579C11.427 12.6984 11.5217 12.8401 11.5863 12.9961C11.651 13.1521 11.6842 13.3193 11.6842 13.4881C11.6842 13.8291 11.5488 14.1562 11.3076 14.3973C11.0665 14.6384 10.7395 14.7739 10.3985 14.7739C10.0575 14.7739 9.73048 14.6384 9.48936 14.3973C9.24824 14.1562 9.11278 13.8291 9.11278 13.4881ZM15.9528 13.7041C16.0324 13.6245 16.0955 13.5299 16.1385 13.4258C16.1815 13.3217 16.2036 13.2102 16.2035 13.0975C16.2035 12.9849 16.1812 12.8734 16.138 12.7694C16.0949 12.6654 16.0316 12.5709 15.9519 12.4913C15.8722 12.4117 15.7776 12.3486 15.6736 12.3056C15.5695 12.2626 15.4579 12.2404 15.3453 12.2405C15.2327 12.2406 15.1212 12.2629 15.0172 12.306C14.9131 12.3492 14.8187 12.4125 14.7391 12.4921L9.11107 18.1201C9.0292 18.1992 8.9639 18.2938 8.91898 18.3984C8.87406 18.5029 8.85041 18.6154 8.84943 18.7292C8.84844 18.843 8.87012 18.9559 8.91322 19.0612C8.95632 19.1666 9.01997 19.2623 9.10045 19.3428C9.18092 19.4233 9.27663 19.4869 9.38197 19.53C9.48731 19.5731 9.60017 19.5948 9.71398 19.5938C9.8278 19.5928 9.94027 19.5692 10.0448 19.5242C10.1494 19.4793 10.244 19.414 10.3231 19.3321L15.9528 13.7041ZM13.6728 18.3379C13.6728 17.9969 13.8082 17.6698 14.0494 17.4287C14.2905 17.1876 14.6175 17.0521 14.9585 17.0521C15.2995 17.0521 15.6265 17.1876 15.8676 17.4287C16.1088 17.6698 16.2442 17.9969 16.2442 18.3379C16.2442 18.6789 16.1088 19.0059 15.8676 19.247C15.6265 19.4881 15.2995 19.6236 14.9585 19.6236C14.6175 19.6236 14.2905 19.4881 14.0494 19.247C13.8082 19.0059 13.6728 18.6789 13.6728 18.3379Z' fill='%23FB0E47'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; } .price-list li .service-title-container .description { margin-bottom: 1.2rem; font-size: 1.2rem; line-height: 1.68rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 1024px) { .price-list li .service-title-container .description { flex-basis: 40.4rem; flex-shrink: 0; } } @media (min-width: 1500px) { .price-list li .service-title-container .description { flex-basis: 46.2rem; } } .price-list li .price-container { display: flex; justify-content: space-between; align-items: center; } @media (min-width: 668px) { .price-list li .price-container { flex-grow: 1; } } .price-list li .price-container .prices .old-price { font-weight: 600; font-size: 1.2rem; line-height: 1.5rem; text-decoration: line-through; color: #888ea2; } .price-list li .price-container .prices .price { font-weight: 600; font-size: 1.4rem; line-height: 1.89rem; } .price-list li .price-container .arrow-more { color: #101010; transition: color 0.3s; width: 2.4rem; height: 2.4rem; } @media (min-width: 1500px) { .price-list li .price-container .arrow-more { width: unset; height: unset; } } @media (min-width: 1500px) { .price-list li .price-container .arrow-more { display: flex; align-items: center; gap: 1.2rem; } } .price-list li .price-container .arrow-more span { display: none; } @media (min-width: 1500px) { .price-list li .price-container .arrow-more span { display: block; font-size: 1.4rem; font-weight: 600; line-height: 1.89rem; } } .price-list li .price-container .arrow-more svg { width: 2.4rem; height: 2.4rem; } .price-list li:hover { background-color: #ffffff; } .price-list li:hover .arrow-more { color: #3058e3; } .price-list li:active { background-color: #fafafa; } @media (min-width: 1500px) { .video-block.swiper-arrows-right .title { max-width: 85.2rem; } } .video-block.main-page-color-90 { background-color: transparent; } .video-block.about-page-bg .about-page-bg-img { bottom: -17rem; } @media (min-width: 668px) { .video-block.about-page-bg .about-page-bg-img { bottom: -21rem; } } @media (min-width: 1024px) { .video-block.about-page-bg .about-page-bg-img { bottom: -24rem; } } @media (min-width: 1500px) { .video-block.about-page-bg .about-page-bg-img { bottom: -26rem; } } .video-block.about-page-bg .title-group h1 { max-width: 82rem; } .video-block.about-page-bg::after { bottom: -17rem; height: 17rem; background: var(--main-page-color-40); } @media (min-width: 668px) { .video-block.about-page-bg::after { height: 21rem; bottom: -21rem; } } @media (min-width: 1024px) { .video-block.about-page-bg::after { height: 24rem; bottom: -24rem; } } @media (min-width: 1500px) { .video-block.about-page-bg::after { height: 26rem; bottom: -26rem; } } @media (min-width: 1024px) { .video-block.niche-list { margin-top: 6.7rem; } .video-block.niche-list .niche-card { top: -2rem; bottom: -2rem; width: 28.9rem; } .video-block.niche-list .niche-card .title-container img { width: 2.4rem; height: 2.4rem; } .video-block.niche-list .summary { top: 0; bottom: 0; } .video-block.niche-list .market-niche-list { width: 54.2rem; } } @media (min-width: 1500px) { .video-block.niche-list { margin-top: 4.8rem; } .video-block.niche-list .niche-card { top: 0; bottom: 0; width: 50.3rem; } .video-block.niche-list .summary { right: 67.3rem; } .video-block.niche-list .market-niche-list { width: 78rem; } } .video-block.action-banner p { font-size: 1.2rem; line-height: 1.68rem; } @media (min-width: 668px) { .video-block.action-banner { flex-direction: column; } } @media (min-width: 1024px) { .video-block.action-banner { flex-direction: row; } } .video-block.action-banner .bold { text-transform: uppercase; margin-bottom: 0.8rem; font-size: 1.9rem; line-height: 2.28rem; } @media (min-width: 668px) { .video-block.action-banner .bold { font-size: 2.1rem; line-height: 2.31rem; } } @media (min-width: 1024px) { .video-block.action-banner .bold { margin-bottom: 0.6rem; font-size: 2.3rem; line-height: 2.53rem; } } @media (min-width: 1500px) { .video-block.action-banner .bold { margin-bottom: 1.6rem; } } .video-block.action-banner ul li { position: relative; padding-left: 1.4rem; font-size: 1.2rem; line-height: 1.68rem; } .video-block.action-banner ul li::before { content: ""; position: absolute; top: 0.6rem; left: 0; display: block; width: 0.6rem; height: 0.6rem; background-image: url("data:image/svg+xml,%3Csvg width='6' height='7' viewBox='0 0 6 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3.5' r='3' fill='%23101010'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; } .video-block.action-banner ul li:not(:last-child) { margin-bottom: 0.4rem; } .video-block.action-banner .picture { height: 13.8rem; } @media (min-width: 668px) { .video-block.action-banner .picture { width: 100%; } } @media (min-width: 1024px) { .video-block.action-banner .picture { height: unset; width: 26.4rem; } } @media (min-width: 1500px) { .video-block.action-banner .picture { width: 46.9rem; } } .video-block.action-banner img { width: 100%; height: 100%; object-fit: cover; } .video-block.action-banner button { font-size: 1.4rem; line-height: 1.96rem; padding: 1.4rem 2.4rem; } @media (min-width: 1024px) { .video-block.action-banner button { width: fit-content !important; padding: 0.9rem 3.3rem; margin-top: 0.6rem !important; } } @media (min-width: 1500px) { .video-block.action-banner button { margin-top: 1.6rem !important; } } .video-block.action-banner .text { gap: 0.8rem; } @media (min-width: 1024px) { .video-block.action-banner .text { gap: 1rem; } } @media (min-width: 1500px) { .video-block.action-banner .text { gap: 0.8rem; } } .video-care.customer-care .swiper-block .swiper-slide { width: 21rem; height: auto; padding: 0; } @media (min-width: 1500px) { .video-care.customer-care .swiper-block .swiper-slide { width: 28.8rem; } } .video-care.customer-care .swiper-block .swiper-slide .card-title { font-weight: 600; font-size: 1.4rem; line-height: 1.89rem; margin: 0; text-align: center; margin-top: 0.8rem; padding: 1.6rem; padding-top: 0; } @media (min-width: 1500px) { .video-care.customer-care .swiper-block .swiper-slide .card-title { margin-top: 1.6rem; } } .video-care.customer-care .card .video-container { position: relative; width: 100%; height: 24rem; overflow: hidden; border-radius: 2.4rem; } @media (min-width: 1500px) { .video-care.customer-care .card .video-container { height: 30.1rem; } } .video-care.customer-care .card .video-container iframe { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; } .case-detail-wrapper .container { padding: 0 2.4rem; border-radius: 2.4rem; background-color: #fff; } @media (min-width: 1024px) { .case-detail-wrapper .container { border-radius: unset; background-color: transparent; padding: 0 5.6rem; } } @media (min-width: 1500px) { .case-detail-wrapper .container { padding: 0 13.8rem; } } @media (min-width: 1024px) { .case-detail-wrapper .case-detail-inner-wrapper { border-radius: 4.6rem; background-color: #fff; padding: 3.6rem 2.4rem 4rem 2.4rem; } } @media (min-width: 1500px) { .case-detail-wrapper .case-detail-inner-wrapper { padding: 3.6rem 5.6rem 4rem 5.6rem; } } @media (min-width: 1024px) { .case-detail-wrapper .swiper-block .swiper-wrapper { display: flex; justify-content: space-around; transform: none !important; gap: 2rem; } } .case-detail-wrapper .swiper-block .swiper-pagination-wrap { position: relative; height: 2.2rem; } .case-detail-wrapper .swiper-block .swiper-pagination-wrap .swiper-pagination { top: 1.2rem; } .case-detail-wrapper .swiper-block .swiper-pagination-wrap .swiper-pagination-bullet { background-color: transparent; border: 1px solid #B4C3F6; transition: all 0.125s; } .case-detail-wrapper .swiper-block .swiper-pagination-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #B4C3F6; } .case-detail-wrapper .swiper-block .swiper-slide { height: 40rem; } @media (min-width: 468px) { .case-detail-wrapper .swiper-block .swiper-slide { height: 50rem; } } @media (min-width: 1024px) { .case-detail-wrapper .swiper-block .swiper-slide { height: 25.6rem; width: 12.4rem; } } @media (min-width: 1500px) { .case-detail-wrapper .swiper-block .swiper-slide { height: 33.8rem; width: 16.8rem; } } .case-detail-wrapper .swiper-block .swiper-slide img { height: 100%; width: 100%; object-fit: contain; } .case-detail-wrapper .swiper-block .swiper-title { margin-top: 1.2rem; text-align: center; font-weight: 300; font-size: 1.2rem; line-height: 140%; } @media (min-width: 1024px) { .case-detail-wrapper .swiper-block.big-variant .swiper-slide { width: 16.8rem; height: 34.4rem; } } @media (min-width: 1500px) { .case-detail-wrapper .swiper-block.big-variant .swiper-slide { width: 22.4rem; height: 45.6rem; } } .case-content-wrapper { display: flex; flex-direction: column; padding-top: 4rem; } @media (min-width: 1024px) { .case-content-wrapper { padding: 0; flex-direction: row; justify-content: space-between; } } .case-content-wrapper .button-wrapper { position: relative; height: fit-content; } .case-content-wrapper .button-wrapper .share-btn { display: flex; align-items: center; padding: 1.2rem 2.4rem; justify-content: space-between; border: none; font: inherit; border-radius: 1.2rem; background-color: #D8DEEA; color: inherit; cursor: pointer; width: 100%; transition: background-color 0.2s; } .case-content-wrapper .button-wrapper .share-btn:hover { background-color: #b4c3f6; } @media (min-width: 1024px) { .case-content-wrapper .button-wrapper .share-btn { width: 18rem; margin-top: 4rem; } } .case-content-wrapper .button-wrapper .share-btn svg { width: 1.8rem; height: 1.8rem; flex-shrink: 0; color: inherit; } .case-content-wrapper .button-wrapper .share-notification { display: none; position: fixed; bottom: 2.4rem; right: 2.4rem; left: 2.4rem; background-color: #fff; border-radius: 1.6rem; padding: 0.8rem; border: 1px solid #646878; color: #646878; text-align: center; z-index: 11; } @media (min-width: 1024px) { .case-content-wrapper .button-wrapper .share-notification { position: absolute; font-size: 1.2rem; line-height: 140%; padding: 0.4rem 1rem; bottom: -1.4rem; right: -7.8rem; left: unset; transform: translateY(100%); } } .case-content { padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 1024px) { .case-content { padding-bottom: 0; width: 57.6rem; } } @media (min-width: 1500px) { .case-content { width: 72.8rem; } } .case-content .case-content-part.results { padding: 3rem 2rem; background-color: #EFF0FB; border-radius: 2rem; } .case-content .case-content-part.results a { padding: 1.4rem 2.4rem; display: flex; align-items: center; justify-content: space-between; background-color: #b4c3f6; border-radius: 1.2rem; } .case-content .case-content-part.results a svg { width: 1.4rem; height: 1.4rem; } .case-content .case-content-part h2 { margin-bottom: 1.4rem; } .case-content .case-content-part p:not(:last-child) { margin-bottom: 1.4rem; } .case-content .case-content-part:not(:last-child) { margin-bottom: 3rem; } .case-content .case-content-part figure { margin: 2.4rem 0; } .case-content .case-content-part figure img { width: 100%; height: 35rem; border-radius: 2.2rem; object-fit: cover; box-shadow: -3px 2px 12px 1px rgba(52, 52, 78, 0.0705882353); } @media (min-width: 668px) { .case-content .case-content-part figure img { height: 40rem; } } @media (min-width: 1024px) { .case-content .case-content-part figure img { height: 29.4rem; border-radius: 2.6rem; } } @media (min-width: 1500px) { .case-content .case-content-part figure img { height: 39.2rem; border-radius: 3.6rem; } } .case-content .case-content-part figure figcaption { margin-top: 1.2rem; text-align: center; font-weight: 300; font-size: 1.2rem; line-height: 140%; } .case-detail-header { display: flex; flex-direction: column; gap: 2rem; background-color: #D6DDFF; padding: 3.6rem 2.4rem; margin: 0 -2.4rem; border-radius: 2.4rem 2.4rem 0 0; } @media (min-width: 1024px) { .case-detail-header { margin-top: -3.6rem; border-radius: 4.6rem 4.6rem 0 0; flex-direction: row; justify-content: space-between; align-items: center; } } @media (min-width: 1500px) { .case-detail-header { margin-left: -5.6rem; margin-right: -5.6rem; padding: 3.6rem 5.6rem; } } .case-detail-header .preview { display: flex; flex-direction: column; gap: 1.4rem; color: #646878; } .case-detail-header .preview .subtitle { display: flex; align-items: center; gap: 1rem; } .case-detail-header .preview .subtitle svg { width: 1rem; height: 1rem; flex-shrink: 0; } .case-detail-header .preview .category { width: fit-content; padding: 0.4rem 1rem; border: 1px solid #4D586D; border-radius: 1.4rem; font-size: 1.2rem; line-height: 140%; } .case-detail-header img { width: 12rem; height: 16.2rem; object-fit: cover; border-radius: 0.8rem; } @media (min-width: 468px) { .case-detail-header img { width: 18rem; height: 24.4rem; } } @media (min-width: 668px) { .case-detail-header img { width: 24rem; height: 32.2rem; } } @media (min-width: 1024px) { .case-detail-header img { width: 18rem; height: 24.4rem; } } @media (min-width: 1024px) { .case-detail-header .main-info { width: 57.6rem; } } @media (min-width: 1500px) { .case-detail-header .main-info { width: 72.8rem; } } .case-detail-header .main-info hr { background-color: #646878; height: 1px; border: 0; margin: 1.4rem 0; } .case-detail-header .main-info .description { font-weight: 250; } @media (min-width: 668px) { .case-detail-header .main-info .description { font-weight: 300; } } .case-promo-wrapper .title-container { margin: 3.6rem 0; } @media (min-width: 1024px) { .case-promo-wrapper .title-container { margin-left: 2.4rem; } } @media (min-width: 1500px) { .case-promo-wrapper .title-container { margin: 4rem 0; margin-left: 5.6rem; } } .case-promo-wrapper .title-container h1 { color: #fff; } .case-promo-wrapper .promo-container { padding: 0 2.4rem; border-radius: 4.6rem; background-color: #E7ECF0; } @media (min-width: 1024px) { .case-promo-wrapper .promo-container { border-radius: unset; background-color: transparent; padding: 0 5.6rem; } } @media (min-width: 1500px) { .case-promo-wrapper .promo-container { padding: 0 13.8rem; } } .case-promo-wrapper .case-promo-inner-wrapper { padding: 4rem 0; } @media (min-width: 1024px) { .case-promo-wrapper .case-promo-inner-wrapper { border-radius: 4.6rem; background-color: #E7ECF0; padding: 4rem 2.4rem; } } @media (min-width: 1500px) { .case-promo-wrapper .case-promo-inner-wrapper { padding: 4rem 5.6rem; } } .case-promo-wrapper .case-promo-inner-wrapper .button-group { display: flex; gap: 0.8rem; margin-bottom: 3rem; flex-wrap: wrap; } .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn { display: flex; align-items: center; gap: 0.6rem; font: inherit; color: inherit; background-color: #fff; border-radius: 1.2rem; border: unset; padding: 0.8rem 1.2rem; color: #646878; font-size: 1.2rem; line-height: 140%; cursor: pointer; transition: all 0.2s; order: 1; } @media (min-width: 668px) { .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn { padding: 1rem 2rem; font-size: 1.4rem; } } .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn:hover { color: #101010; } .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn.active { background-color: #D6DDFF; color: #101010; order: 0; } .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn svg { width: 1.2rem; height: 1.2rem; } @media (min-width: 668px) { .case-promo-wrapper .case-promo-inner-wrapper .button-group .case-promo-btn svg { width: 1.4rem; height: 1.4rem; } } .case-promo-cards { display: flex; flex-direction: column; gap: 2.4rem; } @media (min-width: 668px) { .case-promo-cards { flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 2.4rem 0; } } .case-promo-cards .case-promo-card { width: 100%; border-radius: 2.4rem; overflow: hidden; background-color: #FFFFFF; } @media (min-width: 1024px) { .case-promo-cards .case-promo-card { border-radius: 3rem; } } @media (min-width: 668px) { .case-promo-cards .case-promo-card { width: 29.8rem; } } @media (min-width: 1024px) { .case-promo-cards .case-promo-card { width: 27.2rem; } } @media (min-width: 1500px) { .case-promo-cards .case-promo-card { width: 35.4rem; } } .case-promo-cards .case-promo-card .case-promo-card-header { padding: 2.4rem; } .case-promo-cards .case-promo-card img { display: block; margin-top: auto; object-fit: cover; width: 100%; height: 26rem; } @media (min-width: 668px) { .case-promo-cards .case-promo-card img { height: 18.5rem; } } @media (min-width: 1024px) { .case-promo-cards .case-promo-card img { height: 17rem; } } @media (min-width: 1500px) { .case-promo-cards .case-promo-card img { height: 22.3rem; } } .case-promo-cards .case-promo-card .case-tags { display: flex; gap: 0.6rem; margin-bottom: 2.4rem; } .case-promo-cards .case-promo-card .case-tags .case-tag { width: fit-content; padding: 0.4rem 1rem; border: 1px solid #4D586D; border-radius: 1.4rem; font-size: 1.2rem; line-height: 140%; color: #4D586D; } /* End */ /* Start:/local/templates/UpFly_new/css/server.css?170135103871*/ div[id^="wait_comp_"]{ display: none;} .menu{display: none !important;} /* End */ /* /local/templates/UpFly_new/css/lib/swiper.css?170172890018430 */ /* /local/templates/UpFly_new/css/lib/animate.css?170172890095369 */ /* /local/templates/UpFly_new/css/lib/fancybox.css?170172890024261 */ /* /local/templates/UpFly_new/css/global.css?1770812865192216 */ /* /local/templates/UpFly_new/css/server.css?170135103871 */