/* Start:/local/templates/profitkitru/libs/swiper-bundle.min.css?175190566018458*/ /** * Swiper 11.1.12 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 1, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/profitkitru/libs/fancybox.css?175190566025343*/ :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-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease 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-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) 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:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.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:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.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)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}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:var(--fancybox-zIndex, 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__container::backdrop{background-color:rgba(0,0,0,0)}.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__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.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;overscroll-behavior:contain;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__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.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-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.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:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.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:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.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:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.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: 16px;--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;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.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);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(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{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))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;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-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .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{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{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;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: 16px;--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-masked{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} /* End */ /* Start:/local/templates/profitkitru/libs/aos.css?175190566028765*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}} /* End */ /* Start:/local/templates/profitkitru/css/main.css?1751905659361159*/ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } html { scroll-behavior: smooth; } body.overflow-h { overflow: hidden; } .wrapper { overflow: hidden; } .wrapper.bg-blue { background: #EEF5FC; } .container { width: 100%; max-width: 1680px; margin: 0 auto; position: relative; } /* SECTION TITLE */ .section_title { color: #2A343E; font-family: Involve; font-size: 46px; font-style: normal; font-weight: 700; line-height: 59.4px; } .bg_image { background-image: url(/local/templates/profitkitru/css/../images/section_icons.png) !important; background-repeat: no-repeat; background-position: -90px -100px; width: 100px; height: 100px; position: absolute; top: 0; right: 85px !important; } @media (min-width: 1920px) { .bg_image { right: 0 !important; } } .section_title.c_white { color: #FFF; } /* SECTION TITLE END */ img { vertical-align: bottom; } .arrow_animation:hover svg { -webkit-transform: translateX(10px) translateY(2px) !important; -ms-transform: translateX(10px) translateY(2px) !important; transform: translateX(10px) translateY(2px) !important; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .arrow_animation:not(:hover) svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(0) translateY(2px) !important; -ms-transform: translateX(0) translateY(2px) !important; transform: translateX(0) translateY(2px) !important; } .why_us .why_us_tab .tab_titles .title_item:hover .title_arrow { -webkit-transform: translateX(10px) translateY(2px) !important; -ms-transform: translateX(10px) translateY(2px) !important; transform: translateX(10px) translateY(2px) !important; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .why_us .why_us_tab .tab_titles .title_item .title_arrow { -webkit-transform: translateX(0) translateY(2px) !important; -ms-transform: translateX(0) translateY(2px) !important; transform: translateX(0) translateY(2px) !important; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } /* HEADER */ header { padding: 15px 0; -webkit-border-radius: 0px 0px 60px 60px; border-radius: 0px 0px 60px 60px; background: #FFF; -webkit-box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); position: fixed; width: 100%; z-index: 1000; } .header_size { height: 100px; } header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: initial; } header .container .hamburg_menu { display: none; } header .container .header_logo { color: #2A343E; font-family: Onest; font-size: 28px; font-style: normal; font-weight: 600; line-height: 36.4px; text-transform: uppercase; position: relative; z-index: 10; } header .mobile_phona { display: none; } header .container .header_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 45px; position: relative; z-index: 1; } header .container .header_links a { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30.6px; position: relative; z-index: 10; } header .container .header_links a:hover, .nav_list .container .links_item ul li a:hover { color: #3172D4; } .nav_list .container .main_title.mt-1 { margin-top: 10px; } header .container .header_links a.nav_list_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } header .header_links .nav_list_main:hover .nav_list { /* transform: translateY(-100px); */ visibility: visible; opacity: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; height: 330px; } .nav_list { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; /* transform: translateY(-100px); */ position: fixed; width: 100%; background: #fff; left: 0; top: 35px; margin: 0; overflow: hidden; -webkit-border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px; -webkit-box-shadow: 0 37px 40px 0px rgba(0, 0, 0, 0.07); box-shadow: 0 37px 40px 0px rgba(0, 0, 0, 0.07); opacity: 0; visibility: hidden; height: 0; padding-block: 65px 50px; } .nav_list .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #E3E6E8; padding-top: 30px; -webkit-box-pack: initial; -webkit-justify-content: initial; -ms-flex-pack: initial; justify-content: initial; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; -webkit-transition: none; -o-transition: none; transition: none; } .nav_list .container .links_item { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* .nav_list .container .links_item:first-child{ width: 51.5%; }*/ .nav_list .container .links_item:nth-child(1) { margin-right: 100px; } .nav_list .container .links_item.only_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* width: 30%; */ } .nav_list .container .links_item.item_fluid ul li { width: 100%; } .nav_list .container .links_item ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; list-style: none; gap: 15px 29px; } .nav_list .container .links_item ul li { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } .nav_list .container .links_item ul li a { color: #777B89; font-family: Onest; font-size: 17px; font-style: normal; font-weight: 400; line-height: 150%; } .nav_list .container .main_title { color: #2A343E; font-family: Onest; font-size: 20px; font-style: normal; font-weight: 600; line-height: 130%; margin-bottom: 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } header .container .header_links a:hover span { color: #3172D4; } header .container .header_links a:hover path { stroke: #3172D4; } header .container .phone_number { font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 35px; display: inline-block; padding: 17px 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative; z-index: 10; } header .container .phone_number span { position: relative; z-index: 2; color: #2A343E; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } header .container .phone_number:hover span { color: #FAB12B; } /* header .container .phone_number::before{ content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transition: .3s ease all; background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 0; opacity: 0; } */ /* header .container .phone_number:hover:before{ opacity: 1; } header .container .phone_number:hover span{ color: #FFF; } */ .social_sets .header_btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #FFF; padding: 19px 56px; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30.6px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; cursor: pointer; position: relative; overflow: hidden; } .social_sets .header_btn::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } .social_sets .header_btn::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } .social_sets .header_btn:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .social_sets .header_btn:hover:before { opacity: 0; } .social_sets .header_btn span { position: relative; z-index: 2; } .social_sets { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; position: relative; z-index: 10; } .social_sets .social_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 22.5px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; width: 70px; height: 68.59px; } .social_sets a svg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .social_sets .tg { background: #039BE5; } .social_sets .tg:hover { background: #0779B1; } .social_sets .whatsapp { background: #27A11A; } .social_sets .whatsapp:hover { background: #137C08; } /* HEADER END */ /* HERO */ .hero { padding-block: 100px 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .hero { min-height: -webkit-calc(100vh - 99px); min-height: calc(100vh - 99px); } } .hero .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 60px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .hero .row .hero_item_main { width: 59%; } .hero .row .hero_item_main .hero_title { color: #2A343E; font-family: Involve; font-size: 80px; font-style: normal; font-weight: 700; line-height: 96px; margin-bottom: 67px; } .hero .row .hero_item_main .hero_subtitle { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25.6px; max-width: 90%; margin-bottom: 61px; } .hero .row .hero_item_main .hero_action button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15.38px; color: #2A343E; font-family: Involve; font-size: 30px; font-style: normal; font-weight: 700; line-height: 39px; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; cursor: pointer; background: transparent; border: 0; } .hero .row .hero_item_main .hero_action button:hover { color: #3172D4; } .hero .row .hero_item_main .hero_action button:hover path { stroke: #3172D4; } .hero .row .hero_item_main .hero_action button:hover svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .hero .row .hero_item_main .hero_action button svg { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .hero .row .hero_item { width: 32%; } .hero .row .hero_item .hero_adv_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 33px; } .hero .row .hero_item .hero_adv_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 23px 30px; -webkit-border-radius: 60px; border-radius: 60px; background: #FFF0E5; padding-left: 28px; padding-bottom: 23px; } .hero .row .hero_item .hero_adv_item:hover .item_image img { -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; -webkit-animation: adv_img 0.5s ease; animation: adv_img 0.5s ease; } @-webkit-keyframes adv_img { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes adv_img { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hero .row .hero_item .hero_adv_item .item_image img { -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .hero .row .hero_item .hero_adv_item .item_image { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; } .hero .row .hero_item .hero_adv_item .item_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 35px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* HERO END */ /* SITE TRAFFIC */ .site_traffic { padding-block: 115px 174px; -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; } .site_traffic .section_title { text-align: center; position: relative; margin-bottom: 65px; } .site_traffic.main .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .site_traffic.main .bg_image { background-position: -620px -96px; } .site_traffic.main .section_title span { max-width: 47%; display: block; } .site_traffic .section_title img { position: absolute; top: -10px; bottom: 0; right: -18px; margin: auto 0; } .site_traffic .swiper_traffic { padding-inline: 80px; } .site_traffic .swiper_traffic .swiper_parent { position: relative; } .swiper-slide { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic .swiper_traffic .swiper-slide { height: auto; } .site_traffic .swiper_traffic .traffic_item { padding: 45px 50px 27px 30px; -webkit-border-radius: 60px; border-radius: 60px; background: #FFF; height: 100%; position: relative; display: block; overflow: hidden; } .site_traffic.main .swiper-slide { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .site_traffic.main .traffic_item::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); opacity: 0; visibility: hidden; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; } @media (min-width: 1200px) { .site_traffic.main .swiper_traffic .traffic_item:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); } .site_traffic.main .swiper_traffic .traffic_item:hover::after { -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; transition: 0.6s ease; opacity: 1; visibility: visible; } .site_traffic.main .swiper_traffic .traffic_item:hover * { color: #FFF; z-index: 2; } .site_traffic.service_price .traffic_item:hover::after { opacity: 1; visibility: visible; } .site_traffic.service_price .traffic_item .item_action_url svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .site_traffic.service_price .traffic_item:hover .item_action_url svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .site_traffic.service_price .traffic_item:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); } .site_traffic.service_price .traffic_item:hover *, .site_traffic .swiper_traffic .traffic_item:hover .traffic_info li, /*.site_traffic .swiper_traffic .traffic_item:hover ul li,*/ .site_traffic.service_price .traffic_item:hover .header_price, .site_traffic.service_price .swiper_traffic .traffic_item:hover .item_subtitle, .site_traffic.service_price .swiper_traffic .traffic_item:hover .item_title { color: #FFF; z-index: 1; } .site_traffic.service_price .traffic_item:hover .item_action_url path { stroke: #FFF; } } .site_traffic .swiper_traffic .traffic_item .item_action { position: absolute; top: 25.38px; right: 25.29px; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .site_traffic .swiper_traffic .traffic_item:hover .item_action { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .site_traffic .swiper_traffic .traffic_item .item_img { margin-bottom: 35px; padding-left: 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; padding: 10px; z-index: 2; } .site_traffic .swiper_traffic .traffic_item .item_img img { position: relative; z-index: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .site_traffic .swiper_traffic .traffic_item .item_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 17px; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic.service_price .swiper_traffic .traffic_item .item_title { line-height: 126%; } .site_traffic .swiper_traffic .traffic_item .item_subtitle { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; /* max-width: 80%; */ margin-bottom: 15px; position: relative; z-index: 2; } .site_traffic .swiper_traffic .traffic_item .traffic_info, .site_traffic .swiper_traffic .traffic_item ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 27px; } .site_traffic .swiper_traffic .traffic_item .traffic_info li, .site_traffic .swiper_traffic .traffic_item ul li { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 175%; /* 30.6px */ -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic .swiper_traffic .swiper-button-next, .site_traffic .swiper_traffic .swiper-button-prev { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; top: var(--swiper-navigation-top-offset, 43.5%); } .site_traffic .swiper_traffic .swiper-button-next:hover, .site_traffic .swiper_traffic .swiper-button-prev:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .site_traffic .swiper_traffic .swiper-button-next:hover path, .site_traffic .swiper_traffic .swiper-button-prev:hover path { stroke: white; } .site_traffic .swiper_traffic .swiper-button-next svg, .site_traffic .swiper_traffic .swiper-button-prev svg { width: 24px; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: pointer; pointer-events: initial; visibility: hidden; } .site_traffic .swiper_traffic .swiper-button-prev { left: var(--swiper-navigation-sides-offset, -80px); } .site_traffic .swiper_traffic .swiper-button-next { right: var(--swiper-navigation-sides-offset, -80px); } .site_traffic .swiper_traffic .swiper-button-next:after, .site_traffic .swiper_traffic .swiper-button-prev:after { display: none; } .site_traffic .swiper_traffic .swiper-pagination { bottom: var(--swiper-pagination-bottom, -50px); left: 12px; } .site_traffic.index_second .swiper_traffic .swiper-pagination { bottom: var(--swiper-pagination-bottom, 0); } .site_traffic.service_price.index_2 .swiper_traffic .swiper-pagination { bottom: 50px; } /* SITE TRAFFIC END */ /* PORTFOLIO */ .portfolio { padding-block: 116px; } .portfolio .section_title { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 64px; } .portfolio .container .bg_image { background-position-x: -824px; top: -16px; } .portfolio .portfolio_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 49px 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 61px; } .portfolio .portfolio_row .work_item { width: -webkit-calc(33.3333% - 20px); width: calc(33.3333% - 20px); } .portfolio .portfolio_row .work_item .item_image { -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; margin-bottom: 19px; } .portfolio .portfolio_row .work_item .item_image img { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .portfolio .portfolio_row .work_item:hover .item_image img { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .portfolio .portfolio_row .work_item .item_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 135%; margin-bottom: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .portfolio .portfolio_row .work_item:hover .item_title { color: #3172D4; } .portfolio .portfolio_row .work_item .item_title svg { opacity: 0; visibility: hidden; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; position: absolute; top: 0; right: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .portfolio .portfolio_row .work_item:hover .item_title svg { opacity: 1; visibility: visible; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .portfolio .portfolio_row .work_item .item_description { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; max-width: 90%; } .portfolio .view_all_work { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .portfolio .view_all_work a { text-align: center; /* width: 100%; */ display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 9.38px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #2A343E; font-family: Involve; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .portfolio .view_all_work a:hover { color: #3172D4; } .portfolio .view_all_work a:hover path { stroke: #3172D4; } .portfolio .view_all_work a:not(:hover) svg { -webkit-transform: translateX(0px) translateY(2px); -ms-transform: translateX(0px) translateY(2px); transform: translateX(0px) translateY(2px); } /* PORTFOLIO END */ /* WHY US */ .why_us { padding-block: 116px 120px; -webkit-border-radius: 60px; border-radius: 60px; background: var(--ffe-1-cc, #EEF5FC); } .why_us .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 64px; } .why_us .container .bg_image { background-position-x: -1020px; top: -17px; } .why_us .why_us_mobile { display: none; } .why_us .why_us_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; } .why_us .why_us_tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; } .why_us .why_us_tab .tab_titles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; width: 100%; } .why_us .why_us_tab .tab_titles .title_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 15.29px 20px 20px; -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .why_us .why_us_tab .tab_titles .title_item.active .title_arrow { visibility: visible; opacity: 1; z-index: initial; } .why_us .why_us_tab .tab_titles .title_item:hover .title_arrow { visibility: visible; opacity: 1; z-index: initial; } .why_us .why_us_tab .tab_titles .title_item:hover .title_arrow path { stroke: #2A343E; } .why_us .why_us_tab .tab_titles .title_item.active:hover .title_arrow path { stroke: #FFF; } .why_us .why_us_tab .tab_titles .title_item .title_arrow { visibility: hidden; opacity: 0; z-index: -1; } .why_us .why_us_tab .tab_titles .title_item.active { background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .why_us .why_us_tab .title_item .title_main_part { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .why_us .why_us_tab .tab_titles .title_item .title_img { padding: 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; width: 80px; height: 80px; } .why_us .why_us_tab .tab_titles .title_item .title_name { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; } .why_us .why_us_tab .tab_titles .title_item.active .title_name { color: var(--ff, #FFF); } .why_us .why_us_block .why_us_content { width: 50%; position: relative; } .why_us .why_us_block .why_us_content .swiper { overflow: visible; height: 525px; } .why_us .why_us_block .why_us_content .swiper-slide-active .content_item { opacity: 1; visibility: visible; } .why_us .why_us_block .why_us_content .content_item { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 172%; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: var(--ff, #FFF); -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); padding-top: 32px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; max-height: 100%; overflow: auto; } .why_us_content .content_item::-webkit-scrollbar { width: 0px; } .why_us_content .content_item::-webkit-scrollbar-track { background: #f1f1f1; } .why_us_content .content_item::-webkit-scrollbar-thumb { background: #5e5e64; -webkit-border-radius: 4px; border-radius: 4px; } /* .why_us .why_us_block .why_us_content .content_item .content_text{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical; } */ /* WHY US END */ /* STRONG TEAM */ .strong_team { padding-block: 117px 120px; } .strong_team .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 34px; } .strong_team .container .bg_image { background-position-x: -1240px; top: -15px; } .strong_team .section_subtitle { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 172%; max-width: 72%; margin-bottom: 59px; } .strong_team .mobile_swiper { position: relative; } .strong_team .mobile_swiper .swiper-pagination { bottom: var(--swiper-pagination-bottom, -49px); opacity: 0; visibility: hidden; } .strong_team .mobile_swiper .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px); } .strong_team .mobile_swiper .swiper-pagination-bullet { background: #777B89; } .strong_team .mobile_swiper .swiper-pagination-bullet { background: transparent; position: relative; } .strong_team .team_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; padding-block: 100px; margin-block: -100px; overflow: visible; } .strong_team .team_row .team_item { width: 100%; -webkit-border-radius: 30px; border-radius: 30px; background: #FFF0E5; padding: 20px 30px 30px 20px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; height: 100%; } .strong_team .team_row .swiper-slide { height: auto; } @media (min-width: 1200px) { .strong_team .team_row .team_item:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } } .strong_team .team_row .team_item:last-child { padding: 30px; } .strong_team .team_row .team_item .team_main { padding-left: 10px; } .strong_team .team_row .team_item:last-child .team_img { margin-bottom: 15px; } .strong_team .team_row .team_item .team_img { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 10px; background: #FFF; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 3px; } .strong_team .team_row .team_item:last-child .team_name { margin-bottom: 17px; } .strong_team .team_row .team_item .team_name { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 8px; } .strong_team .team_row .team_item .team_job { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; margin-bottom: 15px; } .strong_team .team_row .team_item .about_team { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 175%; } .strong_team .team_row .team_item .about_team ul { padding-left: 28px; } /* STRONG TEAM END */ /* SERVICE PRICE */ .site_traffic.service_price { position: relative; z-index: 1; } .site_traffic.service_price .section_title { text-align: start; } .site_traffic.service_price .container .bg_image { background-position-x: -1440px; top: -20px; } .site_traffic.service_price .item_header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .site_traffic.service_price .swiper_traffic .traffic_item .item_header * { margin-bottom: 0; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 90px; height: 90px; -webkit-transform: translate(21px, 2px); -ms-transform: translate(21px, 2px); transform: translate(21px, 2px); } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { position: absolute; } .site_traffic.service_price .traffic_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 27px; padding-top: 31px; -webkit-border-radius: 30px; border-radius: 30px; padding-bottom: 31px; } .site_traffic.service_price .traffic_item::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic.service_price .traffic_item .item_action_url { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15.38px; color: #2A343E; font-family: Involve; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle { max-width: 92%; line-height: 165%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle .l_none { display: none; } .l_none { display: none; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info, .site_traffic.service_price .swiper_traffic .traffic_item ul { padding-left: 27px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li, .site_traffic.service_price .swiper_traffic .traffic_item ul li { line-height: 173%; } .site_traffic.service_price .traffic_item .header_price { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-top: 23px; margin-bottom: 17px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* SERVICE PRICE END */ /* STAGES OF WEBSITE DEVELOPMENT */ .stages_development { padding-block: 117px 172px; -webkit-border-radius: 60px; border-radius: 60px; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background: var(--ffe-1-cc, #EEF5FC); position: relative; /* overflow: hidden; */ } .stages_development::after { content: ""; position: absolute; top: -50%; left: 0; width: 100%; height: 100%; background: #EEF5FC; z-index: -1; } .stages_development .container .bg_image { background-position-x: -1640px; top: -15px; } .stages_development .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; margin-bottom: 61px; } /* .stages_development .section_title img{ position: absolute; right: -20px; top: -16px; } */ .stages_development .stage_swiper_main { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .stages_development .stages_swiper { position: relative; max-width: 65%; margin: -90px -50px; } .stages_development .stage_swiper_main .swiper-slide { padding: 100px 15px; height: auto; } .stages_development .stage_item { height: 100%; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: var(--ff, #FFF); padding-top: 48px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .stages_development .swiper-slide-active .stage_item:hover { -webkit-box-shadow: 0px 20px 15px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 20px 15px 0px rgba(15, 15, 16, 0.1); } .stages_development .stage_item .item_image { margin-bottom: 21.5px; padding: 7px; padding-left: 17px; } .stages_development .stage_item .item_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 17px; } .stages_development .stage_item .item_desc { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 172%; } .stages_development .swiper-button-next:after, .stages_development .swiper-button-prev:after { content: none; } .stages_development .swiper-button-next, .stages_development .swiper-button-prev { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #2D3844; } .stages_development .swiper-button-next { right: var(--swiper-navigation-sides-offset, -60px); top: var(--swiper-navigation-top-offset, 49.7%); } .stages_development .swiper-button-prev { left: var(--swiper-navigation-sides-offset, -60px); top: var(--swiper-navigation-top-offset, 49.7%); } .stages_development .swiper-button-next:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .stages_development .swiper-button-prev:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .stages_development .swiper-button-next.swiper-button-disabled, .stages_development .swiper-button-prev.swiper-button-disabled { opacity: 0; visibility: hidden; z-index: -1; } .stages_development .swiper-button-next svg, .stages_development .swiper-button-prev svg { width: 24px; height: 24px; } /* STAGES OF WEBSITE DEVELOPMENT END */ /* COLLABORATED COMPANIES */ .collaborated_companies { padding-block: 116px 119px; } .collaborated_companies .container .bg_image { background-position-x: -1840px; } .collaborated_companies .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; margin-bottom: 65px; } .collaborated_companies .section_title span { max-width: 48%; } /* .collaborated_companies .section_title img{ position: absolute; right: -19px; top: -16px; } */ .collaborated_companies .companies_img_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 60px 23px; margin-bottom: 61px; } .collaborated_companies .companies_img_row .company_item { width: 220px; } .collaborated_companies .companies_img_row .company_item img { width: 100%; } /* .collaborated_companies .companies_img_row .company_item:nth-child(n + 22){ display: none; } */ .collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n+22) { display: block; } .collaborated_companies .view_all_company { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .collaborated_companies .view_all_company a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .collaborated_companies .view_all_company a:hover { color: #2A343E; } .collaborated_companies .view_all_company a:hover path { stroke: #2A343E; } .collaborated_companies .view_all_company svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .collaborated_companies .view_all_company a.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* COLLABORATED COMPANIES END */ /* REVIEWS */ .reviews { padding-block: 117px 186px; -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; position: relative; z-index: 3; } .reviews .container .bg_image { background-position-x: -2840px; top: -20px; } .reviews .section_title { margin-bottom: 64px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } /* .reviews .section_title img{ position: absolute; top: -18px; right: -18px; } */ .reviews .reviews_swiper_main { position: relative; } .reviews .review_swiper { padding-inline: 82px; } .reviews .reviews_swiper_main .swiper-button-next:after, .reviews .reviews_swiper_main .swiper-button-prev:after { content: ""; } .reviews .reviews_swiper_main .swiper-button-next, .reviews .reviews_swiper_main .swiper-button-prev { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; } .reviews .reviews_swiper_main .swiper-button-next svg, .reviews .reviews_swiper_main .swiper-button-prev svg { width: 24px; height: 24px; } .reviews .reviews_swiper_main .swiper-slide { height: auto; } .reviews .reviews_swiper_main .review_item { -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; padding: 29px 30px 30px 28px; height: 100%; } .reviews .reviews_swiper_main .review_main_content { width: 67%; } .reviews .reviews_swiper_main .review_image { width: 32%; } .reviews .reviews_swiper_main .review_image img { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); width: 100%; } .reviews .reviews_swiper_main .review_item .person_name { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 5px; } .reviews .reviews_swiper_main .review_item .person_job { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; margin-bottom: 15px; } .reviews .reviews_swiper_main .review_item .review_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 174%; } .reviews .swiper-pagination { bottom: var(--swiper-pagination-bottom, -48px); } .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #FF4133; } .swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0); background: transparent; } .swiper-pagination-bullet { background: #777B89; } .swiper-pagination { bottom: var(--swiper-pagination-bottom, -48px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .swiper-pagination-bullet-active { background: #FF4133; position: relative; } .reviews .swiper-pagination-bullet::after { background: #B6B8BC; } .reviews .swiper-pagination-bullet-active::after { background: #FF4133; } .swiper-pagination-bullet::after { content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* position: absolute; */ width: 10px; height: 10px; background: #FF4133; -webkit-border-radius: 50%; border-radius: 50%; } .reviews .swiper-button-next { right: var(--swiper-navigation-sides-offset, 2px); top: var(--swiper-navigation-top-offset, 49.5%); } .reviews .swiper-button-prev { left: var(--swiper-navigation-sides-offset, -2px); top: var(--swiper-navigation-top-offset, 49.5%); } .reviews .swiper-button-next.swiper-button-disabled, .reviews .swiper-button-prev.swiper-button-disabled { opacity: 0; visibility: hidden; z-index: -1; } .reviews .reviews_swiper_main .swiper-button-next:hover, .reviews .reviews_swiper_main .swiper-button-prev:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .reviews .reviews_swiper_main .swiper-button-next:hover path, .reviews .reviews_swiper_main .swiper-button-prev:hover path { stroke: #FFF; } /* REVIEWS END */ /* QUIZ */ .quiz { padding-block: 117px 125px; -webkit-border-radius: 0 0 60px 60px; border-radius: 0 0 60px 60px; background: #EEF5FC; position: relative; z-index: 2; } .quiz::after { content: ""; display: block; position: absolute; top: -50%; width: 100%; height: 50%; background: #EEF5FC; } .quiz .container .bg_image { background-position-x: -2040px; top: -20px; } .quiz .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 35px; } /* .quiz .section_title img{ position: absolute; top: -17px; right: -18px; } */ .quiz .section_subtitle { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; } .quiz .quiz_row { padding-inline: 65px; } .quiz .hidden_input { display: none; } .quiz .quiz_row .quiz_form_parent { padding: 43px; -webkit-border-radius: 60px; border-radius: 60px; background: #FFF; min-height: 700px; } .quiz .quiz_main_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 60px; } .quiz .quiz_main_form .thanks_block { display: none; } .quiz .quiz_main_form.thanks_block_activate .quiz_progress { display: none; } .quiz .quiz_main_form.thanks_block_activate .quzi_with_progres { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .quiz .quiz_main_form.thanks_block_activate { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .quiz .quiz_main_form.thanks_block_activate .thanks_block { display: block; } .quiz .quiz_main_form .thanks_block .block_title { color: var(--unnamed, #2A343E); font-family: Involve; font-size: 38px; font-style: normal; font-weight: 700; line-height: 130%; } .quiz .quiz_main_form .thanks_block .block_subtitle { color: var(--unnamed, #2A343E); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .quiz .quiz_main_form .thanks_block .return_btn { color: var(--ff, #FFF); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; -webkit-border-radius: 20px; border-radius: 20px; background: #2A343E; padding: 20px 109px; cursor: pointer; } .quiz .quiz_row .quiz_form { width: 900px; display: none; } .quiz .quiz_row .quiz_form.active { display: block; } .quiz .quiz_row .quiz_form .inputs_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 14px; } .quiz .quiz_row .block_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 36px; } .quiz .quiz_row .input_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 25px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #B6B8BC; cursor: pointer; position: relative; } .quiz .quiz_row .input_item:hover { border-color: transparent; } .quiz .quiz_row .input_item:before, .quiz .quiz_row .input_item:after { content: ""; position: absolute; z-index: -1; } .quiz .quiz_row .input_item:hover::before, .quiz .quiz_row .input_item:hover::after { z-index: 1; } .quiz .quiz_row .input_item.default_item::before, .quiz .quiz_row .input_item.default_item:hover::after { z-index: -1; } .quiz .quiz_row .input_item.default_item:hover { border-color: #B6B8BC; } .quiz .quiz_row .input_item:before { top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, from(#FAB12B), to(#F7318B)); background: -o-linear-gradient(bottom, #FAB12B, #F7318B); background: linear-gradient(to top, #FAB12B, #F7318B); -webkit-border-radius: 11px; border-radius: 11px; /* Border radius if needed */ } .quiz .quiz_row .input_item:after { top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: white; -webkit-border-radius: 10px; border-radius: 10px; /* Same border radius as before element */ } .quiz .quiz_row .input_item.default_item { cursor: text; padding-left: 20px; padding-block: 14.5px; } .quiz .quiz_row .input_item .input_default { border: none; width: 100%; outline: none; padding: 10px; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item .input_default::-webkit-input-placeholder { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item .input_default::-moz-placeholder { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item .input_default:-ms-input-placeholder { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item .input_default::-ms-input-placeholder { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item .input_default::placeholder { color: var(--unnamed, #777B89); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item-text { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .quiz .quiz_row .input_item-text { position: relative; z-index: 2; } .quiz .input_container { display: block; position: relative; padding-left: 17px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; } /* Hide the browser's default radio button */ .quiz .input_container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .quiz .checkmark { position: absolute; top: -4px; left: -3px; height: 20px; width: 20px; background-color: #eee; -webkit-border-radius: 50%; border-radius: 50%; } .quiz .checkbox .checkmark { -webkit-border-radius: 2px; border-radius: 2px; } /* On mouse-over, add a grey background color */ .quiz .input_container:hover input ~ .checkmark { background-color: #E3E6E8; } /* When the radio button is checked, add a blue background */ .quiz .input_container input:checked ~ .checkmark { background: -o-linear-gradient(80deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(10deg, #FAB12B 0%, #F7318B 100%); } /* Create the indicator (the dot/circle - hidden when not checked) */ .quiz .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .quiz .input_container input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .quiz .input_container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; -webkit-border-radius: 50%; border-radius: 50%; background: white; } .quiz .input_container.checkbox .checkmark:after { left: 6px; top: 3px; width: 6px; height: 7px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: transparent; -webkit-border-radius: 0; border-radius: 0; } .quiz .about_worker { width: 500px; padding-top: 63px; } .quiz .about_worker .worker_subtitle { color: #777B89; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .quiz .about_worker .worker_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 30px; margin-bottom: 25px; } .quiz .about_worker .worker_block .block_body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 23px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .quiz .about_worker .worker_block .person_name { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 87%; } .quiz .about_worker .worker_block .person_work { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 131%; } .quiz .about_worker .admin_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 15px; } .quiz .about_worker .admin_links a { color: var(--ff, #FFF); font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 30px; } .quiz .about_worker .admin_links a:first-child { background: #039BE5; } .quiz .about_worker .admin_links a:first-child:hover { background: #077AB1; } .quiz .about_worker .admin_links a:last-child { background: #27A11A; } .quiz .about_worker .admin_links a:last-child:hover { background: #137C08; } .quiz .about_worker .phone_number a { color: #FFF; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; -webkit-border-radius: 20px; border-radius: 20px; background: #2D3844; padding: 19px 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 15px; } .quiz .about_worker .phone_number a:hover { background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); } .quiz .quiz_form_parent .quiz_progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .quiz .quiz_form_parent .quiz_progress .progress_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-right: 30px; } .quiz .quiz_form_parent .progress_bar { width: 349px; height: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #EEF5FC; margin-right: 23px; position: relative; } .quiz .quiz_form_parent .progress_bar_line { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 0; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); -webkit-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .quiz .quiz_form_parent .progres_next_btn { -webkit-border-radius: 20px; border-radius: 20px; border: 2px solid #B6B8BC; background: #FFF; padding: 14px; margin-right: 15px; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); cursor: pointer; overflow: hidden; } .quiz .quiz_form_parent .progres_next_btn::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); } .quiz .quiz_form_parent .progres_next_btn:hover::after { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity: 1; } .quiz .quiz_form_parent .progres_next_btn:hover { border-color: transparent; } .quiz .quiz_form_parent .progres_next_btn:hover svg { position: relative; z-index: 2; } .quiz .quiz_form_parent .progres_next_btn:hover svg path { stroke: #FFF; } .quiz .quiz_form_parent .progres_next_btn svg { width: 38px; height: 38px; } .quiz .quiz_form_parent .next_form_btn { -webkit-border-radius: 20px; border-radius: 20px; background: #E3E6E8; border: none; padding: 20px 93px; color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); cursor: pointer; overflow: hidden; } .quiz .quiz_form_parent .next_form_btn::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); z-index: -1; visibility: hidden; } .quiz .quiz_form_parent .next_form_btn:not(:disabled):hover:after { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity: 1; visibility: visible; z-index: 1; } .quiz .quiz_form_parent .next_form_btn:not(:disabled):hover span { position: relative; z-index: 2; color: #FFF; } /* QUIZ END */ /* BLOG */ .blog { padding-block: 117px 124px; } .blog .container .bg_image { background-position-x: -2240px; top: -10px; } .blog .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 63px; } /* .blog .section_title img{ position: absolute; top: -18px; right: -18px; } */ .blog .blog_row { /* display: flex; */ gap: 30px; margin-bottom: 58px; position: relative; } .blog .blog_row .swiper-pagination { bottom: 0; } .blog .blog_row .swiper-slide { height: auto; } .blog .blog_row .blog_item { height: 100%; } .blog .blog_row .blog_item svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); } .blog .blog_row .blog_item:hover svg { opacity: 1; visibility: visible; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .blog .blog_row .blog_item:hover .blog_title { color: #3172D4; } .blog .blog_row .created_date { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; margin-bottom: 10px; } .blog .blog_row .blog_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 135%; margin-bottom: 11px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .blog .blog_row .blog_title svg { display: block; width: 50px; height: 30px; opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; } .blog .blog_row .blog_desc { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 15px; } .blog .blog_row .blog_image { -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; margin-bottom: 12px; } .blog .blog_row .blog_image:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .blog .blog_row .blog_image img { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; width: 100%; } .blog .blog_row .hashtags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .blog .blog_row .hashtags .hashtag_item { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .blog .view_all_blogs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .blog .view_all_blogs a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; color: #2A343E; font-family: Involve; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .blog .view_all_blogs a:hover { color: #3172D4; } .blog .view_all_blogs a:hover path { stroke: #3172D4; } /* BLOG END */ /* SOCIAL NETWORKS */ .social_networks { padding-block: 117px 125px; -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; } .social_networks .container .bg_image { background-position-x: -2440px; top: -30px; } .social_networks .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; margin-bottom: 60px; } .social_networks .section_title span { max-width: 50%; } /* .social_networks .section_title img{ position: absolute; top: -15px; right: -18px; } */ .social_networks .social_row { padding-inline: 450px; } .social_networks .social_row .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: self-start; -webkit-align-items: self-start; -ms-flex-align: self-start; align-items: self-start; gap: 60px; } .social_networks .social_row .social_admin { padding-top: 54px; } .social_networks .social_row .social_admin .admin_img { margin-bottom: 28px; } .social_networks .social_row .social_admin .admin_name { color: #FFF; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 6px; } .social_networks .social_row .social_admin .admin_work { color: rgba(255, 255, 255, 0.8); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .social_networks .social_row .social_admin .about_admin { color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 172%; margin-bottom: 30px; } .social_networks .social_admin .section_action a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 35px 104px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; -webkit-border-radius: 60px; border-radius: 60px; background: -webkit-gradient(linear, left bottom, left top, from(#29A9EC), to(#29A9EC)), #FFF; background: -o-linear-gradient(bottom, #29A9EC 0%, #29A9EC 100%), #FFF; background: linear-gradient(0deg, #29A9EC 0%, #29A9EC 100%), #FFF; color: #FFF; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; /* 30px */ } .social_networks .social_admin .section_action a:hover { background: #077AB1; } .social_networks .row .section_bg img { -webkit-transform: translate(-3px, 6px); -ms-transform: translate(-3px, 6px); transform: translate(-3px, 6px); } /* SOCIAL NETWORKS END */ /* ADDRESS */ .company_address { padding-block: 117px 120px; } .company_address .container .bg_image { background-position-x: -2640px; top: -20px; } .company_address .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-bottom: 60px; } /* .company_address .section_title img{ position: absolute; right: -18px; top: -18px; } */ .company_address .address_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; margin-bottom: 45px; } .company_address .address_row .address_item { padding: 33px 30px 30px 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #EEF5FC; width: 100%; height: 240px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .company_address .address_row .item_header { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 8px; } .company_address .address_row .item_body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: auto; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .company_address .address_row .item_body .body_item { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .company_address .address_row .item_body .body_action a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; color: #2A343E; font-family: Involve; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .company_address .address_row .item_body .body_action a:hover { color: #3172D4; } .company_address .address_row .item_body .body_action a svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .company_address .address_row .item_body .body_action a:hover svg { -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .company_address .address_row .item_body .body_action a:hover path { stroke: #3172D4; } .company_address .address_map { margin-bottom: 120px; -webkit-border-radius: 60px; border-radius: 60px; overflow: hidden; } #map { width: 100%; height: 500px; /* Balandlikni to'g'ri belgilang */ } .company_address .about_company .company_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 32px; } .company_address .about_company .company_desc { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; max-width: 70%; margin-bottom: 30px; max-height: 4.75em; overflow: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .company_address .view_all_text a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #777B89; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .company_address .view_all_text a:hover { color: #07F; } .company_address .view_all_text a:hover path { stroke: #07F; } .company_address .view_all_text a.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .company_address .view_all_text a svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* ADDRESS END */ .d_none { display: none; } /* FOOTER */ footer { padding-block: 120px; -webkit-border-radius: 60px 60px 0px 0px; border-radius: 60px 60px 0px 0px; background: #2D3844; } footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 62px; } footer .footer_left { width: 24%; } footer .footer_left .footer_title { color: var(--ff, #FFF); font-family: Involve; font-size: 46px; font-style: normal; font-weight: 700; line-height: 128%; margin-bottom: 20px; } footer .footer_left .footer_subtitle { color: var(---, #B6B8BC); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } footer .footer_left .footer_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; } footer .footer_left .footer_form .input_item input { width: 100%; -webkit-border-radius: 20px; border-radius: 20px; border: none; background: #FFF; padding: 19px; outline: none; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; /* 30.6px */ } input { outline: none; } footer .footer_left .footer_form .input_item input.error { border-color: #FAB12B; background-image: url(/local/templates/profitkitru/css/../images/input_error.svg); background-repeat: no-repeat; background-position: 93% center; } footer .footer_left .footer_form .input_item label.error { color: var(--System-Error, #c63a42); font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; padding-left: 5px; margin-top: 5px; display: block; } footer .footer_left .footer_form .input_item input::-webkit-input-placeholder { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_left .footer_form .input_item input::-moz-placeholder { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_left .footer_form .input_item input:-ms-input-placeholder { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_left .footer_form .input_item input::-ms-input-placeholder { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_left .footer_form .input_item input::placeholder { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_left .footer_form .form_btn { -webkit-border-radius: 20px; border-radius: 20px; padding: 19px; position: relative; overflow: hidden; border: none; color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; cursor: pointer; } footer .footer_left .footer_form .form_btn::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } footer .footer_left .footer_form .form_btn::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } footer .footer_left .footer_form .form_btn:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } footer .footer_left .footer_form .form_btn:hover:before { opacity: 0; } footer .footer_left .footer_form .form_btn span { position: relative; z-index: 2; } footer .footer_left .privacy_policy { color: #B6B8BC; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } footer .footer_left .privacy_policy a { color: #3172D4; } footer .footer_right { width: 74%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 49px; } footer .copyright { color: var(--ff, #FFF); font-family: Onest; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; } footer .footer_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } footer .footer_bottom .privacy_privacy_policy { color: #FFF; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; /* 25.6px */ } footer .footer_right .footer_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 74%; width: 100%; } footer .footer_right .footer_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 109px; width: 100%; } footer .footer_right .footer_nav .nav_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 45px; list-style: none; } footer .footer_right .inner_nav.mobile { display: none; } footer .footer_right .footer_nav a { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } footer .footer_right .footer_nav a:hover { color: #039BE5; } footer .footer_right a.nav_main_link { color: #FFF; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 140%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } footer .footer_right .inner_nav a.nav_main_link.mt_1 { margin-top: 15px; } footer .footer_right .inner_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* gap: 19px; */ } footer .footer_right .inner_nav ul { list-style: none; -webkit-box-flex: 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15.4px; } footer .footer_right .footer_address_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 16px; width: 22%; } footer .footer_address_links .phone_number a { color: #FFF; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 135%; } footer .footer_address_links .region_name { color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_address_links .email a { color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } footer .footer_address_links .footer_social_links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; } footer .footer_address_links .footer_social_links .social_link_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; padding: 22px 16px; -webkit-border-radius: 20px; border-radius: 20px; background: #45535F; -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.07); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } footer .footer_address_links .footer_social_links .social_link_item:nth-child(1):hover { background: #07F; } footer .footer_address_links .footer_social_links .social_link_item:nth-child(2):hover { background: #039BE5; } footer .footer_address_links .footer_social_links .social_link_item:nth-child(3):hover { background: #27A11A; } .md_none { display: none; } /* FOOTER END */ /* MODAL */ .call_back_form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .call_back_form.show { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; visibility: visible; opacity: 1; z-index: 2000; } .call_back_form .overlay { width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0, 0, 0, 0.2); } .call_back_form .modal_block { width: 513px; -webkit-border-radius: 60px 0px 0px 60px; border-radius: 60px 0px 0px 60px; background: #2D3844; position: relative; padding: 0 53px 0 61px; position: relative; z-index: 10; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .call_back_form.show .modal_block { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .call_back_form.show .modal_block::-webkit-scrollbar { width: 2px; } .call_back_form.show .modal_block::-webkit-scrollbar-track { background: #f1f1f1; } .call_back_form.show .modal_block::-webkit-scrollbar-thumb { background: #5e5e64; -webkit-border-radius: 4px; border-radius: 4px; } .call_back_form .thanks_block { display: none; } .call_back_form .thanks_block.show { display: block; } .call_back_form .modal_block .modal_close_btn_main { position: absolute; top: 26px; right: 18px; cursor: pointer; } .call_back_form .modal_block .modal_title { color: #FFF; font-family: Involve; font-size: 46px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 21px; } .call_back_form .modal_block .modal_subtitle { color: #B6B8BC; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .call_back_form .modal_block .modal_form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .call_back_form .modal_block .privacy_policy { color: #B6B8BC; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .call_back_form .modal_block .privacy_policy a { color: #3172D4; } .call_back_form .modal_block .modal_form input { width: 100%; padding: 19px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid transparent; background: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; outline: none; } .call_back_form .modal_block .modal_form input.error { border-color: #FAB12B; background-image: url(/local/templates/profitkitru/css/../images/input_error.svg); background-repeat: no-repeat; background-position: 93% center; } .call_back_form .modal_block .modal_form label.error { color: var(--System-Error, #c63a42); font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; padding-left: 5px; margin-top: 5px; display: block; } .call_back_form .modal_block .modal_form input::-webkit-input-placeholder { color: #B6B8BC; } .call_back_form .modal_block .modal_form input::-moz-placeholder { color: #B6B8BC; } .call_back_form .modal_block .modal_form input:-ms-input-placeholder { color: #B6B8BC; } .call_back_form .modal_block .modal_form input::-ms-input-placeholder { color: #B6B8BC; } .call_back_form .modal_block .modal_form input::placeholder { color: #B6B8BC; } .call_back_form .form_btn { -webkit-border-radius: 20px; border-radius: 20px; padding: 19px; position: relative; overflow: hidden; border: none; color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; width: 100%; cursor: pointer; } .call_back_form .form_btn::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } .call_back_form .form_btn::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } .call_back_form .form_btn:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .call_back_form .form_btn:hover:before { opacity: 0; } .call_back_form .form_btn span { position: relative; z-index: 2; } /* MODAL END */ .call_back_fixed { display: none; } /* PAGE 2 */ /* .hero.index_2{ padding-bottom: 227px; } */ .breadcrumb { margin-bottom: 24px; } .breadcrumb a { margin-right: 3px; color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .breadcrumb_arrow { display: inline; } .breadcrumb .breadcrumb_arrow svg { -webkit-transform: translateY(4px) translateX(-1px); -ms-transform: translateY(4px) translateX(-1px); transform: translateY(4px) translateX(-1px); } .breadcrumb .active_item { display: inline; color: var(---, #B6B8BC); font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .hero.index_2 .hero_item_main { padding-top: 36px; } .why_us.index_2 { padding-top: 97px; } .our_works { padding-block: 97px 120px; position: relative; z-index: 1; background: #FFF; } .our_works .container .bg_image { background-position-x: -3040px; top: -50px; } .our_works .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; } .our_works .section_subtitle { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 173%; max-width: 72%; background: var(--ff, #FFF); } .works_row .swiper { width: 100%; height: 100%; } .works_row .swiper .swiper-wrapper { height: 100% !important; } .works_row .swiper .swiper-slide { height: auto !important; } .quiz.index_2::after { display: none; } .quiz.index_2 { -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; } .quiz.index_2 .section_subtitle { color: #FFF; } .site_traffic.service_price.index_2 { background: var(--ff, #FFF); } .site_traffic.index_2 { position: relative; z-index: 1; } .site_traffic.service_price.index_2 .traffic_item { background: #FFF0E5; } @media (min-width: 1200px) { .site_traffic.service_price.index_2 .traffic_item:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); } .site_traffic.service_price.index_2 .traffic_item:hover * { color: #FFF; stroke: #FFF; } } .site_traffic.index_2 .section_title { text-align: center; } .site_traffic.index_2 .container .bg_image { background-position-x: -3240px; } .site_traffic.index_2 .swiper { padding-bottom: 100px; margin-bottom: -100px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; background: transparent; padding: 10px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transform: translate(21px, 2px); -ms-transform: translate(21px, 2px); transform: translate(21px, 2px); } @media (min-width: 1200px) { .site_traffic.service_price.index_2 .swiper_traffic .traffic_item:hover .item_img { background: #FFF; } } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img::after { display: none; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img { width: 50px; position: absolute; margin-bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .site_traffic.service_price.index_2 .traffic_item { padding-top: 31px; gap: 0; } .site_traffic.index_2 .swiper_traffic .traffic_item .item_title { line-height: 130%; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header * { margin-bottom: 17px; } .site_traffic.index_2 .swiper_traffic .swiper-button-next, .site_traffic.index_2 .swiper_traffic .swiper-button-prev { background: #2D3844; } .site_traffic.index_2 .swiper_traffic .swiper-button-next path, .site_traffic.index_2 .swiper_traffic .swiper-button-prev path { stroke: #FFF; } .site_traffic.index_2 .swiper_traffic .swiper-button-next:hover, .site_traffic.index_2 .swiper_traffic .swiper-button-prev:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .stages_development.index_2::after { display: none; } .stages_development.index_2 { -webkit-border-radius: 60px; border-radius: 60px; } .stages_development.index_2 .stage_item .item_title { margin-bottom: 21px; } .portfolio.index_2 .portfolio_row .work_item .item_title { line-height: 142%; } .portfolio.index_2 { padding-block: 108px 121px; } .portfolio.index_2 .portfolio_row { gap: 35px 30px; } .portfolio.index_2 .portfolio_row .work_item .item_image { margin-bottom: 24px; } .callback_form { padding-block: 116px 120px; -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; position: relative; z-index: 1; } .callback_form .container .bg_image { background-position-x: -3435px; top: -30px; } .callback_form.main.thanks { padding-block: 177px 193px; -webkit-transition: none; -o-transition: none; transition: none; } @media (min-width: 1280px) { .callback_form.main.thanks { height: 600px; } } .callback_form.thanks { height: 601px; } .callback_form .section_title { position: relative; text-align: center; margin-bottom: 33px; } .callback_form .section_title img { position: absolute; right: -19px; top: -16px; } .callback_form.thanks .main_block { display: none; } .callback_form .thanks_block { display: none; } .callback_form.thanks .section_title span { display: none; } .callback_form.thanks .thanks_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .callback_form .thanks_block .block_title { color: var(--unnamed, #2A343E); text-align: center; font-family: Involve; font-size: 38px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 30px; } .callback_form .thanks_block .block_subtitle { color: var(--unnamed, #2A343E); text-align: center; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .callback_form .thanks_block .return_btn a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 20px 108px; -webkit-border-radius: 20px; border-radius: 20px; background: #2D3844; text-align: center; color: var(--ff, #FFF); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; border-radius: 20px; background: #2D3844; border: none; } .callback_form .thanks_block.dark_theme * { color: #FFF; } .callback_form .thanks_block.dark_theme .return_btn a { background: #FFF; color: #2A343E; } .callback_form .form_block .form_main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-inline: 390px; margin-bottom: 15px; } .callback_form .form_block .form_main .input_item { width: 105%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .callback_form .form_block .form_main .input_item input.error { border-color: #FAB12B; background-image: url(/local/templates/profitkitru/css/../images/input_error.svg); background-repeat: no-repeat; background-position: 93% center; } .callback_form .form_block .form_main .input_item label.error { color: var(--System-Error, #c63a42); font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; padding-left: 5px; margin-top: 5px; display: block; } .callback_form .form_block .form_main input { padding: 20px; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid transparent; background: #FFF; color: #000; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; outline: none; } .callback_form .form_main button { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; padding: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #FFF; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; border: none; position: relative; overflow: hidden; cursor: pointer; } .callback_form .form_main button::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } .callback_form .form_main button::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } .callback_form .form_main button:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .callback_form .form_main button:hover:before { opacity: 0; } .callback_form .form_main button span { position: relative; z-index: 2; } .callback_form .form_block .privacy_policy { color: var(--ff, #FFF); text-align: center; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .callback_form .form_block .privacy_policy span { max-width: 55%; color: #FFF; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .callback_form .form_block .privacy_policy a { color: #3172D4; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; } .callback_form .social_sets .sets_title { color: var(--ff, #FFF); text-align: center; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; width: 100%; margin-bottom: 15px; } .callback_form .sets_row, .callback_form .set_main_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 15px; } .callback_form .sets_row a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; -webkit-border-radius: 20px; border-radius: 20px; padding: 17px 30px 18px 30px; color: var(--ff, #FFF); text-align: center; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } .callback_form .sets_row a svg { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .callback_form .sets_row a:first-child { background: #039BE5; } .callback_form .sets_row a:first-child:hover { background: #077AB1; } .callback_form .sets_row a:last-child { background: #27A11A; } .callback_form .sets_row a:last-child:hover { background: #137C08; } .callback_form .phone_number a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 17px 30px 18px 30px; color: #2A343E; text-align: center; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; -webkit-border-radius: 20px; border-radius: 20px; background: #FFF; } .callback_form .phone_number a svg { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .callback_form .phone_number a:hover { background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); } .callback_form .phone_number a:hover { color: #FFF; } .callback_form .phone_number a:hover path { fill: #FFF; } .work_price { padding-block: 117px 120px; background: #EEF5FC; position: relative; } .work_price::after { content: ""; display: block; position: absolute; top: -100px; width: 100%; height: 20%; background: #EEF5FC; } .work_price .container { position: relative; z-index: 1; } .work_price .container .bg_image { background-position-x: -1440px; top: -30px; } .work_price::before { content: ""; display: block; position: absolute; bottom: -100px; width: 100%; height: 20%; background: #EEF5FC; } .work_price .section_title { text-align: center; position: relative; margin-bottom: 64px; } .work_price .section_title img { position: absolute; right: -19px; top: -16px; } .work_price .works_row { /* display: flex; flex-direction: column; gap: 32px; */ padding-inline: 240px; position: relative; z-index: 1; } .work_price .works_row.mobile { display: none; } .work_price .works_row .work_item { -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 29px 50px 30px 30px; position: relative; overflow: hidden; } .work_price .works_row .work_item::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity: 0; } .work_price .works_row .work_item:hover::after { /* background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); */ opacity: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .work_price .works_row .work_item:hover * { color: #FFF !important; stroke: #FFF; position: relative; z-index: 2; } .work_price .works_row .work_item .item_header { width: 60%; position: relative; z-index: 1; } .work_price .work_item .programing_types .type_image { position: relative; } .work_price .work_item .programing_types .type_image img { position: relative; z-index: 1; } .work_price .work_item .programing_types .type_image::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: -7px; right: 0; margin: auto; width: 35px; height: 35px; background: #FFF; -webkit-border-radius: 50%; border-radius: 50%; } .work_price .works_row .work_item .item_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: 20px; } .work_price .works_row .work_item .item_subtitle { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; margin-bottom: 34px; } .work_price .works_row .work_item .programing_types { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px 35px; padding-left: 7px; } .work_price .work_item .programing_types .type_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; width: -webkit-calc(50% - 18px); width: calc(50% - 18px); } .work_price .programing_types .type_item .type_name { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .work_price .work_item .item_body { padding-top: 5px; position: relative; z-index: 2; } .work_price .work_item .item_body .item_price { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: 15px; } .work_price .work_item .item_body .work_period { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .work_price .work_item .item_body .about_work { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 17px; color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .work_price .work_item .item_body .about_work svg { -webkit-transform: translateX(-6px) translateY(0); -ms-transform: translateX(-6px) translateY(0); transform: translateX(-6px) translateY(0); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .work_price .work_item:hover .item_body .about_work svg { -webkit-transform: translateX(10px) translateY(0) !important; -ms-transform: translateX(10px) translateY(0) !important; transform: translateX(10px) translateY(0) !important; } /* */ /* */ .technologies { padding-block: 119px 120px; -webkit-border-radius: 60px; border-radius: 60px; background: #2D3844; position: relative; z-index: 1; } .technologies .container .bg_image { background-position-x: -3640px; top: -30px; } .technologies .section_title { margin-bottom: 64px; text-align: center; position: relative; } /* .technologies .section_title img{ position: absolute; right: -19px; top: -16px; } */ .technologies .technologies_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 30px; } .technologies .technologies_row .technolog_item { width: -webkit-calc(33.3333% - 15px); width: calc(33.3333% - 15px); padding: 30px 30px 30px 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .technologies .technologies_row .item_title { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 10px; } .technologies .technologies_row .inner_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 30px; } .technologies .technologies_row .item_name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 140%; gap: 7px; } /* */ /* */ .site_traffic.index_second { background: #FFF; padding-block: 117px 200px; } .site_traffic.index_second .container .bg_image { background-position: -3830px; top: -30px; background-position-y: -100px !important; } .site_traffic.index_second .swiper { padding: 70px 30px; margin: -70px -30px; } .site_traffic.index_second .section_title { text-align: start; } .site_traffic.index_second .section_title img { top: 12px; right: -13px; } .site_traffic.index_second .swiper_traffic .traffic_item { height: 100%; padding-right: 0; background: #FFF0E5; padding: 29px 30px 31px 29px; -webkit-border-radius: 30px; border-radius: 30px; } @media (min-width: 576px) { .site_traffic.index_second .swiper_traffic .traffic_item:hover { -webkit-box-shadow: 0px 24px 55px 0px rgba(15, 16, 16, 0.1); box-shadow: 0px 24px 55px 0px rgba(15, 16, 16, 0.1); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } } .site_traffic.index_second .swiper-button-next, .site_traffic.index_second .swiper-button-prev { background: #2D3844; } .site_traffic.index_second .swiper-button-next path, .site_traffic.index_second .swiper-button-prev path { stroke: #FFF; } .site_traffic.index_second .swiper_traffic .swiper-slide { height: auto; } .site_traffic.index_second .swiper_traffic .traffic_item .item_img { padding-left: 0; margin-bottom: 15px; } .site_traffic.index_second .swiper_traffic .traffic_item .item_title { margin-bottom: 21px; } .site_traffic.index_second .traffic_item .traffic_content { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .site_traffic.index_second .swiper_traffic .traffic_item .item_img::after { display: none; } .site_traffic.index_second .swiper_traffic .traffic_item .item_action { display: none; } /* */ .reviews.index_2 { padding-block: 117px 171px; } .reviews.index_2 .reviews_swiper_main .review_item .person_name { margin-bottom: 11px; } .reviews.index_2 .reviews_swiper_main .review_item { padding: 31px 30px 30px 28px; } .reviews.index_2 .reviews_swiper_main .review_item .review_content { gap: 28px; } /* */ footer .footer_right .mobile_flex .inner_link_mobile { display: none; } /* */ .why_us.our_command { padding-block: 97px 120px; position: relative; } .why_us.our_command::after { content: ""; display: block; position: absolute; top: -100px; width: 100%; height: 20%; background: #EEF5FC; } .why_us.our_command::before { content: ""; display: block; position: absolute; bottom: -100px; width: 100%; height: 20%; background: #EEF5FC; } .why_us.our_command .container { position: relative; z-index: 1; } .why_us.our_command .container .bg_image { background-position-x: -1240px; } .why_us.our_command .section_subtitle { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 172%; max-width: 72%; margin-bottom: 60px; } .why_us.our_command .section_title { margin-bottom: 14px; } .why_us.our_command .why_us_tab .title_item .title_main_part { gap: 4px; } /* */ /* */ .site_traffic.trafic_second { position: relative; z-index: 1; } .site_traffic.trafic_second .container .bg_image { background-position-x: -4030px; } .site_traffic.trafic_second .swiper_traffic .traffic_item .item_img { margin-bottom: 33px; } /* */ /* FAQ */ .faq { padding-block: 116px 117px; position: relative; z-index: 2; } .faq .container .bg_image { background-position-x: -4230px; top: -30px; } .faq .section_title { text-align: center; position: relative; margin-bottom: 65px; } /* .faq .section_title img{ position: absolute; top: -15px; right: -20px; } */ .faq .faq_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 22px; padding-inline: 390px; } .faq .faq_block .faq-item { -webkit-border-radius: 25px; border-radius: 25px; overflow: hidden; background: #FFF0E5; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .faq .faq_block .faq-item.active { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); } .faq .faq_block .faq-item.active:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); } .faq .faq_block .faq-item:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); } .faq .faq_block .faq-item.active .faq-question { /* padding-bottom: 10px; */ -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .faq .faq_block .faq-item .faq-question { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 135%; padding: 30px 30px 30px 30px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /* transition: .3s ease; */ position: relative; overflow: hidden; } .faq .faq_block .faq-item .faq-question span { position: relative; z-index: 2; } .faq .faq_block .faq-item .faq-question svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; z-index: 1; } .faq .faq_block .faq-item.active .faq-question svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .faq .faq_block .faq-item .faq-answer { padding: 0 30px 30px 30px; color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } /* FAQ END */ /* PRIVATE SITES */ .private_sites { padding-block: 117px 120px; -webkit-border-radius: 60px; border-radius: 60px; background: #EEF5FC; } .private_sites .container .bg_image { background-position-x: -4425px; top: -30px; } .private_sites .section_title { text-align: center; position: relative; margin-bottom: 66px; } /* .private_sites .section_title img{ position: absolute; top: -15px; right: -20px; } */ .private_sites .settings_block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 30px 0; } .private_sites .settings_block .block_item { width: 32.133%; /* flex: 1 1 auto; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .private_sites .settings_block .block_item .item_name { color: #2A343E; font-family: Onest; font-size: 20px; font-style: normal; font-weight: 600; line-height: 130%; } .private_sites .settings_block .block_item .item_name.mobile_name { display: none; } /* PRIVATE SITES END */ /* CALLBACK */ .callback_form.bottom { background: #FFF; } .callback_form.bottom .form_block .privacy_policy span { color: var(--unnamed, #2A343E); } .callback_form.bottom .phone_number a:not(:hover) { background: #2D3844; color: #FFF; } .callback_form.bottom .phone_number a:not(:hover) path { stroke: #FFF; fill: #FFF; } .callback_form.bottom .social_sets .sets_title { color: #2A343E; } .callback_form.bottom .form_main input { border-color: #B6B8BC; } /* CALLBACK END */ /* ABOUT SITE */ .about_site { padding-bottom: 121px; } .about_site .about_site_title { color: #2A343E; font-family: Involve; font-size: 25px; font-style: normal; font-weight: 700; line-height: 140%; margin-bottom: 30px; } .about_site .about_subtitle { color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; max-width: 70%; margin-bottom: 31px; max-height: 4.75em; overflow: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .about_site .view_all_text a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #777B89; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } .about_site .view_all_text a:hover { color: #3172D4; } .about_site .view_all_text a:hover path { stroke: #3172D4; } .about_site .view_all_text svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .about_site.show_all_text .view_all_text svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* ABOUT SITE END */ /* PAGE 2 END */ .footer_thanks { display: none; } .footer_thanks.show { display: block; } footer .footer_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } footer .footer_main.remove_form { display: none; } .footer_thanks .thanks_title { color: var(--ff, #FFF); font-family: Involve; font-size: 38px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 15px; } .footer_thanks .thanks_subtitle { color: var(---, #B6B8BC); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; margin-bottom: 30px; } .footer_thanks .thanks_btn { cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: var(--ff, #FFF); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; padding: 20px 30px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } .footer_thanks .thanks_btn::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } .footer_thanks .thanks_btn::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } .footer_thanks .thanks_btn:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .footer_thanks .thanks_btn:hover:before { opacity: 0; } .footer_thanks .thanks_btn span { position: relative; z-index: 2; } /* MENU MOBILE */ .menu_mobile { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; visibility: hidden; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; visibility: hidden; opacity: 0; } .menu_mobile.show { visibility: visible; opacity: 1; } .menu_mobile .overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.25); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .menu_mobile.show { visibility: visible; opacity: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .menu_mobile .menu_block { width: 320px; height: 100%; background: #FFF; position: relative; z-index: 1; padding: 50px 25px; overflow-y: auto; overflow-x: hidden; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .menu_mobile .menu_block::-webkit-scrollbar { width: 2px; } .menu_mobile .menu_block::-webkit-scrollbar-track { background: #f1f1f1; } .menu_mobile .menu_block::-webkit-scrollbar-thumb { background: #5e5e64; -webkit-border-radius: 4px; border-radius: 4px; } .menu_mobile.show .menu_block { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .menu_mobile .menu_block .close_btn { position: absolute; top: 15px; right: 15px; cursor: pointer; } .menu_mobile .menu_block .menu_row { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .menu_mobile .menu_block .link_item { color: var(--unnamed, #2A343E); font-family: Involve; font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .menu_mobile .menu_block .link_item:hover, .menu_mobile .menu_block .inner_menu .inner_title:hover, .menu_mobile .menu_block .inner_menu ul .main_title a:hover, .menu_mobile .menu_block .inner_menu ul a:hover { color: #3172D4; } .menu_mobile .menu_block .link_item.phone_number { margin-top: 15px; } .menu_mobile .menu_block .inner_menu .inner_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } .menu_mobile .menu_block .inner_menu .inner_title { color: var(--unnamed, #2A343E); font-family: Involve; font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; } .menu_mobile .menu_block .inner_menu .inner_row .show_all_links { cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; color: var(--unnamed, #777B89); font-family: Onest; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .menu_mobile .menu_block .inner_menu .inner_menu_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; height: 0; overflow: hidden; visibility: hidden; opacity: 0; } .menu_mobile .menu_block .inner_menu .inner_menu_row.show { opacity: 1; visibility: visible; height: 100%; padding-top: 30px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .menu_mobile .menu_block .inner_menu .inner_menu_row ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; padding-left: 30px; list-style: none; } .menu_mobile .menu_block .inner_menu ul li { padding-left: 30px; } .menu_mobile .menu_block .inner_menu ul .main_title { padding-left: 0; } .menu_mobile .menu_block .inner_menu ul .main_title a { color: #2A343E; font-family: Involve; font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; } .menu_mobile .menu_block .inner_menu ul a { color: var(--unnamed, #777B89); font-family: Onest; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ } /* MENU MOBILE END */ .quiz .about_worker .admin_links a:last-child svg { width: 25px; height: 26px; } .quiz .about_worker .phone_number a svg { width: 25px; height: 26px; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } @media (max-width: 1900px) { .container { max-width: 100%; padding-inline: 90px; } .bg_image { right: 85px; } header .container .header_links { gap: 20px; } .hero .row .hero_item_main { width: 66%; } .hero .row .hero_item .hero_adv_item .item_title { font-size: 22px; } .hero .row .hero_item_main .hero_title { margin-bottom: 67px; } .collaborated_companies .companies_img_row .company_item { width: 177px; } .collaborated_companies .companies_img_row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blog .blog_row .blog_item { position: relative; } .blog .blog_row .blog_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .social_networks .social_row { padding-inline: 325px; } .company_address .address_row .item_body .body_item { font-size: 22px; } .company_address .address_row { gap: 20px; } .company_address .address_map img { width: 100%; } footer .footer_right .footer_nav { gap: 50px; } footer .container { gap: 30px; } footer .footer_left .privacy_policy { font-size: 15px; } .quiz .quiz_row .quiz_form, .quiz .about_worker { width: 100%; } .quiz .quiz_row { padding-inline: 30px; } } @media (max-width: 1700px) { .portfolio.index_2 .portfolio_row .work_item .item_title span { max-width: 95%; } .quiz .quiz_row .quzi_with_progres { width: 50%; } .portfolio .portfolio_row .work_item .item_title { font-size: 22px; } .portfolio .portfolio_row .work_item .item_title span { max-width: 90%; } .quiz .quiz_row .quzi_with_progres { width: 55%; } .quiz .quiz_form_parent .quiz_progress .progress_title { margin-right: 15px; } .quiz .quiz_form_parent .next_form_btn { padding-inline: 60px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .quiz .quiz_form_parent .progress_bar { width: 280px; } .social_networks .social_admin .section_action a { padding-inline: 60px; } .hero .row .hero_item_main .hero_title { font-size: 60px; letter-spacing: -0.6px; margin-bottom: 52px; line-height: 120%; } .hero .row .hero_item { width: 50%; } } @media (max-width: 1555px) { .container { max-width: 1520px; padding-inline: 100px; } .bg_image { width: 70px; height: 70px; } .bg_image { background-size: 3260px; background-position-y: -70px !important; } .portfolio .container .bg_image { background-position-x: -590px; } .site_traffic.main .bg_image { background-position-x: -450px; } .why_us .container .bg_image { background-position-x: -730px; } .strong_team .container .bg_image { background-position-x: -875px; } .site_traffic.service_price .container .bg_image { background-position-x: -2280px; } .stages_development .container .bg_image { background-position-x: -1155px; } .collaborated_companies .container .bg_image { background-position-x: -1295px; } .reviews .container .bg_image { background-position-x: -2000px; } .quiz .container .bg_image { background-position-x: -1435px; } .blog .container .bg_image { background-position-x: -1575px; } .social_networks .container .bg_image { background-position-x: -1717px; } .company_address .container .bg_image { background-position-x: -1860px; } .our_works .container .bg_image { background-position-x: -2140px; } .callback_form .container .bg_image { background-position-x: -2424px; } .work_price .container .bg_image { background-position-x: -1015px; } .technologies .container .bg_image { background-position-x: -2565px; } .site_traffic.index_second .container .bg_image { background-position-x: -2700px; background-position-y: -70px !important; } .why_us.our_command .container .bg_image { background-position-x: -875px; } .site_traffic.trafic_second .container .bg_image { background-position-x: -2835px; } .faq .container .bg_image { background-position-x: -2976px; } .private_sites .container .bg_image { background-position-x: -3120px; } .site_traffic.service_price.global .container .bg_image { background-position: -1015px; } .site_traffic.main .section_title span { max-width: 100%; } header .container .header_links { gap: 15px; margin-right: 0; } .social_networks .section_title span { max-width: 100%; } .collaborated_companies .section_title span { max-width: 100%; } header .container .header_logo { margin-right: 20px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after { display: none; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img { background: #FFF; -webkit-border-radius: 50%; border-radius: 50%; padding-left: 0; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: none; -ms-transform: none; transform: none; } .section_title { font-size: 38px; } .social_sets { gap: 10px; } header .container .header_links a { font-size: 16px; } header .container .phone_number { font-size: 18px; margin-right: 0px; } header .container .header_btn { font-size: 16px; padding: 21px 30px; } .hero .row .hero_item_main { width: 55%; } .hero .row .hero_item_main .hero_subtitle { max-width: 100%; margin-bottom: 40px; } .hero { padding-block: 100px 178px; } .hero .row { /* flex-wrap: wrap; */ gap: 41px; } .hero .row .hero_item { width: 41%; } .hero .row .hero_item .hero_adv_row { gap: 16px; } .hero .row .hero_item .hero_adv_item { padding: 24px 30px; } .hero .row .hero_item .hero_adv_item .item_image { width: 80px; height: 80px; } .hero .row .hero_item .hero_adv_item .item_image img { width: 62px; height: 62px; } .hero .row .hero_item_main .hero_action a { font-size: 25px; } .site_traffic { padding-block: 97px 152px; } .site_traffic .section_title { margin-bottom: 52px; } .site_traffic .section_title img { top: -41px; bottom: 0; right: -29px; margin: auto 0; width: 69px; } .site_traffic .swiper_traffic .traffic_item { padding: 38px 30px 29px 30px; } .site_traffic .swiper_traffic .traffic_item .item_img { padding-left: 9px; margin-bottom: 25px; } .site_traffic .swiper_traffic .traffic_item .item_img img { width: 41px; } .site_traffic .swiper_traffic { padding-inline: 70px; } .site_traffic .swiper_traffic .traffic_item .item_title { font-size: 22px; margin-bottom: 15px; } .site_traffic .swiper_traffic .traffic_item .item_subtitle { font-size: 15px; } .site_traffic .swiper_traffic .traffic_item .traffic_info li, .site_traffic .swiper_traffic .traffic_item ul li { font-size: 16px; line-height: 170%; } .site_traffic .swiper_traffic .traffic_item .traffic_info, .site_traffic .swiper_traffic .traffic_item ul { padding-left: 24px; } .site_traffic .swiper_traffic .swiper-button-prev { left: var(--swiper-navigation-sides-offset, -70px); } .site_traffic .swiper_traffic .swiper-button-next { right: var(--swiper-navigation-sides-offset, -70px); } .portfolio { padding-block: 97px 98px; } .portfolio .portfolio_row { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; margin-bottom: 43px; } .portfolio .portfolio_row .work_item { width: -webkit-calc(33.3333% - 18px); width: calc(33.3333% - 18px); } .portfolio .section_title img { -webkit-transform: translate(29px, -6px); -ms-transform: translate(29px, -6px); transform: translate(29px, -6px); width: 69px; } .portfolio .portfolio_row .work_item .item_image { margin-bottom: 20px; } .portfolio .portfolio_row .work_item .item_image img { width: 100%; } .portfolio .section_title { margin-bottom: 35px; } .portfolio .portfolio_row .work_item .item_title { font-size: 22px; margin-bottom: 14px; } .portfolio .portfolio_row .work_item .item_description { font-size: 15px; max-width: 92%; } .portfolio .view_all_work a { font-size: 25px; } .why_us { padding-block: 86px 100px; } .why_us .why_us_block { gap: 21px; } .why_us .section_title { margin-bottom: 44px; } .why_us .section_title img { -webkit-transform: translate(29px, 4px); -ms-transform: translate(29px, 4px); transform: translate(29px, 4px); width: 69px; } .why_us .why_us_tab .tab_titles .title_item .title_img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 60px; height: 60px; } .why_us .why_us_tab .tab_titles .title_item .title_img img { max-width: 40px; } .why_us .why_us_tab .tab_titles .title_item .title_name { font-size: 22px; } .why_us .why_us_block .why_us_content .content_item { font-size: 16px; line-height: 168%; } .why_us .why_us_tab .tab_titles .title_item { padding-right: 19.29px; } .strong_team { padding-block: 87px 99px; } .strong_team .team_row.mobile { padding-inline: 15px; } .strong_team .section_header { padding-inline: 15px; } .strong_team .section_title { margin-bottom: 18px; } .strong_team .section_subtitle { font-size: 16px; max-width: 68%; line-height: 169%; margin-bottom: 49px; } .strong_team .section_subtitle br { display: none; } .strong_team .section_title img { -webkit-transform: translate(29px, 4px); -ms-transform: translate(29px, 4px); transform: translate(29px, 4px); width: 69px; } .strong_team .team_row { gap: 22px; } .strong_team .team_row .team_item { padding-right: 23px; } .strong_team .team_row .team_item .team_img { width: 100px; height: 100px; margin-bottom: 5px; } .strong_team .team_row .team_item .team_img img { -o-object-fit: scale-down; object-fit: scale-down; width: 100%; } .strong_team .team_row .team_item .team_img { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .strong_team .team_row .team_item .team_name { font-size: 22px; margin-bottom: 6px; } .strong_team .team_row .team_item .team_job { font-size: 15px; } .strong_team .team_row .team_item .about_team { font-size: 16px; } .strong_team .team_row .team_item .about_team { line-height: 169%; } .strong_team .team_row .team_item:nth-child(2) .about_team, .strong_team .team_row .team_item:nth-child(3) .about_team { -webkit-transform: translateX(-3px); -ms-transform: translateX(-3px); transform: translateX(-3px); } .site_traffic.service_price .section_title img { top: 6px; bottom: 0; right: -29px; } .site_traffic.service_price .swiper_traffic .traffic_item { padding-top: 30px; gap: 25px; } .site_traffic.service_price .traffic_item .header_price { font-size: 22px; margin-bottom: 14px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle .l_none { display: block; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: translate(2px, -6px); -ms-transform: translate(2px, -6px); transform: translate(2px, -6px); } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle { margin-bottom: 13px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info, .site_traffic.service_price .swiper_traffic .traffic_item ul { padding-left: 24px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li, .site_traffic.service_price .swiper_traffic .traffic_item ul li { line-height: 169%; } .site_traffic.service_price .traffic_item .item_action_url { font-size: 25px; } .stages_development { padding-block: 96px 152px; } .stages_development .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .stages_development .section_title { margin-bottom: 51px; } .stages_development .stage_item .item_image img { width: 35px; height: 35px; } .stages_development .stage_item { padding-top: 37px; } .stages_development .stage_item .item_image { margin-bottom: 19px; padding-left: 12px; } .stages_development .stage_item .item_title { font-size: 22px; margin-bottom: 11px; } .stages_development .stage_item .item_desc { font-size: 16px; line-height: 170%; } .stages_development .swiper-button-next { top: var(--swiper-navigation-top-offset, 49.1%); } .stages_development .swiper-button-prev { top: var(--swiper-navigation-top-offset, 49.1%); } .collaborated_companies .section_title { margin-bottom: 53px; } .collaborated_companies .section_title br { display: none; } .collaborated_companies { padding-block: 97px 101px; } .collaborated_companies .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .collaborated_companies .companies_img_row { gap: 54px 31px; margin-bottom: 45px; } .collaborated_companies .companies_img_row .company_item { width: -webkit-calc(16.66% - 26px); width: calc(16.66% - 26px); } .collaborated_companies .companies_img_row .company_item img { width: 100%; } .collaborated_companies .view_all_company a { font-size: 16px; } .reviews .section_title { margin-bottom: 53px; } .reviews { padding-block: 97px 152px; } .reviews .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .reviews .review_swiper { padding-inline: 71px; } .reviews .reviews_swiper_main .review_item { padding: 29px 30px 27px 28px; } .reviews .reviews_swiper_main .review_item .person_name { font-size: 22px; } .reviews .reviews_swiper_main .review_item .person_job { font-size: 15px; } .reviews .reviews_swiper_main .review_item .review_content { font-size: 16px; gap: 11px; } .reviews .reviews_swiper_main .review_image { width: 30%; padding-left: 3px; } .quiz { padding-block: 97px 104px; } .quiz .quiz_row .quiz_form_parent { padding: 45px; padding-inline: 30px; } .quiz .section_title { margin-bottom: 29px; } .quiz .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .quiz .section_subtitle { font-size: 16px; margin-bottom: 50px; } .quiz .quiz_row { padding-inline: 0; } .quiz .quiz_row .block_title { font-size: 22px; } .quiz .quiz_row .quiz_form .inputs_block { gap: 15px; } .quiz .quiz_row .quiz_form .quzi_with_progres { width: 50%; } .quiz .quiz_row .quiz_form { width: 100%; } .quiz .quiz_row .input_item { padding: 18.8px; padding-left: 22px; } .quiz .about_worker .worker_subtitle { font-size: 16px; } .quiz .about_worker { padding-top: 60px; } .quiz .quiz_row .input_item-text { font-size: 16px; } .quiz .about_worker .worker_block { margin-bottom: 29px; } .quiz .about_worker .admin_links a { padding: 19px 30.1px; font-size: 22px; gap: 10px; } .quiz .about_worker .phone_number a { font-size: 22px; gap: 10px; padding-inline: 20px; } .quiz .about_worker .links_main { gap: 10px; } .quiz .about_worker .admin_links { gap: 10px; } .quiz .quiz_form_parent .quiz_progress { margin-top: 13px; } .quiz .quiz_form_parent .quiz_progress .progress_title { font-size: 22px; margin-right: 15px; } .quiz .quiz_form_parent .progress_bar { width: 400px; margin-right: 35px; } .quiz .quiz_form_parent .progres_next_btn { padding: 14px; padding-bottom: 9px; } .quiz .quiz_form_parent .next_form_btn { font-size: 18px; padding: 19px 30px; } .quiz .quiz_form_parent .next_form_btn:disabled::after { visibility: hidden; opacity: 0; } .quiz .quiz_form_parent .next_form_btn::after { opacity: 1; visibility: visible; } .quiz .quiz_form_parent .next_form_btn:disabled { color: #2A343E; } .quiz .quiz_form_parent .next_form_btn:disabled:hover { color: #2A343E; } .quiz .quiz_form_parent .next_form_btn:not(:disabled) { color: #FFF; } .blog { padding-block: 97px 99px; } .blog .section_title { margin-bottom: 52px; } .blog .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .blog .blog_row .created_date { font-size: 15px; } .blog .blog_row .blog_item .blog_title { font-size: 22px; } .blog .blog_row { gap: 21px; margin-bottom: 60px; } .blog .blog_row .swiper-pagination { bottom: -50px; } .blog .blog_row .blog_item .blog_title span { max-width: 85%; } .l_none { display: block; } .blog .blog_row .blog_title { margin-bottom: 9px; } .blog .blog_row .blog_image { margin-bottom: 9px; } .blog .blog_row .blog_desc { font-size: 15px; } .blog .blog_row .hashtags .hashtag_item { font-size: 15px; } .blog .view_all_blogs a { font-size: 25px; gap: 12px; } .social_networks { padding-block: 97px 126px; } .social_networks .section_title br { display: none; } .social_networks .section_title span { max-width: 74%; } .social_networks .section_title img { top: -44px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .social_networks .section_title { margin-bottom: 24px; } .social_networks .social_row { padding-inline: 295px; } .social_networks .social_row .social_admin .admin_img { margin-bottom: 18px; } .social_networks .social_row .social_admin .admin_name { font-size: 22px; margin-bottom: 5px; } .social_networks .social_row .social_admin .admin_work { font-size: 16px; margin-bottom: 20px; } .social_networks .social_row .social_admin .about_admin { font-size: 16px; line-height: 170%; margin-bottom: 20px; } .social_networks .social_row .social_admin .about_admin br { display: none; } .social_networks .social_admin .section_action a { font-size: 22px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-block: 31px; padding-inline: 0; } .social_networks .row .section_bg img { width: 209px; -webkit-transform: translate(-1px, 30px); -ms-transform: translate(-1px, 30px); transform: translate(-1px, 30px); } .company_address { padding-block: 97px 99px; } .company_address .section_title { margin-bottom: 63px; } .company_address .section_title img { top: 6px; bottom: 0; right: -30px; margin: auto 0; width: 70px; } .company_address .address_row { margin-bottom: 34px; } .company_address .address_row .address_item { padding-top: 30px; height: 238px; } .company_address .address_row .item_header { font-size: 16px; margin-bottom: 9px; } .company_address .address_row .item_body .body_action a { font-size: 20px; } .company_address .address_map { -webkit-border-radius: 60px; border-radius: 60px; overflow: hidden; margin-bottom: 99px; } .company_address .address_map img { width: 100%; height: 450px; -o-object-fit: cover; object-fit: cover; } .company_address .about_company .company_title { font-size: 22px; margin-bottom: 31px; } .company_address .about_company .company_desc { font-size: 16px; } .company_address .view_all_text a { font-size: 16px; } footer { padding-block: 98px 100px; } footer .footer_left { padding-right: 17px; } footer .footer_left .footer_title { font-size: 38px; } footer .footer_left .footer_subtitle { font-size: 16px; margin-bottom: 29px; } footer .footer_right .footer_nav { gap: 69px; } footer .footer_right .footer_nav a { font-size: 16px; } footer .footer_right a.nav_main_link { font-size: 22px; line-height: 119%; } footer .footer_right .inner_nav a.nav_main_link.mt_1 { margin-top: 13px; } footer .footer_right .footer_address_links { gap: 15px; } footer .footer_address_links .phone_number a { font-size: 22px; } footer .footer_address_links .region_name { font-size: 16px; } footer .footer_address_links .email a { font-size: 16px; } footer .footer_right .inner_nav .inner_item:last-child li:last-child a.nav_main_link.mt_1:last-child { font-size: 21px; margin-top: 20px; line-height: 120%; } .hero.index_2 { padding-block: 0px 50px; } .breadcrumb { margin-bottom: 11px; } .breadcrumb a { font-size: 15px; } .breadcrumb .breadcrumb_arrow svg { -webkit-transform: translateY(5px) translateX(-1px); -ms-transform: translateY(5px) translateX(-1px); transform: translateY(5px) translateX(-1px); } .breadcrumb .active_item { font-size: 15px; } .hero.index_2 .hero_item_main { padding-top: 75px; } .why_us.index_2 { padding-block: 87px 99px; } .our_works { padding-block: 97px 99px; } .our_works .section_title { margin-bottom: 34px; position: relative; } .our_works .section_subtitle { font-size: 16px; max-width: 68%; line-height: 168%; } .our_works .section_title img { top: -11px; right: -11px; position: absolute; width: 70px; } .quiz.index_2 { padding-block: 97px 100px; } .quiz.index_2 .quiz_row .quiz_form_parent { padding-top: 43px; padding-bottom: 49px; } .quiz.index_2 .quiz_row .block_title { margin-bottom: 31px; } .quiz.index_2 .about_worker .worker_block .block_body { gap: 27px; } .site_traffic.index_2 .swiper_traffic .traffic_item .item_title { line-height: 120%; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header * { margin-bottom: 9px; } .site_traffic.service_price .swiper_traffic .traffic_item { gap: 0; } .stages_development.index_2 .stage_item .item_title { margin-bottom: 11px; } .portfolio.index_2 { padding-block: 97px 100px; } .portfolio.index_2 .portfolio_row { gap: 46px 25px; } .portfolio.index_2 .portfolio_row .work_item .item_image { margin-bottom: 17px; } .portfolio.index_2 .portfolio_row .work_item .item_title { line-height: 124%; } .callback_form { padding-block: 96px 100px; } .callback_form .form_block .form_main { padding-inline: 240px; } .callback_form .form_block .form_main { margin-bottom: 12px; } .callback_form .form_block .privacy_policy span { font-size: 15px; max-width: 100%; } .callback_form .form_block .privacy_policy a { font-size: 15px; } .callback_form .social_sets .sets_title { font-size: 16px; } .callback_form .sets_row a, .callback_form .phone_number a { font-size: 22px; } .callback_form .section_title img { width: 70px; right: -30px; top: -7px; } .callback_form .set_main_row { padding-inline: 100px; } .callback_form .sets_row a, .callback_form .phone_number a { padding-top: 18px; } .work_price { padding-block: 97px 100px; } .work_price .section_title { margin-bottom: 52px; } .work_price .section_title img { width: 70px; right: -30px; top: -7px; } .work_price .works_row { padding-inline: 50px; /* gap: 19px; */ } .work_price .works_row .work_item .item_subtitle { margin-bottom: 24px; } .work_price .works_row .work_item { padding-right: 30px; } .work_price .works_row .work_item .programing_types { gap: 10px 23px; } .work_price .work_item .programing_types .type_item { /* width: initial; */ gap: 10px; } .work_price .works_row .work_item .item_title { font-size: 22px; margin-bottom: 12px; } .work_price .works_row .work_item .item_subtitle { font-size: 15px; } .work_price .programing_types .type_item .type_name { font-size: 16px; } .work_price .work_item .item_body .item_price { font-size: 22px; } .work_price .work_item .item_body .work_period { font-size: 16px; } .work_price .work_item .item_body .about_work { font-size: 16px; } .work_price .work_item .item_body .about_work svg { width: 30px; height: 30px; } .work_price .works_row .work_item .programing_types { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .technologies { padding-block: 98px 100px; } .technologies .section_title { margin-bottom: 53px; } .technologies .section_title img { width: 70px; right: -30px; top: -7px; } .technologies .technologies_row .technolog_item { padding: 25px 25px 20px 25px; } .technologies .technologies_row .item_title { font-size: 16px; margin-bottom: 4px; } .technologies .technologies_row { -webkit-box-align: initial; -webkit-align-items: initial; -ms-flex-align: initial; align-items: initial; } .technologies .technologies_row .item_name { font-size: 22px; } .technologies .technologies_row .item_name img { width: 30px; } .technologies .technologies_row { gap: 21px; } .site_traffic.index_second { padding-block: 96px 170px; } .site_traffic.index_second .section_title img { top: 6px; right: -25px; } .site_traffic.index_second .swiper_traffic .traffic_item .item_title { margin-bottom: 15px; } .site_traffic.index_second .traffic_item .traffic_content { font-size: 16px; } .site_traffic.index_second .traffic_item .traffic_content br { display: none; } .reviews.index_2 { padding-block: 97px 152px; } .reviews.index_2 .reviews_swiper_main .review_item .person_name { margin-bottom: 3px; } .reviews.index_2 .reviews_swiper_main .review_item .review_content { gap: 11px; } .reviews.index_2 .reviews_swiper_main .review_item { padding-bottom: 69px; } .why_us.our_command { padding-block: 86px 100px; } .why_us.our_command .section_title { margin-bottom: 24px; } .why_us.our_command .section_subtitle { font-size: 16px; max-width: 68%; margin-bottom: 48px; } .why_us.our_command .why_us_tab .title_item .title_main_part { gap: 15px; } .why_us.our_command .section_subtitle br { display: none; } .site_traffic.trafic_second .section_title img { top: 3px; } .site_traffic.trafic_second .section_title { margin-bottom: 62px; } .site_traffic.trafic_second .swiper_traffic .traffic_item .item_img { margin-bottom: 26px; } .site_traffic.trafic_second .swiper_traffic .traffic_item .item_title { max-width: 86%; } .site_traffic.trafic_second .swiper_traffic .traffic_item .item_title br { display: none; } .site_traffic .swiper_traffic .traffic_item .item_subtitle { max-width: 80%; } .faq { padding-block: 96px 103px; } .faq .section_title { margin-bottom: 53px; } .faq .section_title img { width: 73px; top: -9px; right: -32px; } .faq .faq_block { padding-inline: 210px; } .faq .faq_block .faq-item .faq-question { line-height: 132%; } .private_sites { padding-block: 98px 100px; } .private_sites .section_title img { width: 73px; top: -9px; right: -32px; } .private_sites .section_title { margin-bottom: 54px; } .about_site .about_site_title { font-size: 22px; margin-bottom: 26px; } .about_site .about_subtitle { font-size: 16px; } .about_site .view_all_text a { font-size: 16px; } .about_site { padding-bottom: 98px; } footer .footer_right { gap: 87px; } .quiz .about_worker .phone_number a svg { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } section { padding-top: 100px; } .bg_image { top: -70px !important; } } @media (max-width: 1440px) { header .container .header_links { display: none; } .social_networks .social_row { padding-inline: 200px; } .work_price .works_row .swiper-slide { height: auto !important; } .social_networks .social_admin .section_action a { padding-inline: 20px; } .site_traffic.service_price .item_header { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after { right: 0; width: 128%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: translate(2px, -1px); -ms-transform: translate(2px, -1px); transform: translate(2px, -1px); } header .container .hamburg_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } header .hamburg_menu .hamburg_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end; gap: 6px; cursor: pointer; } header .hamburg_menu .hamburg_btn span { width: 25px; height: 2px; -webkit-border-radius: 12px; border-radius: 12px; background: #B6B8BC; } header .hamburg_menu .hamburg_btn span:last-child { width: 18px; } header .container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } footer .footer_right .footer_nav { gap: 30px; } .work_price .works_row .work_item .programing_types { row-gap: 15px; } .strong_team .team_row.desctop { display: none; } .strong_team .team_row.mobile { display: block; } .strong_team .team_row .team_item { width: 100%; } .strong_team .team_row .swiper-slide { height: auto; } .strong_team .team_row .swiper-slide .team_item { height: 100%; } .strong_team .mobile_swiper .swiper-pagination { opacity: 1; visibility: visible; bottom: 50px; } .hero.index_2 { padding-top: 0 !important; } } @media (max-width: 1390px) { .site_traffic.main .section_title span { max-width: 60%; } } @media (max-width: 1300px) { .collaborated_companies .companies_img_row .company_item { width: -webkit-calc(25% - 24px); width: calc(25% - 24px); } .hero .row .hero_item_main .hero_title { max-width: 67%; } .stages_development .stages_swiper { max-width: 85%; } .strong_team .team_row .team_item:last-child .team_img { padding: 5px; } footer .footer_right .inner_nav { width: 100%; } footer .footer_right a.nav_main_link br { display: none; } .collaborated_companies .section_title img { top: -135px; } .quiz .section_title img { top: -116px; } .blog .section_title img { top: -110px; } .social_networks .section_title img { top: -160px; } .company_address .section_title img { top: -130px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after { top: 0; width: 121%; } .quiz .about_worker .links_main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /* gap: 15px; */ } .quiz .about_worker .admin_links { margin-bottom: 0; } .callback_form .form_block .form_main { padding-inline: 50px; } .technologies .technologies_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .technologies .technologies_row .technolog_item { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } /* .stages_development .swiper-button-next{ right: 0; } */ .faq .faq_block { padding-inline: 0; } .quiz .quiz_main_form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; } .quiz .about_worker { padding-top: 30px; } .quiz .quiz_row .quzi_with_progres { width: 100%; } .quiz .quiz_row .quiz_form { width: 100%; } .portfolio .portfolio_row .work_item { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } .callback_form .form_block .form_main { padding-inline: 20px; } .callback_form .set_main_row { padding-inline: 0; } footer .container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 45px; } footer .footer_left .footer_title br { display: none; } footer .footer_left { width: 100%; } footer .footer_right { width: 100%; } footer .footer_right .footer_top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 30px; } footer .footer_right .footer_nav { width: 100%; gap: 47px; } footer .footer_right .footer_address_links { width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .md_none { display: block; } footer .footer_left .footer_title { margin-bottom: 17px; } footer { padding-block: 80px 80px; } footer .footer_left { padding-right: 0; } footer .footer_left .privacy_policy { max-width: 89%; letter-spacing: 0.1px; } footer .footer_left .privacy_policy br { display: none; } footer .footer_right .inner_nav { gap: 19px; } footer .footer_right { gap: 30px; } .social_networks .social_row { padding-inline: 0; } .quiz .about_worker .admin_links a { font-size: 20px; padding-inline: 20px; } .quiz .about_worker .phone_number a { font-size: 20px; /* padding-inline: 10px; */ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .collaborated_companies .container .bg_image { top: -60px; } .hero .row .hero_item_main { width: 100%; } .hero .row .hero_item { width: 65%; } .company_address .address_row .address_item { height: auto; } .company_address .address_row .item_body { gap: 30px; } .hero .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* gap: 41px; */ } } @media (max-width: 1200px) { .hero .row .hero_item_main .hero_title { max-width: 100%; font-size: 43px; } .company_address .address_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .work_price .works_row .work_item .item_header { width: 70%; } .quiz .container .bg_image { top: -60px; } .collaborated_companies .companies_img_row .company_item:nth-child(n+13) { display: none; } .collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n+13) { display: block; } .collaborated_companies .view_all_company { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .quiz .quiz_form_parent .progress_bar { width: 250px; } .site_traffic.main .section_title span { max-width: 70%; } } @media (max-width: 1024px) { .company_address .about_company .company_desc { max-width: 100%; } .work_price .works_row { padding-inline: 0; } } @media (max-width: 968px) { .container { max-width: 100%; padding-inline: 40px; } .bg_image { right: 40px !important; } .stages_development .container .bg_image { top: -50px; } .site_traffic.main .section_title span { max-width: 90%; } .site_traffic.main .bg_image { top: -80px; } .quiz .quiz_row .quiz_form .quzi_with_progres { width: 100%; } .portfolio.index_2 .portfolio_row .work_item .item_title span { max-width: 90%; } .strong_team .mobile_swiper .swiper-pagination { opacity: 1; visibility: visible; } .header_size { height: 80px; } .site_traffic .section_title img { top: -160px; right: 18px; } .blog .blog_row { margin-bottom: 70px; } .blog .blog_row .swiper { overflow: initial; } .blog .blog_row .swiper-pagination { bottom: var(--swiper-pagination-bottom, -48px); } .social_networks .social_admin .section_action a { padding-inline: 35px; } .company_address .address_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog .blog_row .swiper-slide { height: auto; } .blog .blog_row .blog_item { height: 100%; } .hero { padding-top: 40px; padding-bottom: 60px; } .quiz .container { position: relative; z-index: 1; } .quiz::after { top: -40%; } .why_us .why_us_mobile .accardion_item svg { opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .why_us .why_us_mobile .accardion_item:hover .accordion-header svg { visibility: visible; opacity: 1; right: 11px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .social_networks .social_row { padding-inline: 0; } .blog .blog_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .strong_team .section_title { position: relative; } .strong_team .section_title img { -webkit-transform: none; -ms-transform: none; transform: none; } .strong_team .container { padding-inline: 0; } header .container .header_links, header .container .social_sets, header .container .phone_number { display: none; } header { padding-bottom: 23px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); } header .container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } header .container .hamburg_menu { display: block; } .hero.index_2 { padding-block: 0 62px; } .hero.index_2 .hero_item_main { width: 100%; padding-top: 58px; } .hero .row .hero_item { width: 78.5%; } .call_back_fixed { position: fixed; bottom: 0; width: 100%; padding: 15px; -webkit-border-radius: 30px 30px 0px 0px; border-radius: 30px 30px 0px 0px; background: #FFF; -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); padding-bottom: 20px; z-index: 1000; display: block; } .call_back_fixed .social_sets { gap: 10px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .call_back_fixed .header_btn { padding: 18px 37px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; } .call_back_fixed .social_sets .social_item { width: 60px; height: 60px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .why_us { -webkit-border-radius: 50px; border-radius: 50px; } .why_us.index_2 { padding-block: 77px 80px; } .why_us .why_us_block.desctop { display: none; } .why_us .why_us_mobile { display: block; } .why_us { padding-block: 98px 60px; -webkit-border-radius: 50px; border-radius: 50px; } .why_us .section_title { margin-bottom: 32px; } .section_title img { position: absolute; } .why_us .section_title { position: relative; } .section_title img { top: -60px; right: 9px; } .why_us .why_us_block.desctop { display: none; } .why_us .why_us_mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .why_us .why_us_mobile .accardion_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* gap: 15px; */ } .why_us .why_us_mobile .accardion_item.active .accordion-header { background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); } .why_us .why_us_mobile .accardion_item.active .accordion-header .item_title { color: #FFF; } .why_us .why_us_mobile .accardion_item .accordion-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; padding: 15px 15px 15px 15px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; } .why_us .why_us_mobile .accardion_item .header_image { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; } .why_us .why_us_mobile .accardion_item .header_image img { width: 40px; } .why_us .why_us_mobile .accardion_item .accordion-header .item_title { color: #2A343E; font-family: Involve; font-size: 18px; font-style: normal; font-weight: 700; line-height: 120%; } .why_us .why_us_mobile .accordion-header .header_image { width: 60px; height: 60px; } .why_us .why_us_mobile .accardion_item.active .accordion-header svg { opacity: 1; visibility: visible; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .why_us .why_us_mobile .accardion_item:hover .accordion-header path { stroke: #000; } .why_us .why_us_mobile .accardion_item.active:hover .accordion-header path { stroke: #FFF; } .why_us .why_us_mobile .accardion_item.active .accordion-header svg { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .why_us .why_us_mobile .accardion_item .accordion-header svg { position: absolute; top: 0; bottom: 0; right: 21px; margin: auto 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* .why_us .why_us_mobile .accardion_item.active .accordion-content{ opacity: 1; } */ .why_us .why_us_mobile .accardion_item .accordion-content { color: #2A343E; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 169%; -webkit-border-radius: 30px; border-radius: 30px; background: #FFF; -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); padding: 20px; margin-top: 15px; } .our_works { padding-block: 77px 80px; } .our_works .section_title img { top: -61px; right: -1px; } .our_works .section_subtitle { max-width: 100%; } .quiz.index_2 { padding-block: 90px 80px; } .quiz .section_title { text-align: center; } .quiz .section_title img { top: -144px; right: -20px; } .quiz .section_title span { max-width: 85%; } .quiz .quiz_row .quiz_form { width: 100%; } .quiz .quiz_main_form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; } .quiz .quiz_form_parent .quiz_progress .progress_title { font-size: 22px; margin-right: 10px; } .quiz .quiz_form_parent .quiz_progress .progress_bar { width: 200px; } .quiz .quzi_with_progres { width: 100%; } .quiz .about_worker { padding-top: 33px; } .site_traffic.service_price.index_2 { padding-block: 72px 131px; } .site_traffic.service_price .section_title img { top: -93px; bottom: 0; right: -19px; } .site_traffic .swiper_traffic { padding-inline: 0; } .site_traffic .swiper_traffic .swiper-button-next, .site_traffic .swiper_traffic .swiper-button-prev { display: none; } .site_traffic .section_title { margin-bottom: 33px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img { width: 45px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header * { margin-bottom: 13px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info, .site_traffic.service_price .swiper_traffic .traffic_item ul { padding-right: 44px; } .site_traffic.index_2 .swiper_traffic .swiper-slide { height: auto; } .stages_development.index_2 { padding-block: 77px 130px; } .stages_development .section_title img { top: -93px; right: -20px; } .stages_development .section_title { margin-bottom: 32px; } .portfolio .section_title { position: relative; } .portfolio.index_2 { padding-block: 77px 79px; } .portfolio.index_2 .portfolio_row { gap: 30px; margin-bottom: 23px; } .portfolio.index_2 .portfolio_row .work_item .item_image { margin-bottom: 7px; -webkit-border-radius: 18px; border-radius: 18px; } .portfolio.index_2 .portfolio_row .work_item .item_title { font-size: 18px; margin-bottom: 6px; } .portfolio .portfolio_row .work_item .item_description { font-size: 15px; max-width: 100%; } .callback_form { padding-block: 77px 79px; } .work_price .works_row { padding-inline: 0; } .callback_form .section_title img { right: -20px; top: -57px; } .callback_form .set_main_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .callback_form .form_block .form_main { padding-inline: 0; } .work_price { padding-block: 77px 80px; } .work_price .section_title { margin-bottom: 31px; } .work_price .section_title img { right: -20px; top: -57px; } .work_price .works_row .work_item .item_header { width: 69%; } .work_price .works_row .work_item { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; padding-right: 22px; } .work_price .work_item .item_body { padding-top: 0; } .work_price .works_row .work_item .item_subtitle { max-width: 95%; } .work_price .work_item .item_body .item_price { margin-bottom: 12px; } .technologies { padding-block: 77px 77px; } .technologies .section_title { margin-bottom: 32px; } .technologies .section_title img { right: -20px; top: -57px; } .technologies .technologies_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .strong_team .team_row .team_item { width: 100%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_title { font-size: 20px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img::after { right: 0; width: 138%; height: 137%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: none; -ms-transform: none; transform: none; } .stages_development .swiper-button-next, .stages_development .swiper-button-prev { display: none; } .collaborated_companies .companies_img_row { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .collaborated_companies .companies_img_row .company_item { width: -webkit-calc(33.333% - 14px); width: calc(33.333% - 14px); } /* .collaborated_companies .companies_img_row .company_item:nth-child(n + 10){ display: none; } */ .collaborated_companies .companies_img_row.show_all_company .company_item:nth-child(n+10) { display: block; } .strong_team .team_row .team_item:last-child { height: 100%; } .technologies .technologies_row .technolog_item { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); padding: 25px 25px 22px 25px; } .technologies .technologies_row .item_title { margin-bottom: 7px; } .site_traffic.index_second { padding-block: 77px 129px; } .site_traffic.index_second .section_title img { top: -92px; right: -16px; width: 61px; } .site_traffic.index_second .swiper_traffic .traffic_item { padding-right: 36px; } .reviews.index_2 { padding-block: 77px 130px; } .reviews .section_title img { top: -92px; right: -20px; } .reviews .review_swiper { padding-inline: 0; } .reviews .section_title { margin-bottom: 33px; } .reviews.index_2 .reviews_swiper_main .review_item { padding-bottom: 29px; } .reviews .reviews_swiper_main .swiper-button-next, .reviews .reviews_swiper_main .swiper-button-prev { display: none; } .why_us.our_command { padding-block: 77px 80px; } .why_us.our_command .section_title { margin-bottom: 17px; } .why_us.our_command .section_subtitle { max-width: 100%; margin-bottom: 28px; } .site_traffic.trafic_second .section_title img { top: -133px; right: -19px; } .site_traffic.trafic_second .section_title { margin-bottom: 23px; } .site_traffic .swiper_traffic .traffic_item .traffic_info, .site_traffic .swiper_traffic .traffic_item ul { padding-right: 51px; } .site_traffic.trafic_second { padding-block: 97px 130px; } .faq { padding-block: 77px 86px; } .faq .section_title img { width: 72px; top: -58px; right: -21px; } .faq .faq_block { padding-inline: 0; } .faq .section_title { margin-bottom: 32px; } .faq .faq_block .faq-item .faq-question { position: relative; /* max-width: 95%; */ line-height: 134%; } .faq .faq_block .faq-item .faq-question svg { position: absolute; top: 30px; right: 16px; } .private_sites { padding-block: 77px 81px; } .private_sites .section_title img { top: -59px; right: -22px; } .private_sites .settings_block .block_item { width: -webkit-calc(51% - 15px); width: calc(51% - 15px); } .private_sites .section_title { margin-bottom: 33px; } .about_site { padding-bottom: 76px; } footer .footer_right a.nav_main_link br { display: none; } .about_site .about_subtitle { max-width: 100%; } footer { padding-block: 80px 118px; } footer .footer_right .footer_top { gap: 27px; } footer .footer_right .footer_nav { gap: 52px; } .stages_development .stages_swiper { max-width: 100%; } .strong_team .mobile_swiper .swiper-pagination { bottom: 50px; } /* .quiz .container .bg_image{ top: -70px; } .blog .container .bg_image{ top: -60px; } .social_networks .container .bg_image{ top: -70px; } .company_address .container .bg_image{ top: -60px; } .work_price .container .bg_image{ top: -60px; } .technologies .container .bg_image{ top: -60px; } .site_traffic.index_second .container .bg_image{ top: -60px; } .faq .container .bg_image{ top: -60px; } .private_sites .container .bg_image{ top: -60px; } */ .faq .faq_block .faq-item .faq-question span { max-width: 90%; } .site_traffic.service_price.index_2 .container .bg_image { background-position-x: -2281px; } } @media (max-width: 850px) { /* .stages_development .section_title img{ top: -160px; } */ .stages_development .container .bg_image { top: -60px; } .collaborated_companies .section_title img { top: -185px; } .blog .section_title img { top: -150px; } .social_networks .section_title img { top: -170px; } .company_address .section_title img { top: -130px; } .work_price .works_row .work_item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; padding: 20px 15px 14px 20px; } .work_price .works_row .work_item .item_header { width: 85%; } .work_price .works_row .work_item .programing_types { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social_networks .section_title span { max-width: 100%; } .portfolio .container .bg_image { right: 20px; } .why_us .container .bg_image { right: 20px; } .reviews .container .bg_image { top: -60px; right: 40px; } } @media (max-width: 755px) { .quiz .about_worker .admin_links a, .quiz .about_worker .phone_number a { padding-inline: 15px; } } @media (max-width: 700px) { .why_us .section_title span { max-width: 85%; } .quiz .about_worker .links_main { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site_traffic.main .section_title span { max-width: 100%; } .work_price .work_item .programing_types .type_item { width: 100%; } .strong_team .mobile_swiper .swiper-pagination { bottom: 50px; } .technologies .technologies_row .technolog_item { width: 100%; } footer .footer_right .inner_nav { display: none; } .social_networks .row .section_bg { display: none; } footer .footer_right .mobile_flex .inner_link_mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } footer .footer_right .mobile_flex .inner_link_mobile { color: #777B89; font-family: Onest; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } footer .footer_right .mobile_flex .inner_link_mobile svg { position: absolute; right: -39px; } footer .footer_right .mobile_flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; position: relative; } footer .footer_right .inner_nav.mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 0; visibility: hidden; height: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } footer .footer_right .inner_nav.mobile.show { padding-top: 30px; visibility: visible; opacity: 1; height: 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .site_traffic.service_price.index_2 .swiper_traffic .swiper-pagination { bottom: -50px; } footer .footer_right .inner_nav ul { padding-left: 30px; } footer .footer_right .inner_nav ul a { padding-left: 30px; } footer .footer_right .inner_nav ul a.nav_main_link { padding-left: 0; } footer .footer_right .inner_nav ul { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .stages_development .section_title img { top: -165px; width: 60px; } .collaborated_companies .section_title img { top: -200px; } .blog .section_title img { top: -100px; } .quiz .section_title img { top: -166px; } .social_networks .section_title img { top: -276px; right: 0; } .social_networks .social_row .row { gap: 20px; } .social_networks .social_admin .section_action a { padding-inline: 0; } .strong_team .team_row .team_item:last-child .team_img { width: 80px; height: 80px; } .company_address .section_title img { top: -145px; } .site_traffic .section_title img { top: -238px; right: -20px; } .why_us .section_title img { top: -45px; } .site_traffic .section_title br { display: none; } .quiz .about_worker .admin_links { width: 100%; } .site_traffic.index_2 .swiper { padding-bottom: 0; margin-bottom: 0; } .stages_development .stage_swiper_main .swiper-slide { padding: 0; } .stages_development .stages_swiper { max-width: 100%; margin: initial; } .stages_development .stages_swiper .swiper { overflow: visible; } .stages_development .swiper-pagination { bottom: -55px; } .portfolio .portfolio_row .work_item { width: 100%; } /* .works_row .swiper{ height: auto !important; } */ .works_row .swiper-pagination { bottom: -50px; } .works_row .swiper-wrapper { height: auto !important; } .quiz .quiz_form_parent .quiz_progress { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 11px 0; flex-wrap: wrap; } .quiz .quiz_form_parent .quiz_progress .progress_bar { width: 100%; } .quiz .about_worker .admin_links { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; } .quiz .about_worker .phone_number { width: 100%; } .portfolio .container .bg_image { right: 40px; } .portfolio .container .bg_image { top: -70px; } .collaborated_companies .container .bg_image { right: 40px; } .why_us.index_2 .container .bg_image { top: -60px; } .callback_form .container .bg_image { top: -60px; } .work_price .container .bg_image { top: -40px; } .faq .faq_block .faq-item .faq-question { font-size: 22px; } /*.site_traffic .swiper_traffic .traffic_item .item_title { max-width: 50%; }*/ .site_traffic .swiper_traffic .traffic_item { padding-right: 20px 30px 30px 20px; } } @media (max-width: 576px) { .section_title img { right: 0 !important; } .quiz .section_subtitle { max-width: 85%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-inline: auto; } .work_price .section_title span { max-width: 85%; } .works_row .swiper { overflow: visible; } .strong_team .section_header { padding-inline: 20px; } .social_networks .social_row { padding-inline: 0; } .social_networks .section_title { margin-bottom: 33px; } .social_networks .section_title span { max-width: 98%; } .social_networks .section_title img { top: -147px; right: -5px; } .social_networks .social_row .social_admin { padding-top: 0; } .social_networks .social_row .social_admin .admin_img { width: 100px; margin-bottom: 0; } .social_networks .social_row .social_admin .admin_img img { width: 100%; } .social_networks .social_row .admin_head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .social_networks .social_row .social_admin .admin_name { font-size: 18px; margin-bottom: 0; } .social_networks .social_row .social_admin .admin_work { font-size: 15px; margin-bottom: 0; } .social_networks .social_row .item_body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .social_networks .social_row .social_admin .about_admin { font-size: 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 147%; margin-bottom: 16px; } .social_networks .social_row .social_admin .about_admin span { max-width: 90%; display: block; } .social_networks .social_row .admin_head { margin-bottom: 15px; } .social_networks .social_admin .section_action a { padding-inline: 0; width: 100%; padding-block: 21.1px; font-size: 18px; } .site_traffic.service_price .traffic_item .header_price { margin-top: 10px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img { -webkit-transform: none; -ms-transform: none; transform: none; width: 60px; height: 60px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: none; -ms-transform: none; transform: none; } .quiz .about_worker .links_main { gap: 0; } .site_traffic .swiper_traffic .swiper { overflow: visible; } .why_us.index_2 .section_title img { top: -50px; } .why_us.our_command .section_title img { top: -60px; } .hero .row .hero_item { width: 100%; } .quiz .quiz_form_parent .quiz_progress .progress_title { font-size: 18px; text-align: center; margin-right: 0; } .quiz .quiz_form_parent .progress_bar { margin-right: 0; } .quiz .quiz_form_parent .progres_next_btn { margin-right: 15px; padding: 13px; } .quiz .quiz_form_parent .progres_next_btn svg { width: 30px; height: 30px; } .quiz .quiz_form_parent .next_form_btn { padding: 19px 0; font-size: 15px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img { -webkit-transform: none; -ms-transform: none; transform: none; } .stages_development .stage_swiper_main .swiper-slide { padding: 0; } .portfolio.index_2 .portfolio_row .work_item .item_image { margin-bottom: 10px; } .quiz .about_worker .admin_links a { gap: 11px; padding-block: 19px; } .quiz .about_worker .admin_links a, .quiz .about_worker .phone_number a { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; } .quiz .about_worker .admin_links a svg { width: 21px; height: 21px; } .quiz .about_worker .admin_links a:last-child svg { width: 25px; height: 25px; } .quiz .section_title img { top: -200px; } .blog .section_title img { right: 0; } .why_us .section_title img { top: -50px; } .hero .row .hero_item_main .hero_title { font-size: 28px; margin-bottom: 20px; } .work_price { padding-block: 58px 112px; } .works_row.desctop { display: none; } .site_traffic.service_price.global .container .bg_image { background-position: -555px; } .work_price .works_row.mobile { -webkit-box-orient: inherit; -webkit-box-direction: inherit; -webkit-flex-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; display: block; } .work_price .work_item .programing_types .type_item { width: 100% !important; } .work_price .works_row .work_item .item_header { width: 100%; } .work_price .works_row .work_item .item_title { font-size: 18px; line-height: 124%; } .work_price .works_row .work_item .item_subtitle { font-size: 15px; } .work_price .programing_types .type_item .type_name { font-size: 15px; } .work_price .works_row .work_item .item_subtitle { margin-bottom: 15px; } .work_price .work_item .item_body .item_price { font-size: 18px; } .work_price .work_item .item_body .work_period { font-size: 15px; } .work_price .work_item .item_body .work_period { margin-bottom: 13px; } .work_price .work_item .item_body .about_work { font-size: 15px; } .work_price .work_item .item_body .about_work svg { -webkit-transform: none; -ms-transform: none; transform: none; } .works_row.mobile .swiper-pagination { bottom: -38px; } .strong_team .section_subtitle { max-width: 100%; } .why_us .section_title span { max-width: 100%; } .why_us .why_us_mobile .accardion_item .accordion-header { gap: 0; } .why_us .why_us_mobile .accardion_item .accordion-header .item_title { max-width: 90%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_title br { display: none; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img { padding: 0; width: 40px; height: 40px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_img img { width: 100%; } } @media (max-width: 576px) { .container { max-width: 480px; padding-inline: 15px; } .site_traffic.index_second .section_title span { max-width: 85%; } .callback_form .phone_number a svg { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .breadcrumb { gap: 3px; } .bg_image { width: 50px; height: 50px; right: 10px !important; top: -51px !important; background-size: 1800px; background-position-y: -32px !important; } .site_traffic.main .bg_image { background-position-x: -240px; } .portfolio .container .bg_image { background-position-x: -320px; } .why_us .container .bg_image { background-position-x: -400px; } .strong_team .container .bg_image { background-position-x: -476px; } .site_traffic.service_price.index_2 .container .bg_image { background-position-x: -1255px; } .stages_development .container .bg_image { background-position-x: -631px; } .collaborated_companies .container .bg_image { background-position-x: -710px; } .reviews .container .bg_image { background-position-x: -1411px; background-size: 2300px; background-position-y: -45px !important; } .quiz .container .bg_image { background-position-x: -788px; } .blog .container .bg_image { background-position-x: -865px; } .social_networks .container .bg_image { background-position-x: -942px; top: -65px !important; } .company_address .container .bg_image { background-position-x: -1022px; top: -65px !important; } .our_works .container .bg_image { background-position-x: -1178px; } .callback_form .container .bg_image { background-position-x: -1331px; } .work_price .container .bg_image { background-position-x: -555px; } .technologies .container .bg_image { background-position-x: -1410px; } .site_traffic.index_second .container .bg_image { background-position-x: -1486px; background-position-y: -31px !important; } .why_us.our_command .container .bg_image { background-position-x: -477px; } .site_traffic.trafic_second .container .bg_image { background-position-x: -1561px; } .faq .container .bg_image { background-position-x: -1639px; } .private_sites .container .bg_image { background-position-x: -1717px; } .quiz .section_title span { max-width: 95%; } .why_us .section_title img { top: -100px; } .site_traffic .section_title img { top: -137px; right: 13px; } .portfolio.index_2 .portfolio_row .work_item .item_title { max-width: 100%; } .private_sites .settings_block .block_item .item_name.mobile_name { display: block; } .header_size { height: 60px; } .call_back_form .modal_block { width: 95%; -webkit-border-radius: 60px 0px 0px 60px; border-radius: 60px 0px 0px 60px; overflow-y: auto; overflow-x: hidden; padding-block: 100px; padding-top: 200px; padding-inline: 20px; } .call_back_form .modal_block .modal_title { margin-bottom: 15px; } .call_back_form .modal_block .modal_form input { font-size: 15px; } .call_back_form .modal_block .privacy_policy { font-size: 15px; } .call_back_form .modal_block .modal_title { font-size: 26px; line-height: 130%; } .hero .row .hero_item_main { padding-top: 30px; } .breadcrumb a { font-size: 15px; line-height: 215%; } .breadcrumb .breadcrumb_arrow svg { -webkit-transform: translateY(5px) translateX(-1px); -ms-transform: translateY(5px) translateX(-1px); transform: translateY(5px) translateX(-1px); } .breadcrumb .active_item { font-size: 15px; } header { padding-bottom: 11px; } header .container .header_logo { margin-right: 0; font-size: 26px; } header .mobile_phona { display: block; } .hero .row .hero_item_main { width: 100%; } .hero .row .hero_item_main .hero_subtitle { font-size: 15px; line-height: 150%; } .d_none { display: block; } .hero { padding-block: 27px 60px; } .site_traffic.main .section_title span { max-width: 96%; overflow: hidden; font-size: 21px; line-height: 131%; } .site_traffic.main { padding-top: 60px; } .hero .row { gap: 16px; } .hero .row .hero_item_main .hero_subtitle { margin-bottom: 14px; } .hero .row .hero_item_main .hero_action a { font-size: 20px; gap: 10.38px; } .hero .row .hero_item_main .hero_action a svg { width: 30px; height: 30px; } .hero .row .hero_item .hero_adv_item .item_image { width: 60px; height: 60px; } .hero .row .hero_item .hero_adv_item .item_image img { width: 40px; height: 40px; } .work_price .section_title img { right: -10px; top: -116px; } .hero .row .hero_item { width: 100%; } .hero .row .hero_item .hero_adv_row { gap: 11px; } .hero .row .hero_item .hero_adv_item .item_title { font-size: 15px; line-height: 20px; } .callback_form .thanks_block .block_title { font-size: 24px; margin-bottom: 10px; } .footer_thanks .thanks_title { font-size: 26px; } .footer_thanks .thanks_subtitle { font-size: 15px; margin-bottom: 15px; } .callback_form .thanks_block .block_subtitle { font-size: 15px; margin-bottom: 10px; } .callback_form .thanks_block .return_btn { width: 100%; } .callback_form .thanks_block .return_btn a { padding-inline: 0; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero .row .hero_item .hero_adv_item { padding: 15px 15px 15px 20px; -webkit-border-radius: 30px; border-radius: 30px; } .site_traffic { padding-block: 59px 110px; -webkit-border-radius: 30px; border-radius: 30px; } .site_traffic .container { padding-inline: 0; } .section_title { font-size: 26px; position: relative; line-height: 120%; } .site_traffic .section_title { padding-inline: 10px; margin-bottom: 32px; } .section_title img { position: absolute; top: -79px; bottom: 0; right: -5px; margin: auto 0; width: 40px !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .site_traffic .swiper_traffic .swiper-button-next, .site_traffic .swiper_traffic .swiper-button-prev { display: none; } .site_traffic .swiper_traffic { padding-inline: 0; } .site_traffic .swiper_traffic .swiper { padding-inline: 25px; } .site_traffic.index_second .swiper { margin: -70px 0; } .site_traffic .swiper_traffic .traffic_item { -webkit-border-radius: 30px; border-radius: 30px; padding: 20px 15px 30px 20px; } .site_traffic .swiper_traffic .traffic_item .item_title { font-size: 18px; margin-bottom: 12px; } .site_traffic .swiper_traffic .traffic_item .item_img { margin-bottom: 10px; padding: 0; width: 60px; height: 60px; } .site_traffic .swiper_traffic .traffic_item .item_subtitle { font-size: 15px; margin-bottom: 7px; } .site_traffic.main .swiper_traffic .traffic_item .item_subtitle { max-width: 100%; } .site_traffic .swiper_traffic .traffic_item .traffic_info li, .site_traffic .swiper_traffic .traffic_item ul li { font-size: 15px; line-height: 152%; } .site_traffic .swiper_traffic .traffic_item .item_img img { width: 40px; } .site_traffic .swiper_traffic .traffic_item .traffic_info, .site_traffic .swiper_traffic .traffic_item ul { padding-left: 21px; } .portfolio { padding-block: 58px 61px; } .portfolio .section_title { margin-bottom: 33px; } .portfolio .portfolio_row { gap: 25.4px; margin-bottom: 26px; } .portfolio .portfolio_row .work_item { width: 100%; } .portfolio .portfolio_row .work_item .item_image { -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 8px; } .portfolio .portfolio_row .work_item .item_title { font-size: 18px; margin-bottom: 7px; } .portfolio .portfolio_row .work_item .item_description { font-size: 15px; line-height: 155%; max-width: 100%; } .portfolio .view_all_work a { font-size: 20px; } .portfolio .view_all_work a svg { width: 30px; height: 30px; } .why_us { padding-block: 58px 58px; } .strong_team { padding-block: 58px 112px; } .strong_team .section_subtitle { max-width: 100%; font-size: 15px; line-height: 150%; } .strong_team .section_subtitle { margin-bottom: 30px; } .strong_team .team_row .team_item:last-child .team_img { width: 80px; height: 80px; padding: 5px; } .strong_team .team_row .team_item { width: 100%; } .quiz .quiz_main_form .thanks_block .return_btn { padding-inline: 0; width: 100%; font-size: 15px; padding-block: 15px; } .hero .row .hero_item_main { padding-top: 0; } .hero.index_2 .hero_item_main { padding-top: 30px; } .quiz .quiz_main_form .thanks_block .block_title { font-size: 26px; } .quiz .quiz_main_form .thanks_block .block_subtitle { font-size: 15px; } .strong_team .team_row .team_item:last-child { padding: 20px 20px 20px 20px; height: 100%; } .strong_team .team_row .team_item .team_name { font-size: 18px; } .strong_team .team_row .team_item .team_main { padding-left: 0; } .strong_team .team_row .team_item .about_team { font-size: 15px; } .strong_team .team_row .team_item:last-child .team_img { margin-bottom: 14px; } .strong_team .team_row .team_item:last-child .team_name { margin-bottom: 6px; } .strong_team .team_row .team_item .team_job { margin-bottom: 15px; font-size: 15px; } .strong_team .team_row .team_item .about_team { line-height: 148%; } .site_traffic.service_price { padding-block: 70px 100px; } .site_traffic.service_price { padding-block: 58px 112px; } .site_traffic.service_price .section_title img { top: -81px; bottom: 0; right: 10px; } .site_traffic.service_price .item_header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_title { max-width: 100%; width: 100%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_img img { -webkit-transform: translate(-9px, -9px); -ms-transform: translate(-9px, -9px); transform: translate(-9px, -9px); } .site_traffic.service_price .traffic_item .header_price { font-size: 18px; margin-top: 10px; } .site_traffic.service_price .traffic_item .header_price { margin-bottom: 11px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle { line-height: 162%; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle { margin-bottom: 8px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info, .site_traffic.service_price .swiper_traffic .traffic_item ul { padding-left: 22px; } .site_traffic.service_price .swiper_traffic .traffic_item .traffic_info li, .site_traffic.service_price .swiper_traffic .traffic_item ul li { line-height: 151%; } .site_traffic.service_price .swiper_traffic .traffic_item { gap: 7px; padding-bottom: 16px; } .site_traffic.service_price .traffic_item .item_action_url { font-size: 20px; gap: 9.38px; } .site_traffic.service_price .traffic_item .item_action_url svg { width: 30px; } .stages_development { padding-block: 58px 112px; -webkit-border-radius: 30px; border-radius: 30px; } /* .stages_development .section_title img{ top: -113px; bottom: 0; right: -5px; } */ .stages_development .stage_swiper_main .swiper-slide { visibility: visible; opacity: 1; } .stages_development .swiper-button-next, .stages_development .swiper-button-prev { display: none; } .stages_development .section_title { margin-bottom: 32px; font-size: 24px; } .work_price .section_title span { max-width: 100%; font-size: 22px; } .site_traffic.index_second .section_title span { max-width: 100%; font-size: 20px; } .technologies .section_title, .faq .section_title { font-size: 22px; } .private_sites .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .private_sites .section_title span { display: block; max-width: 70%; } .stages_development .stage_item .item_title { font-size: 18px; margin-bottom: 11px; } .stages_development .stage_item .item_desc { font-size: 15px; line-height: 152%; } .stages_development .stage_item { padding: 27px 15px 19px 20px; } .collaborated_companies { padding-block: 58px 112px; } .collaborated_companies .section_title img { top: -113px; bottom: 0; right: -5px; } .collaborated_companies .companies_img_row { gap: 15px; } .collaborated_companies .companies_img_row .company_item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); } .reviews { padding-block: 58px 112px; -webkit-border-radius: 30px; border-radius: 30px; } .collaborated_companies .section_title { margin-bottom: 28px; } .collaborated_companies .companies_img_row { margin-bottom: 20px; } .reviews .section_title img { top: -81px; bottom: 0; right: -5px; } .reviews .section_title { margin-bottom: 32px; } .reviews .review_swiper { padding-inline: 10px; } .reviews .reviews_swiper_main .review_item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 30px 27px 20px; } .reviews .reviews_swiper_main .review_main_content { width: 100%; } .reviews .reviews_swiper_main .review_item .review_content { font-size: 15px; } .reviews .reviews_swiper_main .review_item .person_name { font-size: 18px; } .reviews .reviews_swiper_main .review_item .person_job { font-size: 15px; margin-bottom: 8px; } .reviews .reviews_swiper_main .review_item .review_content { line-height: 154%; gap: 7px; } .reviews .reviews_swiper_main .review_image { width: 41%; } .reviews .reviews_swiper_main .swiper { overflow: visible; } .reviews .reviews_swiper_main .swiper-button-next, .reviews .reviews_swiper_main .swiper-button-prev { display: none; } .quiz { padding-block: 80px 59px; -webkit-border-radius: 30px; border-radius: 30px; } .quiz .section_title { text-align: center; margin-bottom: 16px; } .quiz .section_title img { top: -113px; bottom: 0; right: -5px; } .quiz .quiz_main_form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .quiz .section_subtitle { font-size: 15px; text-align: center; line-height: 158%; margin-bottom: 29px; } .quiz .quiz_row .quiz_form_parent { -webkit-border-radius: 30px; border-radius: 30px; padding: 19.5px 20px 20px 20px; } .quiz .quiz_row .block_title { font-size: 18px; margin-bottom: 16px; } .quiz .quiz_row .input_item { padding: 17.9px; padding-left: 22px; } .quiz .quiz_row .input_item-text { font-size: 15px; } .quiz .quiz_row .quiz_form .inputs_block { gap: 9.7px; } .quiz .quiz_row .quzi_with_progres { width: 100%; } .quiz .quiz_row .quiz_form { width: 100%; } .quiz .about_worker .worker_subtitle { font-size: 15px; margin-bottom: 12px; } .quiz .about_worker { padding-top: 0; } .quiz .quiz_main_form { gap: 31px; } .quiz .about_worker .worker_block { gap: 15px; margin-bottom: 15px; } .quiz .about_worker .worker_block .person_img { width: 114px; } .quiz .about_worker .worker_block .person_img img { width: 100%; } .quiz .about_worker .worker_block .block_body { gap: 11px; } .quiz .about_worker .worker_block .person_name { font-size: 18px; } .quiz .about_worker .worker_block .person_work { font-size: 15px; } .quiz .about_worker .phone_number a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-block: 18px; gap: 9px; } .quiz .about_worker .phone_number a svg { width: 25px; height: 25px; } .blog { padding-block: 58px 61px; } .blog .section_title img { top: -80px; right: -5px; } .blog .blog_row.desctop { display: none; } .blog .blog_row.mobile { display: block; position: relative; } .blog .blog_row.mobile .swiper-pagination { bottom: var(--swiper-pagination-bottom, -50px); left: 12px; } .blog .blog_row.mobile .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px); } .blog .blog_row.mobile .swiper-pagination-bullet { background: #777B89; } .blog .blog_row.mobile .swiper-pagination-bullet-active, .blog .blog_row.mobile .swiper-pagination-bullet { background: transparent; position: relative; } .blog .section_title { margin-bottom: 32px; } .blog .swiper { overflow: visible; } .blog .blog_row { margin-bottom: 78px; } .blog .blog_row .blog_item .blog_title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 15px; } .blog .blog_row .created_date { font-size: 15px; margin-bottom: 3px; } .blog .blog_row .blog_item .blog_title { font-size: 18px; margin-bottom: 6px; } .blog .blog_row .blog_desc { font-size: 15px; margin-bottom: 9px; } .blog .blog_row .hashtags .hashtag_item { font-size: 15px; } .blog .view_all_blogs a { font-size: 20px; } .blog .view_all_blogs a svg { width: 30px; height: 30px; } .social_networks { padding-block: 80px 61px; -webkit-border-radius: 30px; border-radius: 30px; } .company_address { padding-block: 80px 44px; } .company_address .section_title { margin-bottom: 33px; } .company_address .section_title img { top: -50px; right: -5px; } .company_address .address_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 17px; margin-bottom: 31px; } .company_address .address_row .address_item { height: auto; padding: 20px 20px 20px 20px; } .company_address .address_row .item_header { font-size: 15px; margin-bottom: 1px; } .company_address .address_row .item_body { gap: 13px; } .company_address .address_row .item_body .body_item { font-size: 18px; } .company_address .address_row .item_body .body_action a { font-size: 20px; gap: 10px; } .company_address .address_row .item_body .body_action svg { width: 30px; height: 30px; } .company_address .address_map { -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 44px; } .company_address .address_map img { height: 200px; } .company_address .about_company .company_title { font-size: 18px; line-height: 122%; margin-bottom: 14px; } .company_address .about_company .company_desc { font-size: 15px; max-width: 100%; line-height: 154%; margin-bottom: 14px; } .company_address .view_all_text a { font-size: 15px; } footer { padding-block: 43px 155px; -webkit-border-radius: 40px; border-radius: 40px; } footer .container { gap: 59px; } footer .footer_left .footer_title { font-size: 26px; } footer .footer_left .footer_subtitle { font-size: 15px; margin-bottom: 28px; } footer .footer_left .footer_form .input_item input { padding: 17px; font-size: 15px; } footer .footer_left .footer_form .input_item input::-webkit-input-placeholder { font-size: 15px; } footer .footer_left .footer_form .input_item input::-moz-placeholder { font-size: 15px; } footer .footer_left .footer_form .input_item input:-ms-input-placeholder { font-size: 15px; } footer .footer_left .footer_form .input_item input::-ms-input-placeholder { font-size: 15px; } footer .footer_left .footer_form .input_item input::placeholder { font-size: 15px; } footer .footer_left .footer_form { gap: 10px; } footer .footer_left .footer_form .form_btn { font-size: 15px; } footer .footer_left .privacy_policy { font-size: 15px; text-align: center; max-width: 100%; line-height: 150%; } footer .footer_right .footer_nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .footer_right a.nav_main_link { font-size: 18px; } footer .footer_right .footer_nav .nav_item { gap: 30.6px; } footer .footer_right .footer_address_links { gap: 14px; } footer .footer_address_links .phone_number a { font-size: 18px; } footer .footer_address_links .region_name, footer .footer_address_links .email a { font-size: 15px; } footer .footer_bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 30px; } footer .footer_bottom .privacy_privacy_policy { font-size: 15px; } footer .footer_right a.nav_main_link br { display: block; } .hero.index_2 { padding-block: 0 60px; } .why_us { -webkit-border-radius: 30px; border-radius: 30px; } .why_us.index_2 { padding-block: 59px 61px; } .why_us .why_us_mobile .accardion_item .accordion-header .item_title { max-width: 56%; } .why_us .why_us_mobile .accardion_item .accordion-content { font-size: 15px; line-height: 149%; } .our_works { padding-block: 59px 60px; } .our_works .section_title img { top: -115px; right: -5px; } .our_works .section_subtitle { font-size: 15px; } .our_works .section_title { margin-bottom: 17px; } .our_works .section_subtitle { line-height: 150%; } .quiz.index_2 { -webkit-border-radius: 30px; border-radius: 30px; } .quiz.index_2 { padding-block: 58px 60px; } .quiz.index_2 .quiz_row .quiz_form_parent { padding-top: 19px; } .quiz.index_2 .quiz_row .block_title { margin-bottom: 16px; } .quiz.index_2 .about_worker .worker_block .block_body { gap: 11px; } .quiz.index_2 .quiz_row .quiz_form_parent { padding-bottom: 19px; } .site_traffic.service_price.index_2 { padding-block: 58px 113px; } /* .site_traffic.index_2 .section_title img{ transform: rotateY(180deg) !important; top: -113px; } */ .site_traffic.index_2 .swiper_traffic .swiper { padding-inline: 16px; } .site_traffic.service_price.index_2 .item_header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item { padding-top: 20px; } .site_traffic.service_price.index_2 .swiper_traffic .traffic_item .item_header * { margin-bottom: 7px; } .site_traffic.service_price .swiper_traffic .traffic_item .item_subtitle { margin-bottom: 15px; } .site_traffic.index_second .section_title img { top: -113px; right: 10px; } .stages_development.index_2 { -webkit-border-radius: 30px; border-radius: 30px; padding-block: 58px 110px; } .portfolio.index_2 { padding-block: 60px 61px; } .portfolio.index_2 .portfolio_row { gap: 31px; margin-bottom: 27px; } .callback_form { -webkit-border-radius: 30px; border-radius: 30px; padding-block: 58px 58px; } .callback_form .form_block .form_main { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .callback_form .section_title img { right: -5px; top: -78px; } .callback_form .form_block .form_main { gap: 9px; margin-bottom: 11px; } .callback_form .sets_row, .callback_form .set_main_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; width: 100%; } .callback_form .form_block .form_main input { padding: 14px; } .callback_form .form_main button { padding: 18px; font-size: 15px; } .callback_form .form_block .privacy_policy span { font-size: 15px; } .callback_form .form_block .privacy_policy a { font-size: 15px; } .callback_form .social_sets .sets_title { font-size: 15px; } .callback_form .form_block .privacy_policy { margin-bottom: 26px; } .callback_form .set_main_row { padding-inline: 0; } .callback_form .sets_row a { font-size: 18px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px; gap: 10px; } .callback_form .phone_number { width: 100%; } .callback_form .phone_number a { font-size: 18px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px 16px 14px 16px; gap: 10px; } .works_row.work_price_mobile { display: block; } .call_back_fixed .header_btn { padding: 15px 16px; } .technologies { -webkit-border-radius: 30px; border-radius: 30px; padding-block: 58px 57px; } .technologies .section_title img { right: -5px; top: -113px; } .technologies .technologies_row .technolog_item { width: 100%; } .technologies .technologies_row { gap: 5px; } .technologies .technologies_row .technolog_item { padding: 21px 20px 20px 21px; } .technologies .technologies_row .item_name { font-size: 18px; } .technologies .technologies_row .item_title { font-size: 15px; } .site_traffic.index_second { padding-block: 58px 120px; } .site_traffic.index_second .section_title { text-align: center; } .site_traffic.index_second .traffic_item .traffic_content { font-size: 15px; line-height: 152%; } .site_traffic.index_second .traffic_item .traffic_content br { display: none; } .site_traffic.index_second .swiper_traffic .traffic_item { padding: 21px 18px 20px 21px; } .site_traffic.index_second { padding-block: 58px 110px; } .reviews.index_2 { padding-block: 59px 108px; } .reviews.index_2 .reviews_swiper_main .review_item { padding: 20px 30px 29px 20px; } .why_us.our_command { padding-block: 57px 59px; } .why_us.our_command .section_subtitle { font-size: 15px; line-height: 151%; } .why_us .why_us_mobile .accardion_item .accordion-content { line-height: 150%; } .site_traffic.trafic_second { padding-block: 58px 110px; } .site_traffic.trafic_second .section_title { margin-bottom: 33px; } .site_traffic.trafic_second .section_title img { top: -78px; right: 10px; } .site_traffic.trafic_second .swiper_traffic .traffic_item .item_img { margin-bottom: 19px; } .site_traffic .swiper_traffic .traffic_item .traffic_info { padding-right: 30px; } .faq { padding-block: 58px 58px; } .faq .section_title img { top: -115px; right: -5px; } .faq .faq_block { gap: 11px; } .faq .faq_block .faq-item .faq-answer { font-size: 15px; padding: 0 20px 16px 20px; line-height: 150%; } .faq .faq_block .faq-item .faq-question { font-size: 18px; padding: 20px; padding-top: 16px; /* max-width: 92%; */ line-height: 130%; } .faq .faq_block .faq-item .faq-question svg { top: 20px; right: 15px; } .private_sites { padding-block: 58px 58px; -webkit-border-radius: 30px; border-radius: 30px; } .private_sites .section_title img { top: -113px; right: -5px; } .private_sites .settings_block { gap: 15px; } .private_sites .settings_block .block_item { width: 100%; gap: 10px; } .private_sites .settings_block .block_item .item_image { width: 30px; height: 30px; } .private_sites .settings_block .block_item .item_image img { width: 100%; } .private_sites .settings_block .block_item .item_name { font-size: 16px; } .private_sites .settings_block .block_item .item_name { line-height: 116%; } .mob_none { display: none; } .mobile_name { display: block; } .about_site .about_site_title { font-size: 18px; } .about_site .about_subtitle { font-size: 15px; line-height: 150%; margin-bottom: 15px; } .about_site .about_site_title { margin-bottom: 20px; } .about_site .view_all_text a { font-size: 15px; } .about_site { padding-bottom: 45px; } .why_us .why_us_mobile .accardion_item .accordion-header .item_title { font-size: 16px; } .why_us .why_us_mobile .accardion_item .accordion-header svg { width: 30px; height: 30px; } #map { height: 200px; } .blog .blog_row .blog_item svg { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .blog .blog_row .blog_item:hover svg { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } section { padding-top: 80px; } section.hero.index_2 { padding-top: 0 !important; } .section_title { font-size: 21px !important; } section.hero { padding-top: 27px !important; } .collaborated_companies .section_title span { max-width: 80%; } .site_traffic.service_price.index_2 .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 500px) { .site_traffic.service_price.index_2 .section_title span { max-width: 80%; display: block; } } @media (max-width: 490px) { .container { max-width: 360px; padding-inline: 0; } .quiz .section_title span { max-width: 85%; } } @media (max-width: 360px) { .container { /* max-width: 320px; */ padding-inline: 15px; } .hero .row .hero_item_main .hero_title { font-size: 25px; } .call_back_fixed .header_btn { font-size: 12px; } .work_price .section_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .work_price .section_title span { display: block; max-width: 75%; } .site_traffic.trafic_second .section_title span { font-size: 20px; } .stages_development .section_title { font-size: 20px; } .private_sites .section_title span { max-width: 100%; } .site_traffic.main .section_title span { font-size: 26px; } } @media (max-width: 390px) { .container { padding-inline: 15px; } } @font-face { font-family: "Involve"; src: url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.eot"); src: url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Involve-RegularItalic.svg#Involve-RegularItalic") format("svg"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Involve"; src: url("/local/templates/profitkitru/css/../fonts/Involve-Bold.eot"); src: url("/local/templates/profitkitru/css/../fonts/Involve-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Involve-Bold.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Involve-Bold.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Involve-Bold.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Involve-Bold.svg#Involve-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Medium.svg#Onest-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Regular.svg#Onest-Regular") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Bold.svg#Onest-Bold") format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Black.svg#Onest-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Thin.svg#Onest-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-SemiBold.svg#Onest-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraBold.svg#Onest-ExtraBold") format("svg"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-ExtraLight.svg#Onest-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Onest"; src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.eot"); src: url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.woff2") format("woff2"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.woff") format("woff"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.ttf") format("truetype"), url("/local/templates/profitkitru/css/../fonts/Onest/Onest-Light.svg#Onest-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } .caption { color: #2A343E; font-family: Involve; font-size: 80px; font-weight: 700; line-height: 118%; } @media (max-width: 1300px) { .caption { font-size: 62px; } } @media (max-width: 576px) { .caption { font-size: 28px; } } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pagination__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 6px; padding-left: 6px; } @media (max-width: 576px) { .pagination__set { padding-left: 14px; padding-right: 15px; } } @media (max-width: 359px) { .pagination__set { padding-left: 10px; padding-right: 10px; } } .pagination__item { margin: 0 2px; text-decoration: none; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; min-width: 40px; max-width: 40px; height: 40px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .pagination__item { font-size: 18px; min-width: 30px; max-width: 30px; height: 30px; margin: 0 5.5px; } } @media (max-width: 359px) { .pagination__item { font-size: 18px; min-width: 26px; max-width: 26px; height: 26px; font-size: 16px; margin: 0 5px; } } .pagination__item:hover { color: #3172D4; } .pagination__item.current { color: #B6B8BC; pointer-events: none; } .pagination__dots { margin-right: 7px; margin-left: 5px; min-width: 40px; max-width: 40px; height: 40px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 576px) { .pagination__dots { font-size: 18px; min-width: 30px; max-width: 30px; height: 30px; margin-right: 8px; margin-left: 8px; } } @media (max-width: 359px) { .pagination__dots { font-size: 18px; min-width: 26px; max-width: 26px; height: 26px; margin-right: 5px; margin-left: 5px; } } .pagination__prev, .pagination__next { padding-top: 3px; min-width: 40px; max-width: 40px; height: 40px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .pagination__prev, .pagination__next { padding-top: 7px; min-width: 25px; max-width: 25px; height: 25px; } } @media (max-width: 359px) { .pagination__prev, .pagination__next { padding-top: 2px; } } .pagination__prev:hover svg path, .pagination__next:hover svg path { stroke: #3172D4; } .pagination__prev.disabled, .pagination__next.disabled { opacity: 0; pointer-events: none; } .pagination__prev svg, .pagination__next svg { width: 25px; height: 25px; } .pagination__prev svg path, .pagination__next svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .stencil { padding-top: 79px; padding-bottom: 76px; position: relative; } @media (max-width: 968px) { .stencil { padding-top: 30px; padding-bottom: 45px; } } .stencil__head { margin-bottom: 45px; } @media (max-width: 576px) { .stencil__head { margin-bottom: 28px; } } .stencil__caption { color: #2A343E; font-family: Involve; font-size: 80px; font-weight: 700; line-height: 118%; } @media (max-width: 1300px) { .stencil__caption { font-size: 62px; } } @media (max-width: 576px) { .stencil__caption { font-size: 28px; } } .stencil__titlesub { margin-top: 53px; max-width: 900px; width: 100%; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 162%; } @media (max-width: 576px) { .stencil__titlesub { margin-top: 18px; font-size: 15px; line-height: 154%; } } .catalog__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } @media (max-width: 1555px) { .catalog__set { margin-left: -22px; } } .catalog__unit { width: 33.3%; padding-left: 30px; padding-bottom: 45px; } @media (max-width: 1555px) { .catalog__unit { width: 33.3%; padding-left: 22px; padding-bottom: 22px; } } @media (max-width: 1300px) { .catalog__unit { width: 50%; padding-bottom: 30px; } } @media (max-width: 968px) { .catalog__unit { width: 100%; padding-bottom: 15px; } } .catalog__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; -webkit-border-radius: 30px; border-radius: 30px; background-color: #ffffff; text-decoration: none; padding: 28px 28px 30px 30px; position: relative; overflow: hidden; z-index: 1; color: #2A343E; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .catalog__item:hover { color: #ffffff; } .catalog__item:hover:after { opacity: 1; visibility: visible; } .catalog__item:hover .catalog__content ul li:before { background-color: #ffffff; } .catalog__item:hover .catalog__link svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .catalog__item:hover .catalog__link svg path { stroke: #ffffff; } .catalog__item:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; z-index: -1; } @media (max-width: 576px) { .catalog__item { padding: 19px 20px 19px 20px; } } .catalog__icon { position: absolute; top: 21px; right: 19px; background-color: #ffffff; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .catalog__icon { top: 12px; right: 12px; width: 60px; height: 60px; } } .catalog__icon img { max-width: 50px; max-height: 50px; } @media (max-width: 576px) { .catalog__icon img { max-width: 39px; max-height: 39px; } } .catalog__upper { width: 100%; } .catalog__cap { padding-right: 90px; position: relative; } @media (max-width: 576px) { .catalog__cap { padding-right: 55px; } } .catalog__name { font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 1555px) { .catalog__name { font-size: 22px; line-height: 126%; } } @media (max-width: 576px) { .catalog__name { font-size: 18px; line-height: 120%; } } .catalog__price { margin-top: 15px; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 576px) { .catalog__price { margin-top: 12px; font-size: 18px; line-height: 110%; } } .catalog__namesup { margin-top: 16px; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 576px) { .catalog__namesup { margin-top: 12px; font-size: 15px; line-height: 150%; } } .catalog__content { margin-top: 16px; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .catalog__content { margin-top: 11px; font-size: 15px; line-height: 150%; } } .catalog__content ul { list-style-type: none; } .catalog__content ul li { padding-left: 27px; position: relative; } @media (max-width: 576px) { .catalog__content ul li { padding-left: 21px; } } .catalog__content ul li:not(:last-child) { margin-bottom: 0.4px; } @media (max-width: 576px) { .catalog__content ul li:not(:last-child) { margin-bottom: 0; } } .catalog__content ul li:before { content: ""; position: absolute; top: 13px; left: 11px; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #2A343E; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .catalog__content ul li:before { top: 9px; left: 9px; width: 3px; height: 3px; } } .catalog__caudal { margin-top: 29px; width: 100%; } @media (max-width: 576px) { .catalog__caudal { margin-top: 14px; } } .catalog__link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 40px; } .catalog__link small { display: none; } @media (max-width: 1555px) { .catalog__link { font-size: 25px; line-height: 35px; } } @media (max-width: 576px) { .catalog__link { font-size: 20px; line-height: 26px; } .catalog__link small { font-size: inherit; display: inline-block; } } .catalog__link svg { min-width: 38px; max-width: 38px; height: 38px; margin-left: 15px; margin-top: 3px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .catalog__link svg { margin-top: 0; } } @media (max-width: 576px) { .catalog__link svg { min-width: 30px; max-width: 30px; height: 30px; margin-left: 9px; } } .catalog__link svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .services__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } @media (max-width: 1555px) { .services__set { margin-left: -22px; } } .services__unit { width: 33.3%; padding-left: 30px; padding-bottom: 45px; } @media (max-width: 1555px) { .services__unit { width: 33.3%; padding-left: 22px; padding-bottom: 22px; } } @media (max-width: 1300px) { .services__unit { width: 50%; padding-bottom: 30px; } } @media (max-width: 968px) { .services__unit { width: 100%; padding-bottom: 15px; } } .services__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; -webkit-border-radius: 30px; border-radius: 30px; background-color: #ffffff; text-decoration: none; padding: 28px 28px 30px 30px; position: relative; overflow: hidden; z-index: 1; color: #2A343E; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .services__item:hover { color: #ffffff; } .services__item:hover:after { opacity: 1; visibility: visible; } .services__item:hover .services__content ul li:before { background-color: #ffffff; } .services__item:hover .services__link svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .services__item:hover .services__link svg path { stroke: #ffffff; } .services__item:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; z-index: -1; } @media (max-width: 576px) { .services__item { padding: 19px 20px 19px 20px; } } .services__icon { position: absolute; top: 21px; right: 19px; background-color: #ffffff; width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .services__icon { top: 12px; right: 12px; width: 60px; height: 60px; } } .services__icon img { max-width: 50px; max-height: 50px; } @media (max-width: 576px) { .services__icon img { max-width: 39px; max-height: 39px; } } .services__upper { width: 100%; } .services__cap { padding-right: 90px; position: relative; } @media (max-width: 576px) { .services__cap { padding-right: 55px; } } .services__name { font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 1555px) { .services__name { font-size: 22px; line-height: 126%; } } @media (max-width: 576px) { .services__name { font-size: 18px; line-height: 120%; } } .services__namesup { margin-top: 16px; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 576px) { .services__namesup { margin-top: 12px; font-size: 15px; line-height: 150%; } } .services__content { margin-top: 16px; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .services__content { margin-top: 11px; font-size: 15px; line-height: 150%; } } .services__content ul { list-style-type: none; } .services__content ul li { padding-left: 27px; position: relative; } @media (max-width: 576px) { .services__content ul li { padding-left: 21px; } } .services__content ul li:not(:last-child) { margin-bottom: 0.4px; } @media (max-width: 576px) { .services__content ul li:not(:last-child) { margin-bottom: 0; } } .services__content ul li:before { content: ""; position: absolute; top: 13px; left: 11px; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #2A343E; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .services__content ul li:before { top: 9px; left: 9px; width: 3px; height: 3px; } } .services__caudal { margin-top: 29px; width: 100%; } @media (max-width: 576px) { .services__caudal { margin-top: 14px; } } .services__link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 40px; } @media (max-width: 1555px) { .services__link { font-size: 25px; line-height: 35px; } } @media (max-width: 576px) { .services__link { font-size: 20px; line-height: 26px; } } .services__link svg { min-width: 38px; max-width: 38px; height: 38px; margin-left: 15px; margin-top: 3px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .services__link svg { margin-top: 0; } } @media (max-width: 576px) { .services__link svg { min-width: 30px; max-width: 30px; height: 30px; margin-left: 9px; } } .services__link svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .vacancies__body { max-width: 1200px; width: 100%; margin-right: auto; } .vacancies__box { -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; background-color: #ffffff; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .vacancies__box:not(:last-child) { margin-bottom: 15px; } .vacancies__box:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); } .vacancies__box.active { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.05); } .vacancies__box.active:hover { -webkit-box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); box-shadow: 0px 44px 60px 0px rgba(15, 15, 16, 0.1); } .vacancies__toggle { color: #2A343E; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 27px 90px 33px 30px; position: relative; cursor: pointer; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .vacancies__toggle { padding: 19px 65px 22px 20px; } } .vacancies__toggle:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .vacancies__toggle:hover:not(.active) { color: #ffffff; } .vacancies__toggle:hover:not(.active):after { opacity: 1; visibility: visible; } .vacancies__toggle:hover:not(.active) .vacancies__arrow svg path { stroke: #ffffff; } .vacancies__toggle.active { -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; padding: 27px 90px 18px 30px; } @media (max-width: 576px) { .vacancies__toggle.active { padding: 19px 65px 16px 20px; } } .vacancies__toggle.active .vacancies__arrow { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .vacancies__arrow { position: absolute; top: 30px; right: 30px; width: 35px; height: 35px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .vacancies__arrow { top: 20px; right: 20px; } } .vacancies__arrow svg { width: 100%; height: 100%; } .vacancies__arrow svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .vacancies__name { font-family: Involve; font-size: 30px; font-weight: 700; line-height: 120%; } @media (max-width: 1300px) { .vacancies__name { font-size: 28px; } } @media (max-width: 968px) { .vacancies__name { font-size: 22px; } } @media (max-width: 576px) { .vacancies__name { font-size: 18px; } } .vacancies__content { display: none; -webkit-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px; background-color: #ffffff; padding: 0 30px 0 30px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .vacancies__content { padding: 0 20px 11px 20px; font-size: 15px; line-height: 150%; } } .vacancies__content p { padding-bottom: 30.6px; } @media (max-width: 576px) { .vacancies__content p { padding-bottom: 10px; } } .vacancies__content h3 { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 120%; padding-bottom: 20px; } @media (max-width: 576px) { .vacancies__content h3 { font-size: 18px; line-height: 120%; padding-top: 19px; padding-bottom: 12px; } } .vacancies__content ul { padding-bottom: 30px; list-style-type: none; } @media (max-width: 576px) { .vacancies__content ul { padding-bottom: 10px; } } .vacancies__content ul li { padding-left: 30px; position: relative; } @media (max-width: 576px) { .vacancies__content ul li { padding-left: 17px; } } .vacancies__content ul li:not(:last-child) { margin-bottom: 15.5px; } @media (max-width: 576px) { .vacancies__content ul li:not(:last-child) { margin-bottom: 9.9px; } } .vacancies__content ul li:before { content: ""; position: absolute; top: 12px; left: 13px; width: 6px; height: 6px; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); -webkit-border-radius: 50%; border-radius: 50%; } @media (max-width: 576px) { .vacancies__content ul li:before { top: 7px; left: 2px; } } .contacts__set { margin-left: -30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1900px) { .contacts__set { margin-left: -20px; } } .contacts__unit { width: 33.3%; padding-left: 30px; padding-bottom: 30px; } @media (max-width: 1900px) { .contacts__unit { padding-left: 20px; padding-bottom: 20px; } } @media (max-width: 1200px) { .contacts__unit { width: 100%; } } @media (max-width: 576px) { .contacts__unit { padding-bottom: 15.5px; } } .contacts__item { height: 100%; background-color: #EEF5FC; -webkit-border-radius: 30px; border-radius: 30px; padding: 33px 30px 31px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 576px) { .contacts__item { padding: 21px 20px 16px 20px; } } .contacts__property { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 130%; margin-bottom: 12px; } @media (max-width: 1555px) { .contacts__property { font-size: 16px; } } @media (max-width: 576px) { .contacts__property { font-size: 15px; margin-bottom: 6px; } } .contacts__val { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 1900px) { .contacts__val { font-size: 22px; } } @media (max-width: 576px) { .contacts__val { font-size: 18px; line-height: 120%; } } .contacts__val a { color: inherit; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .contacts__val a:hover { color: #FAB12B; } .contacts__link { margin-top: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 40px; color: #2A343E; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .contacts__link { font-size: 20px; } } @media (max-width: 576px) { .contacts__link { margin-top: 8px; } } .contacts__link:hover { color: #3172D4; } .contacts__link:hover svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .contacts__link:hover svg path { stroke: #3172D4; } .contacts__link svg { min-width: 38px; max-width: 38px; height: 38px; margin-left: 15px; margin-top: 3px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .contacts__link svg { margin-top: 2px; } } @media (max-width: 576px) { .contacts__link svg { min-width: 30px; max-width: 30px; height: 30px; margin-left: 10px; margin-top: 7px; } } .contacts__link svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .contacts__map { margin-top: 15px; -webkit-border-radius: 60px; border-radius: 60px; overflow: hidden; } @media (max-width: 1900px) { .contacts__map { margin-top: 25px; } } @media (max-width: 576px) { .contacts__map { margin-top: 0; -webkit-border-radius: 30px; border-radius: 30px; } } .contacts__map#map { height: 450px; } @media (max-width: 576px) { .contacts__map#map { height: 200px; } } .error { padding-top: 40px; padding-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; } @media (max-width: 968px) { .error { display: block; padding-top: 30px; padding-bottom: 60px; } } .error__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 968px) { .error__container { display: block; } } .error__left { width: 100%; } .error__text { margin-top: 53px; color: #777B89; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 1300px) { .error__text { margin-top: 25px; } } @media (max-width: 576px) { .error__text { margin-top: 18px; color: #2A343E; font-size: 15px; } } .error__caudal { margin-top: 45px; } @media (max-width: 1300px) { .error__caudal { margin-top: 25px; } } @media (max-width: 576px) { .error__caudal { margin-top: 14px; } } .error__btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #FFF; min-width: 400px; padding: 20px 56px; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; cursor: pointer; position: relative; overflow: hidden; } @media (max-width: 1300px) { .error__btn { min-width: 360px; } } @media (max-width: 576px) { .error__btn { min-width: auto; width: 100%; max-width: 360px; font-size: 15px; line-height: 20px; } } .error__btn::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 1; } .error__btn::after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: 1; opacity: 0; } .error__btn:hover::after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .error__btn:hover:before { opacity: 0; } .error__btn span { position: relative; z-index: 2; } .error__right { min-width: 460px; max-width: 460px; margin-left: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1300px) { .error__right { min-width: 280px; max-width: 280px; } } @media (max-width: 968px) { .error__right { margin-left: 0; } } @media (max-width: 968px) { .error__right { min-width: auto; max-width: none; width: 100%; height: 220px; margin-top: 20px; } } @media (max-width: 576px) { .error__right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 150px; margin-top: 15px; padding-right: 12px; } } .error__img { width: 100%; pointer-events: none; } @media (max-width: 968px) { .error__img { width: auto; max-width: 100%; max-height: 100%; } } .articles__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } .articles__unit { width: 25%; padding-left: 30px; padding-bottom: 47px; } @media (max-width: 1555px) { .articles__unit { width: 33.3%; } } @media (max-width: 1300px) { .articles__unit { width: 50%; } } @media (max-width: 968px) { .articles__unit { width: 100%; } } @media (max-width: 576px) { .articles__unit { padding-top: 5px; padding-bottom: 20px; } } .articles__item { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .articles__item:hover .articles__name { color: #3172D4; } .articles__item:hover .articles__name svg { opacity: 1; right: -3px; } .articles__upper { width: 100%; } .articles__date { color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 10px; } @media (max-width: 1555px) { .articles__date { font-size: 15px; } } @media (max-width: 576px) { .articles__date { font-size: 15px; margin-bottom: 5px; } } .articles__name { position: relative; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; padding-right: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .articles__name { font-size: 22px; line-height: 135%; } } @media (max-width: 576px) { .articles__name { font-size: 18px; line-height: 120%; } } .articles__name svg { position: absolute; top: 2px; right: 7px; width: 30px; height: 30px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .articles__text { margin-top: 12px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 162%; } @media (max-width: 1555px) { .articles__text { font-size: 15px; line-height: 160%; } } @media (max-width: 576px) { .articles__text { font-size: 15px; line-height: 153%; margin-top: 6px; } } .articles__under { margin-top: 15px; width: 100%; } @media (max-width: 576px) { .articles__under { margin-top: 10px; } } .articles__image { -webkit-border-radius: 30px; border-radius: 30px; padding-bottom: 54.6%; position: relative; overflow: hidden; } .articles__image:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .articles__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .articles__tags { min-height: 36px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1555px) { .articles__tags { font-size: 15px; } } @media (max-width: 576px) { .articles__tags { font-size: 15px; line-height: 140%; } } .articles__tags span { display: inline-block; padding-right: 11px; padding-top: 10px; } @media (max-width: 576px) { .articles__tags span { padding-right: 12px; padding-top: 11px; } } .articles__cellar { padding-top: 23px; padding-right: 48px; } @media (max-width: 1900px) { .articles__cellar { padding-right: 0; } } @media (max-width: 576px) { .articles__cellar { padding-top: 0; } } .paper { padding-top: 79px; padding-bottom: 117px; } @media (max-width: 968px) { .paper { padding-top: 30px; } } @media (max-width: 576px) { .paper { padding-bottom: 58px; } } .paper__container { max-width: 900px; width: 100%; margin: 0 auto; } .paper__head { margin-bottom: 56px; } @media (max-width: 576px) { .paper__head { margin-bottom: 28px; } } .paper__caption { color: #2A343E; font-family: Involve; font-size: 48px; font-weight: 700; line-height: 130%; } @media (max-width: 1300px) { .paper__caption { font-size: 34px; line-height: 120%; } } @media (max-width: 576px) { .paper__caption { font-size: 28px; } } .paper__date { margin-top: 34px; color: #777B89; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 576px) { .paper__date { margin-top: 17px; font-size: 15px; } } .paper__image { margin-top: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } @media (max-width: 576px) { .paper__image { margin-top: 15px; -webkit-border-radius: 20px; border-radius: 20px; } } .paper__time { margin-top: 29px; color: #777B89; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 576px) { .paper__time { margin-top: 15px; font-size: 15px; } } .paper__supply { margin-top: 27px; } .paper__content h2 { color: #072135; font-family: Involve; font-size: 46px; font-weight: 700; line-height: 130%; margin-bottom: 35px; } @media (max-width: 576px) { .paper__content h2 { font-size: 26px; margin-bottom: 17px; } } .paper__content h3 { color: #072135; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; margin-top: 12px; padding-bottom: 32px; } @media (max-width: 576px) { .paper__content h3 { font-size: 18px; padding-bottom: 15px; } } .paper__content p { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; padding-bottom: 31px; } @media (max-width: 576px) { .paper__content p { font-size: 15px; line-height: 150%; padding-bottom: 15px; } } .paper__content mark { margin-top: 14px; margin-bottom: 46px; display: block; background: #FFF0E5; padding: 40px 45px 40px 45px; -webkit-border-radius: 30px; border-radius: 30px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } @media (max-width: 576px) { .paper__content mark { margin-top: 15px; margin-bottom: 30px; padding: 20px 16px 20px 20px; font-size: 15px; line-height: 150%; } } .paper__content img { width: 100%; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } @media (max-width: 968px) { .paper__content img { -webkit-border-radius: 20px; border-radius: 20px; } } .paper__content figure { padding-bottom: 32px; } @media (max-width: 968px) { .paper__content figure { padding-bottom: 18px; } } .paper__content figcaption { margin-top: 13px; color: #2A343E; font-family: Involve; font-size: 16px; font-weight: 400; line-height: 160%; font-style: italic; } @media (max-width: 968px) { .paper__content figcaption { margin-top: 10px; font-size: 15px; line-height: 140%; } } .paper__content h6 { padding-left: 30px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } @media (max-width: 576px) { .paper__content h6 { font-size: 15px; line-height: 150%; } } .paper__content ol { list-style-type: none; counter-reset: list; padding-bottom: 29px; } @media (max-width: 576px) { .paper__content ol { padding-bottom: 15px; } } .paper__content ol li { padding-left: 11px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } @media (max-width: 576px) { .paper__content ol li { font-size: 15px; line-height: 150%; position: relative; padding-left: 27px; } } .paper__content ol li:before { counter-increment: list; content: counter(list) "."; margin-right: 6px; min-width: 16px; display: inline-block; } @media (max-width: 576px) { .paper__content ol li:before { margin-right: 0; position: absolute; top: 0; left: 1px; min-width: 20px; text-align: right; } } .paper__content ul { list-style-type: none; counter-reset: list; padding-bottom: 30px; } @media (max-width: 576px) { .paper__content ul { padding-bottom: 15px; } } .paper__content ul li { padding-left: 30px; position: relative; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } @media (max-width: 576px) { .paper__content ul li { font-size: 15px; line-height: 150%; position: relative; padding-left: 30px; } } .paper__content ul li:before { content: ""; position: absolute; top: 13px; left: 13px; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); } @media (max-width: 576px) { .paper__content ul li:before { top: 8px; } } .paper__content ul li:not(:last-child) { margin-bottom: 10.5px; } @media (max-width: 576px) { .paper__content ul li:not(:last-child) { margin-bottom: 3px; } } .paper__readmore { margin-bottom: 46px; } @media (max-width: 576px) { .paper__readmore { margin-bottom: 30px; } } .paper__readmore-body { overflow: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .paper__readmore-pin { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; color: #777B89; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .paper__readmore-pin { font-size: 15px; } } .paper__readmore-pin:hover { color: #3172D4; } .paper__readmore-pin:hover svg path { stroke: #3172D4; } .paper__readmore-pin svg { min-width: 24px; max-width: 24px; height: 24px; margin-left: 10px; margin-top: 4px; } @media (max-width: 576px) { .paper__readmore-pin svg { margin-top: 0; } } .paper__readmore-pin svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .paper__cellar { margin-top: 13px; } .paper__contact-row:not(:last-child) { margin-bottom: 28px; } @media (max-width: 576px) { .paper__contact-row:not(:last-child) { margin-bottom: 11px; } } .paper__contact-property { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; margin-bottom: 12px; } @media (max-width: 576px) { .paper__contact-property { font-size: 18px; margin-bottom: 8px; } } .paper__contact-val { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .paper__contact-val { font-size: 15px; } } .paper__quote { position: relative; z-index: 1; margin-top: 46px; padding: 30px 45px 30px 45px; display: block; } @media (max-width: 576px) { .paper__quote { margin-top: 28px; padding: 20px 20px 30px 20px; } } .paper__quote:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background-image: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); z-index: -2; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } .paper__quote:before { content: ""; position: absolute; top: 0; left: 3px; right: 0; height: 100%; background: #fff0e6; -webkit-border-radius: 30px; border-radius: 30px; z-index: -1; pointer-events: none; } .paper__quote-icon { height: 32px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; pointer-events: none; margin-bottom: 15px; } @media (max-width: 576px) { .paper__quote-icon { height: 25px; margin-bottom: 15px; } } .paper__quote-text { width: 100%; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } @media (max-width: 576px) { .paper__quote-text { font-size: 15px; line-height: 150%; } } .paper__quote-cellar { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 576px) { .paper__quote-cellar { margin-top: 25px; } } .paper__quote-portrait { min-width: 116px; max-width: 116px; height: 116px; -webkit-border-radius: 50%; border-radius: 50%; background-image: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background-image: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); position: relative; } @media (max-width: 576px) { .paper__quote-portrait { min-width: 96px; max-width: 96px; height: 96px; } } .paper__quote-portrait img { pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 95%; height: 95%; border: 5px solid #FFF0E5; } .paper__quote-beside { margin-left: 15px; padding-top: 5px; } @media (max-width: 576px) { .paper__quote-beside { padding-top: 10px; } } .paper__quote-name { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 576px) { .paper__quote-name { font-size: 18px; } } .paper__quote-post { margin-top: 7px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .paper__quote-post { margin-top: 5px; font-size: 15px; line-height: 150%; } .paper__quote-post br { display: none; } } .paper__table { margin-top: 0px; margin-bottom: 40px; } @media (max-width: 576px) { .paper__table { /*margin-top: 45px;*/ } } .paper__table-body { overflow: auto; } .paper__table table { width: 100%; border: 2px solid #E3E6E8; -webkit-border-radius: 30px; border-radius: 30px; border-spacing: 0; overflow: hidden; } .paper__table table th { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 700; line-height: 170%; text-align: left; padding: 12px 10px 13px 10px; border-bottom: 4px solid #E3E6E8; } @media (max-width: 576px) { .paper__table table th { font-size: 15px; padding: 12px 10px 9px 10px; } } .paper__table table th:nth-child(1) { min-width: 188px; max-width: 188px; padding: 12px 0 12px 28px; } @media (max-width: 576px) { .paper__table table th:nth-child(1) { padding: 12px 0 9px 28px; } } .paper__table table th:nth-child(2) { min-width: 155px; max-width: 155px; } .paper__table table th:nth-child(3) { min-width: 240px; max-width: 240px; } .paper__table table th:nth-child(4) { width: 100%; } @media (max-width: 1300px) { .paper__table table th:nth-child(4) { min-width: 240px; max-width: 240px; } } .paper__table table tbody tr:nth-child(odd) { background: #EEF5FC; } .paper__table table tbody tr:nth-child(even) { background: #FFFFFF; } .paper__table table td { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; text-align: left; padding: 15px 10px 15px 10px; vertical-align: top; } @media (max-width: 576px) { .paper__table table td { font-size: 15px; line-height: 150%; padding: 15px 10px 15px 10px; } } .paper__table table td:nth-child(1) { padding: 15px 15px 15px 28px; } @media (max-width: 576px) { .paper__table table td:nth-child(1) { padding: 15px 10px 15px 28px; } } .paper__table p { margin-top: 14px; color: #2A343E; font-family: Involve; font-size: 16px; font-weight: 400; line-height: 160%; font-style: italic; } @media (max-width: 576px) { .paper__table p { margin-top: 22px; font-size: 15px; } } .paper__docs { margin-top: 46px; } @media (max-width: 576px) { .paper__docs { margin-top: 32px; } } .paper__docs-item { -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; background: #fff0e6; padding: 30px 30px 30px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #2A343E; z-index: 1; position: relative; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .paper__docs-item { padding: 19px 20px 20px 20px; display: block; } } .paper__docs-item:not(:last-child) { margin-bottom: 15.5px; } .paper__docs-item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); z-index: -1; opacity: 0; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .paper__docs-item:hover { color: #FFFFFF; } .paper__docs-item:hover:before { opacity: 1; } .paper__docs-item:hover .paper__docs-down svg path { stroke: #FFFFFF; } .paper__docs-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 576px) { .paper__docs-left { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } } .paper__docs-icon { margin-right: 15px; min-width: 50px; max-width: 50px; height: 50px; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .paper__docs-icon { min-width: 40px; max-width: 40px; height: 40px; margin-right: 10px; } } .paper__docs-icon img { width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain; pointer-events: none; } @media (max-width: 576px) { .paper__docs-icon img { width: 25px; height: 25px; } } .paper__docs-name { min-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; font-family: Onest; font-size: 22px; font-weight: 600; line-height: 132%; } @media (max-width: 576px) { .paper__docs-name { min-height: auto; font-family: Involve; font-size: 18px; line-height: 120%; } } .paper__docs-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; white-space: nowrap; margin-left: 20px; } @media (max-width: 576px) { .paper__docs-right { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: 50px; margin-top: 6px; } } .paper__docs-data { font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; } @media (max-width: 576px) { .paper__docs-data { font-size: 15px; line-height: 150%; } } .paper__docs-down { margin-left: 20px; min-width: 30px; max-width: 30px; height: 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .paper__docs-down svg { width: 100%; height: 100%; } .paper__docs-down svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .paper__tags { margin-top: 33px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1555px) { .paper__tags { font-size: 15px; } } @media (max-width: 576px) { .paper__tags { margin-top: 5px; font-size: 15px; line-height: 140%; } } .paper__tags span { display: inline-block; padding-right: 11px; padding-top: 11px; } @media (max-width: 576px) { .paper__tags span { padding-right: 12px; padding-top: 11px; } } .paper__share { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 576px) { .paper__share { margin-top: 31px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 15px; } } .paper__share-title { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; padding-top: 15px; margin-right: 15px; } @media (max-width: 576px) { .paper__share-title { font-size: 15px; padding-top: 18px; } } .paper__share-set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .paper__share-set a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-width: 60px; max-width: 60px; height: 60px; margin-right: 15px; margin-bottom: 10px; } .paper__share-set a img { width: 100%; height: 100%; pointer-events: none; } .paper__dyad { margin-top: 49px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 576px) { .paper__dyad { margin-top: 34px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .paper__prev, .paper__next { color: #2A343E; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 130%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 968px) { .paper__prev, .paper__next { font-size: 20px; } } .paper__prev:hover, .paper__next:hover { color: #3172D4; } .paper__prev:hover svg path, .paper__next:hover svg path { stroke: #3172D4; } .paper__prev svg, .paper__next svg { min-width: 40px; max-width: 40px; height: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 968px) { .paper__prev svg, .paper__next svg { min-width: 30px; max-width: 30px; height: 30px; } } .paper__prev svg path, .paper__next svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .paper__prev { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } @media (max-width: 576px) { .paper__prev { -webkit-transform: none; -ms-transform: none; transform: none; } } .paper__prev:hover svg { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .paper__prev svg { margin-right: 14px; } @media (max-width: 968px) { .paper__prev svg { margin-right: 10px; } } .paper__next { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } @media (max-width: 576px) { .paper__next { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 28px; } } .paper__next:hover svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .paper__next svg { margin-left: 14px; } @media (max-width: 968px) { .paper__next svg { margin-left: 10px; } } .supply__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 18px; } @media (max-width: 576px) { .supply__head { margin-bottom: 15px; } } .supply__title { color: #072135; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; } @media (max-width: 576px) { .supply__title { font-size: 18px; } } .supply__toggle { margin-left: 15px; margin-top: 6px; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; color: #777B89; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .supply__toggle:hover { color: #3172D4; } .supply__toggle:hover svg path { stroke: #3172D4; } .supply__toggle.noactive svg { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } @media (max-width: 576px) { .supply__toggle { font-size: 15px; line-height: 140%; margin-left: 16px; margin-top: 4px; } } .supply__toggle svg { margin-left: 11px; margin-top: 3px; min-width: 24px; max-width: 24px; height: 24px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .supply__toggle svg { margin-left: 10px; margin-top: -2px; } } .supply__toggle svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .supply__body ul { list-style-type: none; } .supply__body ul li { margin-bottom: 14px; } @media (max-width: 576px) { .supply__body ul li { margin-bottom: 15px; } } .supply__body ul li a { display: inline-block; color: #229FDA; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 170%; border-bottom: 1px dashed; padding-bottom: 1.2px; } @media (max-width: 576px) { .supply__body ul li a { font-size: 15px; line-height: 150%; padding-bottom: 0; } } .supply__body ul ul { padding-top: 14px; padding-left: 29px; } @media (max-width: 576px) { .supply__body ul ul { padding-top: 15px; } } .particle { margin-top: 14px; margin-bottom: 46px; } @media (max-width: 576px) { .particle { margin-top: 15px; margin-bottom: 30px; } } .particle__item { position: relative; z-index: 1; padding: 30px 45px 30px 45px; display: block; } @media (max-width: 576px) { .particle__item { padding: 20px 20px 21px 20px; } } .particle__item:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background-image: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); z-index: -2; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } .particle__item:before { content: ""; position: absolute; top: 0; left: 3px; right: 0; height: 100%; background: #fff0e6; -webkit-border-radius: 30px; border-radius: 30px; z-index: -1; pointer-events: none; } .particle__item:hover .particle__name { color: #3172D4; } .particle__item:hover .particle__name svg { opacity: 1; right: -6px; } .particle__item:hover .particle__image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .particle__date { color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; margin-bottom: 8px; } @media (max-width: 576px) { .particle__date { font-size: 15px; margin-bottom: 9px; } } .particle__name { position: relative; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; padding-right: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .particle__name { font-size: 22px; line-height: 135%; } } @media (max-width: 576px) { .particle__name { font-size: 18px; line-height: 120%; } } .particle__name svg { position: absolute; top: 4px; right: 7px; width: 30px; height: 30px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .particle__name svg { top: 1px; } } @media (max-width: 576px) { .particle__name svg { top: -5px; } } .particle__text { margin-top: 14px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 156%; } @media (max-width: 1555px) { .particle__text { font-size: 15px; line-height: 160%; } } @media (max-width: 576px) { .particle__text { font-size: 15px; line-height: 154%; margin-top: 11px; } } .particle__image { margin-top: 16px; -webkit-border-radius: 30px; border-radius: 30px; padding-bottom: 53.46%; position: relative; overflow: hidden; } @media (max-width: 576px) { .particle__image { margin-top: 15px; padding-bottom: 149.5%; -webkit-border-radius: 25px; border-radius: 25px; } } .particle__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .particle__tags { margin-top: 4px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1555px) { .particle__tags { font-size: 15px; } } @media (max-width: 576px) { .particle__tags { font-size: 15px; line-height: 140%; } } .particle__tags span { display: inline-block; padding-right: 11px; padding-top: 11px; } @media (max-width: 576px) { .particle__tags span { padding-right: 12px; padding-top: 12px; } } .counsel { padding-bottom: 72px; padding-top: 0; } @media (max-width: 576px) { .counsel { padding-bottom: 34px; } } .counsel__title { color: #2A343E; font-family: Involve; font-size: 46px; font-weight: 700; line-height: 130%; margin-bottom: 66px; } @media (max-width: 1300px) { .counsel__title { font-size: 34px; margin-bottom: 27px; } } @media (max-width: 576px) { .counsel__title { font-size: 26px; } } .counsel__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } .counsel__unit { width: 25%; padding-left: 30px; padding-bottom: 47px; } @media (max-width: 1555px) { .counsel__unit { width: 33.3%; } } @media (max-width: 1300px) { .counsel__unit { width: 50%; } } @media (max-width: 968px) { .counsel__unit { width: 100%; } } @media (max-width: 576px) { .counsel__unit { padding-top: 5px; padding-bottom: 20px; } } .counsel__item { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .counsel__item:hover .counsel__name { color: #3172D4; } .counsel__item:hover .counsel__name svg { opacity: 1; right: -3px; } .counsel__upper { width: 100%; } .counsel__date { color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 10px; } @media (max-width: 1555px) { .counsel__date { font-size: 15px; } } @media (max-width: 576px) { .counsel__date { font-size: 15px; margin-bottom: 5px; } } .counsel__name { position: relative; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; padding-right: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .counsel__name { font-size: 22px; line-height: 135%; } } @media (max-width: 576px) { .counsel__name { font-size: 18px; line-height: 120%; } } .counsel__name svg { position: absolute; top: 2px; right: 7px; width: 30px; height: 30px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .counsel__text { margin-top: 12px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 162%; } @media (max-width: 1555px) { .counsel__text { font-size: 15px; line-height: 160%; } } @media (max-width: 576px) { .counsel__text { font-size: 15px; line-height: 153%; margin-top: 6px; } } .counsel__under { margin-top: 15px; width: 100%; } @media (max-width: 576px) { .counsel__under { margin-top: 10px; } } .counsel__image { -webkit-border-radius: 30px; border-radius: 30px; padding-bottom: 54.6%; position: relative; overflow: hidden; } .counsel__image:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .counsel__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .counsel__tags { min-height: 36px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 1555px) { .counsel__tags { font-size: 15px; } } @media (max-width: 576px) { .counsel__tags { font-size: 15px; line-height: 140%; } } .counsel__tags span { display: inline-block; padding-right: 11px; padding-top: 10px; } @media (max-width: 576px) { .counsel__tags span { padding-right: 12px; padding-top: 11px; } } .cases__knob { cursor: pointer; position: absolute; z-index: 7; left: 0; top: 142px; width: 75px; height: 75px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; -webkit-box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); background-color: #ffffff; } @media (max-width: 1900px) { .cases__knob { left: auto; right: 0; top: 65px; -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } } @media (max-width: 576px) { .cases__knob { width: 50px; height: 50px; } } .cases__knob:hover:before { opacity: 1; } .cases__knob:hover svg path, .cases__knob:hover svg circle, .cases__knob:hover svg ellipse { stroke: #ffffff; } .cases__knob:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -o-linear-gradient(45deg, #fab12b 0%, #f7318b 100%); background: linear-gradient(45deg, #fab12b 0%, #f7318b 100%); z-index: -1; -webkit-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1900px) { .cases__knob:before { -webkit-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } } .cases__knob svg { width: 50px; height: 50px; } @media (max-width: 576px) { .cases__knob svg { width: 42px; height: 42px; } } .cases__knob svg path, .cases__knob svg circle, .cases__knob svg ellipse { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cases__knob-count { pointer-events: none; position: absolute; top: -12px; right: -20px; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 1px; color: #FFFFFF; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 100%; text-align: center; } @media (max-width: 1900px) { .cases__knob-count { right: auto; left: -20px; } } @media (max-width: 576px) { .cases__knob-count { left: -5px; top: -5px; width: 20px; height: 20px; font-size: 11px; } } .cases__sifter { padding-bottom: 29px; } @media (max-width: 968px) { .cases__sifter { display: none; } } .cases__sifter-title { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; margin-bottom: 32px; } .cases__sifter-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cases__sifter-row:not(:last-child) { padding-bottom: 15px; } .cases__sifter-row a { margin-right: 10.6px; margin-bottom: 14.2px; display: inline-block; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; padding: 12px 15px 13px 15px; position: relative; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .cases__sifter-row a { margin-right: 8px; margin-bottom: 8px; padding: 11px 13px 11px 13px; } } .cases__sifter-row a:hover { color: #ffffff; } .cases__sifter-row a:hover:after { opacity: 1; } .cases__sifter-row a:hover:before { opacity: 0; } .cases__sifter-row a.current { background-color: #2D3844; pointer-events: none; color: #ffffff; } .cases__sifter-row a.current:before { border-color: #2D3844; } .cases__sifter-row a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #b6b8bc; -webkit-border-radius: inherit; border-radius: inherit; z-index: -1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cases__sifter-row a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); z-index: -1; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cases__set { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } .cases__unit { width: 33.3%; padding-left: 30px; padding-bottom: 42.8px; } @media (max-width: 1555px) { .cases__unit { width: 50%; } } @media (max-width: 968px) { .cases__unit { width: 100%; padding-top: 2px; padding-bottom: 28.65px; } } .cases__item:hover .cases__name { color: #3172D4; } .cases__item:hover .cases__name svg { opacity: 1; right: -3px; } .cases__item:hover .cases__image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .cases__image { -webkit-border-radius: 30px; border-radius: 30px; padding-bottom: 60.3%; position: relative; overflow: hidden; margin-bottom: 18px; } @media (max-width: 576px) { .cases__image { -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 60.1%; margin-bottom: 9px; } } .cases__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cases__name { position: relative; color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; padding-right: 40px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1555px) { .cases__name { font-size: 22px; line-height: 135%; } } @media (max-width: 576px) { .cases__name { font-size: 18px; line-height: 120%; } } .cases__name svg { position: absolute; top: 2px; right: 7px; width: 30px; height: 30px; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .cases__text { margin-top: 17px; padding-right: 35px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 165%; } @media (max-width: 1900px) { .cases__text { padding-right: 0; } } @media (max-width: 1555px) { .cases__text { font-size: 15px; line-height: 160%; } } @media (max-width: 576px) { .cases__text { font-size: 15px; line-height: 153%; margin-top: 6px; } } .cases__cellar { margin-top: 30px; } @media (max-width: 576px) { .cases__cellar { margin-top: 0; } } .cases__hoop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 71px; } @media (max-width: 576px) { .cases__hoop { margin-bottom: 25px; } } .cases__more { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; color: #2A343E; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 130%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .cases__more { font-size: 20px; line-height: 130%; } } .cases__more:hover { color: #3172D4; } .cases__more:hover svg path { stroke: #3172D4; } .cases__more svg { min-width: 26px; max-width: 26px; height: 26px; margin-left: 19px; margin-top: 8px; } @media (max-width: 576px) { .cases__more svg { margin-left: 9px; margin-top: 2px; } } .cases__more svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .sifter { position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .sifter.show { visibility: visible; opacity: 1; } .sifter.show .sifter__block { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .sifter .overlay { width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0, 0, 0, 0.2); } .sifter__block { position: relative; height: 100%; max-width: 700px; width: 100%; background-color: #ffffff; -webkit-border-radius: 0px 60px 60px 0px; border-radius: 0px 60px 60px 0px; -webkit-box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px -2px 40px 0px rgba(0, 0, 0, 0.07); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 113px 50px 110px 50px; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); overflow: auto; } @media (max-width: 1900px) { .sifter__block { margin-left: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-border-radius: 60px 0 0 60px; border-radius: 60px 0 0 60px; } } @media (max-width: 968px) { .sifter__block { padding: 100px 30px 60px 30px; max-width: 500px; } } @media (max-width: 576px) { .sifter__block { max-width: 320px; display: block; height: 100%; padding: 0; -webkit-border-radius: 0; border-radius: 0; } } .sifter__close { position: absolute; top: 36px; left: 39px; width: 34px; height: 34px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; } @media (max-width: 1900px) { .sifter__close { left: auto; right: 39px; } } @media (max-width: 576px) { .sifter__close { top: 13px; right: 14px; } } .sifter__close svg { width: 100%; height: 100%; } @media (max-width: 576px) { .sifter__container { max-height: 100%; height: 100%; padding: 47px 15px 28px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: auto; } } .sifter__title { color: #2A343E; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 140%; margin-bottom: 62px; } @media (max-width: 968px) { .sifter__title { margin-bottom: 30px; } } @media (max-width: 576px) { .sifter__title { font-size: 18px; } } .sifter__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sifter__row:not(:last-child) { padding-bottom: 48px; } @media (max-width: 968px) { .sifter__row:not(:last-child) { padding-bottom: 20px; } } .sifter__row a { margin-right: 6.6px; margin-bottom: 10.2px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; padding: 12px 15px 13px 15px; position: relative; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; z-index: 1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 576px) { .sifter__row a { font-size: 15px; padding: 10px 14px 9px 15px; } } .sifter__row a svg { margin-left: 4px; margin-top: 4px; min-width: 19px; max-width: 19px; height: 19px; } @media (max-width: 576px) { .sifter__row a svg { margin-left: 5px; margin-top: 1px; } } .sifter__row a:hover { color: #ffffff; } .sifter__row a:hover:after { opacity: 1; } .sifter__row a:hover:before { opacity: 0; } .sifter__row a.current { background-color: #2D3844; color: #ffffff; } .sifter__row a.current:before { border-color: #2D3844; } .sifter__row a.current:after { opacity: 0; } .sifter__row a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #b6b8bc; -webkit-border-radius: inherit; border-radius: inherit; z-index: -1; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .sifter__row a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); z-index: -1; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .sifter__cellar { padding-top: 49px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } @media (max-width: 968px) { .sifter__cellar { display: block; padding-top: 30px; } } .sifter__btn { min-width: 293px; -webkit-border-radius: 20px; border-radius: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 22px 31px 24px 30px; font-family: Onest; cursor: pointer; position: relative; overflow: hidden; z-index: 1; } @media (max-width: 968px) { .sifter__btn { min-width: auto; width: 100%; } } @media (max-width: 576px) { .sifter__btn { padding: 21px 21px 21px 20px; } } .sifter__btn:hover:after { opacity: 1; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .sifter__btn:hover:before { opacity: 0; } .sifter__btn:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(43deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(47deg, #FAB12B 0%, #F7318B 100%); z-index: -1; opacity: 1; } .sifter__btn:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; background: -o-linear-gradient(223deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(227deg, #FAB12B 0%, #F7318B 100%); z-index: -1; opacity: 0; } .sifter__btn-text { color: #FFFFFF; font-size: 18px; font-weight: 400; line-height: 24px; } @media (max-width: 576px) { .sifter__btn-text { font-size: 15px; line-height: 18px; } } .sifter__btn-count { margin-top: 2px; margin-left: 10px; color: rgba(255, 255, 255, 0.8); font-size: 15px; font-weight: 400; line-height: 20px; } @media (max-width: 576px) { .sifter__btn-count { margin-top: 0; font-size: 15px; line-height: 18px; } } .sifter__reset { display: block; width: 100%; border: 2px solid #b6b8bc; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 12px 22px 12px; margin-left: 15px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; } @media (max-width: 968px) { .sifter__reset { margin-left: 0; margin-top: 14px; } } @media (max-width: 576px) { .sifter__reset { margin-top: 10px; padding: 17px 12px 19px 12px; font-size: 15px; line-height: 20px; } } .toil { padding-top: 79px; padding-bottom: 131px; } @media (max-width: 968px) { .toil { padding-top: 30px; padding-bottom: 60px; } } .toil__container { max-width: 900px; width: 100%; margin: 0 auto; } .toil__head { margin-bottom: 30px; } @media (max-width: 576px) { .toil__head { margin-bottom: 14px; } } .toil__caption { color: #2A343E; font-family: Involve; font-size: 48px; font-weight: 700; line-height: 130%; } @media (max-width: 1300px) { .toil__caption { font-size: 34px; line-height: 120%; } } @media (max-width: 968px) { .toil__caption { font-size: 28px; } } .toil__desc { margin-top: 35px; color: #2A343E; font-family: Onest; font-size: 16px; font-weight: 400; line-height: 160%; } @media (max-width: 968px) { .toil__desc { margin-top: 18px; font-size: 15px; line-height: 155%; } } .toil__image { margin-top: 31px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } @media (max-width: 968px) { .toil__image { margin-top: 15px; -webkit-border-radius: 20px; border-radius: 20px; } } .toil__body h2 { color: #072135; font-family: Involve; font-size: 46px; font-weight: 700; line-height: 130%; padding-top: 25px; padding-bottom: 34px; } @media (max-width: 968px) { .toil__body h2 { font-size: 26px; padding-top: 12px; padding-bottom: 18px; } } .toil__body h3 { color: #072135; font-family: Involve; font-size: 25px; font-weight: 700; line-height: 142%; padding-top: 13px; padding-bottom: 31px; } @media (max-width: 968px) { .toil__body h3 { font-size: 18px; line-height: 122%; padding-top: 14px; padding-bottom: 16px; } } .toil__body p { color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; padding-bottom: 31px; } @media (max-width: 968px) { .toil__body p { font-size: 15px; line-height: 150%; padding-bottom: 15px; -webkit-border-radius: 20px; border-radius: 20px; } } .toil__body ol { list-style-type: none; counter-reset: list; padding-bottom: 31px; } @media (max-width: 968px) { .toil__body ol { padding-bottom: 15px; } } .toil__body ol li { position: relative; -webkit-border-radius: 30px; border-radius: 30px; background: #fff0e6; padding: 30px 15px 31px 65px; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 171%; } @media (max-width: 968px) { .toil__body ol li { padding: 20px 20px 20px 50px; font-size: 15px; line-height: 150%; } } .toil__body ol li:not(:last-child) { margin-bottom: 14.6px; } @media (max-width: 968px) { .toil__body ol li:not(:last-child) { margin-bottom: 10px; } } .toil__body ol li:before { position: absolute; top: 31px; left: 30px; counter-increment: list; content: counter(list); color: #2A343E; font-family: Onest; font-size: 22px; font-weight: 600; line-height: 130%; text-align: left; } @media (max-width: 968px) { .toil__body ol li:before { font-size: 20px; top: 18px; left: 20px; } } .toil__body img { width: 100%; -webkit-border-radius: 30px; border-radius: 30px; pointer-events: none; } @media (max-width: 968px) { .toil__body img { -webkit-border-radius: 20px; border-radius: 20px; } } .toil__body figure { padding-bottom: 31px; } @media (max-width: 968px) { .toil__body figure { padding-bottom: 17.5px; } } .toil__body figcaption { margin-top: 14px; color: #2A343E; font-family: Involve; font-size: 16px; font-weight: 400; line-height: 160%; font-style: italic; } @media (max-width: 968px) { .toil__body figcaption { margin-top: 11px; font-size: 15px; line-height: 140%; } } .toil__cellar { margin-top: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 968px) { .toil__cellar { margin-top: 29px; } } .toil__back { margin-right: 6px; color: #2A343E; font-family: Involve; font-size: 30px; font-weight: 700; line-height: 130%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 968px) { .toil__back { font-size: 20px; margin-right: 2px; } } .toil__back:hover { color: #3172D4; } .toil__back:hover svg { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .toil__back:hover svg path { stroke: #3172D4; } .toil__back svg { min-width: 40px; max-width: 40px; height: 40px; margin-right: 14px; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 968px) { .toil__back svg { min-width: 30px; max-width: 30px; height: 30px; margin-right: 10px; } } .toil__back svg path { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .toil__look { margin-top: 43px; display: inline-block; color: #2A343E; font-family: Onest; font-size: 20px; font-weight: 600; line-height: 130%; text-align: center; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 968px) { .toil__look { margin-top: 27px; font-size: 16px; font-family: Involve; font-weight: 700; } } .toil__look:hover { color: #3172D4; } /* End */ /* Start:/local/templates/profitkitru/css/custom.css?17519056598344*/ header {top: 0; z-index: 99;} #bx-panel {z-index: 1001;} .site_traffic.index_2 .swiper_traffic .traffic_item .item_title { flex-grow: 1; } .preload-active:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.3); z-index: 99; } .preload-active:after { content: ''; display: block; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg height='8' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%23313D50'%3e%3ccircle cx='15' cy='15' r='15'%3e%3canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3e%3canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3ccircle cx='105' cy='15' r='15'%3e%3canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3e%3canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3e%3c/circle%3e%3c/svg%3e"); background-position: center center; background-repeat: no-repeat; z-index: 99; } .modal_block_inner.remove_form {display: none;} .remove_form {display: none;} .quiz .quiz_main_form .thanks_block.show {display: block} .faq .faq_block .faq-item .faq-answer ul {margin-left: 20px; margin-top: 10px;} .our_works .section_subtitle ul {margin-left: 20px;} .stages_development .stage_item .item_desc ul {margin-left: 20px; margin-top: 10px;} .hero.index_2 .hero_item_main {padding-top: 0 !important;} footer .footer_right .inner_nav ul {padding-right: 15px;} .portfolio .portfolio_row .work_item .item_image img {width: 100%;} .site_traffic.service_price .item_header {justify-content: space-between;} .paper__content h4 { color: #072135; font-family: Involve; font-size: 21px; font-weight: 700; line-height: 140%; margin-top: 12px; padding-bottom: 32px; } .paper__content h5 { color: #072135; font-family: Involve; font-size: 18px; font-weight: 700; line-height: 140%; margin-top: 12px; padding-bottom: 10px; } .callback_form .thanks_block.show {display: block} .callback_form .thanks_block.dark_theme .return_btn {text-align: center} .thanks_btn {cursor: pointer;} .roistat-promo-wrap {display: none;} /*.modal:before {display: none !important;}*/ @media (max-width: 968px) { .b24-widget-button-wrapper {display: none !important;} } .quiz .container .bg_image { top: -90px; } .call_back_btn {cursor: pointer} .faq {background: #fff;} .company_address .address_map {margin-bottom: 0;} .callback_form .return_btn {text-align: center} .site_traffic.index_second { z-index: 1; position: relative; } ol {margin-left: 22px;} .our_works .section_subtitle ul { list-style-type: none; counter-reset: list; } .our_works .section_subtitle ul li { padding-left: 30px; position: relative; color: #2A343E; font-family: Onest; font-size: 18px; font-weight: 400; line-height: 172%; } .our_works .section_subtitle ul li {position: relative} .our_works .section_subtitle ul li:before { content: ""; position: absolute; top: 13px; left: 13px; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: -o-linear-gradient(43.13deg, #FAB12B 0%, #F7318B 100%); background: linear-gradient(46.87deg, #FAB12B 0%, #F7318B 100%); } footer .footer_left {justify-content: flex-start;} .site_traffic .swiper_traffic .traffic_item .item_img {background: transparent} @media (min-width: 29.9988em) { div.widget_cookie { width: 345px; bottom: 30px; left: 15px; right: unset; } } div.widget_cookie__style1 { border-color: #FFF0E5; font-family: Onest; } div.widget_cookie__style1 .widget_cookie__btn-close-cookie { -webkit-border-radius: 20px; border-radius: 20px; background: #E3E6E8; border: none; padding: 20px 93px; color: #2A343E; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 400; line-height: 15px; -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); cursor: pointer; overflow: hidden; width:auto; } div.widget_cookie__style1 .widget_cookie__btn-close-cookie::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background: var(--MainGradient, linear-gradient(47deg, #FAB12B 0%, #F7318B 100%)); z-index: -1; visibility: hidden; } div.widget_cookie__style1 .widget_cookie__btn-close-cookie:hover:after { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; opacity: 1; visibility: visible; z-index: 1; } div.widget_cookie__style1 .widget_cookie__btn-close-cookie:hover span { position: relative; z-index: 2; color: #FFF; } .quzi_with_progres .privacy_policy { color: #B6B8BC; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; padding-top: 15px; } .showMore { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #777B89; font-family: Onest; font-size: 18px; font-style: normal; line-height: 170%; cursor: pointer; margin-top: 15px; border-bottom: 2px dotted #000; font-weight: bold; } .showMore:hover { color: #07F; border-bottom: 2px dotted #07F; } .showMore:hover path { stroke: #07F; } .showMore.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .showMore svg { -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .textMore {display: none;} .section_subtitle p {padding-bottom: 31px;} @media (min-width: 701px) { .works_row .swiper-pagination { display: none; } } .callback_form.bottom.callback_form-article {background: var(--ffe-1-cc, #EEF5FC);} .callback_form.callback_form-article {padding: 80px; border-radius: 60px; margin-bottom: 60px; margin-top:60px;} .callback_form.callback_form-article .form_main {padding-inline: 0px;} .callback_form.callback_form-article .form_main .input_item {max-width: 290px;} .callback_form.callback_form-article .form_main button {max-width: 290px;} @media (max-width: 1024px) { .callback_form.callback_form-article .form_main {flex-wrap: wrap} } .callback_form.main .thanks_block .block_title, .callback_form.main .thanks_block .block_subtitle {color: #fff;} .inArticle.blog {padding-bottom: 20px;} @media (max-width: 968px) { div.widget_cookie {bottom:95px;} } .paper__content h2 {margin-top: 35px;} .why_us {overflow: hidden;} .paper__dyad {margin-bottom: 60px;} .inArticle .blog_row .swiper {height: auto} .inArticle .blog_row .swiper-wrapper { align-items: stretch; /* Растягиваем слайды по высоте */ } .inArticle .blog_row .swiper-slide { height: auto; /* Разрешаем растягивание */ } /* Если контент внутри слайда должен занимать всю высоту */ .inArticle .blog_row .blog_item { height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; } /* End */ /* Start:/local/templates/profitkitru/components/scody/cookie/.default/style.min.css?17519056591438*/ .widget_cookie{width:100vw;padding:16px 20px;position:fixed;z-index:9999;bottom:0;right:0;background:#fff;transition:opacity 1.2s,transform 1.2s;flex-direction:column;align-items:center;border:2px solid var(--theme-color-primary, #63aa28)}.widget_cookie__style1{border-color:#63aa28}.widget_cookie__style1 .widget_cookie__btn-close-cookie{background-color:#63aa28}.widget_cookie__style2{border-color:#f8a91c}.widget_cookie__style2 .widget_cookie__btn-close-cookie{background-color:#f8a91c}.widget_cookie__style3{border-color:#e12a2a}.widget_cookie__style3 .widget_cookie__btn-close-cookie{background-color:#e12a2a}.widget_cookie__style4{border-color:#0082d1}.widget_cookie__style4 .widget_cookie__btn-close-cookie{background-color:#0082d1}.widget_cookie__style5{border-color:#159dba}.widget_cookie__style5 .widget_cookie__btn-close-cookie{background-color:#159dba}@media (min-width:29.99875em){.widget_cookie{width:345px;bottom:30px;right:15px}}.widget_cookie__text{margin-bottom:0;color:rgba(25,25,25,.6);font-size:12px;font-weight:400;line-height:20px;padding-bottom:25px}.widget_cookie a{color:var(--theme-b-link)}.widget_cookie__btn-close-cookie{background-size:100% 100%;width:111px;height:48px;display:inline-block;cursor:pointer;transition:.3s;font-size:13px;line-height:19px}.widget_cookie .btn-close-cookie:hover{opacity:.5}.widget_cookie.cookie__hide{transition-delay:0s;opacity:0!important;transform:translateY(20px)!important} /* End */ /* /local/templates/profitkitru/libs/swiper-bundle.min.css?175190566018458 */ /* /local/templates/profitkitru/libs/fancybox.css?175190566025343 */ /* /local/templates/profitkitru/libs/aos.css?175190566028765 */ /* /local/templates/profitkitru/css/main.css?1751905659361159 */ /* /local/templates/profitkitru/css/custom.css?17519056598344 */ /* /local/templates/profitkitru/components/scody/cookie/.default/style.min.css?17519056591438 */