/* Start:/local/templates/sprintvelo/libs/swiper/swiper.min.css?174046882916471*/ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-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: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: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-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:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/sprintvelo/libs/magnific-popup/magnific-popup.min.css?17404688295583*/ /** * Minified by jsDelivr using clean-css v5.3.2. * Original file: /npm/magnific-popup@1.1.0/dist/magnific-popup.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*# sourceMappingURL=/sm/9af0f4e90a7cba0dbe38575666bfedf0e853278155957eb78e63761e33b88a11.map */ /* End */ /* Start:/local/templates/sprintvelo/css/styles_components.css?174186864017676*/ /* Form */ form { margin-top: 40px; max-width: 100%; } .form { width: 100%; max-width: 500px; } .form-field { width: 100%; } .form_large { max-width: calc(1100px + 90px); } .form_large .form-fields .form-field { max-width: calc(50% - 45px); } .form_large .form-field_full { max-width: 100%!important; } .form-fields { display: flex; flex-wrap: wrap; justify-content: space-between; } .form-actions { margin-top: 34px; } .form-actions .btn { min-width: 235px; margin-top: 40px; } .form_large .form-actions .btn { max-width: calc(50% - 45px); } .form-captcha { display: flex; flex-direction: column; } .form-captcha p { margin: 6px 0 10px; font-size: 16px; } .form-captcha .form-field input { max-width: 166px; } .form-captcha+.form-field { margin-top: 34px; } .form-field > label { line-height: 1.5em; } .form-note { margin-top: 40px; color: var(--green); } .form-response { text-align: center; } .form-response.is-error { color: var(--red); } .form-response.is-success { color: var(--green); } /* Media Requests */ @media (max-width: 1599.75px) { .form { max-width: 425px; } .form_large { max-width: calc(850px + 45px); } .form_large .form-fields .form-field, .form_large .form-actions .btn { max-width: calc(50% - 20px); } .form-actions .btn { min-width: auto; } } @media (min-width: 1280px) { .form_large .form-fields .form-field:nth-child(2) { margin-top: 0; } } @media (max-width: 1280px) { .form_large { max-width: 500px; } .form_large .form-fields .form-field, .form_large .form-actions .btn { max-width: 100%; } } @media (max-width: 1023.75px) { form { margin-top: 12px; } .form, .form_large { max-width: 500px; margin: 0 auto; } .form-actions { margin-top: 20px; } .form-captcha p { font-size: 14px; } .form-captcha+.form-field { margin-top: 20px; } .form-actions .btn { margin-top: 28px; } } @media (max-width: 639.75px) { form { margin-top: 8px; } .form-actions .btn { margin-top: 20px; } .form-captcha img { max-width: 100%; height: auto; } } /* Form END */ /* Buttons */ .btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; min-width: max-content; padding: 10px 36px; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; line-height: 1.6em; color: var(--black); border: 1px solid var(--black); border-radius: 16px; transition: var(--transition); cursor: pointer; } .btn:hover { color: var(--white); background-color: var(--black); } /* Buttons - Sizes */ .btn-extra-big { height: 66px; padding: 16px 56px; font-size: 20px; font-weight: 600; line-height: 1.7em; border-radius: 20px; } .btn-big { height: 58px; padding: 12px 38px; font-size: 20px; font-weight: 600; line-height: 1.7em; border-radius: 20px; } .btn-medium { height: 54px; padding: 14px 42px; } /* Buttons - Types */ .btn-round { width: 64px; height: 64px; padding: 16px; background: var(--gray-10); border: none; border-radius: 50%; } .btn-bordered:hover { color: var(--black); background-color: var(--light-blue); } /* Buttons - Colors */ .btn-black, .btn-black:focus { color: var(--white); background-color: var(--black); } .btn-black:hover { color: var(--black); background-color: var(--yellow); border-color: var(--yellow); } .btn-gray { color: var(--white); border-color: var(--white); background-color: var(--gray-40); } .btn-gray:hover { color: var(--black); background-color: var(--white); } .btn-white { border-color: var(--gray-50); background-color: var(--gray-10); } .btn-white:hover { border-color: var(--black); } .btn-white:focus { background-color: var(--gray-50); } .btn-white-light { background-color: var(--white); transition: var(--transition); border: 1px solid var(--white); } .btn-white-light:hover { background-color: #FFFFFF66; color: var(--white); } /* Buttons END */ /* Text/Input, Checkboxes, Radio Buttons */ .form-field { position: relative; display: flex; flex-direction: column; } .form-field.w-50 { width: 50% !important; } .form-field.center { align-items: center; margin: 0 auto; } .form-field+.form-field { margin-top: 22px; } .form-field input[type=text], .form-field input[type=email], .form-field input[type=tel], .form-field input[type=password], .form-field textarea { position: relative; width: 100%; height: 54px; padding: 7px 42px; font-family: inherit; font-size: inherit; color: var(--black); background-color: var(--gray-10); border: 1px solid var(--gray-50); border-radius: 20px; outline: none; transition: var(--transition); z-index: 1; } .form-field textarea { height: auto; padding-block: 24px; resize: none; } .form-field input[type=text]:hover, .form-field input[type=email]:hover, .form-field input[type=tel]:hover, .form-field input[type=password]:hover, .form-field textarea:hover { border-color: var(--gray-80); } .form-field input[type=text]:active, .form-field input[type=text]:not(:placeholder-shown), .form-field input[type=email]:active, .form-field input[type=email]:not(:placeholder-shown), .form-field input[type=tel]:active, .form-field input[type=tel]:not(:placeholder-shown), .form-field input[type=password]:active, .form-field input[type=password]:not(:placeholder-shown), .form-field textarea:active, .form-field textarea:not(:placeholder-shown) { border-color: var(--black) !important; } .form-field input[type=text]+label, .form-field input[type=email]+label, .form-field input[type=tel]+label, .form-field input[type=password]+label, .form-field textarea+label { position: absolute; top: 0px; left: 42px; display: flex; align-items: center; height: 54px; color: var(--gray-50); transition: var(--transition); pointer-events: none; z-index: 2; } .form-field.has-error input[type], .form-field.has-error input[type=checkbox]+label::before { border-color: var(--red) !important; } .form-field.has-error label { color: var(--red) !important; } .form-field textarea+label { top: 20px; align-items: flex-start; } .form-field.filled input[type=text]+label, .form-field.filled input[type=email]+label, .form-field.filled input[type=tel]+label, .form-field.filled input[type=password]+label, .form-field.filled textarea+label { display: none; } /* Text/Input - Small */ .form-field input[type=text].small, .form-field input[type=email].small, .form-field input[type=tel].small, .form-field input[type=password].small, .form-field textarea.small { height: 38px; padding: 6px 16px; } .form-field input[type=text].small+label, .form-field input[type=email].small+label, .form-field input[type=tel].small+label, .form-field input[type=password].small+label, .form-field textarea.small+label { left: 16px; height: 38px; } /* Checkbox */ .form-field input[type=checkbox] { position: absolute; opacity: 0; z-index: -1; } .form-field input[type=checkbox]+label { position: relative; display: inline-flex; align-items: center; max-width: max-content; font-size: 16px; line-height: 1.6em; text-align: left; cursor: pointer; } .form-field input[type=checkbox]:not(.switcher)+label::before { content: ''; display: inline-flex; flex-grow: 0; flex-shrink: 0; width: 20px; height: 20px; margin-right: 0.5em; background-color: var(--white); border: 1px solid var(--gray-50); border-radius: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: var(--transition); box-sizing: border-box; } .form-field input[type=checkbox]:not(.switcher)+label:hover::before { border-color: var(--blue); } .form-field input[type=checkbox]:not(.switcher):checked+label::before { border-color: var(--blue); background-color: var(--blue); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3e%3cpath d='M17.2559 4.41107C17.5814 4.73651 17.5814 5.26414 17.2559 5.58958L8.08926 14.7562C7.76382 15.0817 7.23618 15.0817 6.91074 14.7562L2.74408 10.5896C2.41864 10.2641 2.41864 9.73651 2.74408 9.41107C3.06951 9.08563 3.59715 9.08563 3.92259 9.41107L7.5 12.9885L16.0774 4.41107C16.4028 4.08563 16.9305 4.08563 17.2559 4.41107Z' /%3e%3c/svg%3e"); } .form-field input[type=checkbox]:not(.switcher):checked+label:hover::before { border-color: var(--dark-blue); background-color: var(--dark-blue); } .form-field input[type=checkbox]:not(.switcher):disabled:checked+label::before { border-color: var(--gray-40); background-color: var(--gray-40); } .form-field input[type=checkbox]:not(.switcher):disabled+label::before { border-color: var(--gray-40); } /* Checkbox - Switcher */ .form-field input[type=checkbox].switcher+label::before { content: ''; width: 48px; height: 24px; margin-right: 6px; background-color: var(--gray-40); border-radius: 16px; transition: var(--transition); } .form-field input[type=checkbox].switcher+label::after { content: ''; position: absolute; top: 50%; left: 3px; width: 20px; height: 20px; background-color: var(--white); border-radius: 50px; transform: translateY(-50%); transition: var(--transition); } /* .form-field input[type=checkbox].switcher+label:active:after { width: 42px; } .form-field input[type=checkbox].switcher:checked+label:active:after { left: 3px; } */ .form-field input[type=checkbox].switcher+label:hover::before, .form-field input[type=checkbox].switcher:checked+label::before { background-color: var(--blue); } .form-field input[type=checkbox].switcher:checked+label::after { left: 25px; } .form-field input[type=checkbox].switcher:checked+label:hover::before { background-color: var(--dark-blue); } .form-field input[type=checkbox].switcher:disabled+label::before, .form-field input[type=checkbox].switcher:disabled:checked+label::before { background-color: var(--gray-10); } .form-field input[type=checkbox].switcher:disabled+label::after, .form-field input[type=checkbox].switcher:disabled:checked+label::after { background-color: var(--gray-20); } /* Radio Buttons */ .form-field input[type=radio] { position: absolute; opacity: 0; z-index: -1; } .form-field input[type=radio]+label { position: relative; display: inline-flex; align-items: center; max-width: max-content; cursor: pointer; line-height: 1.6em; } .form-field input[type=radio]+label::before { content: ''; display: inline-flex; flex-grow: 0; flex-shrink: 0; width: 20px; height: 20px; margin-right: 0.5em; background-color: var(--white); border: 1px solid var(--gray-50); border-radius: 50%; transition: var(--transition); box-sizing: border-box; } .form-field input[type=radio]+label:hover::before { border-color: var(--blue); } .form-field input[type=radio]:checked+label::before { border-color: var(--blue); outline: 7px solid var(--blue); outline-offset: -7px; } .form-field input[type=radio]:checked+label:hover::before { border-color: var(--dark-blue); outline-color: var(--dark-blue); } .form-field input[type=radio]:disabled:checked+label::before { border-color: var(--gray-40); outline: 7px solid var(--gray-40); outline-offset: -7px; } .form-field input[type=radio]:disabled+label::before { border-color: var(--gray-40); } /* Form Errors */ .form-field.has-error input, .form-field.has-error textarea { border-color: var(--red); } .form-field__error { margin-top: 0.5em; font-size: 16px; line-height: 1em; text-align: left; color: var(--red); } /* Text/Input, Checkboxes, Radio Buttons END */ /* Slider */ .slider .swiper-wrapper .swiper-slide { height: initial; } .slider .swiper-controls { display: inline-flex; align-items: center; gap: 8px; margin-top: 45px; } .slider .swiper-pagination { position: relative; top: initial; bottom: initial; display: flex; gap: 7px; } .slider .swiper-arrow+.swiper-pagination { gap: 4px; } .slider .swiper-pagination .swiper-pagination-bullet { width: 46px; height: 3px; margin: 0; background-color: var(--gray-40); border-radius: 36px; opacity: 1; } .slider .swiper-pagination.light .swiper-pagination-bullet { background-color: var(--gray-20); transition: var(--transition); } .slider .swiper-pagination.light .swiper-pagination-bullet:hover { background-color: var(--gray-80); } .slider .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--black) !important; } .slider .swiper-arrow, .slider .swiper-arrow:focus { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; background-color: var(--white); border: 1px solid var(--gray-40); border-radius: 50%; transition: var(--transition); cursor: pointer; } .slider .swiper-arrow:hover{ color: var(--white); background-color: var(--black); border-color: var(--black); } .slider .swiper-arrow svg { width: 10px; height: 18px; } .slider .swiper-arrow-prev { transform: rotate(180deg); } .slider .swiper-arrow-gray { color: var(--gray-50); background-color: transparent; border-color: var(--gray-50); } /* Slider END */ /* Media Requests */ @media (max-width: 1599.75px) { } @media (max-width: 1023.75px) { .btn-extra-big, .btn-big { height: 46px; padding: 10px 32px; font-size: 16px; line-height: 1.6em; border-radius: 16px; } .form-field+.form-field { margin-top: 12px; } .form-field input[type=text], .form-field input[type=email], .form-field input[type=tel], .form-field input[type=password] { height: 46px; padding: 10px 20px; } .form-field textarea { padding: 14px 20px; } .form-field input[type=text]+label, .form-field input[type=email]+label, .form-field input[type=tel]+label, .form-field input[type=password]+label, .form-field textarea+label { height: 46px; left: 20px; } .form-field textarea+label { top: 12px; } .form-field input[type=checkbox]+label { font-size: 14px; } .slider .swiper-controls { margin-top: 40px; } } @media (max-width: 639.75px) { .btn { height: 34px; padding: 6px 22px; font-size: 14px; } .btn-round { width: 32px; height: 32px; padding: 0; background: transparent; } .btn-round:hover { color: var(--red); background-color: transparent; } .btn-extra-big, .btn-big { height: 46px; padding: 10px 32px; font-size: 16px; line-height: 1.6em; } .form-field.w-50 { width: 100% !important; } .form-field+.form-field { margin-top: 8px; } .form-field input[type=text], .form-field input[type=email], .form-field input[type=tel], .form-field input[type=password], .form-field textarea { border-radius: 16px; } .form-field input[type=checkbox]+label { font-size: 12px; line-height: 1.4em; } .form-field input[type=checkbox]+label[for='checkbox-privacy'] { /* max-width: 190px; */ } .slider .swiper-controls { margin-top: 24px; } .slider .swiper-pagination { gap: 4px; } .slider .swiper-pagination .swiper-pagination-bullet { width: 36px; } } /* Pagination */ .pagination { margin-top: 100px; } .pagination .pagination__container { text-align: center; position: relative; } .pagination .pagination__container ul { display: flex; justify-content: center; gap: 16px; margin: 0; padding: 0; list-style: none; } .pagination .pagination__container ul li { display: inline-block; padding: 0; margin: 0; } .pagination .pagination__container ul li::before { content: none; } .pagination .pagination__container ul li span, .pagination .pagination__container ul li a { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; line-height: 38px; color: var(--black); border: 1px solid var(--gray-60); border-radius: 50%; transition: var(--transition); } .pagination .pagination__container ul li a:hover { border-color: var(--black); } .pagination .pagination__container ul li.bx-active span { border-color: var(--black); background-color: var(--gray-20); } /* Media Requests */ @media (max-width: 1023.75px) { .pagination { margin-top: 60px; } .pagination .pagination__container ul { gap: 8px; } .pagination .pagination__container ul li span, .pagination .pagination__container ul li a { width: 34px; height: 34px; line-height: 34px; } } /* End */ /* Start:/local/templates/sprintvelo/css/styles_helpers.css?1740403413956*/ /* HELPERS */ /* flex */ .is-flex { display: flex; } .is-flex-wrap-wrap { flex-wrap: wrap; } .is-align-items-center { align-items: center; } .is-justify-content-space-between { justify-content: space-between; } .is-flex-direction-row { flex-direction: row; } .is-justify-content-center { justify-content: center; } .is-halfwidth { width: 50%!important; } .is-fullwith { width: 100%!important; max-width: 100%!important; } /* Margrins */ .m-0 { margin: 0 !important; } .mt-1 { margin-top: 1rem !important; } .mb-1 { margin-bottom: 1rem !important; } .mt-2 { margin-top: 1.25rem !important; } .mb-2 { margin-bottom: 1.25rem !important; } /* Colors */ .color_red { color: var(--red); } /* Aligns */ .text-center { text-align: center; } /* Handlers */ .is-disabled { pointer-events: none; opacity: .35; } /* Media Requests */ @media (max-width: 1279.75px) { .is-halfwidth { width: 100% !important; } } /* End */ /* Start:/local/templates/sprintvelo/css/kostya.css?17404034131523*/ /* Section */ .section { padding: 45px 0; position: relative; } .section__image { position: absolute; right: 0; bottom: 0; max-width: calc(100% - 500px - 90px); } .section__image img { width: 100%; height: auto; object-fit: cover; } @media (max-width: 1280px) { .section__image { bottom: 150px; } } @media (max-width: 1023.75px) { .section__image { position: relative; bottom: initial; max-width: 500px; margin: 40px auto 0 auto; width: auto; } .section__image_small { max-width: 348px; } } /* Section END */ /* Profile */ .profile {} .profile-nav { display: flex; flex-wrap: wrap; margin: -10px; } .profile-btn { margin: 10px; width: 241px; height: 213px; border-radius: 26px; display: block; background-color: var(--gray-10); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: var(--transition); } .profile-btn:hover, .profile-btn:focus { background-color: var(--gray-20); } .profile-btn_exit { background-color: var(--red); color: #fff; } .profile-btn_exit:hover, .profile-btn_exit:focus { background-color: #6d0d0d; color: #fff; } .profile-btn img { width: 65px; height: 65px; object-fit: contain; margin-bottom: 22px; } .profile-btn span { font-size: 20px; font-weight: 400; line-height: 34px; } /* Profile END */ /* End */ /* Start:/local/templates/sprintvelo/components/bitrix/search.form/main/style.css?17442898912829*/ .search-form__wrapper { display: inline-flex; } .ajax-form-search { margin-top: 0px; } .search-form-res { width: 100%; display: none; } .search-form-res.is-active { width: 100%; position: absolute; padding: 0px 16px 24px; display: block; z-index: 6; background-color: var(--white); border-radius: 0 0 1.6rem 1.6rem; box-shadow: 0px 10px 11.4px -1px var(--gray-60); } .search-form-res__items { list-style: none; } .search-form .icon svg{ display: none; } .search-form .modal-close.icon svg{ display: block; } .form-field_with-icon { transition: var(--transition); } #search-input { height: auto; padding: 10px 42px 7px; border: 1px solid var(--white); } #search-input:hover { border: 1px solid var(--black); } #search-input:focus, #search-input:active { /*border: 1px solid var(--white) !important;*/ } .search-form__wrapper.is-active .ajax-form-search .form-field input[type=text]:not(:placeholder-shown) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: var(--white) !important; } .ajax-form-search .form-field input[type=text]:hover { } .ajax-form-search .form-field input[type=text]:-webkit-autofill, .ajax-form-search .form-field input[type=text]:-webkit-autofill:hover, .ajax-form-search .form-field input[type=text]:-webkit-autofill:focus, .ajax-form-search .form-field input[type=text]:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-border-before-color: #fff !important; } .ajax-form-search .form-field input[type=text]+label { top: -5px; } .search-form__wrapper.is-active .icon.modal-close { display: block; } .icon.modal-close { position: absolute; right: 10px; top: 9px; display: none; cursor: pointer; } .all-results-btn { width: 100%; margin-top: 10px; } .search-res-item+.search-res-item { margin-top: 0.8em; } @media only screen and (max-width: 1023.75px) { .search-popup__wrap .white-popup__close { top: 10px; right: 10px; } .search-form__wrapper, .ajax-form-search { width: 100%; } .search-form-res.is-active { position: static; box-shadow: none; } #search-input { background-color: var(--white); } .icon.modal-close { right: 54px; top: 45px; } .search-form .icon svg{ top: 5px; display: block; } .ajax-form-search .form-field input[type=text]+label { left: 40px; } } @media only screen and (max-width: 639.75px) { .icon.modal-close { top: 48px; } .search-form .icon svg{ width: 21px; height: 21px; } .search-popup__wrap .white-popup__close { top: 6px; } } /* End */ /* Start:/local/templates/sprintvelo/components/bitrix/menu/horizontal_multilevel/style.css?17404034132522*/ /**Top menu**/ .top-menu__links,.top-menu__links ul { margin:0; padding:0; min-height:27px; width:100%; list-style:none; font-size:11px; /*font-size:90%*/ } /*Root menu selected*/ .top-menu__links li { position: relative; } /*Child-items selected*/ .top-menu__links li.item-selected > a { font-weight: 600 !important; } /*Sub-menu box*/ .top-menu__links li ul { position:absolute; top: -16px; display:none; z-index:500; left: 50%; transform: translateX(-50%); height:auto; /*width:12em;*/ width:max-content; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ .top-menu__links li li { text-align: center; width:100%; } /*Item link*/ .top-menu__links li ul a { color: var(--black); font-size: 20px; font-style: normal; font-weight: 300; line-height: 170%; /* 34px */ text-align:center; } .top-menu__links li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } .top-menu__links li:hover ul ul, .top-menu__links li.jshover ul ul, .top-menu__links li:hover ul ul ul, .top-menu__links li.jshover ul ul ul, .top-menu__links li:hover ul ul ul ul, .top-menu__links li.jshover ul ul ul ul, .top-menu__links li:hover ul ul ul ul ul, .top-menu__links li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } .top-menu__links li:hover ul, .top-menu__links li.jshover ul, .top-menu__links li li:hover ul, .top-menu__links li li.jshover ul, .top-menu__links li li li:hover ul, .top-menu__links li li li.jshover ul, .top-menu__links li li li li:hover ul, .top-menu__links li li li li.jshover ul, .top-menu__links li li li li li:hover ul, .top-menu__links li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display: flex; border-radius: 26px; border: 1px solid var(--gray-60); background: var(--white); } div.menu-clear-left { clear:left; } .top-menu__links { padding: 0; margin: 0; display: flex; list-style: none; gap: 46px; } .top-menu__links li a{ color: var(--black); font-size: 16px; font-style: normal; font-weight: 300; line-height: 160%; /* 25.6px */ } .top-menu__links .sub-menu__list { flex-direction: column; gap: 10px; padding: 15px 20px 20px 20px; } .top-menu__links li:hover .sub-menu__list div{ font-weight: 600; } div.root-item-selected, a.root-item-selected { font-weight: 600 !important; } .top-menu__links li a.root-item-selected::after { } @media (max-width: 1599.75px) { .top-menu__links .sub-menu__list { width: max-content; padding: 15px 10px 20px 10px; } } /* End */ /* Start:/local/templates/sprintvelo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?174040341343*/ #callback-modal { text-align: center; } /* End */ /* Start:/local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel_header/style.css?17404034132299*/ .footer-menu__wrap[data-type="multilevel"] { padding-top: 0; margin: 0; display: flex; flex-direction: column; list-style: none; } .footer-menu__wrap li { display: flex; flex-wrap: wrap; } .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; transition: var(--transition); transition-delay: 0.1s; } .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap + ul > li { position: relative; padding-left: 20px; } .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap + ul > li::before { content: ""; position: absolute; top: 0.75em; left: 0.4em; width: 8px; height: 1px; background-color: var(--black); } .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap.active-dropdown-wrap { padding-bottom: 6px; } .footer-menu__wrap[data-type="multilevel"] .dropdown-toggle-btn { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background-color: var(--white); border: 1px solid var(--gray-40); border-radius: 50%; transition: var(--transition); cursor: pointer; } .footer-menu__wrap[data-type="multilevel"] .dropdown-toggle-btn:hover, .footer-menu__wrap[data-type="multilevel"] .active-dropdown-wrap .dropdown-toggle-btn { background-color: var(--black); border-color: var(--black); } .footer-menu__wrap[data-type="multilevel"] .dropdown-toggle-btn:hover svg, .footer-menu__wrap[data-type="multilevel"] .active-dropdown-wrap svg { color: var(--white); } .footer-menu__wrap li .dropdown-content { width: 100%; } .footer-menu__wrap li a, .footer-menu__wrap li div.root-item { color: var(--black); font-size: 16px; font-style: normal; font-weight: 300; line-height: 160%; /* 25.6px */ } .footer-menu__wrap[data-type="multilevel"] li a.root-item-selected::after { display: none !important; } @media (max-width: 1279.75px) { .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap + ul > li + li { margin-top: 8px; } } @media (max-width: 767px) { .footer-menu__wrap[data-type="multilevel"] .dropdown-toggle-btn { width: 30px; height: 30px; } .footer-menu__wrap[data-type="multilevel"] li .dropdown-wrap + ul > li + li { margin-top: 6px; } } /* End */ /* Start:/local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel/style.css?1740403413370*/ .footer-menu__wrap { padding-top: 20px; margin: 0; display: flex; flex-direction: column; list-style: none; } .footer-menu__wrap li { display: flex; } .footer-menu__wrap li a { color: var(--black); font-size: 16px; font-style: normal; font-weight: 300; line-height: 160%; /* 25.6px */ } .footer-menu__wrap li a.root-item-selected::after { display: none; } /* End */ /* Start:/local/templates/sprintvelo/styles.css?174360243347776*/ /* Common */ @font-face { font-family: 'Bebas-Neue'; src: url('/local/templates/sprintvelo/./fonts/bebas-neue.eot'); src: url('/local/templates/sprintvelo/./fonts/bebas-neue.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/bebas-neue.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/bebas-neue.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/bebas-neue.ttf') format('truetype'); font-weight: 700; font-style: normal; } /*@font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-light.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-light.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-light.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-light.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-light.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-light.svg#gilroy-light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-regular.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-regular.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-regular.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-regular.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-regular.svg#gilroy-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-regularitalic.svg#gilroy-regularitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-medium.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-medium.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-medium.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-medium.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-medium.svg#gilroy-medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-mediumitalic.svg#gilroy-mediumitalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-semibold.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-semibold.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-semibold.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-semibold.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-semibold.svg#gilroy-semibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.ttf') format('truetype'), url('/local/templates/sprintvelo/./fonts/gilroy-semibolditalic.svg#gilroy-semibolditalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.eot'); src: url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/gilroy-extrabold.ttf') format('truetype'); font-weight: 600; font-style: normal; } */ @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Thin.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Thin.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Thin.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-ThinItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-ThinItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-ThinItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLight.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLight.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLight.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLightItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLightItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLightItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Light.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Light.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Light.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-LightItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-LightItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-LightItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Italic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Italic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Italic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Regular.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Regular.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Regular.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Medium.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Medium.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Medium.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-MediumItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-MediumItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-MediumItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-SemiBold.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBold.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBold.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-SemiBoldItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBoldItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Bold.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Bold.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Bold.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-BoldItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-BoldItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-BoldItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBold.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBold.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBold.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBoldItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBoldItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-Black.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-Black.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-Black.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('/local/templates/sprintvelo/./fonts/Raleway-BlackItalic.eot'); src: url('/local/templates/sprintvelo/./fonts/Raleway-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/sprintvelo/./fonts/Raleway-BlackItalic.woff2') format('woff2'), url('/local/templates/sprintvelo/./fonts/Raleway-BlackItalic.woff') format('woff'), url('/local/templates/sprintvelo/./fonts/Raleway-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } .h1-main, .h2-main, .h3-main, .h4-main { font-family: "Bebas-Neue", sans-serif; font-weight: 700; line-height: 1.1em; text-transform: uppercase; } .h1-main { font-size: 66px; } .h2-main { font-size: 46px; } .h3-main { font-size: 40px; } .h4-main { font-size: 32px; } h1, .h1 { font-size: 66px; font-weight: 700; line-height: 1.1em; } .h1-big { font-size: 96px; font-weight: 700; line-height: 1.3em; } h2, .h2 { font-size: 32px; font-weight: 600; line-height: 1.7em; } h3, .h3 { font-size: 24px; font-weight: 600; line-height: 1.7em; } h4, .h4 { font-size: 20px; font-weight: 600; line-height: 1.7em; } h5, .h5 { font-size: 16px; font-weight: 600; line-height: 1.6em; } h6, .h6 { font-size: 14px; font-weight: 600; line-height: 1.6em; } a { color: var(--black); } b, strong { font-weight: 600; } main ul { list-style: none; } main ul > li { position: relative; padding-left: 1.5em; } main ul > li::before { content: ""; position: absolute; top: 0.75em; left: 0.6em; width: 4px; height: 4px; border-radius: 50%; background-color: var(--black); } main ul > li + li { /* margin-top: 0.7em; */ } main p + ul, main p + ol { margin-top: 0.8em; } /* Section with images */ .section-with-images { display: flex; } .section-with-images__text { flex-grow: 1; padding-right: 150px; } .section-with-images__images img { border-radius: 26px; object-fit: cover; } .section-with-images__images[data-count-images="2"] { align-self: flex-start; display: flex; justify-content: space-between; align-items: flex-end; width: 528px; min-width: 528px; margin-top: -70px; } .section-with-images__images[data-count-images="2"] img:nth-child(1) { width: calc(50% - 15px); margin-bottom: 110px; } .section-with-images__images[data-count-images="2"] img:nth-child(2) { width: calc(50% - 45px); } /* Section with images END */ /* Circle */ .circle { position: relative; } .circle::before { content: ""; position: absolute; top: var(--circle-top, 0); left: var(--circle-left, 0); width: var(--circle-size, 100px); height: var(--circle-size, 100px); border: 1px solid var(--gray-60); border-radius: 50%; box-sizing: border-box; z-index: -1; } /* Circle END */ /* Work list */ #work-list > p { max-width: 695px; } .work-list { display: grid; grid-template-areas: "first first second second third third" "fourth fourth fourth fifth fifth fifth" "fourth fourth fourth sixth sixth sixth" "seventh seventh seventh sixth sixth sixth" "seventh seventh seventh sixth sixth sixth" "seventh seventh seventh eighth eighth eighth"; grid-template-columns: repeat(6, 1fr); gap: 28px; margin-top: 42px; } .work-list__item:nth-child(1) { grid-area: first; } .work-list__item:nth-child(2) { grid-area: second; } .work-list__item:nth-child(3) { grid-area: third; } .work-list__item:nth-child(4) { grid-area: fourth; } .work-list__item:nth-child(5) { grid-area: fifth; } .work-list__item:nth-child(6) { grid-area: sixth; } .work-list__item:nth-child(7) { grid-area: seventh; } .work-list__item:nth-child(8) { grid-area: eighth; } .work-list__item { position: relative; padding: 36px 52px; background: var(--gray-20); border: 1px solid var(--gray-50); border-radius: 26px; box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10); overflow: hidden; } .work-list__title { position: relative; z-index: 1; } .work-list__item img { position: absolute; top: 0; right: 10%; display: flex; max-width: 190px; transform: translateY(-50%); z-index: 0; } .work-list__item:nth-child(2) img { right: -40px; } .work-list__item:nth-child(3) img { right: -15px; max-width: 118px; transform: translateY(-20%); } .work-list__item:nth-child(4) img { transform: translateY(-15%); } .work-list__item:nth-child(5) img { right: 15%; } .work-list__item:nth-child(7) img { right: 15%; } .work-list__item:nth-child(8) img { transform: translateY(-40%); } .work-list__services { margin-top: 20px; } .work-list__service { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 6px; border-bottom: 1px solid var(--gray-40); } .work-list__service + .work-list__service { margin-top: 6px; } .work-list__service:last-child { padding-bottom: 0; border-bottom: none; } .work-list__service-price { flex-shrink: 0; } /* Work list END */ /* Package list */ .package-list { overflow: visible; } .package-list .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .package-list__item { display: flex; flex-direction: column; align-items: center; min-height: 532px; padding: 36px 60px; color: var(--white); background: rgba(0, 0, 0, 0.30); background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid var(--white); border-radius: 26px; box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10); } .package-list__item:nth-child(1) { background-position: right; } .package-list__item:nth-child(2) { background-position: left; } .package-list__item:nth-child(3) { background-position: left; } .package-list__item:nth-child(4) { display: none; padding: 0; background: none; border: none; box-shadow: none; } .package-list__title { font-size: 32px !important; } .package-list__price { color: var(--white) !important; } .package-list__price span { font-size: initial; font-weight: initial; } .package-list__description li { padding-left: 2.45em; font-size: 16px; line-height: 1.6em; } .package-list__description li::before { top: 0.25em; left: 0; width: 23px; height: 22px; background: url('/local/templates/sprintvelo/icons/icon-wheel.svg') center / contain no-repeat; } .package-list__description li + li { margin-top: 0.7em; } /* Package list END */ /* Testimonials */ .testimonials-title { margin-bottom: 22px; } .testimonials-header { display: flex; align-items: center; justify-content: space-between; gap: 170px; width: 67%; } @media (min-width: 1024px) { .testimonials-header .btn { padding-inline: 28px; } } .testimonials-body { display: flex; margin-top: 110px; } .testimonials-items { width: 67%; } .testimonials-images { flex-grow: 1; margin-top: -200px; padding-bottom: 80px; padding-left: 80px; } .testimonials-images .section-with-images { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .testimonials-images .section-with-images__images { display: none; justify-content: flex-end; } .testimonials-images .section-with-images__images:nth-child(even) { justify-content: flex-start; } .testimonials-images .section-with-images__images img { box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.10); } /* Testimonials - Slider */ .testimonials[data-type="slider"] { margin-block: 80px; margin-inline: calc((100% - 100vw) / 2); padding-inline: calc((100vw - 100%) / 2); overflow: hidden; } .testimonials[data-type="slider"] .testimonials-header { width: 100%; } .testimonials[data-type="slider"] .testimonials-header-text { max-width: 700px; } .testimonials[data-type="slider"] .testimonials-body { display: block; margin-top: 60px; } /* Testimonials END */ /* Team */ .team-header-image { display: flex; } .team-header-image img { width: 100%; height: 793px; border-radius: 26px; object-fit: cover; } .team-header-text { max-width: 1000px; margin-top: 40px; } /* Team END */ /* ------------------ Catalog ------------------ */ /* Catalog Content */ .catalog-content { position: relative; } /* Catalog Content - Categories Links */ .catalog-categories-wrapper { position: relative; padding-bottom: 24px; } .catalog-categories-items { display: flex; flex-wrap: wrap; gap: 10px; height: 47px; padding-bottom: 10px; transition: var(--transition); overflow: hidden; } .catalog-categories-item { display: inline-flex; padding: 4px 25px; font-size: 16px; border: 1px solid var(--black); border-radius: 16px; transition: var(--transition); } .catalog-categories-item:hover, .catalog-categories-item.active { background-color: var(--gray-40); } .catalog-categories-button { position: absolute !important; right: 0; bottom: 0; font-size: 16px; } .catalog-categories-button .hide { display: none; } .catalog-categories-button svg { margin-left: 6px; transform: rotate(90deg); transition: var(--transition); } .catalog-categories-items.active { height: auto; } .catalog-categories-items.active + .catalog-categories-button > .expand { display: none; } .catalog-categories-items.active + .catalog-categories-button > .hide { display: inline-block; } .catalog-categories-items.active + .catalog-categories-button svg { transform: rotate(-90deg); } /* Catalog Content - Sort */ .catalog-sort-container { display: flex; align-items: center; flex-wrap: wrap; gap: 0px 8px; padding-bottom: 30px; font-size: 16px; line-height: 1.6em; } .catalog-sort-items { display: flex; gap: 8px; } .catalog-sort-items .current-sort { font-weight: 600; } /* Catalog Content - Items */ .catalog-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .catalog-items--empty { color: var(--red); } /* Catalog Content - Description */ .catalog-section-description { margin-top: 80px; } /* Catalog Item */ .catalog-item { position: relative; display: flex; flex-direction: column; height: 100%; border-radius: 26px; border: 1px solid #C2C2C2; background: var(--white); transition: var(--transition); z-index: 2; overflow: hidden; } .catalog-item:hover { box-shadow: 0px 10px 20px 0px #0000001A; } /* Catalog Item - Compare */ .catalog-item .catalog-item-compare-container { position: absolute; top: 20px; right: 64px; z-index: 3; } .catalog-item .catalog-item-compare-icon { display: flex; cursor: pointer; transition: var(--transition); } .catalog-item .catalog-item-compare-icon::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-color: var(--yellow); border-radius: 50%; transform: translate(50%, 50%); transition: var(--transition); } .catalog-item .catalog-item-compare-icon:hover { color: var(--blue); } .catalog-item .catalog-item-compare-icon.in-compare { color: var(--blue); } .catalog-item .catalog-item-compare-icon.in-compare::after { width: 6px; height: 6px; } /* Catalog Item - Favourite */ .catalog-item .catalog-item-favourite-container { position: absolute; top: 20px; right: 20px; display: flex; z-index: 3; } .catalog-item .catalog-item-favourite-icon { display: inline-flex; cursor: pointer; } .catalog-item .catalog-item-favourite-icon svg path { transition: var(--transition); } .catalog-item .catalog-item-favourite-icon svg path#filled { fill: transparent; } .catalog-item .catalog-item-favourite-icon:hover svg { fill: var(--red); } .catalog-item .catalog-item-favourite-icon.is-favourite svg path#filled { fill: inherit; } /* Catalog Item - Image */ .catalog-item .catalog-item-image-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; height: 256px; padding-top: 60px; /* background: #EAEAEA; */ } .catalog-item--recommended .catalog-item-image-wrapper { padding-top: 0px; } .catalog-item .catalog-item-image-original img { width: 258px; max-height: 165px; object-fit: contain; } /* Catalog Item - Content */ .catalog-item .catalog-item-content { position: relative; display: flex; flex-direction: column; height: 100%; padding: 10px 20px 20px 20px; } /* Catalog Item - SKU */ .catalog-item .catalog-item-scu-item-list { display: flex; align-items: center; gap: 10px; } .catalog-item .catalog-item-scu-item-list li { list-style: none; padding-left: 0; cursor: pointer; } .catalog-item .catalog-item-scu-item-list li::before { content: none; } .catalog-item .catalog-item-scu-item-list li + li { margin-top: 0; } .catalog-item .catalog-item-scu-item-color { width: 20px; height: 20px; background-size: 20px; background-position: center; border: 1px solid var(--gray-50); border-radius: 50%; box-shadow: inset 0px 0px 0px 2px var(--white); transition: var(--transition); } .catalog-item .catalog-item-scu-item-color:hover { border-color: var(--gray-80); } .catalog-item .catalog-item-scu-item-color-container.selected .catalog-item-scu-item-color { border-color: var(--gray-80); } .catalog-item .catalog-item-scu-item-color-container.notallowed { opacity: 0.5; cursor: default; pointer-events: none; user-select: none; } /* Catalog Item - Availability */ .catalog-item .catalog-item-availability-container { font-size: 12px; font-weight: 500; } .catalog-item .catalog-item-availability { position: relative; padding-left: 10px; } .catalog-item .catalog-item-availability::before { content: ''; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; } .catalog-item .catalog-item-availability.in-stock { color: var(--green); } .catalog-item .catalog-item-availability.in-stock::before { background-color: var(--green); } .catalog-item .catalog-item-availability.out-of-stock { color: var(--red); } .catalog-item .catalog-item-availability.out-of-stock::before { background-color: var(--red); } /* Catalog Item - Title, Subtitle, Article */ .catalog-item .catalog-item-title-container { margin-top: 2px; } .catalog-item .catalog-item-title { font-size: 16px; font-weight: 600; line-height: 1.6em; } .catalog-item .catalog-item-subtitle, .catalog-item .catalog-item-article { font-size: 12px; line-height: 1.6em; color: var(--gray-60); } /* Catalog Item - Price */ .catalog-item .catalog-item-price-container { font-size: 16px; font-weight: 600; line-height: 1.2em; margin-top: 6px; } .catalog-item .catalog-item-price-old { text-decoration: line-through; } /* Catalog Item - Credit */ .catalog-item .catalog-item-credit-container { font-size: 12px; line-height: 1.6em; color: var(--gray-60); } /* Catalog Item - Buttons */ .catalog-item .catalog-item-button-container { margin-top: auto; /* position: absolute; right: 20px; bottom: 20px; */ } .catalog-item .catalog-item-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; } .catalog-item .catalog-item-buttons svg { width: 20px; height: 19px; } .catalog-item .catalog-item-button--buy, .catalog-item .catalog-item-button--one-click { gap: 10px; } .catalog-item .catalog-item-button--buy .in { display: none; } .catalog-item .catalog-item-button--buy.in-cart .out { display: none; } .catalog-item .catalog-item-button--buy.in-cart .in { display: inline-block; } .catalog-item .catalog-item-button--one-click { font-size: 14px; } .catalog-item .catalog-item-button--order { } /* Popups */ .popup-window-custom:not(.popup-window-with-titlebar) { display: flex; background-color: var(--white); } .popup-window-custom.popup-window-with-titlebar { min-width: 830px; max-width: 920px; padding: 50px 50px 60px; background-color: var(--white); border: 1px solid var(--gray-60); border-radius: 26px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar { height: 100%; margin-bottom: 40px; text-align: center; } .popup-window-custom.popup-window-with-titlebar .popup-window-content { padding: 0; background-color: transparent; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper { display: flex; align-items: center; gap: 35px; margin-bottom: 40px; padding: 46px 40px; background-color: var(--gray-10); border: 1px solid var(--gray-60); border-radius: 26px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__left { display: flex; justify-content: center; align-items: center; height: 220px; width: 50%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__left img { max-width: 100%; max-height: 100%; object-fit: contain; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__right { flex-grow: 1; width: 50%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__properties { margin-top: 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property { display: flex; flex-wrap: wrap; align-items: center; gap: 0px 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property + .popup-window-content__property { margin-top: 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value { display: flex; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value.image { justify-content: center; align-items: center; width: 18px; height: 18px; border: 1px solid var(--black); border-radius: 50%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value.image img { width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__price { display: flex; flex-wrap: wrap; align-items: center; gap: 0px 12px; margin-top: 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value { display: flex; gap: 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value .old { text-decoration: line-through; text-decoration-thickness: 1px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__total { display: flex; justify-content: flex-end; gap: 12px; } .popup-window-custom.popup-window-with-titlebar .popup-window-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 20px; margin-top: 50px; padding: 0; text-align: right; } .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon { top: 30px; right: 30px; opacity: 1; transition: var(--transition); } .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon::after { content: none; } .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon:hover { color: var(--red); } .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon svg { width: 100%; height: 100%; } /* Media Requests */ @media only screen and (min-width: 1920px) { .catalog-items { gap: 50px; } .catalog-items[data-col="4"] { grid-template-columns: repeat(3, 1fr); gap: 52px; } } @media (max-width: 1919.75px) and (min-width: 1600px) { .catalog-items[data-col="4"] { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1599.75px) { .catalog-items { grid-template-columns: repeat(2, 1fr); gap: 20px; } .popup-window-custom.popup-window-with-titlebar { min-width: 720px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar { margin-bottom: 40px; text-align: center; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 { font-size: 32px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper { gap: 26px; padding: 20px 26px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__left { height: 140px; width: 40%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__right { width: 60%; } } @media (max-width: 1599.75px) and (min-width: 1280px) { .catalog-items[data-col="4"] { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1279.75px) { .popup-window-custom.popup-window-with-titlebar { min-width: 720px; } } @media (max-width: 1023.75px) { .catalog-categories-wrapper { margin-bottom: 15px; } .catalog-sort-container { position: absolute; top: -70px; right: 0; } .catalog-item .catalog-item-image-original img { width: 235px; max-height: 150px; } .popup-window-custom.popup-window-with-titlebar { min-width: auto; width: 480px; padding: 40px 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar { margin-bottom: 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 { font-size: 24px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper { flex-direction: column; gap: 14px; margin-bottom: 20px; padding: 26px 20px 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__left { height: 200px; width: 100%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__right { width: 100%; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value, .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value { font-size: 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__total { justify-content: center; } .popup-window-custom.popup-window-with-titlebar .popup-window-buttons { justify-content: center; margin-top: 40px; } .popup-window-custom.popup-window-with-titlebar .popup-window-buttons .btn { width: 66%; } .popup-window-custom.popup-window-with-titlebar .popup-window-close-icon { top: 16px; right: 16px; width: 22px; height: 22px; } } @media (max-width: 639.75px) { .catalog-items--empty { font-size: 16px; } .catalog-categories-items { gap: 6px; height: 39px; } .catalog-categories-item { padding: 4px 18px; font-size: 14px; } .catalog-categories-button { font-size: 14px; } .catalog-categories-button svg { height: 10px; } .catalog-item .catalog-item-button--buy { height: 46px; font-size: 16px; border-radius: 20px; } .catalog-sort-container { position: relative; top: initial; padding-bottom: 20px; } .catalog-items { grid-template-columns: 1fr; gap: 20px; } .popup-window-custom.popup-window-with-titlebar { max-width: 480px; width: calc(100% - 30px); padding: 40px 14px 20px; border-radius: 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar { margin-bottom: 10px; } .popup-window-custom.popup-window-with-titlebar .popup-window-titlebar .h2 { font-size: 20px; line-height: 1.2em; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__wrapper { gap: 8px; padding: 20px 14px 14px; border-radius: 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__left { height: 130px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__properties, .popup-window-custom.popup-window-with-titlebar .popup-window-content__property + .popup-window-content__property, .popup-window-custom.popup-window-with-titlebar .popup-window-content__price { margin-top: 4px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property, .popup-window-custom.popup-window-with-titlebar .popup-window-content__price, .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value { gap: 0 6px; } .popup-window-custom.popup-window-with-titlebar .popup-window-content__property .value, .popup-window-custom.popup-window-with-titlebar .popup-window-content__price .value { font-size: 16px; } .popup-window-custom.popup-window-with-titlebar .popup-window-buttons { gap: 8px; margin-top: 20px; } .popup-window-custom.popup-window-with-titlebar .popup-window-buttons .btn { width: 100%; padding-inline: 16px } } /* ------------------ Catalog END ------------------ */ /* Media requests */ @media only screen and (min-width: 1920px) { .work-list { gap: 55px; } .package-list .swiper-wrapper { gap: 34px; } .package-list__item { padding: 36px 70px; } .team-header-image img { height: 854px; } } @media (max-width: 1599.75px) { .h2 { font-size: 24px; } .section-with-images__text { padding-right: 70px; } .section-with-images__images[data-count-images="2"] { width: 390px; min-width: 390px; margin-top: 0; } .section-with-images__images[data-count-images="2"] img:nth-child(1) { width: calc(50% - 10px); margin-bottom: 80px; } .section-with-images__images[data-count-images="2"] img:nth-child(2) { width: calc(50% - 35px); } .circle::before { top: var(--circle-top-1280, var(--circle-top)); left: var(--circle-left-1280, var(--circle-left)); width: var(--circle-size-1280, var(--circle-size)); height: var(--circle-size-1280, var(--circle-size)); } .work-list { grid-template-areas: "first second" "fourth fourth" "fifth fifth" "sixth sixth" "seventh seventh" "eighth eighth" "third third"; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 24px; } .work-list__item img { max-width: 172px; transform: translateY(-55%); } .work-list__item:nth-child(3) img { right: 28%; max-width: 143px; transform: translateY(10%); } .work-list__item:nth-child(4) img { right: 28%; transform: translateY(10%); } .work-list__item:nth-child(5) img { right: 28%; } .work-list__item:nth-child(7) img { right: 28%; transform: translateY(-40%); } .work-list__item:nth-child(8) img { right: 28%; } .package-list .swiper-wrapper { grid-template-areas: "first second" "fourth third"; grid-template-columns: auto; } .package-list__item { min-height: 100%; } .package-list__item:nth-child(1) { grid-area: first; } .package-list__item:nth-child(2) { grid-area: second; } .package-list__item:nth-child(3) { grid-area: third; } .package-list__item:nth-child(4) { position: relative; display: flex; } .package-list__item:nth-child(4) img { position: absolute; top: 3%; left: calc(50% - 57vw); height: 95%; } .testimonials-header { gap: 210px; width: 100%; } .testimonials-images { margin-top: 10px; padding-bottom: 32%; } .testimonials-images .section-with-images__images:nth-child(1) img { width: 226px; height: 300px; } .testimonials-images .section-with-images__images:nth-child(2) img { width: 226px; height: 317px; } .testimonials-images .section-with-images__images:nth-child(3) img { width: 224px; height: 317px; } .testimonials-images .section-with-images__images:nth-child(4) img { width: 226px; height: 373px; } .testimonials[data-type="slider"] .testimonials-header-text { max-width: 550px; } .team-header-image img { height: 694px; } } @media (max-width: 1279.75px) { .circle::before { top: var(--circle-top-1024, var(--circle-top)); left: var(--circle-left-1024, var(--circle-left)); width: var(--circle-size-1024, var(--circle-size)); height: var(--circle-size-1024, var(--circle-size)); } .testimonials-header { gap: 110px; } .testimonials-items { width: 62%; } .testimonials-images { padding-left: 75px; } .testimonials-images .section-with-images__images { justify-content: flex-start; } .team-header-image img { height: 531px; } } @media (max-width: 1023.75px) { .h1-main { font-size: 40px; } .h2-main { font-size: 40px; } h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 14px; } .section-with-images__text { padding-right: 20px; } .section-with-images__images[data-count-images="2"] { width: 230px; min-width: 230px; } .section-with-images__images[data-count-images="2"] img:nth-child(1) { width: calc(50% - 5px); margin-bottom: 50px; } .section-with-images__images[data-count-images="2"] img:nth-child(2) { width: calc(50% - 20px); } .circle::before { top: var(--circle-top-640, var(--circle-top)); left: var(--circle-left-640, var(--circle-left)); width: var(--circle-size-640, var(--circle-size)); height: var(--circle-size-640, var(--circle-size)); } .work-list { grid-template-areas: "first" "second" "fourth" "fifth" "sixth" "seventh" "eighth" "third"; grid-template-columns: 1fr; gap: 32px; margin-top: 20px; } .work-list__item { padding: 24px 32px; } .work-list__item img { right: 20%; max-width: 118px; transform: translateY(-60%); } .work-list__item:nth-child(3) img, .work-list__item:nth-child(4) img, .work-list__item:nth-child(5) img, .work-list__item:nth-child(6) img, .work-list__item:nth-child(7) img, .work-list__item:nth-child(8) img { right: 20%; } .work-list__item:nth-child(2) img { right: 10%; max-width: 160px; } .work-list__item:nth-child(3) img { max-width: 115px; transform: translateY(-25%); } .work-list__item:nth-child(4) img { max-width: 154px; transform: translateY(-18%); } .work-list__item:nth-child(5) img { max-width: 135px; } .work-list__item:nth-child(7) img { max-width: 150px; transform: translateY(-45%); } .work-list__item:nth-child(8) img { max-width: 134px; transform: translateY(-50%); } .work-list__services { margin-top: 14px; } .package-list { margin-inline: calc((100% - 100vw) / 2); padding-inline: calc((100vw - 100%) / 2); } .package-list .swiper-wrapper { display: flex; gap: 0; } .package-list__item:nth-child(4) { display: none; } .testimonials-header { gap: 30px; } .testimonials-body { margin-top: 60px; } .testimonials[data-type="slider"] .testimonials-body { margin-top: 40px; } .testimonials-items { width: 67%; } .testimonials-images { padding-left: 15px; } .testimonials-images .section-with-images__images:nth-child(1) img { width: 154px; height: 205px; } .testimonials-images .section-with-images__images:nth-child(2) img { width: 153px; height: 214px; } .testimonials-images .section-with-images__images:nth-child(3) img { width: 154px; height: 217px; } .testimonials-images .section-with-images__images:nth-child(4) img { width: 131px; height: 217px; } .team-header-image img { height: 330px; } } @media (max-width: 639.75px) { h2, .h2 { font-size: 16px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 14px; } main ul > li::before { top: 0.65em; } .section-with-images { flex-wrap: wrap; justify-content: center; } .section-with-images__text { width: 100%; padding-right: 0; } .section-with-images__images[data-count-images="2"] { width: 300px; min-width: auto; margin-top: 20px; } .section-with-images__images[data-count-images="2"] img:nth-child(1) { width: calc(50% - 10px); margin-bottom: 60px; } .section-with-images__images[data-count-images="2"] img:nth-child(2) { width: calc(50% - 25px); } .circle::before { top: var(--circle-top-320, var(--circle-top)); left: var(--circle-left-320, var(--circle-left)); width: var(--circle-size-320, var(--circle-size)); height: var(--circle-size-320, var(--circle-size)); } .work-list { gap: 28px; } .work-list__item { padding: 20px; border-radius: 20px; } .work-list__item img { right: 15%; max-width: 102px; } .work-list__item:nth-child(3) img, .work-list__item:nth-child(4) img, .work-list__item:nth-child(5) img, .work-list__item:nth-child(6) img, .work-list__item:nth-child(7) img, .work-list__item:nth-child(8) img { right: 6%; } .work-list__item:nth-child(2) img { right: -8%; max-width: 120px; } .work-list__item:nth-child(3) img { right: 0; max-width: 64px; transform: translateY(-10%); } .work-list__item:nth-child(4) img { max-width: 76px; transform: translateY(-18%); } .work-list__item:nth-child(5) img { max-width: 70px; } .work-list__item:nth-child(7) img { max-width: 70px; transform: translateY(-55%); } .work-list__item:nth-child(8) img { max-width: 58px; transform: translateY(-45%); } .work-list__services { margin-top: 6px; } .package-list__item { padding: 26px 20px; border-radius: 20px; } .testimonials[data-type="slider"] { margin-block: 60px; } .testimonials-header { flex-wrap: wrap; gap: 20px; } .testimonials-header-text { width: 100%; } .testimonials-body { margin-top: 55px; } .testimonials-items { width: 100%; } .testimonials-images { display: none; } .team-header-image img { height: max(52vw, 212px); } .team-header-text--big { margin-top: 20px; } .team-header-text--small br { display: none; } } /* End */ /* Start:/local/templates/sprintvelo/template_styles.css?175888564260946*/ /* Common */ * { margin: 0; padding: 0; box-sizing: border-box; } ::-webkit-scrollbar { width: 6px; padding-right: 2px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background: var(--black); border-radius: 8px; } a { text-decoration: none; } a:hover, a:focus { color: inherit; text-decoration: none; } #header-modal a:not(.btn, .no-effect), header a:not(.btn, .no-effect), main a:not(.btn, .no-effect), footer a:not(.btn, .no-effect), .white-popup__content a:not(.btn, .no-effect) { position: relative; display: inline-block; } #header-modal a:not(.btn, .no-effect):hover, header a:not(.btn, .no-effect):hover, main a:not(.btn, .no-effect):hover, footer a:not(.btn, .no-effect):hover, .white-popup__content a:not(.btn, .no-effect):hover { text-decoration: none; } #header-modal a:not(.btn, .no-effect)::after, header a:not(.btn, .no-effect)::after, main a:not(.btn, .no-effect)::after, footer a:not(.btn, .no-effect)::after, .white-popup__content a:not(.btn, .no-effect)::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 50%; bottom: 0; background-color: currentColor; transform: translateX(-50%); transition: var(--transition); opacity: 0.75; } #header-modal a:not(.btn, .no-effect):hover::after, header a:not(.btn, .no-effect):hover::after, main a:not(.btn, .no-effect):hover::after, footer a:not(.btn, .no-effect):hover::after, .white-popup__content a:not(.btn, .no-effect):hover::after { width: 0%; } #header-modal a.reverse::after, header a.reverse::after, main a.reverse::after, footer a.reverse::after, .white-popup__content a.reverse::after { width: 0%; } #header-modal a.reverse:hover::after, header a.reverse:hover::after, main a.reverse:hover::after, footer a.reverse:hover::after, .white-popup__content a.reverse:hover::after { width: 100%; } html { scroll-behavior: smooth; } body { position: relative; font-family: "Raleway", sans-serif; font-variant-numeric: lining-nums; font-size: 20px; font-weight: 300; line-height: 1.7; color: var(--black); -webkit-overflow-scrolling: touch; overflow-x: hidden; } body.mfp-zoom-out-cur { overflow: hidden; -webkit-overflow-scrolling: auto; } body .modal-shadow { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; background-color: var(--gray-60); transition: var(--transition); transition-duration: 0.5s; opacity: 0; z-index: 3; } body.lock .modal-shadow { width: 100%; height: 100%; opacity: 0.7; } main { padding-top: 78px; } main.home { padding-top: 20px; } main.is-product { padding-top: 10px; } main.is-404 { padding-top: 0px; } :root { --black: #262626; --white: #fff; --gray-80: #616161; --gray-60: #9E9E9E; --gray-50: #C2C2C2; --gray-40: #E0E0E0; --gray-20: #F1F1F1; --gray-10: #F8F8F8; --light-blue: #D8E6F3; --blue: #698BC7; --dark-blue: #3E5F99; --yellow: #F3BF39; --green: #A6B869; --dark-green: #0D5955; --red: #A82525; --transition: all 0.3s ease; } .wide-container { padding: 0px 30px; } .container-middle { max-width: 1440px; margin-inline: auto; } .m-top-200 { margin-top: 160px; } .m-top-150 { margin-top: 150px; } .m-top-100 { margin-top: 100px; } .m-top-80 { margin-top: 80px; } .m-top-42 { margin-top: 42px; } .m-top-30 { margin-top: 30px; } .m-top-19 { margin-top: 19px; } .m-top-16 { margin-top: 16px; } @media (min-width: 1919.75px) { .container-middle { max-width: 1550px; } div.m-top-200 { margin-top: 200px; } .wide-container { padding: 0px 40px; } } @media (max-width: 1599.75px) { .m-top-80 { margin-top: 60px; } div.m-top-200 { margin-top: 100px; } .container-middle { max-width: 1130px; padding: 0 30px; } } @media (max-width: 1279.75px) { main.is-product { padding-top: 0px; } .container-middle { max-width: 1024px; } } @media (max-width: 1023.75px) { main { padding-top: 40px; overflow-x: hidden; } main.home { padding-top: 20px; } .m-top-80 { margin-top: 40px; } .m-top-100 { margin-top: 40px; } div.m-top-200 { margin-top: 80px; } .wide-container { padding: 0px 20px; } .container-middle { max-width: 640px; padding: 0 20px; } } @media (max-width: 639.75px) { .m-top-80 { margin-top: 20px; } .wide-container { padding: 0px 10px; } div.m-top-200 { margin-top: 100px; } .container-middle { max-width: 100%; padding: 0 15px; } } @media (max-width: 1023.75px) { .m-top-100 { margin-top: 40px; } .m-top-150 { margin-top: 100px; } } /* Popup */ .mfp-wrap { overflow: hidden auto !important; } .mfp-content { position: static; } .mfp-bg { background: var(--gray-60); opacity: 0.7; } .mfp-close-btn-in .mfp-close { display: none; } .white-popup__wrap { position: relative; max-width: 630px; width: 100%; margin: 30px auto; padding: 40px; border-radius: 26px; background-color: var(--white); } .white-popup__wrap-wide { max-width: 836px; padding: 80px 70px; } .white-popup__wrap-medium { max-width: 500px; padding: 80px 70px; } .white-popup__close { position: absolute; top: 28px; right: 28px; display: flex; transition: var(--transition); } .white-popup__close:hover { color: var(--red); } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media only screen and (min-width: 1920px) { } @media (max-width: 1599.75px) { .white-popup__wrap-wide { max-width: 663px; padding: 70px; } } @media (max-width: 1279.75px) { } @media (max-width: 1023.75px) { .mfp-wrap { height: calc(100dvh - 90px) !important; } .white-popup__wrap-wide { max-width: 453px; padding: 40px; } } @media (max-width: 639.75px) { .mfp-wrap { height: calc(100dvh - 52px) !important; } .mfp-container { padding: 0 15px; } .white-popup__wrap { margin: 15px 0px; } .white-popup__wrap-wide { max-width: calc(100vw - 20px); padding: 24px 20px; } .white-popup__wrap-medium { max-width: calc(100vw - 20px); padding: 40px 24px 76px; } .white-popup__close { top: 21px; right: 18px; } .white-popup__close svg { width: 21px; height: 21px; } } /* Header */ .header-search-icon { display: none !important; } .header { background: linear-gradient(180deg, #CCC 0%, rgba(234, 234, 234, 0.00) 100%); } /* Only for admin pamel - START */ #panel:has(#bx-panel) + .header { position: relative !important; } body:has(> #panel #bx-panel) { margin-top: 0px !important; } /* Only for admin pamel - END */ /* Header top */ .top-menu__burger-wrap { display: flex; align-items: center; gap: 18px; } .top-menu-hamburger { width: 50px; height: 50px; padding: 17px 14px; display: none; flex-direction: column; gap: 5px; border-radius: 50%; background-color: var(--white); } .top-menu-hamburger span { height: 1px; width: 21px; background-color: var(--black); border-radius: 26px; } .top-menu__wrap { padding: 20px 0px; display: flex; justify-content: space-between; align-items: center; } .top-menu__bottom-line { width: 100%; height: 1px; display: block; background-color:var(--gray-50); } .top-menu__address { font-size: 16px; } .top-menu__address svg{ margin-right: 2px; } .top-menu__search { position: relative; } .top-menu__search input{ max-width: 346px; width: 100%; padding: 8px 16px; padding-left: 40px; background-color: var(--white); border-radius: 20px; border: none; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05); } .top-menu__search input:focus-visible{ outline: none; } svg.search-icon { position: absolute; width: 22px; height: 22px; left: 12px; top: 9px; text-align: center; z-index: 1; float: left; } i.search-icon + input { padding-left: 26px; } .header-icons__wrap { display: flex; gap: 8px; } .header-icons__wrap a { display: flex; padding: 10px; background-color: var(--white); border-radius: 50%; border: 1px solid var(--white); transition: var(--transition); } .header-icons__wrap a.header-profile-icon svg circle, .header-icons__wrap a.header-profile-icon svg path{ stroke: var(--black); fill: var(--white); } .header-icons__wrap a.header-profile-icon.is-authorized svg circle{ stroke: var(--blue); fill: var(--blue); } .header-icons__wrap a.header-profile-icon.is-authorized svg path { stroke: var(--blue); } .header-icons__wrap a.has-cart { background-color: var(--yellow); border: 1px solid var(--yellow); } .header-icons__wrap a:hover { border: 1px solid #616161; } .header-icons__wrap a svg{ width: 20px; height: 20px; } .header-icons__wrap a svg path { transition: var(--transition); } /* Header bottom */ .header-bottom-menu__wrap { padding-top: 20px; padding-bottom: 20px; } .header-bottom-menu__wrap .top-menu__links{ width: 100%; justify-content: space-between; } .header-bottom-menu__wrap .top-menu__links li a, .header-bottom-menu__wrap .top-menu__links li div{ font-size: 16px; font-style: normal; font-weight: 300; line-height: 170%; /* 34px */ } /* Header popup */ .header-popup__wrap { padding: 46px; margin: 30px; border-radius: 20px; background-color: var(--white); } .header-mobile__header { display: flex; justify-content: space-between; } .header-mobile__wrap .white-popup__close { position: inherit; } .header-mobile__menu-wrap { padding-top: 27px; display: flex; justify-content: space-between; gap: 80px; } .header-mobile-menu__title { display: flex; font-size: 16px; font-style: normal; font-weight: 600; line-height: 1.6em; color: var(--black); } .header-mobile-menu__list .footer-menu__wrap li a { font-weight: 400; } .footer-menu__wrap li + li { margin-top: 16px; } .header-logo { display: inline-flex; max-width: 145px; } .header-logo img { width: 100%; } .header-favourites-icon svg #filled { fill: transparent; } .has-favourite.header-favourites-icon svg path { transition: var(--transition); } .has-favourite.header-favourites-icon svg #filled { fill: var(--blue); } a.header-compare-icon::after { content: ""; position: absolute; right: 11px; bottom: 11px; width: 0; height: 0; background-color: var(--yellow); border-radius: 50%; transform: translate(50%, 50%); transition: var(--transition); } a.header-compare-icon.has-compare { position: relative; } a.header-compare-icon.has-compare svg { color: var(--blue); } a.header-compare-icon.has-compare::after { width: 6px; height: 6px; } @media (max-width: 1599.75px) { .top-menu__address span, .header-bottom-menu__wrap .top-menu__links li a, .header-bottom-menu__wrap .top-menu__links li div{ font-size: 16px !important; } .header-bottom-menu__wrap .top-menu__links { gap: 0px; } .container-middle.bottom-menu-container { max-width: 1130px; } .header-mobile-menu__list .footer-menu__wrap{ padding-top: 12px; } } @media (max-width: 1279.75px) { .header { position: fixed; top: 0; left: 0; width: 100%; background: #EAEAEA; z-index: 1050; } .top-menu-hamburger { display: flex; } .header-mobile__menu-wrap { flex-direction: column; gap: 12px; } .header-bottom-menu__wrap { display: none !important; } .top-menu-horizontal-links, .top-menu__address { display: none; } .header .top-menu__bottom-line { display: none; } .header-icons__wrap a svg, .header-icons__wrap div svg{ width: 20px; height: 20px; } .header-mobile-bottom { padding-top: 80px; display: flex; justify-content: space-between; } .header-mobile-bottom .contacts-info__block-wrap { gap: 10px; } .header-mobile-bottom .contacts-info__block { gap: 10px; } .header-mobile-bottom .contacts-info__block svg { width: 22px; height: 22px; } .header-mobile-bottom__socials { display: flex; flex-direction: column; justify-content: space-between; } .header-mobile-bottom__socials .order-call__btn { width: 235px; } .header-mobile-bottom__socials .social-media__wrap { justify-content: flex-end; } .header-mobile-bottom__socials .order-call__btn { width: 191px; margin: 0 auto; font-size: 16px; } .header-mobile-bottom__socials { flex-direction: column-reverse; gap: 40px; } .header-mobile-open-top .header-favourites-icon, .header-mobile-open-top .header-compare-icon { display: none; } .footer-menu__wrap .dropdown-content { display: none; } .footer-menu__wrap li + li { margin-top: 10px; } .dropdown-wrap svg { display: flex; transition: .3s; } .dropdown-wrap.active-dropdown-wrap svg { transform: rotate(90deg); } } @media (max-width: 1023.75px) { .header-popup__wrap { padding: 24px 24px 40px; } .header-mobile-bottom { padding-top: 40px; gap: 40px; flex-direction: column; } .social-media__wrap { justify-content: center; } .header-search-icon { display: flex !important; } .top-menu__search { display: none; } .header-mobile-bottom__socials .social-media__wrap, .header-mobile-bottom .contacts-info__block { justify-content: center; } .header-mobile-bottom .contacts-info__block { gap: 8px; } .header-mobile-bottom .contacts-info__block p { display: flex; flex-direction: column; align-items: center; justify-content: center; } .header-mobile-bottom .contacts-info__block svg { width: 19px; height: 19px; } .header-mobile-dropdown-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 20px; line-height: 34px; } .footer-menu__wrap.dropdown-content { display: none; } .header-mobile-menu__list { padding: 8px 28px 8px 20px; border-radius: 16px; background-color: var(--gray-10); } .header-mobile-bottom .contacts-info__block-wrap .contact-phones { justify-content: center; } .header-mobile-open-top { width: 100%; display: flex; justify-content: space-between; align-items: center; } .header-mobile-open-top .header-mobile-open-icons { display: flex; gap: 8px; padding-right: 24px; } .header-mobile__wrap .white-popup__close svg{ width: 21px; height: 21px; } .header-mobile-open-top .header-mobile-open-icons svg { width: 20px; height: 20px; } .header-mobile-open-icons .header-favourites-icon, .header-mobile-open-icons .header-compare-icon { display: flex; padding: 8px; border-radius: 50%; background-color: var(--white); box-shadow: 0px 3px 8px 0px #0000000D; } } @media (max-width: 1023.75px) { a.header-compare-icon::after { right: 9px; bottom: 9px; } } @media (max-width: 639.75px) { .header-popup__wrap { margin: 15px 0px; } .top-menu__wrap { padding: 10px 0px 12px; } .header-logo{ max-width: 108px; } .top-menu__burger-wrap { gap: 12px; } .header-icons__wrap .header-favourites-icon, .header-icons__wrap .header-compare-icon { display: none; } .header-icons__wrap a svg, .header-icons__wrap div svg{ width: 15px; height: 15px; } .header-icons__wrap a { justify-content: center; align-items: center; padding: 0px; width: 30px; height: 30px; } .top-menu-hamburger { width: 30px; height: 30px; padding: 10px 8px; align-items: center; gap: 3px; } .top-menu-hamburger span { width: 12px; } .header-mobile-bottom .contacts-info__block-wrap .contact-phones { flex-direction: column; align-items: center; gap: 0; } .email { font-size: 16px; } } /* Catalog categories */ .catalog-categories__wrap { display: grid; grid-template-areas: 'first first second third' 'fourth fifth six six'; grid-template-columns: repeat(4, 1fr); gap: 40px; } .catalog-categories__item:first-child { grid-area: first; } .catalog-categories__item:nth-child(2) { grid-area: second; } .catalog-categories__item:nth-child(3) { grid-area: third; } .catalog-categories__item:nth-child(4) { grid-area: fourth; height: 270px; } .catalog-categories__item:nth-child(5) { grid-area: fifth; height: 270px; } .catalog-categories__item:nth-child(5) .categories-item__img { position: relative; height: 182px; } .catalog-categories__item:last-child { grid-area: six; height: 270px; } .catalog-categories__item:last-child .categories-item__title{ position: absolute; top: 28px; left: 28px; } .catalog-categories__item { position: relative; padding: 32px 28px 40px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 26px; border: 1px solid var(--gray-60); background: var(--gray-20); box-shadow: 10px 10px 22px 0px #C6D0D9; transition: var(--transition); } .catalog-categories__item:hover { background-color: var(--white); border: 1px solid var(--black); box-shadow: 25px 25px 24.4px 0px #C6D0D9; } .categories-item__title { color: var(--black); font-size: 20px; font-style: normal; font-weight: 300; line-height: 170%; /* 54.4px */ } /* Categories image main page */ .categories-item__img { display: flex; justify-content: center; gap: 25px; } .catalog-categories__item:first-child img { max-height: 279px; } .catalog-categories__item:nth-child(2) img { max-height: 231px; } .catalog-categories__item:nth-child(3) img { max-height: 256px; } .catalog-categories__item:nth-child(4) img { max-height: 155px; } .catalog-categories__item:nth-child(5) img { position: absolute; top: -40px; right: 0; max-height: 182px; } .catalog-categories__item:last-child img:first-child { max-height: 103px; margin-top: auto; object-fit: cover; } .catalog-categories__item:last-child img:nth-child(2) { max-height: 106px; max-width: 121px; margin-top: auto; object-fit: cover; } .catalog-categories__item:last-child img:last-child { max-height: 211px; margin-top: auto; object-fit: cover; } .catalog-categories__item:last-child img:last-child { max-width: 174px; max-height: 211px; object-fit: cover; } @media only screen and (min-width: 1920px) { .catalog-categories__wrap { gap: 46px; } .categories-item__title { font-size: 32px; } } @media only screen and (max-width: 1599.75px) { .catalog-categories__item { padding: 20px 36px; } .categories-item__img { gap: 20px; } .catalog-categories__item:first-child img { max-height: 165px; } .catalog-categories__item:nth-child(2) img { max-height: 132px; } .catalog-categories__item:nth-child(3) img { max-height: 153px; } .catalog-categories__item:nth-child(4) img { max-height: 94px; } .catalog-categories__item:nth-child(5) img { max-height: 107px; top: 0px; } .catalog-categories__item:last-child img:first-child { max-height: 73px; } .catalog-categories__item:last-child img:nth-child(2) { max-width: 85px; max-height: 74px; } .catalog-categories__item:last-child img:last-child { max-width: 108px; max-height: 131px; } .catalog-categories__item:nth-child(4) { max-height: 189px; } .catalog-categories__item:nth-child(4) .categories-item__img { justify-content: flex-end; } .catalog-categories__item:nth-child(5) { max-height: 189px; } .catalog-categories__item:last-child { max-height: 189px; } } @media only screen and (max-width: 1023.75px) { .catalog-categories__wrap { grid-template-areas: 'first first first second' 'third six six six' 'fourth fourth fifth fifth'; grid-template-columns: repeat(4, 1fr); gap: 20px; } .catalog-categories__item:first-child img { max-height: 142px; } .catalog-categories__item:nth-child(2) img { max-height: 117px; } .catalog-categories__item:nth-child(3) img { max-height: 125px; } .categories-item__img { gap: 10px; } .catalog-categories__item:last-child img:first-child { max-height: 63px; } .catalog-categories__item:last-child img:nth-child(2) { max-width: 69px; max-height: 60px; } .catalog-categories__item:nth-child(4) img { max-height: 112px; } .catalog-categories__item:nth-child(5) img { top: -10px; max-height: 124px; } .catalog-categories__item:last-child { max-height: 217px; } .catalog-categories__item:first-child, .catalog-categories__item:nth-child(2) { max-height: 235px; } .catalog-categories__item:first-child .categories-item__img{ justify-content: flex-end; } } @media only screen and (max-width: 639.75px) { .catalog-categories__wrap { grid-template-areas: 'first first' 'third second' 'six six' 'fourth fifth'; grid-template-columns: repeat(2, 1fr); gap: 10px; } .catalog-categories__item .categories-item__title { width: 100%; text-align: center; } .catalog-categories__item:first-child .categories-item__img { justify-content: center; } .catalog-categories__item:first-child { max-height: 174px; } .catalog-categories__item:first-child img { max-height: 103px; } .catalog-categories__item:nth-child(2), .catalog-categories__item:nth-child(3) { max-height: 170px; } .catalog-categories__item:nth-child(3) img { max-height: 100px; } .catalog-categories__item:nth-child(2) img { max-height: 85px; } .catalog-categories__item:nth-child(4) .categories-item__img { justify-content: center; } .catalog-categories__item:nth-child(4) img { max-height: 81px; } .catalog-categories__item:nth-child(5) img { top: 0; max-height: 93px; position: inherit; } .catalog-categories__item:nth-child(5) .categories-item__img { max-height: auto; } .catalog-categories__item { padding: 16px 15px; overflow-x: hidden; } .catalog-categories__item:last-child .categories-item__title { top: 16px; left: 0px; } } /* Sale products slider */ .sale-products__title { max-width: 846px; padding: 52px 119px 0px 119px; margin: 0; border-top-left-radius: 46px; border-top-right-radius: 46px; background: #C6D0D9; text-transform: uppercase; font-family: 'Bebas-Neue', sans-serif; } .sale-products__slider { margin-top: -1px; padding: 58px 0px 80px; padding-left: 227px; background-color: #C6D0D9; border-top-right-radius: 46px; border-bottom-right-radius: 46px; border-bottom-left-radius: 46px; } .container-fluid { padding-left: 0px; padding-right: 0px; } .swiper-sale-products__wrap { max-width: initial !important; margin-right: -40px; padding-right: 80px; } .sale-slider { position: relative; } .wheel-near-slider { position: absolute; left: -44px; top: 52%; transform: translateY(-48%); width: 308px; height: 572px; object-fit: contain; } @media only screen and (min-width: 1920px) { .sale-products__title { padding: 52px 137px 0px 137px; } } @media (max-width: 1599.75px) { .sale-products__slider { padding: 40px 0px 80px; padding-left: 159px; } .swiper-sale-products__wrap .swiper-slide { max-width: 100%; } .sale-products__title { max-width: 768px; padding: 40px 80px 0px; font-size: 46px; } .wheel-near-slider { width: 217px; height: 433px; left: -26px; } } @media (max-width: 1279.75px) { .swiper-sale-products__wrap { padding-right: 60px; } } @media (max-width: 1023.75px) { .swiper-sale-products__wrap { margin-right: -16px; padding-right: 40px; } .sale-products__title { max-width: 528px; font-size: 40px; } .sale-products__slider { padding: 47px 0px 80px; padding-left: 144px; } .product-card .product-card-image__wrap img { width: 235px; height: 150px; } .wheel-near-slider { left: -44px; } } @media (max-width: 639.75px) { .swiper-sale-products__wrap { margin-inline: -15px; padding-inline: 30px; } .sale-products__slider { padding: 24px 0px 24px; } .sale-products__title { max-width: 100%; padding: 46px 46px 0px 15px; font-size: 32px; border-radius: 0; } .sale-products__slider { border-radius: 0; } .wide-container.sale-slider { padding: 0px; } .wheel-near-slider { left: auto; right: 0px; top: -70px; transform: scale(-1, -1); width: 59px; height: 154px; } } @media (max-width: 429.75px) { .sale-products__title .h1{ max-width: 360px; } } /* Footer */ /* Footer top */ footer { margin-top: 100px; } footer.is-404 { margin-top: 0; } .footer-top__wrap { padding: 70px 0px 110px; display: flex; flex-direction: column; gap: 72px; } .footer-top__content { display: flex; gap: 156px; } .footer-top__first-column { max-width: 143px; width: 100%; } .footer-top__first-column img { width: 100%; } .footer-menu__title { color: var(--black); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%; /* 25.6px */ } .footer-menu__center { width: 100%; display: flex; justify-content: space-between; } .footer-menu__links { display: flex; justify-content: space-between; gap: 98px; } .footer-menu__right { max-width: 314px; width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .footer-menu__social-wrap { display: flex; flex-direction: column; gap: 16px; } .contact-phones { display: flex; gap: 16px; } .contact-phones a, .contact-phones span { color: var(--black); font-size: 16px; font-style: normal; line-height: 140%; /* 22.4px */ } .contact-phones a { font-weight: 600; } .contact-phones span { font-weight: 300; } .footer-social__mail { padding-top: 18px; display: flex; align-items: center; gap: 8px; } .footer-social__mail a { color: var(--black); font-size: 16px; font-style: normal; font-weight: 300; line-height: 160%; /* 25.6px */ } .order-call__btn { max-width: 235px; padding: 12px 0px; border-radius: 20px; background-color: var(--black); color: var(--white); font-size: 20px; font-style: normal; font-weight: 600; text-align: center; line-height: 170%; /* 34px */ } footer .header-mobile-dropdown-wrap .header-mobile-menu__title { display: none; } /* Footer top bottom elements */ .footer-center__bottom-desc { max-width: 570px; width: 100%; display: flex; flex-direction: column; gap: 12px; } .footer-center__bottom-desc p { margin: 0; color: var(--gray-80); font-size: 12px; font-style: normal; font-weight: 300; line-height: 140%; /* 16.8px */ } .payment-methods__wrap { margin-top: 4px; display: flex; align-items: center; gap: 10px; } .social-media__wrap { display: flex; gap: 14px; } .social-media__wrap a { display: flex; } .social-media__wrap a:hover { transform: scale(1.1); transition: var(--transition); } /* Footer bottom */ .footer-bottom__wrap { padding: 40px 0px; position: relative; } .footer-bottom__content { display: flex; justify-content: space-between; } .footer-bottom__wrap p { margin: 0; } .footer-container__wrap { display: inline-flex; flex-direction: column; gap: 8px; } .footer-container__wrap.footer-right__side { align-items: flex-end; } .footer-bottom__wrap p, .footer-bottom__wrap a { color: var(--black); font-size: 12px; font-style: normal; font-weight: 300; line-height: 140%; /* 16.8px */ text-decoration: none; } .to-top__icon circle{ transition: .3s; } .to-top__icon:hover circle{ fill: var(--gray-80); } .to-top__icon { position: fixed; right: 40px; bottom: 40px; z-index: 3; width: 57px; height: 57px; cursor: pointer; } .footer-menu__links svg { display: none; } .footer-top__wrap .footer-top__content:first-child .footer-top__first-column { display: inline-flex; align-self: start; } @media only screen and (min-width: 1920px) { footer { margin-top: 150px; } .footer-top__wrap { gap: 86px; } } @media (max-width: 1599.75px) { .footer-top__wrap { padding: 40px 0px 110px; } .footer-top__wrap .footer-top__content:first-child { flex-direction: column; gap: 40px; } .footer-menu__links { gap: 50px; } .footer-menu__wrap { padding-top: 12px; } .footer-menu__social-wrap { gap: 10px; } .footer-social__mail { padding-top: 16px; } .footer-top__content:not(:first-child) .footer-top__first-column { display: none; } .footer-center__bottom-desc { gap: 8px; } .payment-methods__wrap { margin-top: 0px; } footer .order-call__btn { max-width: 191px; width: 100%; padding: 10px 0px; border-radius: 16px; font-size: 16px; } } @media (max-width: 1279.75px) { } @media (max-width: 1023.75px) { footer.home { margin-top: 46px; } .footer-top__wrap { padding: 40px 0px 85px; gap: 12px; } .footer-top__content:first-child .footer-menu__center { flex-direction: column; gap: 72px; } .footer-menu__links { flex-direction: column; gap: 20px; } .footer-menu__links svg { display: block; } .footer-top__first-column img { } .footer-top__content:first-child .footer-menu__center .footer-menu__right { max-width: 100%; flex-direction: row; } footer .order-call__btn { font-size: 16px; } .footer-menu__center { flex-direction: column-reverse; } .footer-menu__center .social-media__wrap { justify-content: start; } .footer-center__bottom-desc { padding-top: 85px; } footer .header-mobile-dropdown-wrap .header-mobile-menu__title { display: block; } footer .header-mobile-menu__list span { display: none; } .to-top__icon { width: 40px; height: 40px; right: 20px; bottom: 20px; } .to-top__icon svg{ width: 40px; height: 40px; } } @media (max-width: 639.75px) { footer .container-middle { max-width: 100%; padding: 0px 10px; } .footer-top__wrap { padding: 40px 0px; } .footer-top__content:first-child .footer-menu__center { gap: 60px; } .footer-top__content:first-child .footer-menu__center .footer-menu__right { flex-direction: column; align-items: center; gap: 40px; } .footer-menu__social-wrap .footer-menu__social{ flex-direction: column; gap: 0px; align-items: center; } .footer-menu__social-wrap { align-items: center; } .footer-menu__social-wrap .contact-phones { flex-direction: column; align-items: center; gap: 0px; } .footer-social__mail { justify-content: center; } .footer-menu__center .social-media__wrap { width: 100%; padding-top: 40px; justify-content: center; } .footer-menu__right { max-width: 100%; } .footer-center__bottom-desc { padding-top: 60px; text-align: center; } .footer-center__bottom-desc .payment-methods__wrap { justify-content: center; } .payment-methods-large { max-width: 295px; margin: 0 auto; display: flex; } .footer-bottom__content { flex-direction: column; align-items: center; gap: 18px; } .footer-container__wrap, .footer-container__wrap.footer-right__side { align-items: center; } .to-top__icon { display: none; } } /* Dostavka */ .dostavka__content .section-with-images__text .section-with-images__desc { display: flex; flex-direction: column; gap: 16px; } .dostavka__content .section-with-images__text { position: relative; width: 60%; } .dostavka__content .section-with-images__images { width: 40%; } .dostavka__content .section-with-images__text { position: relative; width: 60%; } .dostavka__content .section-with-images__images { width: 40%; } .dostavka__content .section-with-images__images.first-image-section { margin-top: -470px; } .dostavka__content .section-with-images__images.first-image-section:before { --circle-top: -15%; --circle-left: 49%; } .dostavka__content .section-with-images__images.second-section { width: 25%; margin-top: 210px; } .dostavka__content .section-with-images__images.second-section::before { top: -19%; left: -37%; } .dostavka__content .section-with-images__text.second-section { width: 75%; padding-right: 270px; } @media only screen and (max-width: 1599.75px) { .dostavka__content .section-with-images__text.second-section { padding-right: 40px; } .dostavka__content .section-with-images__images.second-section img { width: 211px; } .dostavka__content .section-with-images__images img { width: 212px; } .dostavka__content .section-with-images__images.first-image-section { margin-top: -520px; } .dostavka__content .section-with-images__text { width: 80%; } .dostavka__content .section-with-images__images { width: 20%; } .dostavka__content .section-with-images__text.second-section { width: 85%; } .dostavka__content .section-with-images__images.second-section { width: 15%; margin-top: 0px; } .dostavka__content .section-with-images__images.first-image-section:before { --circle-top: 16%; --circle-left: 44%; } .dostavka__content .section-with-images__images.second-section::before { top: -6%; left: -24%; } } @media only screen and (max-width: 1279.75px) { .dostavka__content .section-with-images__images { width: 20%; } .dostavka__content.without-image .section-with-images__text { width: 80%; } .dostavka__content.without-image .section-with-images__images { width: 20%; } .dostavka__content .section-with-images__images.first-image-section:before { --circle-top: 16%; --circle-left: 54%; } .dostavka__content .section-with-images__images.second-section::before { top: -6%; left: -30%; } .dostavka__content .section-with-images__text.second-section { width: 80%; } .dostavka__content .section-with-images__images.second-section { width: 20%; } } @media only screen and (max-width: 1023.75px) { .dostavka__content .section-with-images__images.second-section { display: none; } .dostavka__content .section-with-images__text.second-section { width: 100%; padding-right: 0px; } .dostavka__content .section-with-images__images img { width: 202px; } .dostavka__content .section-with-images__images.first-image-section { margin-top: 0px; } .dostavka__content.without-image .section-with-images__images { display: none; } .dostavka__content.without-image .section-with-images__text { width: 100%; padding-right: 0px; } .dostavka__content .section-with-images__text { width: 67%; padding-right: 60px; } .dostavka__content .section-with-images__images { width: 32%; } .dostavka__content .section-with-images__images.circle::before { left: -27%; top: 42%; } } @media only screen and (max-width: 639.75px) { .dostavka__content .section-with-images__text { width: 100%; padding-right: 0; } .section-with-images.dostavka__content { flex-direction: column; gap: 20px; } .dostavka__content .section-with-images__images img { position: relative; } .dostavka__content .section-with-images__images, .dostavka__content .section-with-images__images img { width: 248px; } .dostavka__content .section-with-images__images img { margin-left: -15px; } .dostavka__content .section-with-images__images.first-image-section:before { left: 44%; top: 50%; } .dostavka__content .section-with-images__images.first-image-section { margin-bottom: 30px; } } /* Rassrochka */ .installment-cards__wrap { margin-top: 56px; display: flex; flex-wrap: wrap; justify-content: center; gap: 80px; } .installment-card__item { max-width: 426px; width: 100%; display: flex; flex-direction: column; align-items: center; flex: 0 0 calc(33.33% - 20px); } .installment-card__item img{ width: 365px; height: 232px; object-fit: cover; } .installment-card__desc-wrap { margin-top: 10px; display: flex; flex-direction: column; gap: 12px; } .installment-card__title { color: var(--black); text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 170%; /* 34px */ } .installment-card__desc { color: var(--black); text-align: center; font-size: 20px; font-style: normal; font-weight: 300; line-height: 170%; /* 34px */ } .installment-payment-steps__wrap { display: flex; gap: 37px; align-items: center; } .installment-type__title { display: flex; gap: 12px; } .installment-type__title img { width: 60px; height: 60px; } .installment-payment-steps__wrap { display: flex; flex-wrap: wrap; gap: 37px; } .installment-payment__single-step { max-width: 160px; width: 100%; padding: 30px 36px; display: flex; flex-direction: column; gap: 10px; border-radius: 20px; border: 1px solid var(--gray-60); text-align: center; } .installment-payment__single-step p { margin: 0; } @media only screen and (max-width: 1599.75px) { .installment-cards__wrap { gap: 60px 80px; justify-content: center; } .installment-card__item { max-width: 256px; } .installment-card__item img { width: 256px; height: 163px; } .installment-card__desc-wrap { margin-top: 0px; } .installment-card__title, .installment-card__desc { font-size: 16px; } } @media only screen and (max-width: 1023.75px) { .installment-cards__wrap { margin-top: 40px; gap: 30px; } .installment-card__item { max-width: 179px; } .installment-card__item img { width: 179px; height: 114px; } .installment-card__desc-wrap { gap: 4px; } .installment-card__title, .installment-card__desc { font-size: 14px; } .installment-card__item:first-child{ order: 3; } .installment-card__item:nth-child(2) { order: 0; } .installment-card__item:nth-child(3) { order: 3; } .installment-card__item:nth-child(4) { order: 2; } .installment-card__item:last-child { order: 1; } .installment-type__title img { width: 33px; height: 33px; } .installment-payment__single-step { width: 100px; padding: 14px; } .installment-payment-steps__wrap { gap: 16px; } } @media only screen and (max-width: 639.75px) { .installment-cards__wrap { margin-top: 28px; flex-direction: column; align-items: center; gap: 28px; } .installment-card__item:first-child{ order: inherit; } .installment-card__item:nth-child(2) { order: inherit; } .installment-card__item:nth-child(3) { order: inherit; } .installment-card__item:nth-child(4) { order: inherit; } .installment-card__item:last-child { order: inherit; } .m-top-150 .installment-type__title { position: relative; max-width: 230px; align-items: flex-end; } .installment-sprint { position: absolute; left: 96px; bottom: 12px; } .installment-alfa { position: absolute; right: 20px; bottom: 10px; } } /* Sposoby oplaty */ .sposoby-oplaty__content .second-section img{ margin-top: 84px; margin-right: 100px; } .sposoby-oplaty__content .section-with-images__text { position: relative; width: 62%; } .sposoby-oplaty__content .section-with-images__text.second-section { width: 55%; } .sposoby-oplaty__content .section-with-images__images { position: relative; width: 38%; } .sposoby-oplaty__content .section-with-images__images.second-section { position: relative; width: 45%; } .sposoby-oplaty__content .section-with-images__images img { position: absolute; } .sposoby-oplaty__content .section-with-images__images.first-image-section { margin-top: -210px; } @media only screen and (max-width: 1599.75px) { .sposoby-oplaty__content .section-with-images__images.first-image-section { margin-top: 0px; } .sposoby-oplaty__content .section-with-images__text { width: 20%; } .sposoby-oplaty__content .section-with-images__images { width: 50%; } .sposoby-oplaty__content .section-with-images__images img { width: 303px; } .sposoby-oplaty__content .section-with-images__images.second-section { width: 33%; } .sposoby-oplaty__content .section-with-images__images.second-section img { margin-top: 300px; width: 226px; margin-right: 0px; } .sposoby-oplaty__content .section-with-images__text { padding-right: 70px; } .sposoby-oplaty__content.without-image .section-with-images__text { width: 67%; } .sposoby-oplaty__content.without-image .section-with-images__images { width: 33%; } .sposoby-oplaty__content .section-with-images__images.circle::before { left: 36%; } } @media only screen and (max-width: 1279.75px) { .sposoby-oplaty__content .section-with-images__images { width: 40%; } .sposoby-oplaty__content.without-image .section-with-images__text { width: 80%; } .sposoby-oplaty__content.without-image .section-with-images__images { width: 20%; } } @media only screen and (max-width: 1023.75px) { .sposoby-oplaty__content .section-with-images__images.second-section { display: none; } .sposoby-oplaty__content .section-with-images__text.second-section { width: 100%; padding-right: 0px; } .sposoby-oplaty__content .section-with-images__images img { width: 204px; } .sposoby-oplaty__content.without-image .section-with-images__images { display: none; } .sposoby-oplaty__content.without-image .section-with-images__text { width: 100%; padding-right: 0px; } .sposoby-oplaty__content .section-with-images__text { width: 67%; padding-right: 50px; } .sposoby-oplaty__content .section-with-images__images { width: 33%; } .sposoby-oplaty__content .section-with-images__images.circle::before { left: -14%; top: 24%; } } @media only screen and (max-width: 639.75px) { .section-with-images.sposoby-oplaty__content { flex-direction: column; gap: 20px; } .sposoby-oplaty__content .section-with-images__images img { position: relative; } .sposoby-oplaty__content .section-with-images__images, .sposoby-oplaty__content .section-with-images__images img { width: 100%; } .sposoby-oplaty__content .section-with-images__images img { margin-left: -15px; } .sposoby-oplaty__content .section-with-images__images.first-image-section:before { display: none; } .sposoby-oplaty__content .section-with-images__text { width: 100%; padding-right: 0px; } } /* Sposoby oplaty pc-popup*/ .pc-popup__requisites { display: flex; flex-direction: column; gap: 16px; } /* Guarantee */ .guarantee__content .section-with-images__text { padding-right: 30px; } @media only screen and (max-width: 1599.75px) { .guarantee__content .section-with-images__images img { width: 292px; } .guarantee__content .circle::before { top: 5%; left: 60%; width: 126px; height: 126px; } } @media only screen and (max-width: 1023.75px) { .m-top-42.guarantee__content { margin-top: 42px; } .guarantee__content .circle::before { width: 243px; height: 243px; } .section-with-images.guarantee__content { display: flex; flex-direction: column-reverse; gap: 90px; } .guarantee__content .section-with-images__images img { width: 562px; margin-left: -15px; } .guarantee__content .circle::before { top: 54%; left: 58%; } .guarantee__content p.m-top-16 { margin-top: 8px; } } @media only screen and (max-width: 639.75px) { .section-with-images.guarantee__content { gap: 42px; } .guarantee__content .section-with-images__images img { width: 281px; } .m-top-42.guarantee__content { margin-top: 20px; } .guarantee__content .section-with-images__images.circle { text-align: center; } .guarantee__content .circle::before { width: 121px; height: 121px; } } /* Vozvrat i obmen tovara */ .return-goods__content .section-with-images__text { position: relative; width: 62%; } .return-goods__content .section-with-images__images { position: relative; width: 38%; } .return-goods__content .section-with-images__images img { position: absolute; } @media only screen and (max-width: 1599.75px) { .return-goods__content .section-with-images__text { width: 20%; } .return-goods__content .section-with-images__images { width: 20%; } .return-goods__content .section-with-images__images img { width: 185px; } .return-goods__content .section-with-images__text { padding-right: 70px; } .return-goods__content.without-image .section-with-images__text { padding-right: 70px; } .return-goods__content .section-with-images__images.circle::before { top: 130%; left: 40%; width: 133px; height: 133px; } } @media only screen and (max-width: 1279.75px) { .return-goods__content .section-with-images__images.circle::before { top: 130%; left: 40%; } } @media only screen and (max-width: 1023.75px) { .return-goods__content .section-with-images__images img { width: 138px; margin-top: -44px; } .return-goods__content .section-with-images__text { width: 80%; } .return-goods__content.without-image { flex-direction: column; } .return-goods__content.without-image .section-with-images__text { width: 100%; padding-right: 0; } .return-goods__content .section-with-images__images { width: 36%; } .return-goods__content .section-with-images__images.circle::before { top: 40%; left: 26%; } } @media only screen and (max-width: 639.75px) { .return-goods__content .section-with-images__text { width: 100%; padding-right: 0; } .return-goods__content .section-with-images__images img { width: 254px; margin-top: 20px; margin-bottom: 30px; } .return-goods__content .section-with-images__images { width: 100%; text-align: center; } .return-goods__content .section-with-images__images img { position: relative; } .return-goods__content .section-with-images__images.circle::before { top: 44%; left: 28%; width: 215px; height: 215px; } .return-goods__content.without-image .section-with-images__images { display: none; } } /* Politika konfidencialnosti */ .privacy-policy__content .section-with-images__text { position: relative; width: 100%; } .privacy-policy__content .section-with-images__images { position: relative; width: 38%; } .privacy-policy__content .section-with-images__images img { position: absolute; } @media only screen and (max-width: 1599.75px) { .privacy-policy__content .section-with-images__images img { width: 246px; } .privacy-policy__content .section-with-images__text { padding-right: 30px; } .privacy-policy__content.without-image .section-with-images__text { padding-right: 0; } .privacy-policy__content.without-image .section-with-images__images { display: none; } } @media only screen and (max-width: 1023.75px) { .privacy-policy__content.section-with-images { flex-direction: column; gap: 20px; } .privacy-policy__content .section-with-images__images img { width: 600px; position: relative; } .privacy-policy__content .section-with-images__text, .privacy-policy__content .section-with-images__images { width: 100%; } .privacy-policy__content .section-with-images__text { padding-right: 0; } .privacy-policy__content .h2 { font-size: 20px; } } @media only screen and (max-width: 639.75px) { .privacy-policy__content .section-with-images__images img { max-width: 100%; width: 100%; } .privacy-policy__content .h2 { font-size: 16px; } } /* Contacts start */ .contacts-main__wrap { display: flex; justify-content: space-between; } .contacts-info__wrap { margin-top: 50px; display: flex; flex-direction: column; justify-content: space-between; } .contacts-info__block-wrap { display: flex; flex-direction: column; gap: 25px; } .contacts-info__block { display: flex; gap: 16px; align-items: center; } .contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span{ font-size: 20px; font-weight: 300; } .contacts-info__block a, .contacts-info__block span, .contacts-info__block p { color: var(--black); } .contacts-map { margin-top: -32px; } .contacts-map, .contacts-map #map { max-width: 906px; width: 100%; height: 636px; } .contacts-map #map ymaps { border-radius: 26px; } @media only screen and (max-width: 1599.75px) { .contacts-info__wrap { margin-top: 40px; } .contacts-main__wrap { flex-direction: column; gap: 80px; } .contacts-info__wrap { flex-direction: row; align-items: start; } .contacts-map { margin-top: 0px; } .contacts-map, .contacts-map #map { max-width: 1160px; width: 100%; height: 506px; } } @media only screen and (max-width: 1023.75px) { .contacts-info__block-wrap { gap: 16px; } .contacts-main__wrap { gap: 40px; } .contacts-map, .contacts-map #map { height: 314px; } .contacts-info__wrap { margin-top: 20px; } .contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span{ font-size: 16px; } } @media only screen and (max-width: 639.75px) { .contacts-info__wrap { flex-direction: column; gap: 40px; } .contacts-info__block .email { font-size: 14px; } .contacts-map, .contacts-map #map { height: 274px; } } /* Contacts end */ /* O magazine start */ .about-shop-main__wrap { display: flex; flex-direction: column; gap: 100px; } .about-shop-main__wrap .about-shop-info__wrap:first-child { margin-top: 80px; } .about-shop-info__wrap { display: flex; gap: 70px; } .about-shop-info__wrap .about-shop__desc p:first-child{ margin-bottom: 20px; } .about-shop-info__wrap .about-shop__img { width: 786px; height: 413px; border-radius: 26px; } .about-shop__desc .h4 { font-size: 32px; } @media only screen and (min-width: 1920px) { .about-shop-info__wrap .about-shop__img { width: 896px; height: 470px; } } @media only screen and (max-width: 1599.75px) { .about-shop-main__wrap .about-shop-info__wrap:first-child { margin-top: 40px; } .about-shop-info__wrap .about-shop__img { width: 371px; height: 194px; } .about-shop-info__wrap { display: flex; gap: 30px; } } @media only screen and (max-width: 1023.75px) { .about-shop-info__wrap { flex-direction: column; gap: 24px; } .about-shop-main__wrap { gap: 40px; } .about-shop-info__wrap .about-shop__img { width: 100%; height: 314px; } .about-shop-info__wrap .about-shop__desc p:first-child { margin-bottom: 12px; } } @media only screen and (max-width: 639.75px) { .about-shop-main__wrap .about-shop-info__wrap:first-child { margin-top: 20px; } .about-shop-info__wrap .about-shop__desc p:first-child { margin-bottom: 4px; } .about-shop-info__wrap { gap: 20px; } .about-shop-info__wrap .about-shop__img { height: 158px; object-fit: cover; } .contacts-info__block .contact-phones a, .contacts-info__block .contact-phones span { font-size: 14px; } .contacts-info__block, .contact-phones { gap: 8px; } } /* O magazine end */ /* Velokasko start */ .return-goods__content.velokasko .section-with-images__images img { width: 416px; height: 616px; } .velokasko p + p { margin: 0.8em 0; } .velokasko .section-with-images__text, .return-goods__content.without-image.velokasko .section-with-images__text { padding-right: 246px; } @media only screen and (max-width: 1599.75px) { .velokasko .section-with-images__text, .return-goods__content.without-image.velokasko .section-with-images__text { padding-right: 20px; } .return-goods__content.velokasko .section-with-images__images img { width: 205px; height: 303px; } .return-goods__content.velokasko .section-with-images__images.circle::before { width: 132px; height: 132px; top: 94%; left: 42%; } } @media only screen and (max-width: 1279.75px) { .return-goods__content.velokasko .section-with-images__images.circle::before { top: 96%; left: 52%; } } @media only screen and (max-width: 1023.75px) { .return-goods__content.velokasko .section-with-images__images.circle::before { opacity: 0; } .return-goods__content.velokasko .section-with-images__images img { width: 203px; height: 300px; } } @media only screen and (max-width: 639.75px) { .return-goods__content.velokasko .section-with-images__images.circle::before { content: ""; left: 45%; top: 50%; opacity: 1; width: 173px; height: 173px; } .return-goods__content.velokasko .section-with-images__images img { margin-bottom: 70px; } } /* Velokasko end */ /* 404 page start */ .error-page__background { background: url("/upload/404/404-page-background.webp"); background-size: cover; } .error-page-container { max-width: 430px; padding: 200px 0px 340px; margin: 0 auto; width: 100%; text-align: center; } .error-page-title { color: var(--blue); } .error-page-sub-title { color: var(--white); } .error-page-desc { margin-top: 40px; color: var(--white); } .error-link { max-width: 400px; width: 100%; margin: 80px auto 0px; display: block; cursor: pointer; } .error-page-footer .m-top-100 { margin-top: 0px; } @media only screen and (max-width: 1023.75px) { .error-page-container { padding: 100px 10px 170px; } .error-page-sub-title { font-size: 32px; } } @media only screen and (max-width: 639.75px) { .error-page-desc { margin-top: 20px; } .error-link { margin: 50px auto 0px; } } /* 404 page end */ /* Search popup start */ .search-popup__wrap { position: absolute; top: 0; left: 0; right: 0; max-width: 90%; background-color: var(--gray-10); } @media only screen and (max-width: 639.75px) { .search-popup__wrap { margin-inline: auto; padding: 25px; max-width: calc(100% - 30px); } .icon.modal-close { top: 32px; right: 34px; } } /* Search popup end */ /* Media requests */ @media only screen and (min-width: 1920px) { } @media only screen and (max-width: 1599.75px) { } @media only screen and (max-width: 1279.75px) { body { margin-top: 90px; } } @media only screen and (max-width: 1023.75px) { body { font-size: 16px; } .m-top-42, .m-top-30 { margin-top: 20px; } } @media only screen and (max-width: 639.75px) { body { margin-top: 52px; font-size: 14px; } } /* End */ /* /local/templates/sprintvelo/libs/swiper/swiper.min.css?174046882916471 */ /* /local/templates/sprintvelo/libs/magnific-popup/magnific-popup.min.css?17404688295583 */ /* /local/templates/sprintvelo/css/styles_components.css?174186864017676 */ /* /local/templates/sprintvelo/css/styles_helpers.css?1740403413956 */ /* /local/templates/sprintvelo/css/kostya.css?17404034131523 */ /* /local/templates/sprintvelo/components/bitrix/search.form/main/style.css?17442898912829 */ /* /local/templates/sprintvelo/components/bitrix/menu/horizontal_multilevel/style.css?17404034132522 */ /* /local/templates/sprintvelo/components/bitrix/form/callback/bitrix/form.result.new/.default/style.css?174040341343 */ /* /local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel_header/style.css?17404034132299 */ /* /local/templates/sprintvelo/components/bitrix/menu/vertical_multilevel/style.css?1740403413370 */ /* /local/templates/sprintvelo/styles.css?174360243347776 */ /* /local/templates/sprintvelo/template_styles.css?175888564260946 */