/* Start:/local/templates/leadbro/assets/css/swiper.css?173003383018471*/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/leadbro/assets/css/reset.css?176563992110889*/ * { padding: 0; margin: 0; font-family: 'OnestLight'; color: #444444; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #F3F3F3; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } /* start fonts */ @font-face { font-family: 'OnestThin'; src: local('Onest-Thin'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Thin.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Thin.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestSemiBold'; src: local('Onest-SemiBold'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-SemiBold.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestRegular'; src: local('Onest-Regular'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Regular.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestMedium'; src: local('Onest-Medium'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Medium.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestLight'; src: local('Onest-Light'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Light.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestExtraLight'; src: local('Onest-ExtraLight'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-ExtraLight.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestBold'; src: local('Onest-Bold'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Bold.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestExtraBold'; src: local('Onest-ExtraBold'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-ExtraBold.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OnestBlack'; src: local('Onest-Black'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Black.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Onest/Onest-Black.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Bureau'; src: local('NonBureauExtendedMedium'), url('/local/templates/leadbro/assets/css/../fonts/Bureau/NonBureauExtendedMedium.woff2') format('woff2'), url('/local/templates/leadbro/assets/css/../fonts/Bureau/NonBureauExtendedMedium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /* end fonts */ .h1{ font-family: Bureau; font-size: 66px; line-height: 66px; text-transform: uppercase; } .h1 span{ font-family: Bureau; font-size: 66px; line-height: 66px; text-transform: uppercase; } span._blue{ color: #338CDE } span._orange{ color: #FF6D2C; } span._line{ display: inline-block; background: #444444; margin: 0 15px 20px 15px; width: 100px; height: 4px; } .h2{ word-spacing: 0.6rem; } .h1{ word-spacing: 0.6rem; } /*.h1 span._line{*/ /* width: 100px;*/ /* height: 4px;*/ /*}*/ .h2 span._line{ width: 80px; } span._line._blue{ background: #338CDE; } span._line._orange{ background: #FF6D2C; } .h2{ font-family: Bureau; font-size: 52px; line-height: 52px; text-transform: uppercase; } .h2 span{ font-family: Bureau; font-size: 52px; line-height: 52px; text-transform: uppercase; } .h3{ font-family: Bureau; font-size: 26px; line-height: 100% } .par{ font-size: 20px; line-height: 130%; letter-spacing: -0.022em; font-family: OnestExtraLight; } .title-txt{ font-size: 12px; line-height: 130%; } .btn-txt{ font-size: 20px; line-height: 130%; } .menu-txt{ font-size: 16px; line-height: 130%; letter-spacing: -0.022em; } .btn{ display: flex; align-items: center; justify-content: center; height: 90px; border-radius: 10px; padding: 5px; width: 370px; transition: all 0.2s ease 0s; cursor: pointer; background: #338CDE; outline: none; border: none; } .btn .arrow{ display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 8px; background: #FFF; flex: 0 0 80px } .btn > span:nth-child(1){ color: #FFF; font-size: 20px; line-height: 130%; flex: 1 1 auto; text-align: center; padding-left: 50px; } .btn._small > span:nth-child(1){ padding-left: 18px; } .btn._small{ height: 60px; width: 270px; } .btn._small .arrow{ width: 50px; height: 50px; border-radius: 6px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; } .container{ max-width: 1735px; margin: 0 auto; width: 100%; padding: 0 20px; } .btn:hover{ background: #65A6E3; } section{ margin-top: 160px !important; } section.banner{ margin-top: 20px !important; } @media(max-width: 1880px) { .container{ max-width: calc(100% - 160px); } } @media(max-width: 1560px) { .container{ max-width: calc(100% - 160px); } section{ margin-top: 120px !important; } .btn._small span{ padding-left: 20px; } .categories__item .categories__item-all svg{ height: 19px; } span._line{ margin-bottom: 16px; width: 70px; } .h1{ font-size: 50px; line-height: 50px; } .h1 span{ font-famil: Bureau; font-size: 50px; line-height: 50px; } .h2{ font-size: 40px; line-height: 40px; } .h2 span{ font-size: 40px; line-height: 40px; } .h3{ font-size: 20px; line-height: 100% } .par{ font-size: 16px; } .title-txt{ font-size: 12px; line-height: 130%; } .btn-txt{ font-size: 16px; } .menu-txt{ font-size: 14px; } .btn{ height: 70px; width: 280px; } .btn .arrow{ width: 60px; height: 60px; border-radius: 6px; flex: 0 0 60px } .btn .arrow img{ width: 20px; } .btn .arrow svg{ height: 18px; } .btn._small .arrow svg{ height: 17px; } .btn > span:nth-child(1){ font-size: 16px; padding-left: 30px; } .btn._small{ height: 50px; width: 200px; } .btn._small .arrow{ width: 40px; height: 40px; flex: 0 0 40px } .btn._small .arrow img{ width: 15px; } } @media(max-width: 991px) { .container{ padding: 0 10px !important; max-width: 100% !important; } section.banner{ margin-top: 40px !important; } } @media(max-width: 768px) { .h1{ font-size: 25px; line-height: 26px; } .h2{ margin-top: 24px !important; } .btn .arrow img{ width: 15px; } .h2 span._line{ width: 30px; } span._line{ margin-left: 5px; margin-right: 5px; } section{ margin-top: 90px !important; } span._line{ margin-bottom: 9px; height: 2px; width: 30px; } .h1 span{ font-size: 25px; line-height: 26px; } .h2{ font-size: 24px; line-height: 24px; } .h2 span{ font-size: 24px; line-height: 24px; } .h3{ font-size: 18px; line-height: 100% } .par{ font-size: 14px; } .title-txt{ font-size: 12px; line-height: 130%; } .btn-txt{ font-size: 14px; } .menu-txt{ font-size: 14px; } .btn{ height: 60px; width: 100%; } .btn .arrow{ width: 50px; height: 50px; flex: 0 0 50px } .btn span{ font-size: 14px; } .btn._small{ height: 45px; width: 100%; } .btn._small .arrow{ width: 35px; height: 35px; flex: 0 0 35px } .btn._small .arrow img{ width: 10px; } } @media(max-width: 600px) { .container{ padding: 0 10px !important; max-width: 100%; } } @media(min-width: 1980px) { /*.container{*/ /* max-width: calc(100vw - 300px);*/ /*}*/ /*.categories__item .categories__item-image{*/ /* width: 100%;*/ /*}*/ /*.banner__slide-desc{*/ /* margin-left: 41% !important;*/ /*}*/ } /*@keyframes moving {*/ /* 100% {transform: rotate(-90deg);}*/ /*}*/ .categories__item._show-all:hover img{ /*animation: moving 0.2s both linear;*/ } .steps__item._empty:hover img{ /*animation: moving 0.2s both linear;*/ } .btn._maket{ justify-content: center; column-gap: 8px; } .btn._maket span{ flex: none; padding-left: 0; } /* End */ /* Start:/local/templates/leadbro/assets/css/nouislider.min.css?17302015574295*/ /*! nouislider - 14.6.2 - 9/16/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/leadbro/assets/css/rangeSlider.css?17302014601464*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .filters-price__inputs { display: flex; justify-content: space-between; } .filters-price__label { display: flex; align-items: center; width: 133px; height: 40px; border: 1px solid #D9D9D9; border-radius: 4px; padding: 0 10px; } .filters-price__text { font-size: 14px; color: #808080; } .filters-price__text:first-child { margin-right: 10px; } .filters-price__text:last-child { margin-left: 10px; } .filters-price__input { border: none; color: #4D4D4D; font-size: 14px; } .filters-price__title { margin-bottom: 20px; } .filters-price__slider { margin-bottom: 20px; } .noUi-connect { background-color: #5d71dd; } .noUi-target { background-color: #bfbfbf; border: none; border-radius: 100px; box-shadow: none; height: 3px; } .noUi-handle::after, .noUi-handle::before { display: none; } .noUi-handle { box-shadow: none; border-radius: 100%; background-color: #fff; border: 3px solid #5d71dd; } .noUi-horizontal .noUi-handle { width: 22px; height: 22px; top: -10px; } .noUi-horizontal .noUi-handle-upper { right: 0; } /* End */ /* Start:/local/templates/leadbro/assets/css/dropzone.css?17606935179830*/ @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} /* End */ /* Start:/local/templates/leadbro/assets/css/style.css?179370408872911*/ /* header start */ .header{ margin-top: 25px; } .header__top{ display: flex; justify-content: space-between; } .header__city{ display: flex; column-gap: 7px; } .header__city-icon{ padding-top: 1px; } .header__city-text{ display: flex; flex-direction: column; } .header__city-text p{ font-family: OnestMedium; font-size: 16px; line-height: 1; } .header__container{ position: relative; } .header_fixed { position: fixed !important; left: 0; top: 0; margin-top: 0 !important; z-index: 90; width: 100%; background: #FFF; } .header__nab-list{ display: flex; column-gap: 40px; } .header__nab-list li a{ transition: all 0.2s ease 0s; } .header__nab-list li a:hover{ color: #FF6D2C } .header__contacts{ display: flex; flex-direction: column; position: relative; align-items: flex-end; } .header__contacts-phone{ font-family: OnestMedium; font-size: 16px; } .header__contacts-email{ font-size: 12px; } .header__contacts-point{ position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #338CDE; left: -18px; top: 4px; } .header__contacts::before{ content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #338CDE; left: -20px; top: 2px; } .header__body{ background: #FFF; border-radius: 20px; padding: 20px; } .header__bottom{ display: flex; align-items: center; margin-top: 15px; column-gap: 25px; } .header__box-wrapper{ display: flex; align-items: center; padding: 5px; background: #444444; border-radius: 10px; } .header__box-logo{ margin-left: 15px; } .header__box-catalog{ display: flex; align-items: center; justify-content: center; transition: all 0.2s ease 0s; cursor: pointer; gap: 8px; background: #338CDE; border-radius: 6px; height: 50px; padding: 0 17px; margin-left: 20px; } .header__box-catalog img{ margin-bottom: 4px; } .header__box-catalog span{ color: #FFF } .header__search{ flex: 1 1 auto; position: relative; } .header__search-results{ position: absolute; box-shadow: 0 2px 6px rgba(28, 55, 90, .16); background: #FFF; border-radius: 10px; width: 100%; top: 70px; transition: all 0.2s ease 0s; opacity: 0; visibility: hidden; z-index: 20; } .header__search-results._active{ opacity: 1; visibility: visible; } .header__search-results-wrap{ display: flex; flex-direction: column; border-radius: 10px; padding: 10px; } .header__search-result{ display: flex; align-items: center; height: 40px; padding: 0 20px; font-size: 16px; transition: all 0.2s ease 0s; border-radius: 10px; } .header__search-result:hover{ background: #338CDE; color: #FFF } .header__search-wrapper{ width: 100%; position: relative; } .header__search-wrapper input{ width: 100%; height: 60px; padding: 0 50px 0 20px; border: none; outline: none; background: #F3F3F3; font-size: 16px; border-radius: 10px; } .search-icon{ position: absolute; right: 20px; top: 20px; } .header__actions{ display: flex; align-items: flex-end; column-gap: 15px; } .header__actions-item{ display: flex; flex-direction: column; align-items: center; row-gap: 5px; } .header__actions-item span{ font-size: 16px; } .header__contacts-mobile{ display: none; } .header__logo-mobile{ display: none; } /* header end */ /* main page start */ .banner{ margin-top: 20px; } .banner__container{ position: relative; } .banner__body{ background: url("/local/templates/leadbro/assets/css/../img/banner-bg.png") no-repeat; background-size: cover; background-position: center; border-radius: 20px; overflow: hidden; } .banner__body .swiper-slide{ padding: 118px 243px; height: initial; } .banner__body._no-bg{ background: #FFF; } .banner__slide-title{ text-align: center; } .banner__slide-title span{ color: #338CDE; } .banner__body._no-bg .banner__slide{ background: #FFF; } .banner__slide-desc{ display: flex; margin-top: 40px; margin-left: 37%; justify-content: center; column-gap: 80px; padding: 20px 0; width: max-content; } .banner__slide-delimiter{ width: 2px; height: calc(100% + 40px); background: #DDDDDD; position: absolute; left: -40px; top: -20px; } .delimiter{ display: flex; flex-direction: column; align-items: center; } .delimiter__line{ flex: 1 1 auto; } .delimiter__square{ flex: 0 0 17px; width: 17px; height: 17px; background: #DDDDDD } .banner__slide-text{ font-size: 18px; line-height: 125%; max-width: 430px; position: relative; font-family: OnestExtraLight; } .banner__slide-btn{ margin: 40px auto 0 auto; } .banner__body{ position: relative; } .banner-swiper{ overflow: hidden; } .banner .swiper-pagination{ bottom: 30px; top: auto; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; } .swiper-pagination-bullet{ width: 10px; height: 10px; } .swiper-pagination-bullet-active{ position: relative; background: #338CDE; } .swiper-pagination-bullet-active::after{ content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; background: none; border: 1px solid #338CDE; left: -2px; top: -2px; } .back-card{ position: absolute; top: 50%; transform: translate(0, -50%); background: linear-gradient(90deg, #FFFFFF 0%, #EEEEEE 100%); border-radius: 20px; width: 80px; } .back-card:first-child{ height: calc(100% - 160px); left: -57px; } .back-card:nth-child(2){ height: calc(100% - 80px); left: -20px; } .back-card:nth-child(3){ height: calc(100% - 160px); right: -57px; background: linear-gradient(90deg, #EEEEEE 0%, #FFFFFF 100%); } .back-card:nth-child(4){ height: calc(100% - 80px); right: -20px; background: linear-gradient(90deg, #EEEEEE 0%, #FFFFFF 100%); } .start{ margin-top: 80px; position: relative; } .mobile-cells{ position: absolute; left: 0; bottom: -170px; width: 100%; z-index: -1; display: none; } .start .cells{ position: absolute; right: 0; top: -5%; z-index: -1; height: calc(100% + 80px); } .start__subtitle{ margin-top: 32px; } .start__body{ display: flex; column-gap: 150px; justify-content: space-between; } .start__left{ flex: 1 1 auto } .start__right{ display: flex; gap: 20px } .start__right-image{ width: 384px; height: 384px; overflow: hidden; border-radius: 20px; } .start__right-image img{ width: 100%; height: 100%; object-fit: cover; } .categories{ margin-top: 160px; } .categories__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/categories-bg.png") no-repeat; background-size: cover; } .section-badge{ display: flex; align-items: center; column-gap: 12px; border-radius: 10px; background: #FFF; padding: 5px; width: max-content; margin: 0 auto; padding-right: 10px; } .section-badge__icon{ border-radius: 6px; width: 40px; height: 40px; background: #F3F3F3; display: flex; align-items: center; justify-content: center; } .section-badge__name{ color: #A8A8A8; padding-top: 1px; } .categories__title{ text-align: center; margin: 40px auto 0 auto; max-width: 980px; } .categories__names{ display: flex; margin-top: 60px; padding: 5px; border-radius: 20px; background: #FFF; column-gap: 5px; } .categories__names .swiper-wrapper{ column-gap: 5px } .categories__names-item{ flex: 1 1 15%; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: #F3F3F3; padding: 20px 40px; text-align: center; cursor: pointer; height: initial; } .categories__names-item._active{ background: #444444; } .categories__names-item._active span{ color: #FFF } .categories__names-item._active a{ color: #FFF } .categories__items{ margin-top: 30px; } .tabs-container{ position: relative; } .categories__items-block{ display: flex; flex-wrap: wrap; gap: 20px; } .tab-body{ transition: opacity 0.4s ease 0s; opacity: 0; visibility: hidden; position: absolute; z-index: -1; top: 0; } .tab-body._active{ opacity: 1; visibility: visible; position: static; z-index: 1; } .categories__item{ display: flex; position: relative; flex: 1 1 22%; cursor: pointer; max-width: 24%; } .categories__item._show-all .categories__item-image{ display: flex; align-items: center; justify-content: center; } .categories__item._show-all .categories__item-image img{ width: 80%; height: 80%; } .categories__item:hover .categories__item-image{ box-shadow: 0px 13.3333px 26.6667px rgba(168, 168, 168, 0.5); } .categories__item-image{ min-height: 420px; border-radius: 20px; transition: all 0.2s ease 0s; } .categories__item-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .categories__item-name{ position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 40px; background: #FFF; transition: all 0.2s ease 0s; padding: 0 20px; left: 24px; bottom: 24px; max-width: calc(100% - 40px); } .categories__item._mainpage .categories__item-name{ bottom: 0; position: relative; z-index: 3; width: max-content; } .categories__item._mainpage .categories__item-price{ display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 40px; background: #FFF; transition: all 0.2s ease 0s; padding: 0 20px; left: 24px; bottom: 24px; max-width: calc(100% - 40px); position: relative; z-index: 3; width: max-content; bottom: 0; margin-bottom: 24px; } .categories__item._mainpage .categories__item-image{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .categories__item._mainpage{ min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px } .categories__item._mainpage:hover .categories__item-name{ color: #444444; background: #FFF; } .categories__item._mainpage:hover .categories__item-price{ background: #FF6D2C; color: #FFF } .categories__item:hover .categories__item-name{ background: #FF6D2C; color: #FFF } .categories__item:hover .categories__item-all svg path{ stroke: #FFF; } .absolut-link{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } .categories__item._show-all{ padding: 50px; flex-direction: column; align-items: center; justify-content: center; row-gap: 32px; } .categories__item._show-all .categories__item-image{ box-shadow: none; min-height: unset; position: absolute; width: 100%; height: 100%; } .categories__item._show-all .categories__item-image img{ object-fit: contain; width: 90%; height: 90% } .categories__item._show-all .categories__item-name{ position: relative; z-index: 1; left: 0; bottom: 0; height: 50px; transition: all 0.2s ease 0s; } .categories__item._show-all:hover .categories__item-all{ background: #FF6D2C; } .categories__item-all{ display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 8px; background: #FFF; z-index: 1; transition: all 0.2s ease 0s; } .promo{ margin-top: 160px; } .promo__container{ position: relative; } .promo__body{ display: flex; padding: 10px; background: url("/local/templates/leadbro/assets/css/../img/promo-bg.png") no-repeat; background-position: center; background-size: cover; border-radius: 20px; position: relative; z-index: 3; } .promo__image{ flex: 0 0 40%; } .promo__image img{ width: 100%; border-radius: 20px; } .promo__text{ flex: 1 1 auto; margin: 40px 0 40px 50px; display: flex; flex-direction: column; position: relative; } .promo__badge{ display: flex; align-items: center; column-gap: 10px; padding: 5px 10px 5px 5px; border-radius: 10px; background: #F3F3F3; width: max-content; } .promo__badge-icon{ display: flex; align-items: center; justify-content: center; background: #FFF; border-radius: 6px; width: 40px; height: 40px; } .promo__badge-text{ color: #A8A8A8; padding-top: 1px; } .promo__title{ margin-top: 40px; word-spacing: 0.6rem; } .promo__subtitle{ margin-top: 32px; max-width: 600px; font-family: OnestExtraLight; } .promo__bottom{ flex: 1 1 auto; display: flex; align-items: flex-end; } .promo .delimiter{ position: absolute; bottom: 0; right: 45px; } .delimiter__wrapper{ display: flex; flex-direction: column; align-items: center; } .delimiter__line{ height: 116px; width: 1px; background: #DDDDDD; } .delimiter__square{ width: 17px; height: 17px; background: #DDDDDD; } .steps{ margin-top: 195px; } .steps__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/steps-bg.png") no-repeat; background-size: contain; background-position: center; } .steps__image{ position: absolute; width: 100%; z-index: -1; left: 0; height: 100%; } .steps__image img{ width: 100%; } .steps__title{ max-width: 1460px; margin: 0 auto; text-align: center; margin-top: 40px; } .steps__title span{ color: #FF6D2C; } .steps__title span._line{ background: #FF6D2C; } .steps__title br{ display: none; } .steps__body{ margin-top: 60px; display: flex; flex-wrap: wrap; column-gap: 48px; row-gap: 20px; /*background: url("/local/templates/leadbro/assets/css/../img/steps-bg.png") no-repeat;*/ /*background-size: cover;*/ } .steps__item{ flex: 1 1 22%; max-width: 23%; height: initial; } .steps__item-wrapper{ padding: 10px; background: #FFF; border-radius: 20px; height: 100%; } .steps__item-preview{ height: 370px; width: 100%; position: relative; } .steps__item-preview img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .steps__item .delimiter{ position: absolute; top: 22px; right: 22px; } .useful__item .delimiter{ position: absolute; top: 22px; right: 22px; } .delimiter._horizontal .delimiter__wrapper{ flex-direction: row; } .delimiter._horizontal .delimiter__line{ height: 1px; width: 130px; } .steps__item-number{ position: absolute; width: 80px; height: 80px; border-radius: 20px; background: #FFF; display: flex; align-items: center; justify-content: center; right: -40px; bottom: 45px; } .steps__item-number-wrapper{ width: 60px; height: 60px; border-radius: 10px; font-family: Bureau; font-size: 32px; color: #FF6D2C; display: flex; align-items: center; justify-content: center; background: #F3F3F3; } .steps__item-bottom{ padding: 22px; display: flex; flex-direction: column; row-gap: 20px; } .steps__item._empty .steps__item-preview{ height: 100%; display: flex; align-items: center; justify-content: center; } .steps__item._empty .steps__item-preview img{ height: initial; } .steps__item._empty .steps__item-wrapper{ background: none; } .steps__swiper .swiper-wrapper{ flex-wrap: wrap; justify-content: center; column-gap: 48px; row-gap: 20px; } .steps__item-orange{ color: #FF6D2C } .steps__item.team__item .steps__item-bottom{ row-gap: 0; } .steps__item.team__item .steps__item-name{ margin-top: 12px; } .steps__item-name{ margin-top: 10px; } .steps__item-social{ display: flex; flex-direction: column; gap: 8px; margin-top: 20px; } .steps__item-social-item{ display: flex; align-items: center; } .steps__item-social-icon{ display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #F3F3F3; width: 40px; height: 40px; margin-right: 12px; } .steps__item-social-icon img{ width: 18px; } .forwho{ margin-top: 125px; } .forwho__wrapper{ /*background: url("/local/templates/leadbro/assets/css/../img/forwho-bg.png") no-repeat;*/ /*background-size: cover;*/ } .forwho__body{ display: flex; justify-content: space-between; column-gap: 30px; } .forwho__left{ flex: 0 0 50% } .forwho .section-badge{ margin: 0; } .forwho__title{ margin-top: 40px; } .forwho__subtitle{ max-width: 646px; margin-top: 32px; font-family: OnestExtraLight; } .forwho__right{ flex: 1 1 auto } .forwho__item-wrapper{ padding: 10px; border-radius: 20px; background: #FFF; display: flex; column-gap: 32px; } .forwho__item-image{ flex: 0 0 41% } .forwho__item-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 13px; } .forwho__item-text{ flex: 1 1 auto; display: flex; flex-direction: column; padding: 22px; padding-right: 0; position: relative; } .forwho__item-list{ margin-top: 20px; display: flex; flex-direction: column; row-gap: 5px; } .forwho__item-list li{ position: relative; padding-left: 25px; } .tabs__content-title br{ display: none; } .advantages__title br{ display: none; } .mobile-br{ display: none; } .forwho__item-list li::before{ content: ''; width: 18px; height: 18px; border-radius: 50%; background: none; border: 1px solid #99c6ef; position: absolute; left: 0; top: 3px; } .forwho__item-list li::after{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: none; position: absolute; background: #338CDE; left: 3px; top: 6px; } .equipment__item-desc li::before{ content: ''; width: 18px; height: 18px; border-radius: 50%; background: none; border: 1px solid #99c6ef; position: absolute; left: 0; top: 3px; } .equipment__item-desc li::after{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: none; position: absolute; background: #338CDE; left: 3px; top: 6px; } .equipment__item-desc li{ position: relative; padding-left: 25px; } .promo__subtitle li::before{ content: ''; width: 18px; height: 18px; border-radius: 50%; background: none; border: 1px solid #99c6ef; position: absolute; left: 0; top: 3px; } .promo__subtitle li::after{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: none; position: absolute; background: #338CDE; left: 3px; top: 6px; } .promo__subtitle li{ position: relative; padding-left: 25px; list-style-type: none; margin-top: 10px; } .equipment__item-desc{ } .forwho__item-bottom{ margin-top: 35px; } .forwho__item-title{ display: flex; align-items: center; column-gap: 32px; } .forwho__item-delimiter{ flex: 1 1 auto; display: flex; align-items: center; } .forwho__item-delimiter-line{ width: 100%; height: 1px; background: #DDDDDD; } .forwho__item-delimiter-sqaure{ min-width: 17px; width: 17px; height: 17px; background: #DDDDDD; } .forwho__item-name{ max-width: 77%; } .forwho__right-swiper .swiper-wrapper{ flex-direction: column; row-gap: 20px; } .forwho__left-sticky{ position: sticky; top: 90px; } .advantages{ margin-top: 160px; } .advantages__title{ max-width: 1450px; text-align: center; margin: 40px auto 0 auto; } .advantages__body{ margin-top: 60px; display: flex; gap: 20px } .advantages__item{ border-radius: 20px; background: #FFF; position: relative; padding: 32px; height: 470px; flex: 1 1 23%; } .advantages__item-image{ position: absolute; bottom: 0; right: 0; max-width: calc(100% - 30px); } .advantages__item-image img{ width: 100%; } .advantages__item-desc{ margin-top: 20px; } .advantages__swiper .swiper-wrapper{ gap: 20px } .tabs{ margin-top: 160px; } .tabs__container{ position: relative; } .tabs__body{ position: relative; background: url("/local/templates/leadbro/assets/css/../img/tabs-bg.png") no-repeat; background-size: cover; border-radius: 20px; padding: 10px; display: flex; justify-content: space-between; column-gap: 40px; z-index: 4; } .tabs__header{ display: flex; margin-top: 40px; column-gap: 32px; } .tabs__header-titles{ display: flex; gap: 5px; border-radius: 14px; background: #F3F3F3; width: max-content; padding: 5px; } .tabs-titles__item{ display: flex; align-items: center; background: #FFF; transition: all 0.2s ease 0s; padding: 5px; border-radius: 10px; column-gap: 8px; padding-right: 10px; cursor: pointer; } .tabs-titles__item-icon{ display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #F3F3F3; transition: all 0.2s ease 0s; width: 40px; height: 40px; } .tabs-titles__item-name{ transition: all 0.2s ease 0s; color: #A8A8A8; padding-top: 2px; } .tabs-titles__item._active{ background: #444444; } .tabs-titles__item._active .tabs-titles__item-icon{ background: #FFF; } .tabs-titles__item._active .tabs-titles__item-icon svg path{ stroke: #444444; fill: #444444; } .tabs-titles__item._active .tabs-titles__item-name{ color: #FFF } .tabs__header-line{ flex: 1 1 auto; display: flex; align-items: center; } .tabs__header-line__line{ flex: 1 1 auto; height: 1px; background: #DDDDDD; } .tabs__header-line__square{ width: 17px; height: 17px; background: #DDDDDD; } .tabs__text{ padding-left: 40px; padding-bottom: 40px; } .tabs__content{ margin-top: 40px; } .tabs__description{ margin-top: 32px; max-width: 880px; display: flex; column-gap: 70px; padding-right: 30px; font-family: OnestExtraLight; } .tabs__description-content{ padding-left: 24px; } .tabs__image{ flex: 0 0 41% } .tabs__image img{ width: 100%; border-radius: 20px; } .tabs__description-title{ font-family: OnestExtraLight; } .tabs__description-title span{ font-family: OnestMedium; } .tabs__description-title img{ margin-top: 4px; margin-right: 5px; } .useful{ margin-top: 160px; } .useful__title{ margin: 40px auto 0 auto; text-align: center; max-width: 1400px; } .useful__body{ margin-top: 60px; } .useful__body .swiper-wrapper{ gap: 20px } .useful__item{ flex: 1 1 23%; height: initial; } .useful__item-wrapper{ background: #FFF; padding: 10px; border-radius: 20px; height: 100%; display: flex; flex-direction: column; } .useful__item-preview{ height: 380px; border-radius: 10px; overflow: hidden; position: relative; } .useful__item-preview img{ width: 100%; height: 100%; object-fit: cover; } .useful__item-bottom{ padding: 22px; display: flex; flex-direction: column; flex: 1 1 auto } .useful__item-date{ color: #FF6D2C } .useful__item-btn{ flex: 1 1 auto; display: flex; align-items: flex-end; margin-top: 32px; } .useful__item-name{ margin-top: 20px; } .popular{ margin-top: 170px; } .popular__body{ display: flex; column-gap: 40px; } .popular .section-badge{ margin: 0; } .popular__left{ flex: 1 1 auto; } .popular__catalog{ flex: 0 0 49%; display: flex; flex-wrap: wrap; gap: 20px } .popular__title{ margin-top: 40px; } .popular__desc{ margin-top: 32px; max-width: 550px; } .popular__btn{ margin-top: 40px; } .popular__catalog .categories__item{ flex: 1 1 47%; max-width: calc(50% - 10px); } .reviews{ margin-top: 160px; } .reviews__container{ position: relative; } .reviews__title{ margin: 40px auto 0 auto; text-align: center; max-width: 1400px; } .reviews__body{ background: #FFF; border-radius: 20px; padding: 10px; margin-top: 60px; position: relative; z-index: 4; } .reviews._map .reviews__body{ background: url("/local/templates/leadbro/assets/css/../img/tabs-bg.png") no-repeat; background-size: cover; } .reviews__body iframe{ width: 100%; height: 100%; border-radius: 10px; } .banner__slide-title > br:nth-child(1){ display: none; } .feedback{ margin-top: 160px; } .feedback__body{ display: flex; /*align-items: center;*/ column-gap: 50px; background: #FFF; position: relative; z-index: 4; padding: 10px; border-radius: 20px; background: url("/local/templates/leadbro/assets/css/../img/tabs-bg.png") no-repeat; background-size: cover; } .feedback__container{ position: relative; } .feedback__right{ padding-right: 40px; } .feedback__right-header { display: flex; align-items: center; column-gap: 32px; } .feedback__right .tabs-titles__item{ padding: 0; background: #F3F3F3; padding-right: 10px; } .feedback__right .tabs-titles__item-icon{ background: #FFF; } .feedback__right-title{ margin-top: 40px; } .feedback__form{ margin-top: 40px; display: flex; flex-direction: column; row-gap: 10px; } .feedback__btn{ margin-top: 40px; } .input-field input{ border: none; padding: 0 32px; background: #F3F3F3; font-size: 20px; border-radius: 10px; width: 100%; height: 80px; } .input-field input::placeholder{ color: #A8A8A8 } .feedback__btn{ display: flex; justify-content: center; margin-bottom: 40px; } /* main page end */ /* footer start */ .footer{ margin-top: 160px; background: #FFF; } .footer__top{ display: flex; justify-content: space-between; padding-top: 100px; padding-bottom: 95px; border-bottom: 1px solid #F3F3F3; } .footer__column{ display: flex; flex-direction: column; flex: 1 1 23% } .footer__column._logo{ width: max-content; margin-right: 115px; } .footer__column:last-child .footer__column-list{ max-width: 360px; } .footer__contacts{ display: flex; flex-wrap: wrap; row-gap: 32px; column-gap: 50px; margin-top: 40px; } .footer__contacts-block:first-child{ flex: 0 0 100%; } .footer__contacts-block{ flex: 1 1 40%; } .footer .header__contacts{ width: max-content; } .footer__column-title{ font-family: OnestMedium; font-size: 20px; margin-top: 5px; } .footer__column-list{ display: flex; flex-direction: column; row-gap: 10px; max-width: 250px; margin-top: 10px; } .footer__column-list a{ transition: all 0.2s ease 0s } .footer__column-list a:hover{ color: #FF6D2C; } .footer__social{ margin-top: 10px; } .footer__social-body{ display: flex; margin-top: 10px; gap: 10px } .footer__social-item{ display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #F3F3F3; width: 40px; height: 40px; } .footer__bottom{ display: flex; justify-content: space-between; padding: 32px 0; } .footer__devs{ display: flex; flex-direction: column; align-items: flex-end; } .footer__devs-body{ display: flex; gap: 16px; margin-top: 10px; } .footer__logo-image-mob{ display: none; } /* footer end */ /* contacts start */ .navigation .categories__names-item{ padding: 25px 0; } .navigation .categories__names{ margin-top: 30px; } .contacts__container{ position: relative; } .contacts{ margin-top: 40px; } .contacts__body{ position: relative; z-index: 4; border-radius: 20px; padding: 10px; display: flex; justify-content: space-between; background: url("/local/templates/leadbro/assets/css/../img/tabs-bg.png") no-repeat; background-size: cover; column-gap: 30px; } .contacts__map{ flex: 0 0 50%; } .contacts__text{ flex: 1 1 auto; padding: 40px; padding-right: 0; } .contacts__title{ margin-top: 40px; } .contacts__worktime{ margin-top: 40px; display: flex; align-items: center; column-gap: 32px; } .contacts__worktime p{ color: #A8A8A8 } .contacts .section-badge{ margin: 0; background: #F3F3F3; padding-right: 15px; } .contacts .section-badge__icon{ background: #FFF; } .contacts__worktime-delimiter{ display: flex; align-items: center; width: 170px; height: 100%; } .contacts__worktime-delimiter-line{ width: calc(100% - 17px); height: 1px; background: #DDDDDD; } .contacts__worktime-delimiter-square{ height: 17px; width: 17px; background: #DDDDDD; } .contacts__office{ margin-top: 32px; display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 25px; } .contacts__office-item{ display: flex; align-items: center; flex: 1 1 45%; } .office-item__icon{ display: flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 13px; width: 60px; height: 60px; margin-right: 24px; } .office-item__icon img{ width: 32px; height: 32px; } .office-item__text{ display: flex; flex-direction: column; row-gap: 3px; } .office-item__text p{ font-family: OnestMedium; font-size: 20px; } .contacts__actions{ display: flex; column-gap: 60px; margin-top: 60px; } .contacts__social-body{ display: flex; margin-top: 14px; gap: 15px } .contacts__social-item{ display: flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 8px; width: 40px; height: 40px; } .contacts__map iframe{ border-radius: 10px; height: 100%; width: 100%; } .team__body .swiper-wrapper{ flex-wrap: wrap; gap: 30px } .team{ margin-top: 160px; } .team__title{ margin: 40px auto 0 auto; max-width: 1450px; text-align: center; } .team__body{ margin-top: 60px; } /* contacts end */ /* company page start */ .numbers{ margin-top: 80px; } .numbers__body{ display: flex; align-items: center; justify-content: space-between; column-gap: 65px; } .numbers__item._delimiter{ display: flex; align-items: center; flex: 1 1 auto; } .numbers__item-square{ width: 17px; height: 17px; background: #DDDDDD; } .numbers__item-line{ width: calc(100% - 17px); height: 1px; background: #DDDDDD; } .numbers__item._number{ display: flex; flex-direction: column; align-items: center; } .numbers__item._number p{ font-family: Bureau; font-size: 210px; color: #FF6D2C; } .numbers__item._number span{ text-align: center; } .partners{ margin-top: 160px; } .partners__title{ margin: 40px auto 0 auto; text-align: center; max-width: 1450px; } .partners__body{ margin-top: 60px; } .partners__swiper{ max-width: 100%; overflow: hidden; } .partners__item{ background: #FFF; border-radius: 20px; width: 420px; height: 260px; display: flex; align-items: center; justify-content: center; padding: 60px; } .partners__item img{ max-width: 100%; } .partners__container{ max-width: 100%; padding: 0; } .partners__body{ /*padding-left: 90px;*/ } .partners .swiper-wrapper{ -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } .equipment{ margin-top: 160px; } .equipment__title{ margin: 40px auto 0 auto; text-align: center; max-width: 1450px; } .equipment__body{ margin-top: 60px; display: flex; flex-wrap: wrap; gap: 20px } .equipment__item{ flex: 1 1 45%; max-width: calc(50% - 10px); height: auto; } .equipment__item-wrapper{ background: #FFF; padding: 10px; border-radius: 25px; display: flex; column-gap: 32px; height: 100%; } .equipment__item-right{ flex: 0 0 45%; } .equipment__item-right img{ max-width: 100%; height: 100%; } .equipment__item-left{ flex: 1 1 auto; padding: 22px 15px 22px 22px; } .equipment__item-desc{ margin-top: 15px; } .equipment__item-desc li { display: flex; align-items: flex-start; column-gap: 8px; } .equipment__item-desc li img{ padding-top: 5px; } .equipment__item-right{ position: relative; } .equipment__item-delimiter{ position: absolute; display: flex; align-items: center; right: 22px; top: 22px; width: 130px; } .equipment__item-delimiter-line{ width: calc(100% - 17px); height: 1px; background: #DDDDDD; } .equipment__item-delimiter-square{ width: 17px; height: 17px; background: #DDDDDD; } .equipment__body .swiper-wrapper{ flex-wrap: wrap; gap: 20px } .promo__subtitle-list{ max-width: 90%; margin-top: 15px; } .promo__subtitle-list li img{ padding-top: 5px; } .promo__subtitle-list li{ margin-top: 3px; } /* company page end */ /* delivery page start */ .delivery{ margin-top: 60px !important; } .delivery__title{ text-align: center; max-width: 1450px; margin: 40px auto 0 auto; } .delivery__body{ display: flex; gap: 20px; margin-top: 60px; } .delivery__item{ flex: 1 1 31%; max-width: 33%; } .delivery__item-wrapper{ background: url("/local/templates/leadbro/assets/css/../img/delivery-bg.png") no-repeat; background-size: cover; border-radius: 20px; padding: 32px; position: relative; /*min-height: 530px;*/ height: 100%; display: flex; flex-direction: column; } .delivery__item-wrapper .delivery__item-image{ position: absolute; bottom: 0; right: 0; } .delivery__item-btn{ position: absolute; bottom: 32px; left: 32px; flex: 1 1 auto; display: flex; align-items: flex-end; } /* delivery page end */ /* catalog page start */ .catalog._blog{ margin-top: 60px !important; } .catalog__title{ margin: 40px auto 0 auto; text-align: center; max-width: 1400px; } .catalog__title span{ color: #338CDE; } .catalog._catalog-section .catalog__title{ text-align: left; margin-left: 0; } .catalog._catalog-section .section-badge{ text-align: left; margin-left: 0; } .catalog__body{ margin-top: 30px; display: flex; column-gap: 20px; } .catalog__menu{ flex: 0 0 420px } .catalog__content{ flex: 1 1 auto; } .catalog__content-items{ display: flex; flex-wrap: wrap; gap: 20px } .catalog__menu-wrapper{ background: #FFF; border-radius: 20px; padding: 24px; height: 100%; } .catalog__menu-search{ position: relative; width: 100%; } .catalog__menu-search input{ border: none; padding: 0 32px; background: #F3F3F3; font-size: 20px; border-radius: 10px; width: 100%; height: 60px; } .catalog__menu-searchicon{ position: absolute; right: 20px; top: 18px; } .catalog__menu-list{ margin-top: 10px; display: flex; flex-direction: column; row-gap: 10px; } .catalog._blog .acc-item__body{ display: none; } .acc-item__title{ display: flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 10px; min-height: 60px; } .catalog__menu-item._active .acc-item__title{ background: #444444; color: #FFF } .steps__item.catalog-item{ flex: 1 1 31%; max-width: 33%; } .absolute-link{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; } .catalog__content-btn{ width: 100%; display: flex; align-items: center; justify-content: center; background: #FFF; border-radius: 20px; margin-top: 20px; cursor: pointer; font-size: 20px; height: 90px; } .catalog__menu-list .swiper-wrapper{ flex-direction: column; gap: 10px } .acc-item__body-wrapper{ display: flex; flex-direction: column; row-gap: 8px; padding: 15px; background: #F3F3F3; } .acc-item__body{ transition: all 0.2s ease 0s; max-height: 0; overflow: hidden; } .categories__item.catalog-item{ flex: 1 1 31%; max-width: 33%; } .categories__item.catalog-item .categories__item-image{ box-shadow: none ; max-width: 100%; } .categories__item.catalog-item .categories__item-image img{ max-width: 100%; } .catalog._niche .categories__item.catalog-item{ flex: 1 1 23%; max-width: 25%; } .catalog__menu-item._active { padding: 5px; background: #F3F3F3; border-radius: 10px; } .catalog__menu-item._active._all-products { padding: 0; background: #444444; } .catalog__menu-item._active .acc-item__title.acc-title{ background: #338CDE; } .catalog__menu-item._active .acc-body { max-height: none; } .catalog__wrapper{ position: relative; } .product__wrapper{ position: relative; } .catalog._catalog .catalog__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/catalog-bg.png") no-repeat; background-size: cover; } .catalog._catalog._catalog-section .catalog__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/catalog-section-bg.png") no-repeat; background-size: cover; } .catalog._catalog._catalog-section._niche .catalog__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/catalog-niche-bg.png") no-repeat; background-size: 100%; } .catalog._catalog{ margin-top: 60px !important; } .info{ margin-top: 160px; } .info__body{ background: #FFF; border-radius: 20px; padding: 50px; position: relative; z-index: 4; } .info__badge{ display: flex; align-items: center; column-gap: 10px; background: #F3F3F3; height: 50px; padding: 5px; padding-right: 10px; border-radius: 10px; width: max-content; } .info__badge-icon{ display: flex; align-items: center; justify-content: center; background: #FFF; border-radius: 6px; width: 40px; height: 40px; } .info__badge-text{ color: #A8A8A8 } .info__title{ margin-top: 40px; } .info__subtitle{ margin-top: 32px; } .info__description{ margin-top: 32px; } .info__container{ position: relative; } /* catalog page end */ /* article page start */ .article{ margin-top: 60px !important; } .article__body{ background: #FFF; border-radius: 20px; padding: 50px; } .article__header{ display: flex; align-items: center; justify-content: space-between; } .article__author{ display: flex; align-items: center; column-gap: 15px; } .article__author-image{ width: 90px; height: 90px; border-radius: 50%; overflow: hidden; } .article__author-image img{ width: 100%; height: 100%; object-fit: cover; } .article__author-info{ display: flex; flex-direction: column; row-gap: 4px; max-width: 220px; } .article__author-info .orange{ color: #FF6D2C; font-size: 12px; } .article__btn .arrow{ } .article__title{ margin-top: 60px; } .article__preview{ width: 100%; margin-top: 32px; margin-bottom: 32px; } .article__preview img{ width: 100%; border-radius: 10px; } .article__back{ display: none; } .promo__wrapper{ position: relative; } .article__title br{ display: none; } .team__title br{ display: none; } .feedback__right-title br{ display: none; } /* article page end */ /* product page start */ .product{ margin-top: 60px !important; } .product__body{ display: flex; justify-content: space-between; } .product__gallery{ max-width: 41%; flex: 0 0 41%; } .product__gallery-big{ width: 100%; overflow: hidden; position: relative; } .product__gallery-small{ width: 100%; max-width: 100%; overflow: hidden; margin-top: 10px; } .product__gallery-small .swiper-slide{ cursor: pointer; } .product__gallery-big .swiper-slide{ border-radius: 10px; overflow: hidden; } .product__gallery-big .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; min-height: 833px; } .product__gallery-small .swiper-slide{ border-radius: 10px; height: 224px; /*width: calc(33% - 5px) !important;*/ } .product__gallery-small .swiper-slide img{ border-radius: 10px; width: 100%; height: 100%; object-fit: cover; } .product__body{ border-radius: 20px; padding: 10px; background: url("/local/templates/leadbro/assets/css/../img/product-bg.png") no-repeat; background-size: cover; } .product__right{ padding: 40px 40px 40px 50px; flex: 1 1 auto; } .product__title{ margin-top: 32px; } .product__title span{ color: #338CDE; } .product__description{ margin-top: 24px; } .product__form{ margin-top: 32px; display: flex; flex-direction: column; row-gap: 10px; } .product__btns{ display: flex; column-gap: 10px; margin-top: 32px; } .product__btn{ flex: 1 1 47%; width: auto; } .product__btn._black{ justify-content: center; gap: 12px; background: #444444; } .product__btn._black span{ width: max-content; flex: none } .product .back-cards{ display: none; } /* product page end */ /* cart page start */ .cart{ margin-top: 54px !important; } .cart__body{ display: flex; column-gap: 20px; } .cart__products{ padding: 50px; border-radius: 20px; background: url("/local/templates/leadbro/assets/css/../img/cart-bg.png") no-repeat; background-size: cover; flex: 0 0 58%; max-width: 58%; } .cart__products-body{ display: flex; flex-direction: column; margin-top: 40px; } .cart-item{ display: flex; position: relative; padding-bottom: 25px; } .cart-item:not(:last-child){ border-bottom: 1px solid #DDDDDD; } .cart-item:not(:first-child){ margin-top: 25px; } .cart-item__delete{ position: absolute; right: 0; top: 0; cursor: pointer; } .cart-item__image{ display: flex; flex-direction: column; row-gap: 15px; flex: 0 0 300px; position: relative; } .cart-item__image span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart-item__image img{ width: 100%; height: 300px; object-fit: cover; border-radius: 10px; } .cart__description{ margin-left: 50px; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .cart__description-title{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart__description-name{ margin-top: 15px; } .cart__description-bottom{ display: flex; align-items: center; justify-content: space-between; } .cart__description-text{ margin-top: 15px; } .cart__description-bottom span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart__description-bottom input{ padding: 0 32px; border: none; outline: none; border-radius: 10px; background: #F3F3F3; font-family: Bureau; font-size: 26px; text-align: center; width: 190px; } .cart__info{ flex: 1 1 auto; padding: 50px; border-radius: 20px; background: url("/local/templates/leadbro/assets/css/../img/cart-bg.png") no-repeat; background-size: cover; flex: 1 1 58%; max-width: 58%; } .cart__info-title{ margin-top: 40px; } .cart__info-desc{ margin-top: 25px; } .cart__info-form{ margin-top: 40px; display: flex; flex-direction: column; gap: 10px } .radio-field{ display: flex; column-gap: 32px; margin: 20px 0; } .radio-field label{ padding-left: 5px; cursor: pointer; } .radio-item{ cursor: pointer; } .radio-field input{ width: 12px; height: 12px; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .radio-field input::before { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-radius: 50%; transform: translate(-50%, -50%); border: 1px solid #338CDE; cursor: pointer; } .radio-field input:checked::after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background-color: dodgerblue; transform: translate(-50%, -50%); visibility: visible; cursor: pointer; } .cart__info-btn{ margin-top: 10px; width: 100%; } .cart__info-btn._maket{ margin-top: 32px; } .cart__info-btn .btn{ width: 100%; } .cart__container{ position: relative; } .cart__body{ position: relative; z-index: 4; } .cart .back-card{ display: none; } /* cart page end */ /* profile page start */ .catalog__menu-list._lk .catalog__menu-item{ display: flex; align-items: center; justify-content: center; gap: 12px } .catalog__menu-list._lk .catalog__menu-item svg path{ stroke: #444444; } .catalog__menu-list._lk .catalog__menu-item._active svg path{ stroke: #FFFFFF; } .catalog__menu-list._lk{ margin-top: 0; } .catalog__menu-list._lk .catalog__menu-item._active .acc-item__title{ background: none; } .catalog__menu-list._lk .catalog__menu-item._active{ background: #444444; } .catalog__menu-list._lk .catalog__menu-item{ background: #F3F3F3; border-radius: 10px; } .lk-block{ display: flex; flex-direction: column; background: url("/local/templates/leadbro/assets/css/../img/cart-bg.png") no-repeat; background-size: cover; border-radius: 20px; padding: 50px; } .lk-block__name{ margin-top: 32px; border: none; background: none; } .modal__back{ color: #338CDE; font-family: OnestLight; font-size: 18px; cursor: pointer; margin-top: 10px; } .cart__info-back{ color: #338CDE; font-family: OnestLight; font-size: 18px; cursor: pointer; margin-top: 10px; } .lk-block__form{ display: flex; flex-wrap: wrap; margin-top: 32px; row-gap: 10px; column-gap: 20px; } .lk-block__form-field{ flex: 1 1 45%; max-width: calc(50% - 10px); } .lk-block__btns{ margin-top: 40px; display: flex; gap: 10px } .btn._black{ background: #444444; } .catalog._lk{ margin-top: 60px !important; } .catalog._lk .catalog__title{ text-align: left; margin-left: 0; } .catalog._lk .section-badge{ margin-left: 0; } .catalog._lk .catalog__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/lk-bg.png") no-repeat; background-size: cover; } .empty-block{ display: flex; align-items: center; column-gap: 50px; margin: 32px auto 0 auto; } .empty-block__desc{ margin-top: 24px; } .empty-block__btn{ margin-top: 40px; } .empty-block__image{ flex: 0 0 45%; } .empty-block__image img{ width: 100%; } /* profile page end */ /* 404 start */ .error{ margin-top: 20px; } .error__wrapper{ } .error__body{ background: url("/local/templates/leadbro/assets/css/../img/404.png") no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 0; position: relative; z-index: 4; border-radius: 20px; } .error__body-title{ font-family: Bureau; font-size: 300px; text-transform: uppercase; } .error__body-subtitle{ margin-top: 40px; text-align: center; } .error__container{ position: relative; } .error__body-delimiter{ display: flex; flex-direction: column; align-items: center; height: 130px; margin: 40px auto; } .error__body-delimiter-line{ width: 1px; height: calc(100% - 17px); background: #DDDDDD; } .error__body-delimiter-square{ width: 17px; height: 17px; background: #DDDDDD; } /* 404 end */ .catalog._oferta .lk-block{ background: #FFF !important; border-radius: 20px; } .oferta-description{ margin-top: 32px; } .offerta-btn{ margin-top: 32px; width: 100%; text-align: center; display: flex; justify-content: center; } .banner__delimiter{ display: none; } section.navigation{ margin-top: 40px !important; } section.contacts{ margin-top: 30px !important; } .article__btn span.arrow{ flex: none; padding: 0; } .article__btn .btn > span:nth-child(2){ color: #FFF; font-size: 20px; line-height: 130%; flex: 1 1 auto; text-align: center; padding-right: 50px; } section.catalog._niche .catalog__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/catalog-biche-bg.png") no-repeat; background-size: cover; } .lk-block__form-field._error{ border: 2px solid red; border-radius: 10px; } body._auth #authModal{ visibility: visible; opacity: 1; } .modal{ position: fixed; width: 100vw; height: 100vh; z-index: 999; left: 0; top: 0; transition: all 0.2s ease 0s; opacity: 0; visibility: hidden; } .modal__wrapper{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.2); } .fixed-menu{ display: none; } .modal__body{ max-width: 710px; background: #FFF; border-radius: 20px; padding: 50px; position: relative; } .modal__cross{ position: absolute; right: 44px; top: 44px; cursor: pointer; } .modal .section-badge{ margin: 0; } .modal__title{ margin-top: 40px; } .modal__desc{ margin-top: 24px; } .modal__desc a{ text-decoration: underline; } .modal__input{ width: 100%; margin-top: 40px; } .modal__btn{ margin-top: 32px; width: 100%; } .modal__btn .btn{ width: 100%; } .modal .section-badge{ background: #F3F3F3; } .modal .section-badge__icon{ background: #FFF; } .header__nav-address{ display: none; } .header__nav-mail{ display: none; } .header__nav-phone{ display: none; } .header__nav-btn{ display: none; } .header__nav{ display: flex; align-items: center; } /* orders history start */ .history__item-header{ display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; cursor: pointer; } .history__item-left{ flex: 1 1 auto; display: flex; align-items: center; column-gap: 24px; } .history__item-right{ cursor: pointer ; } .history__item{ background: #F3F3F3; border-radius: 10px; } .history__item-status{ display: flex; align-items: center; justify-content: center; border-radius: 10px; color: #FFF; padding: 10px 15px; } .history__item-status._blue{ background: #338CDE; } .history__item-status._pink{ background: #FF7F7F; } .history__item-status._black{ background: #444444; } .history__item-body-top{ display: flex; margin: 0 24px; column-gap: 2.5vw; border-top: 1px solid #DDDDDD; } .history__item-column{ display: flex; flex-direction: column; padding-top: 24px; } .history__item-product{ display: flex; justify-content: space-between; column-gap: 24px; } .history__item-body-bottom{ display: flex; justify-content: flex-end; align-items: center; column-gap: 24px; padding: 24px; } .history__item-body{ transition: all 0.2s ease 0s; max-height: 0; overflow: hidden; } .history__item-repeat{ color: #A8A8A8; font-size: 20px; text-decoration: underline; cursor: pointer; } .history__item-delete{ cursor: pointer; } .history__item-price{ display: flex; align-items: center; justify-content: center; background: #FFF; border-radius: 10px; padding: 15px 32px; } .history__item svg{ transition: all 0.2s ease 0s; } .history__item._opened .history__item-right svg{ transform: scaleY(-1); } .history__item-date{ color: #A8A8A8 } .lk-history{ margin-top: 32px; } .lk-history__wrapper{ display: flex; flex-direction: column; row-gap: 10px; } .history__item._opened .history__item-body{ max-height: none; } /* orders history end */ .dropzone{ min-height: 0; height: auto; border: none; margin: 0; padding: 0; background: none; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message{ margin: 0; height: auto; background: none; } .dz-button{ width: 100%; } .dropzone.dz-started .dz-message{ display: block !important; } .dz-image-preview{ display: none; } .uploaded-file{ display: flex; align-items: center; } .uploaded-file p{ margin-left: 6px; font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; line-height: 21px; color: #2B2B2B; } .uploaded-file{ /*cursor: pointer;*/ margin-bottom: 15px; } .uploaded-file p{ transition: all 0.2s ease 0s; } .uploaded-file:hover p{ /*color: #0B4DA5;*/ } .cart__files-wrap{ margin-top: 20px; } .uploaded-file-cross{ cursor: pointer; padding-top: 2px; } .uploaded-file-cross svg path{ transition: all 0.3s ease 0s; } .uploaded-file-cross:hover svg path{ stroke: #0B4DA5; } .reviews__body{ display: flex; background: none; height: auto; } .reviews .section-badge{ margin: 0; } .reviews .reviews__title{ margin: 0; text-align: left; margin-top: 40px; } .reviews__desc{ margin-top: 32px; max-width: 90%; } .reviews__btn{ margin-top: 40px; } @media(max-width: 1560px) { .reviews__right div{ width: 500px !important; } } @media(max-width: 991px) { .reviews__body{ flex-direction: column; } .reviews__body .section-badge{ width: max-content !important; margin: 0 auto; } .reviews__body .section-badge__icon{ width: 20px !important; min-width: 20px; } .reviews .reviews__title{ text-align: center; margin: 24px auto 0 auto; } .reviews__desc{ display: none; } .reviews__btn{ display: none; } .reviews__right{ margin-top: 32px; } .reviews__right > div { height: 800px !important; } .reviews__title br{ display: none; } } .reviews._map .reviews__body{ height: 680px; } .reviews._map .section-badge{ margin-left: auto; margin-right: auto; } .reviews._map .reviews__title{ margin-left: auto; margin-right: auto; text-align: center; } /* header catalog start */ .header__catalog{ transition: opacity 0.2s ease 0s; opacity: 0; visibility: hidden; position: absolute; width: 100px; z-index: -1; } .header__catalog-wrapper{ max-height: calc(100vh - 145px - 25px); overflow: auto; } /* Устанавливаем размеры и цвет фона для скроллбара */ .header__catalog-wrapper::-webkit-scrollbar { width: 5px; } /* Стилизуем ползунок скроллбара */ .header__catalog-wrapper::-webkit-scrollbar-thumb { background: #338CDE; border-radius: 5px; } /* Стили для ползунка при наведении курсора */ .header__catalog-wrapper::-webkit-scrollbar-thumb:hover { background: #555; /* Темный оттенок выглядит более стильно */ } body._catalog .header__catalog{ visibility: visible; /*position: static;*/ opacity: 1; width: calc(100% - 40px); /*width: calc(100% - 40px);*/ } .header_fixed .header__catalog{ position: absolute !important; width: calc(100% - 40px) !important; } .catalog-overlay{ position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); transition: all 0.2s ease 0s; opacity: 0; z-index: -1; visibility: hidden; top: 0; } .lk-block__btns ._black span{ padding-left: 0; } body._catalog{ overflow: hidden; background: rgba(0, 0, 0, 0.2); position: relative; z-index: 999; } .header__box-catalog svg{ display: none; } body._catalog .header__box-catalog svg{ display: block; margin-bottom: 2px; } body._catalog .header__box-catalog img{ display: none; } body._catalog .catalog-overlay{ opacity: 1; z-index: 10; visibility: visible; backdrop-filter: blur(4px); } body._catalog .header{ position: relative; z-index: 12; } body._catalog .header__body{ border-radius: 10px 10px 0 0 ; } .header__catalog-wrapper{ display: flex; } .header__catalog-left{ flex: 0 0 275px; border-radius: 10px; background: #F3F3F3; padding: 20px; height: max-content; } .header__catalog-left-title{ font-family: OnestMedium; font-size: 16px; } .header__catalog-left-column{ display: flex; flex-direction: column; row-gap: 10px; padding-top: 15px; border-top: 1px solid #DDDDDD; margin-top: 15px; } .header__catalog-left-item{ font-family: OnestLight; font-size: 16px; max-width: 80%; cursor: pointer; line-height: 1.2; } .header__catalog-left-item._active{ font-family: OnestMedium; color: #FF6D2C; font-size: 16px; } .header__catalog-wrapper{ background: #FFF; padding: 20px; border-radius: 0 0 10px 10px; } .header__catalog-right{ display: flex; gap: 40px; margin-left: 40px; flex: 1 1 auto } .header__catalog-products{ display: flex; gap: 40px; transition: opacity 0.2s ease 0s; opacity: 0; visibility: hidden; position: absolute; z-index: -1; width: 100px; } .header__catalog-products._active{ /*opacity: 1;*/ /*visibility: visible;*/ /*position: static;*/ /*z-index: 1;*/ /*width: 100%;*/ } body._catalog .header__catalog-products._active{ opacity: 1; visibility: visible; position: static; z-index: 1; width: 100%; } .header__catalog-right-column{ display: flex; flex-direction: column; row-gap: 6px; } .right-column__name{ font-family: OnestMedium; font-size: 16px; color: #338CDE; margin-bottom: 8px; } .right-column__items{ display: flex; flex-direction: column; row-gap: 9px; } .right-column__items._niches{ flex-direction: row; flex-wrap: wrap; } .right-column__item{ display: flex; flex-direction: column; row-gap: 8px; } .right-column__items._niches .right-column__item{ flex: 1 1 32%; max-width: 33%; } .right-column__item span{ font-family: OnestLight; font-size: 14px; max-width: 130px; line-height: 1.1; } .right-column__item img{ width: 130px; height: 130px; border-radius: 10px; } .right-column__items._images { flex-direction: row; flex-wrap: wrap; gap: 20px } @media(max-width: 1330px) { .header__catalog{ display: none !important; } } .feedback__image{ height: 852px; } .feedback__image img{ height: 100%; border-radius: 20px; } /* header catalog end */ .feedback__body._success .feedback__image{ display: none; } .feedback__body._success .feedback__form{ display: none; } .feedback__body._success .feedback__error{ display: none; } .feedback__body._success .feedback__btn{ display: none; } .feedback__body._success .feedback__right-header{ display: none; } .feedback__body._success{ min-height: 500px; justify-content: center; } .feedback__body._success .feedback__right-title{ margin: 0 auto; text-align: center; } .feedback__body._success .feedback__right-title br{ display: block; } .forwho__item:nth-child(5) .forwho__item-name{ max-width: 68%; } .forwho__item:nth-child(6) .forwho__item-name{ max-width: 51%; } .forwho__item:nth-child(7) .forwho__item-name{ max-width: 59%; } .product__form-field{ display: flex; gap: 10px } .minus{ min-width: 80px; width: 80px; height: 80px; background: #F3F3F3; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: OnestMedium; font-size: 20px; cursor: pointer; } .plus{ min-width: 80px; width: 80px; height: 80px; background: #F3F3F3; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: OnestMedium; font-size: 20px; cursor: pointer; } @media(max-width: 1560px) { .minus{ min-width: 60px; width: 60px; height: 60px; } .plus{ min-width: 60px; width: 60px; height: 60px; } } .banner-mobile{ display: none; } .article__description h2{ font-family: Bureau; font-size: 30px; line-height: 100%; margin-bottom: 10px; margin-top: 20px; } .article__description h3{ font-family: Bureau; font-size: 24px; line-height: 100%; margin-bottom: 10px; margin-top: 20px; } .article__description ul{ padding-left: 25px; } .article__description ul li{ list-style-type: disc; } .product-select{ position: relative; } .product-select._opened .product-select__header{ border-radius: 10px 10px 0 0; } .product-select__header{ border: none; padding: 0 32px; background: #F3F3F3; font-size: 20px; border-radius: 10px; width: 100%; height: 80px; display: flex; align-items: center; color: #A8A8A8 } .product-select._not-null .product-select__header{ color: #444444; } .product-select__body{ overflow: hidden; transition: all 0.2s ease 0s; border-radius: 0 0 10px 10px; max-height: 0; position: absolute; left: 0; width: 100%; } .product-select__item{ border: none; padding: 0 32px; background: #F3F3F3; font-size: 20px; width: 100%; height: 60px; display: flex; align-items: center; cursor: pointer; transition: all 0.2s ease 0s; } .product-select__item:hover{ background: #e9e5e5; } .cart__props{ display: flex; gap: 60px } .cart__props-item{ display: flex; flex-direction: column; row-gap: 4px; margin: 15px 0; } .cart__props-item span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .fixed-menu__item._cart{ position: relative; } .fixed-menu__item._cart .cart-quantity{ width: 15px; height: 15px; font-size: 11px; } .header__actions-item._cart{ position: relative; } .cart-quantity{ position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #FF6D2C; color: #FFF; display: flex; align-items: center; justify-content: center; right: 0; top: 0; } .sale-circle{ display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #FF6D2C; color: #FFF; font-size: 14px; position: absolute; top: 24px; right: 24px; z-index: 5; } .seo-text__body{ font-family: OnestExtraLight; font-size: 20px; line-height: 130%; letter-spacing: -0.022em; } .seo-text__body h2 { font-size: 2em; margin-bottom: 1em; } .seo-text__body h3 { font-size: 1.5em; margin-bottom: 0.8em; } .seo-text__body p { font-size: 1em; margin-bottom: 1em; } .seo-text__body ul li{ list-style-type: disc; } .catalog__advantages{ display: flex; align-items: center; background: url("/local/templates/leadbro/assets/css/../img/advantages-banner.png") no-repeat; background-size: cover; border-radius: 20px; padding: 32px 30px; margin-top: 20px; } .catalog__advantages-left{ display: flex; align-items: center; gap: 15px } .catalog__advantages-left span{ display: flex; width: 12px; min-width: 12px; height: 12px; border-radius: 50%; background: #FF6D2C; } .catalog__advantages-left p{ color: #444444; font-size: 20px; line-height: 1; font-family: Bureau; } .portfolio{ margin-top: 120px; } .portfolio__body{ display: flex; flex-wrap: wrap; gap: 20px; margin-top: 60px; } .portfolio__item{ border-radius: 20px; flex: 1 1 23%; max-width: 24%; height: 405px; overflow: hidden; } .portfolio__item img{ width: 100%; height: 100%; object-fit: cover; } .faq__body{ display: flex; gap: 20px } .faq .section-badge{ margin-left: 0; } .faq .advantages__title{ margin-left: 0; text-align: left; font-size: 40px; line-height: 40px; } .faq .advantages__title span{ font-size: 40px; line-height: 40px; } .faq__left{ flex: 0 0 630px } .faq__right{ flex: 1 1 auto; display: flex; flex-direction: column; gap: 20px } .faq__item{ background: #FFF; border-radius: 20px; } .faq__item-head{ display: flex; justify-content: space-between; padding: 24px; cursor: pointer; align-items: center; } .faq__item-head span{ font-size: 20px; line-height: 1; font-family: Bureau; } .faq__minus{ display: none; } .faq__item-body{ transition: all 0.2s ease 0s; max-height: 0; overflow: hidden; } .faq__item-wrapper{ padding: 24px; padding-top: 0; } .faq__item-wrapper p{ font-size: 16px; line-height: 1; letter-spacing: -2%; font-family: OnestLight; max-width: calc(100% - 60px); } .faq__item._opened .faq__plus{ display: none; } .faq__item._opened .faq__minus{ display: block; } .faq__item-wrapper h3{ font-size: 20px; font-family: OnestMedium; margin: 10px 0; } .faq__item-wrapper h2{ font-size: 20px; font-family: OnestMedium; margin: 10px 0; } .faq__item-wrapper h4{ font-size: 20px; font-family: OnestMedium; margin: 10px 0; } .faq__item-wrapper > ul{ margin: 10px 0; list-style-type: disc; padding-left: 20px; } .faq__item-wrapper > ul li{ list-style-type: disc; font-size: 16px; line-height: 1; } .faq__item-wrapper{ font-size: 16px; line-height: 1; } @media(max-width: 1560px) { .portfolio__item{ height: 305px; max-width: 23%; } } @media(max-width: 1450px) { .faq__left{ flex: 1 1 auto; min-width: 450px; } } @media(max-width: 1250px) { .portfolio__item{ height: 305px; max-width: 32%; flex: 1 1 31%; } .faq__body{ flex-direction: column; row-gap: 32px; } } @media(max-width: 768px) { .portfolio__item{ height: 305px; max-width: calc(50% - 10px); flex: 1 1 46%; } .seo-text__body{ font-size: 14px; } .catalog__advantages{ background: #FFF; padding: 15px 20px; } .catalog__advantages-left p{ font-size: 18px; } .portfolio__body{ margin-top: 32px; } .faq .advantages__title{ font-size: 24px; line-height: 24px; } .faq .advantages__title span{ font-size: 24px; line-height: 24px; } } @media(max-width: 500px) { .portfolio__item{ height: 160px; } } .similar__swiper{ overflow: hidden; } .similar__item{ background: #FFF; display: flex; flex-direction: column; row-gap: 20px; border-radius: 15px; height: initial; } .similar__item-name{ font-size: 20px; font-family: Bureau; } .similar__item-image{ height: 285px; padding: 10px 10px 0 10px; } .similar__item-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: 15px; } .similar__item-bottom{ padding: 0 24px 24px 24px; gap: 30px; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .similar__item-link{ display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 14px; background: #338CDE; width: 100%; height: 40px; border-radius: 6px; } .similar__body{ margin-top: 60px; } @media(max-width: 1300px) { .similar__item-image{ height: 210px; } } @media(max-width: 600px) { .similar__item-image{ height: 260px; padding: 5px 5px 0 5px; } .similar__item-bottom{ padding: 0 24px 24px 24px; } .similar__swiper{ width: calc(100% + 10px); } .similar__body{ margin-top: 30px; } } /* End */ /* Start:/local/templates/leadbro/assets/css/mobile.css?177987564069637*/ /* header start */ @media(max-width: 1650px) { .header__nab-list{ column-gap: 15px; } .header__menu-item a{ font-size: 13px; } } @media(max-width: 1360px) { .header__contacts-mobile{ display: flex; gap: 10px } .header__contacts-mobile a{ width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #F3F3F3; } .header__contacts-mobile a.burger-btn{ background: #338CDE; } .header .header__contacts{ display: none; } .header__top{ align-items: center; } .header__logo-mobile{ display: block; } .header .header__city{ display: none; } .header__bottom{ display: none; } .burger-btn .cross-icon{ display: none; } body._menu .burger-btn .cross-icon{ display: block; } body._menu{ overflow: hidden; background: rgba(0, 0, 0, 0.2); } .fixed-menu{ display: block; align-items: center; justify-content: center; position: fixed; width: 100vw; left: 0; bottom: 0; background: #FFF; z-index: 20; } .fixed-menu__body{ display: flex; justify-content: space-around; align-items: center; height: 60px; } footer{ padding-bottom: 60px; } .fixed-menu__item{ display: flex; align-items: center; flex-direction: column; justify-content: center; row-gap: 2px; } body._menu .burger-btn .burger-icon{ display: none; } .header__nav{ position: absolute; left: 10px; top: 60px; z-index: 20; width: calc(100vw - 20px); background: #FFF; padding: 24px; border-radius: 0 0 10px 10px; transition: all 0.2s ease 0s; height: 0; opacity: 0; visibility: hidden; flex-direction: column; } body._menu .header__nav{ height: auto; opacity: 1; visibility: visible; } body._menu .header__body{ border-radius: 10px 10px 0 0; } .header__nab-list{ flex-direction: column; width: 100%; row-gap: 5px; } .header__menu-item{ width: 100%; } .header__menu-item a{ display: flex; align-items: center; justify-content: center; height: 40px; background: #F3F3F3; border-radius: 6px; font-size: 14px; width: 100%; } .header__nav-address{ font-size: 14px; text-align: center; width: 100%; margin-top: 24px; display: block; } .header__nav-mail{ font-size: 14px; text-align: center; width: 100%; display: block; margin-top: 8px; } .header__nav-phone{ display: flex; align-items: center; justify-content: center; column-gap: 8px; font-size: 14px; text-align: center; width: 100%; margin-top: 12px; } .header__nav-btn{ margin-top: 24px; display: flex; } } @media(max-width: 768px) { .header__body{ border-radius: 10px; padding: 15px; } .header__contacts-mobile a{ width: 30px; height: 30px; border-radius: 6px; } } /* header end */ /* main page start */ @media(max-width: 1560px) { .banner__body .swiper-slide{ padding: 80px 30px; } .banner__slide-desc{ margin: 30px auto 0 auto; margin-left: 32%; } .banner__slide-title{ max-width: 940px; margin: 0 auto; } } @media(max-width: 1200px) { .banner__slide-desc{ margin: 30px auto 0 auto; } } @media(max-width: 991px) { .banner{ margin-top: 40px; } .banner__container{ position: relative; z-index: 5; } .banner__body{ background: url("/local/templates/leadbro/assets/css/../img/banner-bg-mobile.png") no-repeat; background-size: cover; background-position: bottom; z-index: 5 ; } .back-card{ height: 30px !important; background: linear-gradient(0deg, #EEEEEE 0%, #FFFFFF 58.33%); border-radius: 10px; transform: translate(0, 0); } .back-card:nth-child(4) { display: none; } .back-card:nth-child(3) { width: calc(100% - 140px); left: 70px; top: -30px; z-index: 1; background: linear-gradient(0deg, #EEEEEE 50%, #FFF 80.33%); } .back-card:nth-child(2) { width: calc(100% - 100px); left: 50px; top: -20px; z-index: 2; background: linear-gradient(0deg, #EEEEEE 50%, #FFF 80.33%); border-radius: 10px; /*display: none;*/ } .back-card:nth-child(1) { width: calc(100% - 60px) !important; left: 30px; top: -10px; z-index: 3; background: linear-gradient(360deg, #FFFFFF 0%, #FFFFFF 100%); border-radius: 10px; } } @media(max-width: 768px) { .banner__body .swiper-slide{ padding: 60px 19px 50px 19px; } .banner__slide-desc{ margin: 20px auto 0 auto; column-gap: 12px; align-items: center; width: 100%; padding: 0; position: relative; } .banner__slide-image img{ width: 50px; } .banner__slide-text{ font-size: 10px; line-height: 100%; position: static; } .banner__slide-btn{ margin-top: 90px; } .banner__slide-delimiter{ height: 42px; left: 50%; top: auto; bottom: -62px; } .banner .delimiter__line{ height: 42px; } .delimiter__square{ height: 8px; width: 8px; flex: 0 0 8px } .banner .swiper-pagination{ bottom: 12px; } } @media(max-width: 1560px) { .start{ margin-top: 60px; } .categories._mainpage{ margin-top: 60px !important; } .start__subtitle{ margin-top: 25px; } .start__body{ column-gap: 100px; } .start__left{ } .start__right{ } .start__right-image{ width: 305px; height: 305px; } .start__right-image img{ } } @media(max-width: 1350px) { .start__body{ flex-direction: column; } .start__right{ margin-top: 32px; column-gap: 10px; } .start__right-image{ width: max-content; height: inherit; } } @media(max-width: 768px) { .start__subtitle{ margin-top: 15px; } .start__right-image{ margin-top: 32px; } .start__right-image{ margin-top: 0; border-radius: 10px; } } @media(max-width: 1560px) { .categories{ margin-top: 135px; } .categories__item-image{ min-height: 305px; } .categories__item._mainpage{ min-height: 305px; } .categories__item-name{ height: max-content; padding: 5px 15px; left: 20px; bottom: 20px; } .categories__item._mainpage .categories__item-name{ bottom: 0px; } .categories__item._mainpage .categories__item-price{ bottom: 0px; height: max-content; padding: 5px 15px; left: 20px; margin-bottom: 20px; } .categories__item._show-all{ padding: 30px; row-gap: 25px; } .categories__item-all{ width: 60px; height: 60px; border-radius: 6px; } .categories__names-item{ padding: 15px 24px; } } @media(max-width: 1200px) { .categories__item-image{ min-height: 250px; } .categories__item._mainpage{ min-height: 250px; } .categories__item{ flex: 1 1 31%; max-width: 33%; } } @media(max-width: 768px) { .categories{ margin-top: 90px; } .categories__names{ overflow: hidden; margin-top: 32px; border-radius: 10px; position: relative; /*width: calc(100% + 10px);*/ } .categories__title{ margin-top: 24px; } .categories__names-item{ padding: 5px 50px; border-radius: 6px; } .categories__names-item span{ width: max-content; } .categories__items-block{ gap: 10px } .categories__item{ flex: 1 1 47%; max-width: calc(50% - 5px) } .categories__item-image{ border-radius: 10px; overflow: hidden; } .categories__item-image img{ border-radius: 10px; } .categories__item-name{ height: max-content; padding: 5px 15px; bottom: 12px; left: 12px; border-radius: 6px; max-width: calc(100% - 30px); font-size: 12px; } .categories__item._mainpage .categories__item-name{ font-size: 10px; } .categories__item._mainpage .categories__item-price{ height: max-content; padding: 5px 15px; bottom: 0px; left: 12px; border-radius: 6px; max-width: calc(100% - 24px); font-size: 12px; margin-bottom: 12px; font-size: 10px; } .categories__item._show-all .categories__item-name{ display: none; } } @media(max-width: 1560px) { .promo .delimiter{ position: absolute; bottom: 0; right: 30px; } .promo{ margin-top: 100px; } .promo__text{ margin: 32px 0 32px 50px; } .promo__badge-icon{ width: 30px; height: 30px; } .promo__title{ margin-top: 32px; } .promo__subtitle{ margin-top: 24px; max-width: 450px; } .promo__bottom{ margin-top: 20px; } } @media(max-width: 1300px) { .promo__image{ flex: 0 0 50% } .delimiter__line{ height: 66px; } } @media(max-width: 991px) { .promo__body{ flex-direction: column; } .promo__text{ margin-left: 0; } } @media(max-width: 768px) { .promo__body{ flex-direction: column; } .promo{ margin-top: 120px; } .promo__text{ margin-left: 0; padding: 20px; margin-top: 0; margin-bottom: 0; } .promo__badge-icon{ width: 20px; height: 20px; } .promo__badge-icon img{ width: 5px; } .promo__badge-text{ font-size: 10px; } .promo__title{ margin-top: 24px; } .promo__subtitle{ margin-top: 15px; } .promo .delimiter{ display: none; } } @media(max-width: 1560px) { .steps{ margin-top: 120px; } .steps__title{ max-width: 1097px; margin-top: 32px; } .steps__body{ row-gap: 20px; } .steps__item{ } .steps__item-wrapper{ } .steps__item-preview{ height: 265px; } .steps__item-preview img{ } .steps__item .delimiter{ top: 15px; right: 15px; display: none; } .delimiter._horizontal .delimiter__line{ width: 100px; } .steps__item-number{ width: 70px; height: 70px; right: -35px; bottom: 15px; } .steps__item-number-wrapper{ width: 50px; height: 50px; font-size: 24px; } .steps__item-bottom{ row-gap: 15px; } .steps__item._empty .steps__item-preview{ } .steps__item._empty .steps__item-preview img{ } .steps__item._empty .steps__item-wrapper{ } .steps__swiper .swiper-wrapper{ } } @media(max-width: 1400px) { .steps__item{ flex: 1 1 29%; max-width: 33%; } } @media(max-width: 1200px) { .steps__item{ flex: 1 1 29%; max-width: 33%; } } @media(max-width: 991px) { .steps{ margin-top: 90px; } .steps__swiper .swiper-wrapper{ justify-content: flex-start; } .steps__body{ margin-top: 32px; } .steps__swiper .swiper-wrapper{ flex-wrap: nowrap; column-gap: 0; row-gap: 0; } .steps__item._empty{ display: none; } .steps__swiper{ overflow: hidden; position: relative; width: calc(100% + 10px); } .steps__item{ flex: none; max-width: 230px; width: 230px; } .steps__item-preview{ width: 220px; height: 220px; } .steps__item-wrapper{ padding: 5px; border-radius: 10px; } .steps__item-bottom{ padding: 19px; row-gap: 12px; } .steps__item-number{ width: 50px; height: 50px; border-radius: 10px; right: -25px; bottom: 20px; } .steps__item-number-wrapper{ width: 40px; height: 40px; border-radius: 6px; font-size: 20px; } .steps .delimiter__line{ width: 80px; } .steps .delimiter__square{ width: 8px; height: 8px; max-width: 8px; } } @media(max-width: 600px) { .steps__swiper{ width: calc(100% + 60px); position: static; } .categories__wrapper{ background: none !important; } /*.steps__body{*/ /* position: static !important;*/ /* w*/ /*}*/ .steps__item:last-child .steps__item-wrapper { /*width: calc(100% + 100px);*/ /*max-width: 230px;*/ } .steps__item:last-child{ width: 260px !important; max-width: 260px !important; background: none; } .steps__item:last-child .steps__item-bottom { /*position: relative;*/ /*top: -200px;*/ /*right: -200px;*/ } } @media(max-width: 1560px) { .forwho{ margin-top: 100px; } .forwho__body{ column-gap: 90px; } .forwho__left{ flex: 1 1 auto } .forwho__right{ flex: 0 0 50% } .forwho__title{ margin-top: 32px; } .forwho__subtitle{ max-width: 485px; margin-top: 24px; } .forwho__item-wrapper{ column-gap: 4px; } .forwho__item-image{ flex: 0 0 41% } .forwho__item-image img{ border-radius: 10px; } .forwho__item-text{ padding: 14px; } .forwho__item-list{ margin-top: 15px; } .forwho__item-bottom{ margin-top: 23px; } .forwho__item-title{ column-gap: 24px; } .forwho__item-delimiter{ } .forwho__item-name{ max-width: 77%; } } @media(max-width: 1400px) { .forwho__right{ flex: 0 0 58% } } @media(max-width: 991px) { .forwho__right-swiper .swiper-wrapper{ flex-direction: row; row-gap: 0; } .forwho__body{ flex-direction: column; } .forwho__right{ margin-top: 32px; } .forwho__right-swiper{ overflow: hidden; width: calc(100% + 10px); } } @media(max-width: 768px) { .forwho{ margin-top: 90px; } .reviews__body div{ width: 100% !important; } .reviews__body{ } .forwho__body{ row-gap: 32px; } .forwho__left{ width: 100%; } .forwho__right{ flex: none; width: 100%; } .forwho__title{ margin-top: 24px; } .forwho__subtitle{ max-width: 100%; margin-top: 16px; } .forwho__item-wrapper{ padding: 5px; border-radius: 10px; height: 100%; } .forwho__item{ width: 290px; max-width: 290px; height: initial; } .forwho__item-image{ flex: 0 0 100%; height: 290px; width: 100%; flex: none } .forwho__item-image img{ border-radius: 6px; width: 100%; height: 100%; object-fit: cover; } .forwho__item-text{ padding: 20px; } .forwho__item-list{ margin-top: 12px; } .forwho__item-bottom{ margin-top: 10px; } .forwho__item-title{ column-gap: 24px; } .forwho__item-delimiter{ display: none; } .forwho__item-name{ max-width: 100%; } .forwho__item-bottom{ flex: 1 1 auto; display: flex; align-items: flex-end; } .forwho__item-wrapper{ flex-direction: column-reverse; } .forwho__right{ margin-top: 0; } } @media(max-width: 1560px) { .advantages{ margin-top: 120px; } .advantages__title{ max-width: 1090px; margin: 32px auto 0 auto; } .advantages__body{ margin-top: 60px; } .advantages__item{ height: 355px; } .advantages__item-image{ } .advantages__item-image img{ max-height: 320px; } .advantages__item-desc{ } } @media(max-width: 1400px) { .advantages__swiper .swiper-wrapper{ flex-wrap: wrap; } .advantages__item{ flex: 1 1 47%; } } @media(max-width: 991px) { .advantages{ margin-top: 90px; } .advantages__title{ margin-top: 24px; } .advantages__body{ margin-top: 32px; } .advantages__swiper .swiper-wrapper{ flex-wrap: nowrap; gap: 0 } .advantages__item{ flex: none; width: 250px; border-radius: 10px; padding: 24px; height: 335px; } .advantages__swiper{ overflow: hidden; width: calc(100% + 10px); } .advantages__body{ width: calc(100% + 10px); position: relative; } } @media(max-width: 768px) { .advantages__item-image{ max-width: 100%; } .advantages__item-desc{ margin-top: 12px; } .advantages__swiper{ width: calc(100% + 10px); position: relative; } } @media(max-width: 1560px) { .tabs{ margin-top: 120px; } .tabs__body{ column-gap: 32px; } .tabs__header{ margin-top: 23px; column-gap: 24px; } .tabs__header-titles{ } .tabs-titles__item{ } .tabs-titles__item-icon{ width: 30px; height: 30px; } .tabs__text{ padding-left: 20px; padding-bottom: 20px; } .tabs__content{ margin-top: 32px; } .tabs__description{ margin-top: 24px; max-width: 100%; } .tabs__image{ flex: 0 0 39% } } @media(max-width: 991px) { .tabs__image{ display: none; } .partners__body{ } } @media(max-width: 768px) { .tabs{ margin-top: 120px; } .tabs__header{ margin-top: 0; } .tabs__body{ padding: 20px; } .tabs__text{ padding: 0; } .tabs__header-line{ display: none; } .tabs__header{ justify-content: center; } .tabs-titles__item-icon{ width: 20px; height: 20px; border-radius: 6px; } .tabs-titles__item-icon svg{ height: 10px; } .tabs-titles__item-name{ font-size: 10px; } .tabs__content{ margin-top: 24px; } .tabs__description{ margin-top: 16px; } .tabs__body{ border-radius: 10px; } } @media(max-width: 1560px) { .useful{ margin-top: 120px; } .useful__title{ margin: 32px auto 0 auto; max-width: 1050px; } .useful__body{ } .useful__body .swiper-wrapper{ } .useful__item{ } .useful__item-wrapper{ } .useful__item-preview{ height: 285px; } .useful__item-preview img{ } .useful__item-bottom{ padding: 22px 14px; } .useful__item-date{ font-size: 12px; } .useful__item-btn{ margin-top: 15px; } .useful__item-name{ margin-top: 10px; } } @media(max-width: 1200px) { .useful__body .swiper-wrapper{ flex-wrap: wrap; } .useful__item{ flex: 1 1 47% } } @media(max-width: 991px) { .useful__body .swiper-wrapper{ flex-wrap: nowrap; gap: 0 } .useful__swiper{ overflow: hidden; width: calc(100% + 10px); } } @media(max-width: 768px) { .useful{ margin-top: 90px; } .useful__title{ margin: 24px auto 0 auto; max-width: 100%; } .useful__body{ margin-top: 32px; } .useful__item{ width: 300px; flex: none } .useful__item-wrapper{ padding: 5px; border-radius: 10px; } .useful__item-preview{ height: 290px; } .useful__item-bottom{ padding: 20px; } .useful__item-date{ font-size: 10px; } .useful__item-btn{ margin-top: 15px; } .useful__item-name{ margin-top: 10px; } .useful__item .delimiter{ right: 12px; top: 12px; } } @media(max-width: 1560px) { .popular{ margin-top: 120px; } .popular__body{ column-gap: 20px; } .popular__catalog{ } .popular__title{ margin-top: 32px; } .popular__desc{ margin-top: 24px; max-width: 420px; } .popular__btn{ margin-top: 32px; } .popular__catalog .categories__item{ } } @media(max-width: 991px) { .popular{ margin-top: 90px; } .popular__body{ flex-direction: column; margin-top: 0; position: relative; padding-bottom: 80px; } .popular__title{ margin-top: 24px; } .popular__desc{ margin-top: 16px; max-width: 100%; } .popular__btn{ position: absolute; margin: 0; width: calc(100% - 20px); left: 10px; bottom: 0; } .popular__btn .btn{ width: 100%; } .popular__catalog{ margin-top: 32px; } .popular__catalog .categories__item{ } .categories__item-image{ min-height: 190px; } .categories__item._mainpage{ min-height: 190px; } } @media(max-width: 1560px) { .reviews{ margin-top: 120px; } .reviews__title{ margin-top: 32px; max-width: 1050px; } .reviews__body{ margin-top: 60px; } .feedback{ margin-top: 120px; } .feedback__image{ flex: 0 0 43%; height: 638px; } .feedback__image img{ max-width: 100%; } .feedback__body{ } .feedback__right{ padding-right: 30px; } .feedback__right-header { column-gap: 24px; } .feedback__right-title{ margin-top: 32px; } .feedback__form{ margin-top: 32px; } .feedback__btn{ margin-top: 24px; } .input-field input{ padding: 0 24px; font-size: 16px; height: 60px; } .feedback__btn{ margin-bottom: 15px; } } @media(max-width: 1400px) { .feedback__image{ height: 700px; } } @media(max-width: 1250px){ .feedback__image{ flex: 0 0 51%; height: 750px; } } @media(max-width: 991px){ .feedback__body{ flex-direction: column; column-gap: 5px; } .feedback__image{ } .feedback__image{ flex: none; width: 100%; height: calc(100vw - 40px) !important; max-height: calc(100vw - 40px) !important; } .feedback__image img{ width: 100%; border-radius: 10px; object-fit: cover; } .feedback_body{ padding: 5px; border-radius: 10px; } .feedback__right{ padding: 20px; } .reviews__title{ max-width: calc(100% - 20px); } } @media(max-width: 768px) { .feedback .tabs__header{ justify-content: flex-start; } .tabs__header-titles{ border-radius: 10px; } .feedback__right-title{ margin-top: 24px; } .feedback__body{ background: url("/local/templates/leadbro/assets/css/../img/feedback-bg-mobile.png") no-repeat; background-size: cover; } .feedback__form{ margin-top: 24px; } .input-field input{ font-size: 14px; height: 60px; border-radius: 10px; } .feedback__btn{ margin-bottom: 0; } } /* main page end */ /* footer start */ @media(max-width: 1560px) { .footer{ margin-top: 120px; } .footer__top{ padding-top: 80px; padding-bottom: 75px; } .footer__column._logo{ margin-right: 85px; } .footer__column:last-child .footer__column-list{ max-width: 310px; } .footer__contacts{ row-gap: 24px; column-gap: 40px; margin-top: 32px; } .footer__column-title{ font-size: 16px; } .footer__column-list{ max-width: 190px; } .footer__social-item{ border-radius: 6px; width: 30px; height: 30px; } .footer__social-item img{ width: 14px; height: 14px; } .footer__bottom{ padding: 22px 0; } .footer__devs-body{ gap: 12px; margin-top: 6px; } .footer__logo{ max-width: 380px; } .footer__logo img{ width: 100%; } .footer__contacts-block{ width: max-content; } .header__city-text p{ font-size: 13px; } .header__contacts-phone{ font-size: 13px; } } @media(max-width: 1438px) { .footer__contacts{ flex-direction: column; flex-wrap: nowrap; } .footer__contacts-block{ flex: none !important; } .footer__contacts-block:last-child{ padding-left: 20px; } .footer .header__contacts{ align-items: flex-start; } } @media(max-width: 991px) { .footer__top{ flex-wrap: wrap; } .footer__column._logo{ min-width: 100%; margin: 0; } .footer__contacts{ align-items: flex-end; position: relative; } .footer__contacts-block:first-child{ position: absolute; left: 0; top: 0; } .footer__logo{ margin: 0 auto; } .footer__body{ padding: 0 15px; } .footer__contacts{ row-gap: 10px; } .footer__column:last-child{ min-width: 100%; margin-top: 24px; } .footer__column:last-child .footer__column-list{ max-width: 100%; } .footer__column{ margin-top: 32px; } } @media(max-width: 768px) { .footer{ margin-top: 90px; } .cart__products-title{ text-align: center; } section.catalog._lk{ margin-top: 40px !important; } .footer__top{ padding-top: 50px; column-gap: 10px; padding-bottom: 32px; } .footer__logo-image{ display: none; } .footer__logo-image-mob{ display: block; } .footer__contacts{ margin-top: 24px; } .footer__contacts-block:nth-child(2){ margin-right: 15px; } .footer__column{ flex: 1 45%; } .footer__column:nth-child(3){ width: max-content; flex: none } .footer__column:nth-child(3) .footer__column-list{ max-width: 150px; } .footer__bottom{ flex-direction: column-reverse; align-items: center; column-gap: 32px; } .footer__devs{ align-items: center; column-gap: 6px; margin-bottom: 32px; } .footer__devs-body{ display: flex; align-items: center; } .footer__copyright{ text-align: center; } } /* footer end */ /* contacts page start */ @media(max-width: 1560px) { .navigation .categories__names-item{ padding: 25px 0; } .navigation .categories__names{ margin-top: 30px; } .contacts{ margin-top: 30px; } .contacts__body{ } .contacts__map{ flex: 0 0 45%; } .contacts__text{ padding: 22px; padding-right: 0; } .contacts__title{ margin-top: 32px; } .contacts__worktime{ margin-top: 32px; column-gap: 24px; } .contacts .section-badge{ } .contacts__worktime-delimiter{ width: 125px; height: 100%; } .contacts__worktime-delimiter-line{ width: calc(100% - 13px); } .contacts__worktime-delimiter-square{ height: 13px; width: 13px; } .contacts__office{ margin-top: 24px; column-gap: 34px; row-gap: 15px; } .office-item__icon{ border-radius: 10px; width: 45px; height: 45px; margin-right: 15px; } .office-item__icon img{ width: 24px; height: 24px; } .office-item__text p{ font-size: 16px; } .contacts__actions{ column-gap: 60px; margin-top: 40px; align-items: center; } .contacts__social-body{ margin-top: 10px; gap: 10px } .contacts__social-item{ border-radius: 6px; width: 30px; height: 30px; } } @media(max-width: 1300px) { .tabs__description{ flex-direction: column; row-gap: 30px; } } @media(max-width: 991px) { .contacts__body{ flex-direction: column; } .contacts__office{ flex-direction: column; } .contacts__map{ flex: none; } .contacts__map iframe{ min-height: 500px; } .navigation .categories__names-item{ padding: 16px; min-width: 155px; } .team__swiper{ overflow: hidden; } } @media(max-width: 768px) { .contacts__body{ background: url("/local/templates/leadbro/assets/css/../img/feedback-bg-mobile.png") no-repeat; background-size: cover; padding: 24px; padding-bottom: 10px; border-radius: 10px; } .team__title br{ display: block; } .contacts__text{ padding: 0; } .contacts__title{ margin-top: 24px; } .contacts__worktime{ margin-top: 24px; justify-content: space-between; } .contacts__worktime-delimiter{ display: none; } .contacts__office{ margin-top: 24px; } .contacts__social{ display: none; } .contacts__actions{ margin-top: 24px; width: 100%; margin-bottom: 24px; } .contacts__btn{ width: 100%; } .contacts__map iframe{ min-height: 330px; } .contacts__map{ position: relative; width: calc(100% + 20px); left: -10px; } .tabs__description{ flex-direction: column; row-gap: 10px; } } @media(max-width: 991px) { .team__body .swiper-wrapper{ flex-wrap: nowrap; gap: 0px } .team{ margin-top: 90px; } .team__title{ margin: 24px auto 0 auto; max-width: 100%; } .team__body{ margin-top: 32px; } .contacts{ margin-top: 50px; } } /* contacts page end */ /* company page start */ @media(max-width: 1560px) { .numbers{ margin-top: 60px; } .numbers__body{ column-gap: 30px; } .numbers__item._delimiter{ } .numbers__item-square{ width: 8px; height: 8px; } .numbers__item-line{ width: calc(100% - 13px); } .numbers__item._number{ } .numbers__item._number p{ font-size: 160px; } .numbers__item._number span{ } } @media(max-width: 1320px) { .numbers__item._number p{ font-size: 100px; } } @media(max-width:991px) { .numbers__body{ flex-direction: column; row-gap: 16px; align-items: center; } .numbers__item._delimiter{ display: flex; flex-direction: column; height: 50px; } .numbers__item-square{ width: 8px; height: 8px; } .numbers__item-line{ width:1px; height: calc(100% - 13px); } } @media(max-width:768px) { .numbers{ margin-top: 80px; } .numbers__item._number p{ font-size: 96px; } .numbers__body{ row-gap: 16px; } } @media(max-width: 1560px) { .partners{ margin-top: 120px; } .partners__title{ margin: 32px auto 0 auto; max-width: 1100px; } .partners__body{ } .partners__item{ border-radius: 10px; width: 305px; height: 200px; } .partners__item img{ } .partners__container{ padding-left: 80px; } } @media(max-width: 768px) { .partners{ margin-top: 90px; } .partners__title{ margin-top: 24px; } .partners__body{ margin-top: 32px; } .partners__container{ padding: 0 !important; padding-left: 10px !important; } .partners__item{ width: 165px; height: 110px; padding: 25px; } .partners__item img{ max-width: 100%; max-height: 100%; } } @media(max-width: 1560px) { .equipment{ margin-top: 120px; } .equipment__title{ margin: 32px auto 0 auto; max-width: 1200px; } .equipment__body{ } .equipment__item{ } .equipment__item-wrapper{ border-radius: 20px; } .equipment__item-right{ flex: 0 0 45%; } .equipment__item-right img{ } .equipment__item-left{ padding: 15px 9px 15px 15px; } .equipment__item-desc{ margin-top: 15px; } .equipment__item-desc li img{ padding-top: 5px; } .equipment__item-delimiter{ right: 15px; top: 15px; width: 100px; display: none; } .equipment__item-delimiter-line{ width: calc(100% - 13px); } .equipment__item-delimiter-square{ width: 13px; height: 13px; } } @media(max-width: 1350px) { .equipment__item-wrapper{ flex-direction: column-reverse; } .equipment__item-right{ flex: none; min-width: 100%; } .equipment__item-right img{ width: 100%; } } @media(max-width: 991px) { .equipment__body .swiper-wrapper{ flex-wrap: nowrap; gap: 10px } .equipment__body{ position: relative; width: calc(100% + 10px); gap: 0 !important; display: block; } .equipment__swiper{ overflow: hidden; position: relative; /*position: relative;*/ } .equipment__swiper .swiper-wrapper{ gap: 0; } .equipment__item{ max-width: none; flex: none; width: 280px; } } .feedback .tabs__header-titles{ background: #F3F3F3 !important; width: max-content !important; } @media(max-width: 768px) { .equipment__body{ margin-top: 24px; } .feedback__right-title br{ display: block; } .popular__catalog{ gap: 10px; } .equipment__item-wrapper{ padding: 5px; border-radius: 10px; } .categories__item{ height: calc((100vw - 20px) / 2 - 5px); } .categories__item-image{ min-height: 50px; } .categories__item._mainpage{ min-height: 50px; } .equipment__item-right{ height: 290px; } .equipment__item-left{ padding-top: 24px; } } @media(max-width: 1560px) { .delivery{ margin-top: 60px; } .delivery__title{ max-width: 1280px; margin: 32px auto 0 auto; } .delivery__body{ } .delivery__item{ } .delivery__item-wrapper{ padding: 24px; /*min-height: 400px;*/ } .delivery__item-wrapper .delivery__item-image{ max-height: 85%; } .delivery__item-btn{ position: absolute; bottom: 24px; left: 24px; } } @media(max-width: 1300px) { .delivery__item-wrapper .delivery__item-image{ display: none; } .delivery__item-wrapper{ padding-bottom: 90px; } } @media(max-width: 991px) { .delivery__body{ flex-direction: column; row-gap: 10px; } .delivery__item{ flex:none; min-width: 100%; max-width: 100%; } .delivery__item-wrapper{ padding: 24px; border-radius: 10px; min-height: unset; } .delivery__item .forwho__item-delimiter{ display: flex; display: none; } .delivery__item-btn{ width: 100%; position: static; margin-top: 20px; } .btn._small span{ padding: 0; } } /* company page end */ /* catalog page start */ @media(max-width: 1560px) { .catalog._blog{ } .catalog__title{ margin: 32px auto 0 auto; max-width: 1050px; } .catalog__body{ margin-top: 30px; } .catalog__menu{ flex: 0 0 305px } .catalog__content-items{ } .catalog__menu-wrapper{ padding: 20px; } .catalog__menu-search input{ padding: 0 20px; font-size: 14px; height: 40px; } .catalog__menu-searchicon{ right: 20px; top: 10px; } .catalog__menu-list{ } .catalog._blog .acc-item__body{ } .acc-item__title{ min-height: 40px; } .steps__item.catalog-item{ } .catalog__content-btn{ font-size: 16px; height: 70px; } } @media(max-width: 1250px) { .steps__item.catalog-item{ max-width: calc(50% - 10px); flex: 1 1 45% } .categories__item.catalog-item{ flex: 1 1 45%; max-width: calc(50% - 10px); } .catalog._niche .categories__item.catalog-item{ flex: 1 1 31%; max-width: 33%; } .catalog._niche .categories__item._show-all{ max-width: 33%; } } @media(max-width: 991px) { .catalog-item .steps__item-preview{ width: 100%; } } @media(max-width: 768px) { .catalog._blog{ margin-top: 30px; } .categories__item.catalog-item{ flex: 1 1 45%; max-width: calc(50% - 5px); } .acc-item__body{ display: none !important; } .catalog__menu-item._active{ padding: 0; background: none; } .catalog._niche .categories__item.catalog-item{ flex: 1 1 45%; max-width: calc(50% - 5px); } .catalog .categories__item.catalog-item{ height: calc((100vw - 20px) / 2 - 5px); } .catalog .categories__item.catalog-item .categories__item-image{ min-height: 50px; height: calc((100vw - 20px) / 2 - 5px); } .catalog._niche .categories__item._show-all{ max-width: calc(50% - 5px); } .catalog__menu-item._active .acc-item__title.acc-title{ background: #FFF; color: #444444; } .header{ margin-top: 5px; } .catalog__body{ flex-direction: column; margin-top: 10px; } .catalog-item .steps__item-preview{ width: 100%; } .catalog__title{ margin-top: 24px; } .catalog__menu-wrapper{ flex-direction: column-reverse; display: flex; padding: 0; background: none; row-gap: 10px; } .catalog__menu-list .swiper-wrapper{ flex-direction: row; gap: 0; } .catalog__menu{ flex: none } .catalog__menu-search input{ background: #FFF; border-radius: 10px; font-size: 14px; padding: 0 20px; height: 40px; } .catalog__content{ margin-top: 10px; } .catalog__menu-item{ width: max-content; } .catalog__menu-item a{ padding: 0 20px; background: #FFF; border-radius: 10px; } .steps__item-orange{ font-size: 12px; } .catalog__content-btn{ height: 60px; border-radius: 10px; margin-top: 10px; } .catalog__content-items{ gap: 10px } .info__body{ padding: 24px; border-radius: 10px; } .info__title{ margin-top: 24px; } .info__subtitle{ margin-top: 24px; } .info__description{ margin-top: 16px; } .tabs__header-titles.tabs-titles{ flex-wrap: wrap; width: 100%; background: #FFF; } .tabs__body{ background: #FFF } } @media(max-width: 550px) { .steps__item.catalog-item{ max-width:100%; flex: 1 1 100% } .catalog-item .steps__item-preview{ height: 330px; } .catalog__menu-swiper{ overflow: hidden; position: relative; width: calc(100% + 10px) } } /* catalog page end */ /* article page start */ @media(max-width: 1560px) { .article{ margin-top: 60px; } .article__body{ } .article__header{ } .article__author{ } .article__author-image{ width: 70px; height: 70px; } .article__author-info{ } .article__author-info .orange{ } .article__title{ } .article__preview{ } } @media(max-width: 768px) { .article{ margin-top: 0px; } .tabs__content-title br{ display: block; } .advantages__title br{ display: block; } .tabs__header-titles{ background: #F3F3F3 !important; } .article__btn .arrow svg{ width: 12px; height: 12px; } .article__btn .arrow svg path{ stroke: #444; } .article__body{ padding: 24px; border-radius: 10px; position: relative; margin-top: 80px; display: flex; flex-direction: column; } .tabs-titles__item-name{ padding-top: 0 !important; } .article__btn{ position: absolute; top: -50px; left: 0; } .article__btn .btn{ height: 40px; background: #444444; padding-right: 10px; border-radius: 10px; } .article__btn .btn .arrow{ width: 30px; height: 30px; border-radius: 6px; max-width: 30px; margin-right: 8px; } .article__btn .btn .arrow img{ width: 12px; height: 12px; } .article__header{ order: 1; } .article__author{ width: 100%; } .article__author-image{ width: 50px; height: 50px; } .article__preview img{ /*height: calc(100vw - 68px);*/ } .article__title br{ display: block; } .article__author-info{ } .article__author-info .orange{ } .article__title{ margin-top: 32px; order: 3; margin-bottom: 16px; } .article__preview{ order: 2; margin-top: 24px; margin-bottom: 0; } .article__description{ order: 4 } .article__back{ display: flex; order: 5; margin-top: 32px; } .article__back .arrow{ transform: rotate(180deg); } } /* article page end */ /* product page start */ @media(max-width: 1560px) { .product__gallery{ max-width: 42%; } .product__gallery-big{ height: 100%; } .product__gallery-small{ } .product__gallery-big .swiper-slide{ } .product__gallery-big .swiper-slide img{ min-height: 500px; } .product__gallery-small .swiper-slide{ height: 160px; } .product__gallery-small .swiper-slide img{ } .product__body{ border-radius: 20px; } .product__right{ padding: 22px 40px 22px 50px; } .product__title{ margin-top: 32px; } .product__description{ margin-top: 24px; } .product__form{ margin-top: 32px; display: flex; flex-direction: column; row-gap: 10px; } .product__btns{ display: flex; column-gap: 10px; margin-top: 32px; } .product__btn{ flex: 1 1 47%; } .product__btn._black{ justify-content: center; gap: 12px; background: #444444; } .product__btn._black span{ width: max-content; flex: none } } @media(max-width: 991px) { .product__body{ flex-direction: column; position: relative; z-index: 4; border-radius: 10px; padding: 5px; background: url("/local/templates/leadbro/assets/css/../img/product-bg-mob.png") no-repeat; background-size: cover; } .product__container{ position: relative; } .product .back-cards{ display: block; } .product__gallery{ max-width: 100%; } .product__gallery-big .swiper-slide img{ min-height: 100px; } .product__gallery-small .swiper-slide{ height: 240px; } .product__body .swiper-pagination{ bottom: 20px; } .product__right{ padding: 20px; padding-top: 30px; } .product__title{ margin-top: 24px; } .product__description{ margin-top: 16px; } .product__form{ margin-top: 24px; } } @media(max-width: 600px) { .product__gallery-small .swiper-slide{ height: 110px; } .steps__title br{ display: block; } .product__btns{ flex-direction: column; row-gap: 10px; margin-top: 24px; } .product__btn._black{ height: 60px; min-height: 60px; } } /* product page end */ /* cart page start */ @media(max-width: 1560px) { .cart{ margin-top: 54px; } .cart__body{ display: flex; column-gap: 20px; } .cart__products{ padding: 50px; border-radius: 20px; background: url("/local/templates/leadbro/assets/css/../img/cart-bg.png") no-repeat; background-size: cover; flex: 0 0 58%; max-width: 58%; } .cart__products-body{ display: flex; flex-direction: column; margin-top: 40px; } .cart-item{ display: flex; position: relative; padding-bottom: 25px; } .cart-item:not(:last-child){ border-bottom: 1px solid #DDDDDD; } .cart-item:not(:first-child){ margin-top: 25px; } .cart-item__delete{ position: absolute; right: 0; top: 0; } .cart-item__image{ display: flex; flex-direction: column; row-gap: 15px; flex: 0 0 225px } .cart-item__image span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart-item__image img{ width: 100%; height: 225px; object-fit: cover; border-radius: 10px; } .cart__description{ margin-left: 50px; display: flex; flex-direction: column; justify-content: space-between; } .cart__description-title{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart__description-name{ margin-top: 15px; } .cart__description-bottom{ display: flex; align-items: center; justify-content: space-between; } .cart__description-text{ margin-top: 15px; } .cart__description-bottom span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart__props-item span{ font-family: OnestMedium; color: #A8A8A8; font-size: 16px; } .cart__description-bottom input{ padding: 0 32px; border: none; outline: none; border-radius: 10px; background: #F3F3F3; font-family: Bureau; font-size: 26px; text-align: center; width: 190px; } .cart__info{ padding: 50px; border-radius: 20px; background: url("/local/templates/leadbro/assets/css/../img/cart-bg.png") no-repeat; background-size: cover; flex: 1 1 58%; max-width: 58%; } .cart__info-title{ margin-top: 40px; } .cart__info-desc{ margin-top: 25px; } .cart__info-form{ margin-top: 40px; display: flex; flex-direction: column; gap: 10px } .radio-field{ display: flex; column-gap: 32px; margin: 20px 0; } .radio-field label{ padding-left: 5px; cursor: pointer; } .radio-item{ cursor: pointer; } .radio-field input{ width: 12px; height: 12px; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .cart__info-btn{ margin-top: 32px; width: 100%; } .cart__info-btn .btn{ width: 100%; } } @media(max-width: 1250px) { .cart__body{ flex-direction: column; row-gap: 10px; } .cart__products{ max-width: 100%; } .cart__info{ max-width: 100%; } } @media(max-width: 768px) { .cart__products{ padding: 24px; border-radius: 10px; } .cart__products-body{ margin-top: 24px; } .cart-item__image span{ font-family: OnestLight; font-size: 14px; } .cart-item{ flex-direction: column; row-gap: 24px; } .cart-item__image{ flex: none; width: max-content; height: initial; } .cart-item__image img{ height: initial; max-height: 160px; } .cart__description{ margin-left: 0; } .cart__description-title{ font-family: OnestLight; font-size: 14px; } .cart__description-bottom{ margin-top: 32px; } .cart__description-bottom input{ height: 40px; font-size: 18px; width: 140px; padding: 0 24px; } .cart__description-bottom span{ font-family: OnestLight; font-size: 14px; } .cart__props-item span{ font-family: OnestLight; color: #A8A8A8; font-size: 14px; } .cart__info{ border-radius: 10px; padding: 24px; } .cart__info-title{ margin-top: 24px; } .info__badge-icon{ width: 20px; height: 20px; border-radius: 6px; } .info__badge-icon img{ width: 12px; height: 12px; } .info__badge{ border-radius: 10px; height: 30px; } .info__badge-text{ font-size: 10px; } .cart__info-desc{ margin-top: 15px; } .cart__info-form{ margin-top: 24px; } .cart__info-btn{ margin-top: 24px; } .cart .back-card{ display: block; } .back-card:nth-child(4){ display: none; } } /* cart page end */ /* profile page start */ @media(max-width: 1560px) { .lk-block{ padding: 32px 50px; } .lk-block__btns .btn{ width: 240px; } } @media(max-width: 1200px) { .empty-block{ flex-direction: column; margin-top: 32px; column-gap: 50px; align-items: flex-start; } .empty-block__text br{ display: none; } .empty-block__btn{ margin-top: 24px; } .empty-block__desc{ margin-top: 16px; } .empty-block__desc{ margin-top: 24px; } .empty-block__text{ margin-top: 50px; } } @media(max-width: 768px){ .catalog._lk .catalog__title{ text-align: center; margin-left: auto; } .catalog._lk .section-badge{ margin-left: auto; } .section-badge{ height: 30px; } .section-badge{ column-gap: 8px; } .section-badge__name{ padding-top: 0; } .section-badge__icon{ width: 20px; height: 20px; border-radius: 6px; } .section-badge__icon img{ height: 10px; } .section-badge__icon svg{ height: 10px; } .section-badge__name{ font-size: 10px; } .catalog._lk .catalog__menu-item a{ padding: 0; background: none; } .catalog._lk .catalog__menu-item{ background: #FFF; padding: 0 20px; } .lk-block{ padding: 24px; background: url("/local/templates/leadbro/assets/css/../img/feedback-bg-mobile.png"); background-size: cover; } .lk-block__name{ margin-top: 24px; } .lk-block__form{ margin-top: 24px; } .lk-block__form{ flex-direction: column; row-gap: 10px; } .lk-block__form-field{ max-width: 100%; } .lk-block__btns{ margin-top: 24px; row-gap: 10px; flex-direction: column; } .lk-block__btns .btn{ width: 100%; } } /* profile page end */ /* 404 start */ @media(max-width: 1560px) { .error__body{ padding: 80px 0; } .error__body-title{ font-size: 200px; } .error__body-subtitle{ margin-top: 32px; } .error__body-delimiter{ height: 100px; margin: 32px auto; } .error__body-delimiter-line{ height: calc(100% - 13px); } .error__body-delimiter-square{ width: 13px; height: 13px; } } @media(max-width: 991px) { .error{ margin-top: 50px; } .error__body{ background: url("/local/templates/leadbro/assets/css/../img/404-mob.png") no-repeat; background-size: cover; padding: 85px 20px; } .error__body-title{ font-size: 100px; } .error__body-subtitle{ margin-top: 20px; } .error__body-delimiter{ height: 50px; margin: 20px auto; } .error__body-delimiter-line{ height: calc(100% - 8px); } .error__body-delimiter-square{ width: 8px; height: 8px; } .error__body-btn{ width: 100%; } .error__body-btn .btn{ max-width: 240px; margin: 0 auto; } .catalog._oferta .catalog__body{ border-radius: 10px; background: #FFF; } .oferta-description{ margin-top: 16px; } .offerta-btn{ margin-top: 24px; } } /* 404 end */ @media(min-width: 1921px) { .steps__wrapper{ background-size: 100%; background-position: bottom; } } @media(max-width: 768px) { .banner__slide-title > br:nth-child(1){ display: block; } .banner__slide-text{ max-width: 228px; } .banner__delimiter{ display: block; left: 50%; top: auto; bottom: -68px; position: absolute; } .banner__slide-delimiter{ display: none; } .categories__wrapper{ background: url("/local/templates/leadbro/assets/css/../img/categories-bg-mobile.png") no-repeat; background-size: cover; } .steps__body{ position: relative; width: calc(100% + 10px); } .steps__wrapper{ } .steps__wrapper{ position: relative; background: none; } .mobile-cells{ position: absolute; left: 0; bottom: -170px; width: 100%; z-index: -1; } .forwho__item-list li::before{ width: 14px; height: 14px; } .forwho__item-list li::after{ height: 8px; width: 8px; } .forwho__item-bottom{ margin-top: 15px; } section.product{ margin-top: 45px !important; } .categories__item-all{ width: 50px; height: 50px; } } @media(max-width: 1560px) { .modal{ } .modal__wrapper{ } .modal__body{ max-width: 522px; padding: 32px; } .modal__cross{ right: 32px; top: 32px; } .modal .section-badge{ } .modal__title{ margin-top: 32px; } .modal__desc{ margin-top: 24px; } .modal__input{ margin-top: 32px; } } @media(max-width: 768px) { .modal__body{ max-width: calc(100vw - 20px); padding: 24px; } .modal__cross{ right: 15px; top: 15px; } .modal__title{ margin-top: 24px; font-size: 24px; } .modal__desc{ margin-top: 16px; } .modal__input{ margin-top: 24px; } .modal__btn{ margin-top: 24px; } .modal__cross svg{ width: 14px; } } @media(max-width: 1650px) { /* orders history start */ .history__item-header{ } .history__item-left{ } .history__item-status{ } .history__item-body-top{ } .history__item-column{ } .history__item-product{ } .history__item-body-bottom{ } .history__item-repeat{ font-size: 16px; } .history__item-price{ padding: 13px 32px; font-size: 20px; } /* orders history end */ } @media(max-width: 1400px) { .history__item-body-top{ flex-wrap: wrap; } } @media(max-width: 1100px) { .history__item-left{ flex-direction: column-reverse; align-items: flex-start; row-gap: 8px; } } @media(max-width: 768px) { .history__item-header{ padding: 24px; align-items: flex-start; } .history__item-left{ } .history__item-right{ cursor: pointer ; margin-top: 10px; } .history__item-status{ padding: 5px 15px; border-radius: 4px; font-size: 12px; } .history__item-body-top{ margin: 0 24px; flex-direction: column; flex-wrap: wrap; } .history__item-column{ padding-top: 15px; min-width: 100%; } .history__item-product{ display: flex; justify-content: space-between; min-width: 100%; } .history__item-body-bottom{ column-gap: 18px; padding: 15px 24px 24px 24px; } .history__item-repeat{ font-size: 14px; } .history__item-price{ padding: 13px 15px; } .lk-history{ margin-top: 24px; } .banner__slide-title br{ display: none; } } @media(max-width: 600px) { .banner__slide-title{ font-size: 6.5vw; line-height: 6.5vw; } .banner__slide-title span{ font-size: 6.5vw; line-height: 6.5vw; } .banner__slide-title br.mobile-br{ display: block; } .header__nav-btn span{ font-family: OnestExtraLight !important; } .categories__body .categories__names-item span{ max-width: 90px; } .catalog._catalog{ margin-top: 40px !important; } .categories__items-block:first-child .categories__item:nth-child(5){ display: none; } .categories__items-block:first-child .categories__item:nth-child(6){ display: none; } .btn > span:nth-child(1){ font-size: 14px; font-family: OnestExtraLight; } .steps__item-desc br{ display: none; } .steps__item-name{ margin-top: 4px; } .forwho__item-bottom{ align-items: flex-end; } .tabs__body{ background: url("/local/templates/leadbro/assets/css/../img/feedback-bg-mobile.png"); background-size: cover; } .tabs__header-titles{ background: none !important; } .popular__btn{ width: calc(100%); left: 0; } .partners__body{ padding-left: 0; } .partners__container{ padding-left: 0 !important; } .forwho__item-list li::before{ width: 14px; height: 14px; top: 3px; } .forwho__item-list li::after{ width: 8px; height: 8px; left: 3px; top: 6px; } .equipment__item-desc li::before{ width: 14px; height: 14px; left: 0; top: 3px; } .equipment__item-desc li::after{ width: 8px; height: 8px; left: 3px; top: 6px; } .equipment__item-desc li{ position: relative; padding-left: 25px; } .promo__subtitle li::before{ content: ''; width: 14px; height: 14px; border-radius: 50%; background: none; border: 1px solid #99c6ef; position: absolute; left: 0; top: 3px; } .promo__subtitle li::after{ content: ''; width: 8px; height: 8px; border-radius: 50%; background: none; position: absolute; background: #338CDE; left: 3px; top: 6px; } .promo__subtitle li{ position: relative; padding-left: 25px; list-style-type: none; margin-top: 10px; } .equipment__item-desc{ display: flex; flex-direction: column; row-gap: 4px; } .catalog__title br{ display: none; } .catalog__title .mobile-br{ display: block; } } @media(max-width: 1400px) { .banner__body._no-bg .banner__slide:not(:first-child){ background-size: contain !important; } .banner__body._no-bg .banner__slide:nth-child(2) { background-color: #e8e8e8 !important; /*background-position: bottom !important;*/ } .banner__body._no-bg .banner__slide:nth-child(3) { background-color: #f9f9f9 !important; /*background-position: bottom !important;*/ } } @media(max-width: 991px) { .banner-mobile{ display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .banner__body._no-bg .banner__slide:not(:first-child){ background: #FFF !important; position: relative; } } @media(max-width: 768px) { .catalog__menu-item._active a{ background: #444444 !important; color: #FFF !important; } .catalog._basket .catalog__content-lk{ text-align: center; } #sendOrder{ margin-top: 5px !important; } .cart__files-wrap{ margin-top: 5px; } .delivery__body{ margin-top: 24px; } .header__contacts-point{ height: 7px; width: 7px; left: -15px; } .header__contacts::before{ width: 11px; height: 11px; top: 2px; left: -17px; } .tabs-titles__item-icon img{ width: 9px; } section.start{ margin-top: 36px !important; } .categories._mainpage{ margin-top: 36px !important; } .article__description h2{ font-family: Bureau; font-size: 22px; line-height: 100%; margin-bottom: 10px; margin-top: 20px; } .article__description h3{ font-family: Bureau; font-size: 18px; line-height: 100%; margin-bottom: 10px; margin-top: 20px; } .article__description ul{ padding-left: 20px; } .catalog._catalog._catalog-section._niche .catalog__wrapper{ background-size: cover; } } @media(max-width: 1560px) { .right-column__items._niches .right-column__item{ flex: 1 1 24%; max-width: 25%; } .header__catalog-products{ gap: 20px; } } @media(max-width: 1550px) { .right-column__item{ font-size: 14px !important; } .header__catalog-left-item{ font-size: 14px; } .header__catalog-left-item._active{ font-size: 14px; } .header__catalog-left-item{ font-size: 14px !important; } .sale-circle{ width: 50px; height: 50px; top: 20px; right: 20px; font-size: 12px; } } @media(max-width: 1420px) { .header__catalog-right .header__catalog-products:first-child{ position: relative; } .header__catalog-right .header__catalog-products:first-child .header__catalog-right-column:last-child{ position: absolute; right: 0px; top: 215px; width: 130px; } .forwho__item-name{ max-width: 75%; } .forwho__item-name.h3{ font-size: 19px; } .header__catalog-products._active{ position: relative !important; } } @media(max-width: 1360px) { .header__catalog-right .header__catalog-products:first-child{ position: relative; } .header__catalog-right .header__catalog-products:first-child .header__catalog-right-column:last-child{ position: absolute; width: 130px; } } @media(max-width:600px) { .sale-circle{ width: 36px; height: 36px; font-size: 10px; top: 12px; right: 12px; } } /* End */ /* /local/templates/leadbro/assets/css/swiper.css?173003383018471 */ /* /local/templates/leadbro/assets/css/reset.css?176563992110889 */ /* /local/templates/leadbro/assets/css/nouislider.min.css?17302015574295 */ /* /local/templates/leadbro/assets/css/rangeSlider.css?17302014601464 */ /* /local/templates/leadbro/assets/css/dropzone.css?17606935179830 */ /* /local/templates/leadbro/assets/css/style.css?179370408872911 */ /* /local/templates/leadbro/assets/css/mobile.css?177987564069637 */