/* Start:/frontend/src/styles/common/libs/swiper-bundle.min.css?173270161316505*/ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/frontend/dist/main.css?1764922671251696*/ /*!***********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./src/styles/styles.scss ***! \***********************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { html:not(.no-js) [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform; } html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: none; } html:not(.no-js) [data-aos=fade-up] { transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos=fade-down] { transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos=fade-right] { transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos=fade-left] { transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform; } html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } html:not(.no-js) [data-aos=zoom-in] { transform: scale(0.6); } html:not(.no-js) [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos=zoom-out] { transform: scale(1.2); } html:not(.no-js) [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^=slide][data-aos^=slide] { transition-property: transform; visibility: hidden; } html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate { visibility: visible; transform: translateZ(0); } html:not(.no-js) [data-aos=slide-up] { transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos=slide-down] { transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos=slide-right] { transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos=slide-left] { transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform; } html:not(.no-js) [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0); } } :root { --gray: #E5E5E5; --gray2: #D4D4D4; --gray3: #8B8B8B; --contrast-color: #fff; --border-color: #E9E9E9; --bg-color: #F9F9F9; --form-input-color: #F8F8F8; --accent: #0054FF; --dark-accent: #003298; --container-width: 1500px; --base-font-color: #272727; --base-font-family: "Raleway", sans-serif; --Montserrat: "Montserrat", sans-serif; --red: #FD4040; --placeholder-color: #A2A2A2; --pagination-bullet-color: #F4F4F4; --footer-line-color: #6B6B6B; --bg-blur: rgba(40, 44, 52, 0.15); --through-text: #626262; --home-section-mb: 120px; --base-border-radius: 20px; --separator-color: #CFCFCF; --bread-crumbs-color: #9C9C9C; --about-gap: 25px; --container-inline-indent: 70px; --main-slider-width: 1000px; /* Тени */ --box-shadow-services: 0 4px 40px 0 rgba(51, 60, 78, 0.07); } @media screen and (max-width: 1600px) { :root { --main-slider-width: 920px; } } @media screen and (max-width: 1500px) { :root { --main-slider-width: 880px; } } @media screen and (max-width: 1440px) { :root { --main-slider-width: 830px; } } @media screen and (max-width: 1280px) { :root { --main-slider-width: 770px; } } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; color: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; font-variant-numeric: lining-nums proportional-nums; font-family: var(--base-font-family) !important; } body { font-family: var(--base-font-family); background-color: var(--bg-color); color: var(--base-font-color); font-weight: 400; font-size: 16px; line-height: 1.17; overflow-x: clip; position: relative; } body.no-scroll { position: fixed; width: 100%; overflow: hidden; } main { padding-top: 210px; } .bg-pic { position: absolute; inset: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .white-text { color: #FFF; } .container { max-width: var(--container-width); width: calc(100% - 140px); margin: 0 auto; } .svg-wrapper { display: block; width: 0; height: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; } .pict { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .viewport-blur { display: none; background: var(--bg-blur); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .page-title { text-transform: uppercase; font-size: 35px; margin-bottom: 35px; } .section-title { font-size: 36px; font-weight: 900; color: var(--base-font-color); text-transform: uppercase; margin: 0 0 40px 0; } .title-container { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 40px; } .title-container .section-title { margin-bottom: 0; } .title-container__link { color: var(--through-text); font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; /* 24px */ text-decoration-line: underline; display: flex; gap: 20px; align-items: center; } .title-container__link_bottom { margin-top: 30px; } .title-container__icon { width: 23px; height: 14px; display: flex; align-items: center; justify-content: center; } .title-container__icon svg { width: 23px; height: 14px; } .title-container_logo { display: flex; align-items: center; gap: 21px; } .title-container_logo .title-logo { width: 101px; height: 38px; } .title-container_logo .title-logo .section-title { margin: 0; } .title-container_logo .title-logo svg { width: inherit; height: inherit; } .title-container_logo .title-logo svg path { stroke: var(--accent); fill: var(--accent); } .bread-crumbs { display: flex; gap: 15px; } .bread-crumbs__item { text-decoration: none; color: var(--bread-crumbs-color); font-size: 16px; font-weight: 400; } .bread-crumbs .separator { color: var(--bread-crumbs-color); } .grecaptcha-badge { display: none; } .vue-slider:before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: var(--accent); transform: translateY(-25%); } .vue-slider:after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: whitesmoke; right: 0; transform: translateY(-70%); } .vue-slider:hover:after { background-color: #e1e1e1; } .vue-slider-process { background-color: var(--accent) !important; } .vue-slider-dot { width: 24px !important; height: 24px !important; } .vue-slider-dot-tooltip { display: none; } .vue-slider-dot-handle { width: 24px !important; height: 24px !important; border: 7px solid var(--accent) !important; } .basket-button { display: none; position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 100; border-radius: 8px 0 0 8px; overflow: hidden; } .basket-button.show { display: block !important; } .basket__body { width: 48px; height: 48px; background-color: var(--accent); display: grid; place-content: center; position: relative; } .basket__num { position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: #667282; display: grid; place-content: center; font-weight: 400; font-size: 16px; line-height: 19px; color: #ffffff; } .btn-group { margin-top: 20px; position: relative; height: 45px; display: flex; gap: 20px; flex-direction: row-reverse; justify-content: flex-start; } .btn-group .swiper-button-next, .btn-group .swiper-button-prev { position: relative !important; transform: none; right: 0; left: 0; } .link_after { margin-top: 30px; font-size: 20px; font-weight: 400; line-height: 120%; /* 24px */ text-decoration-line: underline; color: var(--footer-line-color); } .fancybox__content { min-height: 100% !important; padding: 0 !important; max-width: 100% !important; } .fancybox__iframe { max-width: 100% !important; } .bx-livechat-body { background-image: none !important; background-color: #ffffff !important; } .wide-slider-wrapper { overflow-x: hidden; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Raleway"; src: url("/frontend/dist/../src/fonts/Raleway-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/frontend/dist/../src/fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } .header { height: 0 !important; } .header-logo { width: 105px; height: 40px; } .header-logo svg { width: 105px; height: 40px; } .header-body { padding: 20px 0 30px; display: flex; justify-content: space-between; box-sizing: border-box; } .header-body.fixed { padding-bottom: 104px; } .header-contacts { display: flex; gap: 40px; } .header-contacts__item { display: flex; flex-direction: column; gap: 5px; } .header-contacts__icon { height: 15px; width: 15px; } .header-contacts__icon svg { height: 15px; width: 15px; fill: #0054FF; /* Гарантируем видимость иконок телефонов */ } .header-contacts__call { text-decoration: none; display: flex; align-items: center; gap: 5px; } .header-contacts__number { font-weight: 600; } .header-contacts .btn_call { border-radius: 5px; padding: 8px 16px; display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 600; background-color: var(--accent); color: var(--contrast-color); border: none; cursor: pointer; } .header-contacts .btn_call .btn__icon { width: 15px; height: 15px; } .header-contacts .btn_call .btn__icon svg { width: 15px; height: 15px; fill: var(--contrast-color); } .header-search { display: flex; max-width: 250px; width: 100%; align-items: center; height: 100%; position: relative; } .header-search__button { padding: 0; position: absolute; width: 40px; height: 40px; border: none; background: transparent; display: flex; justify-content: center; align-items: center; } .header-search__button svg { width: 24px; height: 24px; } .header-search__button svg path { fill: var(--base-font-color); } .header-search input { padding: 12px 20px 10px 40px; background-color: transparent; border: none; width: 100%; height: 100%; } .header-search input::-moz-placeholder { color: var(--base-font-color); } .header-search input::placeholder { color: var(--base-font-color); } .header-buttons { display: flex; align-items: center; gap: 12px; } .header-buttons .btn { padding: 0; border-radius: 50%; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; background-color: var(--border-color); position: relative; } .header-buttons .btn__icon { width: 19px; height: 19px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .header-buttons .btn__icon svg { width: 100%; height: 100%; } .header-buttons .btn__icon svg path { fill: var(--base-font-color); stroke: var(--base-font-color); } .header-footer { box-sizing: border-box; z-index: 11; position: relative; background-color: var(--contrast-color); border-radius: 10px; padding: 17px 30px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); } .header-footer.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 0 0 10px 10px; } .header-footer__body { display: flex; justify-content: space-between; width: 100%; } .header-socials { display: flex; gap: 12px; } .header-socials__link { display: flex; justify-content: center; align-items: center; background-color: var(--gray); width: 35px; height: 35px; border-radius: 5px; } .header-socials__icon { width: 21px; height: 21px; } .header-socials__icon svg { width: 21px; height: 21px; filter: saturate(0%); -webkit-filter: saturate(0%); } .header-nav { display: flex; gap: 25px; } .header-nav__link { display: flex; gap: 5px; justify-content: center; align-items: center; text-decoration: none; } .header-nav__link.active { font-weight: 700; } .header-nav__link.blue { border: none; background-color: var(--accent); border-radius: 5px; padding: 8px 16px; cursor: pointer; color: var(--contrast-color); } .header-nav__link.blue svg path { fill: var(--contrast-color); } .header-nav__icon { line-height: 12px; width: 12px; height: 12px; } .header-nav__icon svg { width: 12px; height: 12px; } .header .catalog-menu__wrapper { width: 100%; overflow: hidden; height: auto; position: absolute; left: 0; top: 99%; display: flex; justify-content: space-between; align-items: stretch; border-radius: 0 0 20px 20px; z-index: 11; max-height: calc(100vh - 180px); } .header .catalog-menu__preview { display: none; width: 50%; align-self: stretch; justify-content: center; align-items: center; background-color: var(--contrast-color); padding: 53px; } .header .catalog-menu__preview-image { height: auto; border-radius: 20px; overflow: hidden; width: 100%; } .header .catalog-menu__preview-img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .header .hide-catalog-menu { display: none; width: 50%; overflow-y: auto; background-color: var(--bg-color); padding: 35px 0 20px; z-index: 3; border-right: 1px solid var(--border-color); } .header .hide-catalog-menu__link { font-size: 24px; text-decoration: none; display: block; text-transform: uppercase; padding: 10px 30px; } .header .hide-catalog-menu__link:hover { font-weight: 600; color: var(--contrast-color); background: var(--accent); position: relative; } .header .hide-catalog-menu__link:hover:after { content: ""; background: var(--dark-accent); width: 12px; height: 100%; position: absolute; right: 0; top: 0; } .mob-menu-content { max-width: 100% !important; background-color: #272727 !important; } .mob-menu-content .mob-menu__list { margin: 0 0 40px; padding: 70px 0 0; } .mob-menu-content .item-link { text-decoration: none; color: var(--contrast-color); display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid #6B6B6B; font-size: 14px; } .mob-menu-content .item-icon { width: 9px; height: 18px; } .mob-menu-content .item-icon svg { width: inherit; height: inherit; } .mob-menu-content .socials-list { display: flex; width: 100%; justify-content: space-between; align-items: center; } .mob-menu-content .footer-bottom__socials-link { width: 37px; height: 37px; } .mob-menu-content .footer-bottom__socials-icon { width: 26px; height: 26px; } .mob-menu-content .footer-bottom__socials-icon svg { width: inherit; height: inherit; } /* Основной контейнер футера */ .footer { background-color: var(--base-font-color); } .footer-body { padding: 50px 0 60px; display: flex; gap: 20px; justify-content: space-between; } .footer-body__navigation { width: 100%; color: var(--contrast-color); display: flex; flex-direction: column; flex-wrap: wrap; max-height: 150px; gap: 25px; } .footer-body__navigation-item { text-decoration: none; } .footer-body__navigation_new { display: flex; gap: 25px; } .footer-body__navigation_new .nav-item { max-width: 180px; width: 100%; display: flex; flex-direction: column; gap: 25px; } .footer-body__navigation_new .nav-item ul { display: flex; flex-direction: column; gap: 15px; padding: 0; list-style: none; margin: 0; } .footer-body__navigation_new .nav-item ul li { margin: 0; } .footer-body__navigation_new .nav-item__title { font-size: 18px; color: var(--contrast-color); font-weight: 600; } .footer-body__navigation_new .nav-item__link { color: var(--contrast-color); font-size: 16px; text-decoration: none; } .footer-body__contacts { color: var(--contrast-color); max-width: 215px; display: flex; flex-direction: column; gap: 30px; width: 100%; } .footer-body__contacts-item { display: flex; flex-direction: column; gap: 5px; } .footer-body__contacts-link { display: flex; align-items: center; text-decoration: none; font-weight: 600; font-size: 18px; gap: 7px; } .footer-body__contacts-link .phone-icon { width: 17px; height: 17px; } .footer-body__contacts-link .phone-icon svg { width: 17px; height: 17px; } .footer-body__contacts .btn_call .btn__icon { display: flex; align-items: center; width: 15px; } .footer-body__contacts .btn_call .btn__icon svg { width: 15px; height: 15px; } .footer-line { width: 100%; height: 2px; background-color: var(--footer-line-color); } .footer-bottom { display: flex; justify-content: space-between; align-items: flex-start; padding: 40px 0; } .footer-bottom__logo { width: 105px; height: 40px; } .footer-bottom__logo svg { width: 105px; height: 40px; } .footer-bottom__logo svg path { fill: var(--contrast-color); } .footer-bottom__socials { flex-shrink: 0; flex-grow: 0; display: flex; justify-content: flex-end; gap: 12px; } .footer-bottom__socials-icon { line-height: 1; } .footer-bottom__socials-link { width: 34px; height: 34px; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .footer-bottom__socials-link_tg { background: linear-gradient(180deg, #22B9FA 0%, #008AC5 100%); box-shadow: 0 4px 10px 0 #5BCEFF inset; } .footer-bottom__socials-link_tg span { width: 21px; height: 21px; } .footer-bottom__socials-link_tg svg { width: 21px; height: 21px; } .footer-bottom__socials-link_yt { background: #151540; padding: 1px; } .footer-bottom__socials-link_yt span { width: 22px; height: 22px; } .footer-bottom__socials-link_yt svg { width: 22px; height: 22px; } .footer-bottom__socials-link_ig { background: linear-gradient(169.7deg, #8214FD -9.73%, #FE0DBB 31%, #FE3448 67.76%, #FFB005 103.39%); } .footer-bottom__socials-link_ig span { width: 20px; height: 20px; } .footer-bottom__socials-link_ig svg { width: 20px; height: 20px; } .footer-bottom__socials-link_vk { background: #0377FF; box-shadow: 0 4px 10px 0 #51A2FF inset; } .footer-bottom__socials-link_vk span { width: 20px; height: 20px; } .footer-bottom__socials-link_vk svg { width: 20px; height: 20px; } .footer-bottom__socials-link_wa { background: #0BBD07; box-shadow: 0 4px 10px 0 #1ADF1D inset; } .footer-bottom__socials-link_wa span { width: 20px; height: 20px; } .footer-bottom__socials-link_wa svg { width: 20px; height: 20px; } .footer-bottom__socials-link_tt { outline: 1px solid #111111; background: #111111; box-shadow: 0 4px 10px 0 #111111 inset; } .footer-bottom__socials-link_tt span { width: 100%; height: 100%; } .footer-bottom__socials-link_tt svg { width: 100%; height: 100%; } .footer__info { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } .fixed-bottom-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: rgba(3, 9, 30, 0.95); border-top: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 -6px 18px rgba(3, 3, 3, 0.35); } .fixed-bottom-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(12px, 2vw, 32px); padding: 6px clamp(14px, 5vw, 32px); max-width: 1240px; margin: 0 auto; color: var(--contrast-color); min-height: 33px; } .fixed-bottom-banner__text { margin: 0; font-size: 14px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fixed-bottom-banner__button { flex-shrink: 0; white-space: nowrap; min-width: 130px; text-align: center; padding: 5px 14px; font-size: 13px; height: 28px; line-height: 18px; } @media (max-width: 768px) { .fixed-bottom-banner__inner { flex-direction: column; text-align: center; padding: 8px 18px; min-height: 50px; } .fixed-bottom-banner__text { white-space: normal; } .fixed-bottom-banner__button { width: 100%; } } html.has-fixed-banner body { padding-bottom: 55px; } @media (max-width: 768px) { html.has-fixed-banner body { padding-bottom: 70px; } } .btn { display: flex; align-items: center; justify-content: center; gap: 5px; text-decoration: none; border: none; border-radius: 6px; padding: 12px 20px; font-family: var(--Montserrat); cursor: pointer; } .btn_blue { background-color: var(--accent); color: var(--contrast-color); } .btn_white { background-color: var(--contrast-color); color: var(--base-font-color); } .btn_transparent { background: transparent; color: var(--accent); border: 1px solid var(--accent); } .btn_catalog-link__icon { width: 23px; height: 23px; } .btn_catalog-link_arrow { border-radius: 50%; padding: 0; width: 35px; height: 35px; } .btn_catalog-link_arrow svg { width: 14px; height: 13px; } .btn_heart { background: var(--border-color); padding: 0; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--border-color); } .btn_heart .btn__icon { width: 16px; height: 14px; } .btn_heart .btn__icon.active { fill: var(--base-font-color); } .btn_heart .btn__icon.active path { stroke: var(--base-font-color); } .btn_heart .btn__icon svg { width: 16px; height: 14px; } .btn_heart .btn__icon svg path { stroke: var(--base-font-color); } .btn_compare { background: var(--border-color); padding: 0; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--border-color); } .btn_compare .btn__icon { width: 12px; height: 14px; } .btn_compare .btn__icon svg { width: 12px; height: 14px; } .btn_footer-banner { font-size: 20px; font-weight: 500; padding: 17px 46px; } .btn_start-to-success .btn__icon svg path { stroke: #FFF; } .swiper-button-next, .swiper-button-prev { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: var(--contrast-color); border-radius: 50%; } .swiper-button-next svg, .swiper-button-prev svg { width: 24px; height: 24px; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-prev svg { rotate: 180deg; } .expand-nav { background: var(--gray); border: none; background-color: var(--gray); border-radius: 5px; cursor: pointer; position: relative; } .dropdown-content { position: absolute; top: calc(100% + 17px); left: 50%; transform: translateX(-50%); background: #FFF; padding: 20px; border-radius: 0 0 10px 10px; gap: 10px; align-items: flex-start; box-shadow: 0 20px 20px 20px rgba(51, 60, 78, 0.06); } .dropdown-content .header-nav__link { white-space: nowrap; } .fill-icon svg { fill: #000; } .service-select { width: 100%; padding: 20px 25px; font-size: 18px; color: #000000; background-color: #f8f8f8; border-radius: 8px; border: none; } .service-select::-moz-placeholder { color: #787878; } .service-select::placeholder { color: #787878; } .select2-selection { background-color: #f8f8f8 !important; border: none !important; border-radius: 8px !important; height: auto !important; /* Убираем фиксированную высоту */ display: flex !important; align-items: center !important; padding: 20px 25px !important; padding-right: 45px !important; /* Добавляем кастомную иконку */ } .select2-selection::after { content: ""; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); width: 21px; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22 fill=%22none%22%3E%3Cpath d=%22M1 1L10.5 7L20 1%22 stroke=%22%23787878%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") no-repeat center; transition: transform 0.3s ease; } .select2-selection__clear { display: none; } .select2-selection ul { margin: 0; } .select2-container--open .select2-selection::after { transform: translateY(-50%) rotate(-180deg); } .select2-selection__arrow { display: none; /* Убираем стандартную стрелку */ } .select2-selection__rendered { color: #787878 !important; /* Цвет плейсхолдера */ font-size: 18px !important; line-height: normal !important; /* Убираем фиксированную высоту */ } .select2-results__option { color: #000000 !important; padding: 10px !important; font-size: 18px !important; } .select2-results__option--highlighted { background-color: var(--accent) !important; /* Цвет фона при наведении */ color: var(--contrast-color) !important; /* Цвет текста при наведении */ } .select2-dropdown { border-radius: 0 0 8px 8px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; } .product-card__selects .select2-selection { background: var(--contrast-color) !important; } .select2-search__field { display: none !important; } .remodal .section-title { font-weight: 400; margin-bottom: 25px; text-align: left; font-size: 25px; } .application-form { display: flex; flex-direction: column; gap: 10px; } .application-form .input-field { position: relative; } .application-form .input-field_resume .application-form__icon, .application-form .input-field_links .application-form__icon { width: 20px; height: 20px; } .application-form .input-field_resume .application-form__icon svg, .application-form .input-field_links .application-form__icon svg { width: inherit; height: inherit; } .application-form .input-field_resume { width: 100%; border-radius: 8px; background: #F8F8F8; display: flex; align-items: center; padding: 20px 20px 20px 60px; } .application-form .input-field_resume label { font-size: 18px; color: var(--placeholder-color); cursor: pointer; } .application-form .input-field_resume span.file-name { margin-left: 15px; font-size: 12px; } .application-form .input-field_resume input { display: none !important; } .application-form .input-field_resume:focus-visible { border: 2px solid #000000; } .application-form__input { padding: 20px 20px 20px 60px; border: none; border-radius: 8px; background-color: var(--form-input-color); font-size: 18px; width: 100%; } .application-form__input::-moz-placeholder { font-size: 18px; color: var(--placeholder-color); } .application-form__input::placeholder { font-size: 18px; color: var(--placeholder-color); } .application-form__textarea { resize: vertical; padding: 20px 25px; } .application-form__icon { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; } .application-form__icon svg { width: 17px; height: 17px; } .application-form__button { padding-block: 25px; } .application-form .agreement-container { display: flex; align-items: center; gap: 10px; } .application-form .agreement-container__checkbox { width: 16px; height: 16px; } .application-form .agreement-container__label { font-size: 14px; } .application-form .agreement-container__link { font-size: 14px; line-height: 1.5; color: var(--accent); } .menu-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; opacity: 0; visibility: hidden; display: flex; justify-content: flex-end; } .menu-content { position: relative; background-color: var(--gray); width: 100%; max-width: 400px; /* Максимальная ширина фильтра */ height: 100%; transform: translateX(100%); /* Начальное положение за экраном */ padding: 50px 20px; overflow-y: auto; } .open-menu { width: 156px; height: 54px; background-color: var(--bg-color); display: flex; align-items: center; justify-content: center; gap: 12px; border: none; border-radius: 5px; font-size: 16px; font-family: var(--base-font-family); } .open-menu .btn__icon { width: 30px; height: 30px; } .open-menu .btn__icon svg { width: 30px; height: 30px; } .close-menu, .close-filter { width: 30px; height: 20px; background: transparent; border: none; display: flex; align-items: center; justify-content: center; padding: 5px; position: absolute; top: 15px; right: 20px; } .close-menu svg, .close-filter svg { width: 30px; height: 30px; } .success-message { display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; } .success-message h3 { color: var(--base-font-color); font-size: 32px; font-weight: 600; margin: 0 auto 25px; } .success-message p { margin: 0 0 15px; font-size: 20px; color: var(--base-font-color); font-weight: 400; } .success-message p:last-child { margin-bottom: 25px; } .success-message .btn { gap: 15px; } .success-message .btn .icon { width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; background: var(--contrast-color); border-radius: 5px; } .success-message .btn .icon svg { width: 15px; height: 15px; } .success-message .btn .icon svg path { fill: var(--accent); } .vacancy-form { gap: 10px; } .vacancy-form .checkboxes__title { width: 100%; border-radius: 8px; background: #F8F8F8; display: flex; align-items: center; padding: 20px 25px; font-size: 18px; color: #787878; margin-bottom: 15px; } .vacancy-form .checkboxes__list { display: flex; gap: 35px; padding-inline: 5px; } .vacancy-form .checkboxes__col { width: 100%; display: flex; flex-direction: column; gap: 10px; } .vacancy-form .checkboxes__item { display: flex; align-items: center; gap: 10px; } .vacancy-form .checkbox { scale: 1.1; } .vacancy-form .checkbox__label { text-align: left; } .remodal { display: none; border-radius: 20px; } .remodal__title { font-size: 24px; margin: 0 0 20px; font-weight: 600; } .remodal-close, .remodal-close::before { position: absolute; right: 5px !important; top: 5px !important; left: unset !important; bottom: unset !important; } .video-banner { display: flex; align-items: center; justify-content: center; border-radius: 20px; overflow: hidden; height: 590px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 90px; } .video-banner svg { width: 100px; height: 100px; } .contact-form { max-width: 100%; width: 100%; padding: 35px 40px; background-color: var(--contrast-color); border-radius: 10px; } .main-catalog__slider { position: relative; width: 100%; padding-block: 10px; margin-block: -10px; } .main-catalog__slide { box-sizing: border-box; background: var(--contrast-color); width: auto; border-radius: var(--base-border-radius); position: relative; display: flex; flex-direction: column; gap: 20px; height: auto !important; } .main-catalog__slide-image { width: 100%; height: 200px; } .main-catalog__slide-separator { width: 100%; height: 1px; background-color: var(--border-color); } .main-catalog__slide-info { padding: 0; display: flex; flex-direction: column; gap: 15px; } .main-catalog__slide .slide-info__title { font-size: 18px; text-decoration: none; } .main-catalog__slide .slide-info__price { display: flex; justify-content: space-between; } .main-catalog__slide .slide-info__price .price_discounted { font-size: 18px; font-weight: 600; } .main-catalog__slide .slide-info__price .price_without-discount { color: #8B8B8B; text-decoration: line-through; } .main-catalog__slide .slide-info__buttons { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .main-catalog__slide .slide-info__buttons .btn_main-catalog { padding-inline: 10px; grid-column: span 1; border: 1px solid var(--accent); white-space: nowrap; } .main-catalog__slide .slide-info__buttons .btn_main-catalog_basket { grid-column: span 2; } .main-catalog__top-buttons { display: flex; justify-content: space-between; } .main-catalog__top-buttons-group { margin-left: auto; display: flex; gap: 12px; } .main-catalog__top-buttons-group svg path { fill: var(--base-font-color); stroke: var(--base-font-color); } .main-catalog__top-buttons .sale-label { padding: 7px 20px; background: var(--red); color: var(--contrast-color); border-radius: 5px; font-size: 14px; } .main-catalog__button-next { right: -10px; transform: translateX(100%); } .main-catalog__button-prev { left: -10px; transform: translateX(-100%); } .logos-section { position: relative; margin-bottom: var(--home-section-mb); } .logos-section__slider-container { position: relative; } .logos-section .logos-slider__slide { border: 1px solid var(--border-color); border-radius: var(--base-border-radius); background: var(--contrast-color); height: 100px; } .logos-section .logos-slider__slide-link { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 26px 46px; box-sizing: border-box; } .logos-section .logos-slider__slide-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .logos-section__button-prev { left: 0; transform: translateX(-50%); box-shadow: 0 0 7px 0 #ccc; } .logos-section__button-next { right: 0; transform: translateX(50%); box-shadow: 0 0 7px 0 #ccc; } .about-company__links { width: 100%; display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-gap: 24px; } .about-company__links .about-company__link { background: var(--contrast-color); border: 1px solid var(--border-color); padding: 20px 30px; border-radius: 10px; display: grid; grid-template-columns: 1fr 35px; grid-template-rows: 35px 1fr; text-decoration: none; } .about-company__links .about-company__link .link__rate { font-size: 25px; font-weight: 600; grid-row: 1; grid-column: 1; } .about-company__links .about-company__link .link__reviews { color: var(--through-text); font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; grid-row: 2; grid-column: 1; } .about-company__links .about-company__link .link__icon { width: 35px; height: 35px; border-radius: 3px; background: var(--gray); display: flex; justify-content: center; align-items: center; } .about-company__links .about-company__link .link__icon svg { max-width: 25px; max-height: 25px; } .footer-banner { position: relative; margin-bottom: var(--home-section-mb); color: var(--contrast-color); font-weight: 300; line-height: 1.3; } .footer-banner__title { text-transform: uppercase; margin: 0; color: #FFF; font-variant-numeric: lining-nums proportional-nums; font-size: 35px; font-style: normal; font-weight: 700; line-height: 130%; /* 45.5px */ } .footer-banner__desc { position: relative; margin-block: 0; color: #FFF; font-size: 35px; font-style: normal; font-weight: 400; line-height: 130%; /* 45.5px */ } .footer-banner__desc .bold { font-weight: 700; } .footer-banner__slider { width: 100%; height: 514px; border-radius: var(--base-border-radius); } .footer-banner__slide { width: auto; border-radius: var(--base-border-radius); overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 60px 80px; box-sizing: border-box; position: relative; } .footer-banner__slide::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-size: cover; background-position: center center; background-repeat: no-repeat; } .footer-banner__info { width: 100%; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; max-width: 940px; z-index: 1; position: relative; } .footer-banner__info .btn_footer-banner { max-width: 230px; margin-top: 35px; } .footer-banner__pagination { bottom: 35px; } .footer-banner__pagination .swiper-pagination-bullet { height: 16px; width: 16px; background: var(--pagination-bullet-color); opacity: 1; } .footer-banner__pagination .swiper-pagination-bullet-active { background: var(--accent); } .nav-slider { padding: 0; position: relative; } .nav-slider .swiper { margin-bottom: 20px; height: auto; padding: 5px; } .nav-slider__container { margin-bottom: 40px; } .nav-slider__card { border-radius: 20px; box-sizing: border-box; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; height: 148px; box-shadow: 0 0 7px 0 #ccc; } .nav-slider__card-badge { text-transform: uppercase; padding: 4px 13px; border-radius: 5px; font-size: 18px; position: absolute; top: 30px; left: 30px; } .nav-slider__card-badge_sale { background-color: var(--red); color: var(--contrast-color); } .nav-slider__card-badge_new { background-color: var(--contrast-color); color: var(--accent); } .nav-slider__card-link { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; text-decoration: none; } .nav-slider__card-title { font-size: 14px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; } .nav-slider__card-title_small { margin: auto 0 12px; display: inline-block; width: 100%; max-width: 100%; padding-inline: 5px; text-align: center; background-color: var(--border-color); font-size: 12px; font-weight: 500; text-transform: none; line-height: 20px; } .nav-slider__card-title.contrast { color: var(--contrast-color); } .nav-slider__scrollbar { height: 5px; border-radius: 3px; background-color: var(--gray); } .nav-slider__scrollbar .swiper-scrollbar-drag { background: #CAC9C9; border-radius: 3px; } .services__list { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 32px; } .services__list .services__item { display: flex; align-items: center; justify-content: space-between; padding-bottom: 32px; border-bottom: 1px solid #CFCFCF; } .services__list .item__left { display: flex; align-items: center; gap: 25px; } .services__list .item__right { display: flex; align-items: center; } .services__list .item__num { display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid var(--contrast-color); background: var(--contrast-color); box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); width: 37px; height: 37px; flex-shrink: 0; font-size: 18px; } .services__list .item__title { font-size: 18px; font-weight: 400; margin: 0; } .services__list .item__price { margin: 0; font-size: 18px; font-weight: 600; } .num { display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid var(--contrast-color); background: var(--contrast-color); box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); width: 37px; height: 37px; flex-shrink: 0; font-size: 18px; } .num.blue { color: var(--accent); } .blog-item { text-decoration: none; width: auto; background-color: var(--gray); border-radius: var(--base-border-radius); display: flex; flex-direction: column; height: auto !important; } .blog-item__image { border-radius: var(--base-border-radius); overflow: hidden; height: 220px; flex-shrink: 0; } .blog-item__image img { -o-object-fit: cover; object-fit: cover; } .blog-item__content { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 35px; flex-grow: 1; } .blog-item__desc { margin: 0; max-width: 290px; color: var(--text-main, #272727); font-variant-numeric: lining-nums proportional-nums; font-size: 20px; font-style: normal; font-weight: 400; line-height: 125%; /* 25px */ } .blog-item__date { display: flex; justify-content: space-between; align-items: center; } .blog-item__date .date-icon { display: flex; justify-content: center; align-items: center; width: 20px; aspect-ratio: 1; background: var(--contrast-color); border-radius: 4px; border: 1px solid #EEE; } .blog-item__date .date-icon svg { width: 10px; aspect-ratio: 1; } .blog-item__date .date-label { color: #888; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.19; } .blog-item__date .date-left { display: flex; gap: 10px; align-items: center; } .blog-item__date .date-right { color: #888; font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.19; } .pagination { margin-bottom: 80px; font-size: 22px; font-weight: 600; font-family: var(--Montserrat); color: var(--placeholder-color); } .pagination__list { display: flex; align-items: center; gap: 40px; } .pagination__item { text-decoration: none; } .pagination__item.active { color: var(--base-font-color); } .pagination__filler { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pagination__button { padding: 0; width: 48px; height: 48px; border-radius: 50%; } .pagination__button .btn__icon { width: 25px; height: 25px; } .pagination__button .btn__icon svg { width: 25px; height: 25px; } .pagination__button .btn__icon svg path { fill: var(--contrast-color); } .pagination__button_prev .btn__icon { transform: rotate(180deg); } .nav__btn { width: 100%; padding-block: 20px; background: var(--gray); border-radius: 10px; } .nav__btn.active { background: var(--accent); color: var(--contrast-color); } .nav__btn .btn__icon { width: 30px; height: 30px; background: var(--contrast-color); border: 1px solid #EEE; border-radius: 6px; display: flex; align-items: center; justify-content: center; } .nav__btn .btn__icon svg { width: 17px; height: 17px; } .career__nav { display: flex; gap: 25px; } .form-slider-section { margin-bottom: 90px; position: relative; } .form-slider-section .form-slider { height: 435px; border-radius: var(--base-border-radius); } .form-slider-section .form-slider__slide { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 50px; box-sizing: border-box; border-radius: 20px; } .form-slider-section .form-slider__slide-content { display: flex; justify-content: space-between; } .form-slider-section .form-slider__slide-info { max-width: 530px; font-size: 35px; line-height: 1.3; display: flex; } .form-slider-section .form-slider__slide-title { text-transform: uppercase; color: var(--contrast-color); font-weight: 300; margin: auto 0 0; } .form-slider-section .form-slider__slide-title .bold { text-transform: uppercase; color: var(--contrast-color); font-weight: 700; } .form-slider-section .form-slider__slide-form { max-width: 500px; width: 100%; border-radius: var(--base-border-radius); padding: 35px; background-color: var(--contrast-color); } .form-slider-section .form-slider__controls { bottom: 50px; left: 50px; display: flex; gap: 15px; position: absolute; } .form-slider-section .form-slider__controls .form-slider__button-next, .form-slider-section .form-slider__controls .form-slider__button-prev { position: static; } .delivery-section_new { border-radius: 20px; background: var(--contrast-color); padding: 35px; } .delivery-section_new .title-container { max-width: 50%; margin: 0; } .delivery-section_new .company-icon { grid-row: 1/span 2; width: 87px; height: 87px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid var(--border-color); flex-shrink: 0; } .delivery-section_new .company-icon svg { width: 64px; height: 53px; } .delivery-section_new .company-info { display: flex; flex-direction: column; gap: 9px; } .delivery-section_new .company-title { grid-column: 2; margin: 0 !important; font-size: 20px; font-style: normal; font-weight: 600; line-height: 140%; /* 28px */ } .delivery-section_new .company-desc { grid-column: 2; margin: 0; font-size: 18px; font-weight: 400; line-height: 140%; } .delivery-section_new .delivery__top { display: flex; gap: 40px; margin-bottom: 36px; } .delivery-section_new .delivery__top .title-container { width: 50%; } .delivery-section_new .delivery__top .section-title.delivery__title { width: 100% !important; } .delivery-section_new .delivery__company { width: 50%; display: grid; grid-template-columns: 86px 1fr; grid-column-gap: 25px; grid-row-gap: 10px; grid-template-rows: auto; height: -moz-min-content; height: min-content; } .delivery-section_new .delivery__bottom { display: flex; width: 100%; gap: 40px; margin-bottom: 0; } .delivery-section_new .delivery__bottom .item { display: flex; gap: 16px; } .delivery-section_new .delivery__bottom .item__number { flex-shrink: 0; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: var(--contrast-color); border: 1px solid var(--border-color); color: var(--accent); font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 500; text-transform: uppercase; width: 37px; height: 37px; box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); } .delivery-section_new .delivery__bottom .item__desc { margin: 0; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 133.333% */ } .delivery-section_new .delivery__top { margin-bottom: 70px; display: flex; } .delivery-section_new .delivery__top .section-title { width: 50%; } .delivery-section_new .delivery__top-content { width: 50%; } .delivery-section_new .delivery__top-content .typo { font-size: 18px; max-width: 550px; line-height: 1.45; } .delivery-section_new .delivery__mid { display: flex; gap: 40px; align-items: stretch; margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid var(--border-color); } .delivery-section_new .delivery__mid .title-container { max-width: 100% !important; width: 100%; } .delivery-section_new .delivery__mid .left, .delivery-section_new .delivery__mid .right { width: calc((100% - 40px) / 2); } .delivery-section_new .delivery__mid .left .content { height: 100%; display: flex; flex-direction: column; justify-content: space-between; width: -moz-fit-content; width: fit-content; } .delivery-section_new .delivery__mid .right { display: flex; flex-direction: column; gap: 15px; } .delivery-section_new .delivery__mid .countries-list { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-row-gap: 30px; } .delivery-section_new .delivery__mid .countries-item { display: flex; align-items: center; gap: 12px; } .delivery-section_new .delivery__mid .countries-item svg { width: 46px; height: 30px; border-radius: 4px; overflow: hidden; } .delivery-section_new .delivery__mid .tk-list { display: flex; gap: 24px; align-items: center; } .delivery-section_new .delivery__mid .tk-item { width: 86px; height: 86px; border-radius: 7px; border: 1px solid var(--border-color); } .delivery-section_new .delivery__mid .tk-item svg { width: inherit; height: inherit; } .delivery-section_new .delivery__mid .typo { font-size: 18px; line-height: 1.45; } .typo img { max-width: 100%; height: auto; display: block; border-radius: var(--base-border-radius); margin: 20px 0; } .v-select { height: 56px; font-size: 18px; color: #272727; background-color: #ffffff; border-radius: 10px; } .v-select .vs__dropdown-toggle { height: 56px; line-height: 56px; /* Для выравнивания текста по вертикали */ padding: 0 23px; /* Внутренние отступы по бокам */ border-radius: 10px; background-color: #ffffff; border: none; } .v-select .vs__selected { line-height: 56px; margin: 0; } .v-select .vs__selected-options { font-size: 18px; color: #272727; } .v-select .vs__clear { display: none; /* Скрываем крестик для очистки */ } /* Стиль для выпадающего меню */ .v-select .vs__dropdown-menu { border: none; border-radius: 0 0 4px 4px; padding: 10px 0; background-color: #ffffff; } /* Стиль для активного элемента выпадающего списка */ .v-select .vs__dropdown-menu .vs__dropdown-option--highlight { background-color: #d9d9d9; /* Цвет фона при наведении */ color: #272727; } /* Стиль для выбранного элемента */ .v-select .vs__dropdown-menu .vs__selected { background-color: var(--accent); /* Фон для активного элемента */ color: var(--contrast-color); font-weight: bold; } /* Стиль для при наведении мыши */ .v-select .vs__dropdown-menu .vs__dropdown-option:hover { background-color: var(--accent); /* Фон для активного элемента */ color: var(--contrast-color); } /* Стиль для элемента без доступных опций */ .v-select .vs__no-options { color: #ff6b6b; /* Красный цвет для сообщения об отсутствии опций */ font-style: italic; } /* Стиль для фокусированного состояния */ .v-select .vs__dropdown-toggle:focus { outline: none; border: 2px solid #007bff; /* Обводка для фокуса */ } .devade-alert-modal { display: none; } .devade-alert-modal__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: 200; opacity: 0; transition: opacity 0.2s; will-change: opacity; background-color: #000; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .devade-alert-modal__header { /* Optional */ padding: 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; } .devade-alert-modal__close { /* Optional */ margin: 0; padding: 0; border: none; background-color: transparent; cursor: pointer; background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='16px' viewBox='0 0 15 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.-Menu' transform='translate(-15.000000, -13.000000)' stroke='%23000000'%3E%3Cg id='Group' transform='translate(15.000000, 13.521000)'%3E%3Cpath d='M0,0.479000129 L15,14.2971819' id='Path-3'%3E%3C/path%3E%3Cpath d='M0,14.7761821 L15,-1.24344979e-14' id='Path-3'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); width: 15px; height: 15px; } .devade-alert-modal__wrapper { width: 100%; z-index: 9999; overflow: auto; opacity: 0; max-width: 540px; max-height: 80vh; transition: transform 0.2s, opacity 0.2s; will-change: transform; background-color: #fff; display: flex; flex-direction: column; transform: translateY(5%); -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ /* Optional */ box-shadow: 0 2px 6px #777; border-radius: 5px; margin: 20px; } .devade-alert-modal__title { font-size: 22px; } .devade-alert-modal__content { position: relative; overflow-x: hidden; overflow-y: auto; height: 100%; flex-grow: 1; /* Optional */ padding: 1.5rem; } .devade-alert-modal__btns { display: flex; flex-flow: row wrap; gap: 15px; padding: 1rem 1.5rem 1.5rem; } .devade-alert-modal__btn { border: 0; border-radius: 10px; line-height: 40px; height: 40px; padding: 0 1.5rem; background: #0C41FF; color: white; text-decoration: none; cursor: pointer; transition: background-color ease-in-out 0.2s; } .devade-alert-modal__btn:hover { background-color: rgb(0, 47.1111111111, 216); } .devade-alert-modal__btn_close { background: tomato; } .devade-alert-modal__btn_close:hover { background-color: rgb(255, 55.7608695652, 20); } .devade-alert-modal.is-active { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; } .devade-alert-modal.is-visible .devade-alert-modal__wrapper { opacity: 1; transform: translateY(0); } .devade-alert-modal.is-visible .devade-alert-modal__overlay { opacity: 0.5; } .modal { background: rgba(0, 0, 0, 0.2); position: fixed; z-index: 15; inset: 0; display: flex; align-items: center; justify-content: center; } .modal__body { max-width: 588px; width: 100%; padding: 70px 40px; background: var(--color-white); position: relative; } .modal__body.help { max-width: 780px; margin-bottom: 0; } .modal__body.help .modal__title { text-align: left; font-size: clamp(20px, 0.928rem + 1.32vw, 36px); margin-bottom: clamp(15px, 0.434rem + 2.07vw, 40px); } .modal__close { position: absolute; top: 20px; right: 20px; cursor: pointer; width: clamp(26px, 1.544rem + 0.33vw, 30px); height: clamp(26px, 1.544rem + 0.33vw, 30px); } .modal__close svg { width: clamp(26px, 1.544rem + 0.33vw, 30px); height: clamp(26px, 1.544rem + 0.33vw, 30px); } .modal__close svg path { stroke: var(--color-black); } .modal__title { margin-bottom: clamp(20px, 0.847rem + 1.65vw, 40px); font-family: var(--font-title); font-size: clamp(20px, 0.928rem + 1.32vw, 36px); font-weight: 700; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; text-align: center; } .modal__form .form { display: flex; flex-flow: column; gap: 10px; margin-bottom: 40px; } .modal__form .form__block { max-width: 506px; } .modal__form .form__input { line-height: 48px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--color-stroke-grey); } .modal__form .form__button .btn_sell { width: 100%; } .modal__form .form__block-select-wrap .select2-container { width: 100% !important; } .modal__form .form__block-select-wrap .select2-container .select2-selection--single { width: 100%; background-color: var(--color-white); border: 1px solid var(--color-stroke-grey); border-radius: 6px; height: 50px; } .modal__form .form__block-select-wrap .select2-selection__rendered { color: var(--color-black); line-height: 48px; } .modal__form .form__block-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; } .modal__form .form__block-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 30px; top: 50%; transform: translateY(-50%); right: 8px; } .modal__form .form__block-select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:after { content: ""; position: absolute; width: 30px; height: 30px; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="30" height="31" viewBox="0 0 30 31" fill="none"%3E%3Cpath d="M7.5 11.75L15 19.25L22.5 11.75" stroke="%238C8C8C" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); } .modal__form .form__block-select-wrap .select2-container--default.select2-container--open .select2-selection__arrow:after { rotate: 180deg; } .modal__line { height: 30px; display: flex; align-items: center; position: relative; margin-bottom: 40px; } .modal__line-bg { width: 100%; background: var(--color-stroke-grey); height: 2px; } .modal__line-text { background: var(--color-white); padding: 0 10px; position: absolute; left: 50%; transform: translateX(-50%); color: var(--color-text-grey); font-size: 22px; font-weight: 500; line-height: normal; } .modal__sub-title { margin-bottom: 20px; font-size: clamp(18px, 0.964rem + 0.66vw, 26px); font-weight: 600; line-height: 124%; letter-spacing: -0.52px; text-align: center; } .modal__socials { display: flex; justify-content: center; align-items: center; flex-flow: wrap; gap: 12px; } .modal__social { display: flex; align-items: center; gap: 8px; font-size: clamp(15px, 0.837rem + 0.41vw, 20px); font-weight: 600; line-height: normal; } .modal__social-icon { width: 32px; height: 32px; } .modal__social-icon svg { width: 32px; height: 32px; } .modal__done { display: flex; flex-flow: column; justify-content: center; } .modal__done .modal__title { margin-bottom: 15px; } .modal__done .modal__sub-title { font-size: clamp(15px, 0.837rem + 0.41vw, 20px); font-weight: 500; color: var(--color-stroke-grey); } .modal__icon { width: 60px; height: 60px; margin-bottom: 15px; margin-inline: auto; } .modal__icon svg { width: 60px; height: 60px; } .home .search_mobile { margin-bottom: 20px; } .home .search_mobile .header-search { width: 100%; max-width: 100%; } .home .search_mobile .header-search__input { height: 48px; border-radius: 10px; font-size: 18px; } .home .search_mobile .header-search__input::-moz-placeholder { font-size: 18px; color: var(--placeholder-color); font-family: var(--base-font-family); } .home .search_mobile .header-search__input::placeholder { font-size: 18px; color: var(--placeholder-color); font-family: var(--base-font-family); } .home .search_mobile .header-search__button svg path { fill: var(--placeholder-color); } .home .main-catalog__slider { margin-bottom: 80px; } .home .main-section { margin: 0 auto 25px; display: flex; gap: 25px; height: 506px; position: relative; } .home .main-section__slider-container { flex: 0 0 var(--main-slider-width); border-radius: var(--base-border-radius); overflow: hidden; position: relative; } .home .main-section__slider { width: 100%; height: 100%; } .home .main-section__slide { border-radius: var(--base-border-radius); padding: 60px 40px; box-sizing: border-box; background-position: left top; background-repeat: no-repeat; background-size: auto 100%; } .home .main-section .slide__content { height: 100%; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; } .home .main-section .slide__info { display: flex; flex-direction: column; gap: 11px; margin-bottom: 30px; } .home .main-section .slide__bg { position: absolute; inset: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: left; object-position: left; z-index: -1; } .home .main-section .slide__title { color: var(--contrast-color); font-variant-numeric: lining-nums proportional-nums; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin: 0; } .home .main-section .slide__desc { margin: 0; color: var(--contrast-color); font-variant-numeric: lining-nums proportional-nums; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .home .main-section .slide__button { white-space: nowrap; width: -moz-min-content; width: min-content; } .home .main-section .slide__image { position: relative; overflow: hidden; } .home .main-section__content { text-decoration: none; flex: 0 0 calc(100% - 25px - var(--main-slider-width)); border-radius: var(--base-border-radius); overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; align-items: flex-end; justify-content: center; } .home .main-section__content-title { color: var(--contrast-color); font-weight: 700; font-size: 25px; margin-bottom: 60px; text-transform: uppercase; } .home .main-section__navigation { display: flex; position: absolute; gap: 20px; bottom: 60px; right: 40px; } .home .main-section__navigation .main-section__button-prev, .home .main-section__navigation .main-section__button-next { position: static; } .home .promotion-section { margin-bottom: 60px; } .home .promotion-section .prom-slider { height: auto; padding: 5px; } .home .promotion-section .nav-slider__card-title { font-size: 25px; text-align: center; } .home .promotion-section .nav-slider__card-title.title-hide { visibility: hidden; } .home .promotion-section .prom-slider__slide { height: 400px !important; } .home .advantages-section { margin-bottom: var(--home-section-mb); display: flex; gap: 30px; justify-content: center; } .home .advantage { width: 306px; background: var(--contrast-color); border-radius: 10px; border: 1px solid var(--border-color); padding: 20px 30px; display: grid; grid-row-gap: 3px; grid-column-gap: 20px; grid-template-columns: 1fr 40px; grid-template-rows: 40px 1fr; } .home .advantage__title { color: var(--base-font-color); font-variant-numeric: lining-nums proportional-nums; font-size: 27px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; grid-column: 1; grid-row: 1; } .home .advantage__desc { color: var(--through-text); font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; grid-column: 1; grid-row: 2; margin: 0; } .home .advantage__icon { width: 40px; height: 40px; } .home .advantage__icon svg { width: inherit; height: inherit; } .home .leader-section { display: grid; grid-template-columns: repeat(4, 1fr); } .home .leader-section .logo-item { display: flex; flex-direction: column; justify-content: space-between; } .home .leader-section .logo-item .logo { display: block; width: 200px; height: 74px; } .home .leader-section .logo-item .logo svg { width: inherit; height: inherit; } .home .leader-section .logo-item .link { display: flex; gap: 20px; font-size: 20px; text-decoration: underline; color: #606060; } .home .leader-section .logo-item .link .icon { width: 23px; height: 14px; } .home .leader-section .logo-item .link .icon svg { width: inherit; height: inherit; } .home .leader-section .central-item { grid-column: span 2; display: flex; flex-direction: column; gap: 30px; } .home .leader-section .central-item__title { font-size: 25px; font-weight: 600; margin: 0; text-transform: uppercase; } .home .leader-section .central-item__title span.blue { font-size: inherit; line-height: inherit; color: var(--accent); text-transform: inherit; } .home .leader-section .video-item { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; overflow: hidden; width: 100%; height: 100%; position: relative; } .home .leader-section .video-item svg { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; } .home .mini-advantages { display: flex; justify-content: space-between; gap: 30px; } .home .mini-advantages .advantage { padding: 0; border: none; background: transparent; border-radius: 0; grid-template-columns: 30px 1fr; grid-template-rows: 30px 1fr; grid-column-gap: 15px; grid-row-gap: 10px; width: 100%; } .home .mini-advantages .advantage__title { font-size: 20px !important; grid-column: 2; } .home .mini-advantages .advantage__icon { width: 25px !important; height: 25px !important; grid-column: 1; } .home .mini-advantages .advantage__icon svg { width: inherit !important; height: inherit !important; } .home .mini-advantages .advantage__desc { font-size: 16px !important; grid-column: 1/span 2 !important; } .home .main-catalog-section { position: relative; margin-bottom: 90px; } .home .cards-section { margin-bottom: 90px; } .home .cards-section__cards { display: flex; gap: 25px; } .home .cards-section__card { flex: 0 0 calc((100% - 75px) / 4); height: 455px; border-radius: var(--base-border-radius); overflow: hidden; padding: 20px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; justify-content: center; align-items: flex-end; text-decoration: none; } .home .cards-section__card-title { color: var(--contrast-color); font-weight: 900; font-size: 22px; margin-bottom: 20px; text-transform: uppercase; } .home .tg-banner { display: flex; justify-content: space-between; background: var(--accent); padding: 32px 68px; border-radius: 20px; align-items: center; margin-bottom: 100px; } .home .tg-banner__icon { display: flex; justify-content: center; align-items: center; border-radius: 5px; background: var(--contrast-color); width: 34px; height: 34px; flex-shrink: 0; } .home .tg-banner__icon svg { width: 21px; height: 21px; } .home .tg-banner__icon svg path { fill: var(--accent); } .home .tg-banner__title { font-size: 22px; font-weight: 900; margin: 0; text-transform: uppercase; color: var(--contrast-color); } .home .tg-banner__tag { font-size: 18px; font-weight: 600; text-transform: uppercase; text-decoration: none; color: var(--contrast-color); } .home .tg-banner__button { gap: 15px; color: var(--accent); font-size: 16px; font-weight: 500; } .home .tg-banner__button .btn__icon { width: 23px; height: 14px; display: flex; justify-content: center; align-items: center; } .home .tg-banner__button .btn__icon svg { width: inherit; height: inherit; } .home .tg-banner__button .btn__icon svg path { stroke: var(--accent); } .home .tg-banner__left { display: flex; align-items: center; gap: 20px; } .home .tg-banner__right { display: flex; align-items: center; gap: 45px; } .home .about-company { margin-bottom: var(--home-section-mb); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-row-gap: 44px; grid-column-gap: 56px; } .home .about-company .link { display: flex; gap: 20px; align-items: center; font-size: 16px; color: #606060; margin-bottom: 44px; } .home .about-company .link .icon { width: 23px; height: 14px; } .home .about-company .link .icon svg { width: inherit; height: inherit; } .home .about-company__banner { width: 100%; height: auto; border-radius: var(--base-border-radius); overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .home .about-company__content { width: 100%; } .home .about-company__desc { margin-bottom: 24px; } .home .about-company__desc p { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ margin-top: 0; margin-bottom: 20px; } .home .about-company__desc p:last-child { margin-bottom: 0; } .home .about-company__desc .bold { font-weight: 600; } .home .about-company__links { grid-column: 1/span 2; display: flex; flex-wrap: nowrap; } .home .about-company__link { width: calc((100% - 72px) / 4); } .home .about-company__title { margin: 0; } .home .about-company .title-container_logo { margin-bottom: 40px; } .home .about-company .mini-advantages { margin-bottom: 44px; } .home .about-company .about-info__title { font-size: 25px; font-weight: 600; margin: 0; text-transform: uppercase; } .home .about-company .about-info__title span.blue { font-size: inherit; line-height: inherit; color: var(--accent); text-transform: inherit; } .home .blog-section { margin-bottom: var(--home-section-mb); } .home .video-reviews { margin-bottom: var(--home-section-mb); } .home .video-reviews__content { width: 100%; height: auto; display: grid; grid-template-rows: 500px 180px; grid-gap: 25px; grid-template-columns: repeat(4, 1fr); } .home .video-reviews__item { display: block; width: 100%; height: 100%; border-radius: var(--base-border-radius); overflow: hidden; cursor: pointer; } .home .video-reviews__item_sw { aspect-ratio: 16/9; border-radius: 20px; overflow: hidden; } .home .video-reviews__item:first-child { grid-column: 1/span 4; } .home .video-reviews__item:first-child svg { width: 100px; height: 100px; } .home .video-reviews__item-image { height: 100%; width: 100%; position: relative; } .home .video-reviews__item-image img { -o-object-fit: cover; object-fit: cover; } .home .video-reviews__item-image svg { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 60px; height: 60px; } .home .video-reviews__slider { width: 100%; height: auto; } .home .advantages_after-about { margin-bottom: 130px; } .home .advantages_after-about .list { display: grid; grid-gap: 22px; grid-template-columns: repeat(4, 1fr); } .home .advantages_after-about .item { display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 40px 1fr; grid-column-gap: 15px; } .home .advantages_after-about .icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); border: 1px solid rgb(238, 238, 238); } .home .advantages_after-about .icon svg { width: 25px; height: 25px; } .home .advantages_after-about .title { margin: 0; font-weight: 600; font-size: 22px; } .home .advantages_after-about .desc { grid-column: 2; font-size: 18px; line-height: 1.25; margin: 0; } .catalog-slider { margin-bottom: 35px; height: 150px; } .catalog-slider__slide { width: auto; height: auto; border-radius: 15px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; } .catalog-slider__slide .slide__badge { text-transform: uppercase; padding: 3px 7px; border-radius: 3px; font-size: 12px; position: absolute; top: 16px; left: 16px; } .catalog-slider__slide .slide__badge_sale { background-color: var(--red); color: var(--contrast-color); } .catalog-slider__slide .slide__badge_new { background-color: var(--contrast-color); color: var(--accent); } .catalog-slider__slide .slide__link { width: 100%; height: 100%; text-decoration: none; display: flex; border: none; flex-direction: column; } .catalog-slider__slide .slide__title { margin: auto 0 12px; display: inline-block; width: 100%; max-width: 100%; padding-inline: 15px; text-align: center; background-color: var(--border-color); font-size: 12px; font-weight: 500; line-height: 20px; } .catalog-slider__slide.selected .slide__title { background-color: var(--accent); color: var(--contrast-color); } .catalog-body { display: flex; gap: 25px; } .catalog-body__cards { margin-bottom: 50px; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; gap: 24px; max-width: 1160px; } .catalog-body__cards_wide { grid-template-columns: 1fr 1fr; } .catalog-body__cards_wide .catalog-body__card .card-slider { min-height: 240px !important; } .catalog-body__card { display: flex; flex-direction: column; width: 100%; height: 100%; background: #FFFFFF; box-shadow: -2px 0px 12px 0px rgba(51, 60, 78, 0.07); border-radius: var(--base-border-radius); overflow: hidden; position: relative; padding: 20px; } .catalog-body__card .card-slider { height: auto; width: calc(100% + 40px); margin: -20px -20px 6px; } .catalog-body__card .card-buttons { position: absolute; right: 20px; top: 20px; z-index: 2; } .catalog-body__card .card-buttons__left { margin-left: auto; display: flex; gap: 8px; } .catalog-body__card .card-image { width: 100%; aspect-ratio: 470/320; text-decoration: none; display: flex; } .catalog-body__card .card-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-sizing: border-box; } .catalog-body__card .card-slider { height: auto; } .catalog-body__card .card-slider__slide { aspect-ratio: 470/320; height: auto; max-width: 100%; } .catalog-body__card .card-line { width: calc(100% - 40px); height: 2px; background-color: var(--border-color); margin: 0 auto; } .catalog-body__card .card-info { width: 100%; display: flex; flex-direction: column; padding: 30px 0; } .catalog-body__card .card-info__title { font-weight: 400; font-size: 22px; text-decoration: none; } .catalog-body__card .card-info__prices { display: flex; gap: 20px; align-items: center; margin: 15px 0 15px; } .catalog-body__card .card-info__price_discount { font-size: 20px; font-weight: 600; } .catalog-body__card .card-info__price_without-discount { text-decoration: line-through; font-size: 14px; color: var(--through-text); } .catalog-body__card .card-info__fields { display: flex; flex-direction: column; gap: 5px; width: 100%; } .catalog-body__card .card-info__fields .field { display: flex; justify-content: space-between; align-items: center; } .catalog-body__card .card-info__fields .field__key { font-size: 16px; font-weight: 500; } .catalog-body__card .card-info__fields .field__val { font-weight: 400; font-size: 16px; color: #515151; text-align: right; } .catalog-body__card .card-info__actions { min-height: 110px; display: flex; flex-direction: column; } .catalog-body__card .card-info__buttons { margin-top: 20px; display: flex; justify-content: space-between; gap: 14px; } .catalog-body__card .card-info__buttons .btn { width: 100%; white-space: nowrap; } .catalog-body__card .card-info__badge { margin-top: 12px; padding: 10px 14px; background-color: #F0F5FF; border: 1px solid #CCE0FF; border-radius: 8px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1.4; color: var(--accent); } .catalog-body__card .card-info__badge_vat { background: linear-gradient(135deg, #F0F5FF 0%, #E6EFFF 100%); border-color: #B3D1FF; color: var(--dark-accent); } .catalog-body__card .card-info__badge_vat::before { content: "✓ "; font-weight: 700; margin-right: 4px; color: var(--accent); } .catalog-body__filter { margin-left: auto; flex: 0 0 306px; display: flex; flex-direction: column; gap: 16px; max-width: 306px; } .catalog-body__filter .catalog-sort { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 5px; } .catalog-body__filter .catalog-sort .sort-select .select2-selection { padding: 5px 0 !important; } .catalog-body__filter .catalog-sort .sort-select .select2-selection__rendered { font-size: 16px !important; color: var(--accent) !important; } .catalog-body__filter .catalog-sort .sort-select .select2-selection--single .select2-selection__rendered { padding-inline: 14px; } .catalog-body__filter .catalog-sort .sort-select .select2-selection:after { width: 9px; height: 9px; right: 0; } .catalog-body__filter .catalog-sort .sort-select .select2-dropdown { border-radius: 8px !important; overflow: hidden; border: none; } .catalog-body__filter .catalog-sort .sort-select .select2-results { padding: 9px; } .catalog-body__filter .catalog-sort .sort-select .select2-results__option--highlighted { background-color: var(--gray) !important; color: #000 !important; } .catalog-body__filter .catalog-sort .sort-select .select2-results__option { font-size: 14px !important; border-radius: 4px !important; padding: 4px 6px !important; } .catalog-body__filter .search-field { width: 100%; display: flex; background: var(--contrast-color); position: relative; border-radius: 10px; } .catalog-body__filter .search-field input { background: transparent; width: 100%; border: none; border-radius: 10px; padding: 14px 50px 15px 16px; } .catalog-body__filter .search-field input::-moz-placeholder { font-family: var(--base-font-family); color: var(--base-font-color); } .catalog-body__filter .search-field input::placeholder { font-family: var(--base-font-family); color: var(--base-font-color); } .catalog-body__filter .search-field button { position: absolute; background: transparent; width: 50px; border-radius: 0 10px 10px 0; right: 0; padding: 0; height: 100%; } .catalog-body__filter .search-field button .btn__icon { width: 18px; height: 18px; } .catalog-body__filter .search-field button .btn__icon svg { width: inherit; height: inherit; } .catalog-body__filter .filter-form { display: flex; flex-direction: column; gap: 21px; } .catalog-body__filter .filter-form__field { width: 100%; display: flex; flex-direction: column; gap: 20px; } .catalog-body__filter .filter-form__field .field-line { height: 100%; width: 1px; background-color: var(--border-color); } .catalog-body__filter .filter-form__radio input { display: none; } .catalog-body__filter .filter-form__radio input:checked + label { color: var(--base-font-color); font-weight: 600; } .catalog-body__filter .filter-form__radio label { cursor: pointer; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex: 1; color: var(--placeholder-color); } .catalog-body__filter .filter-form__checkboxes-group { display: flex; flex-direction: column; gap: 16px; background-color: var(--contrast-color); padding: 16px; border-radius: 10px; } .catalog-body__filter .filter-form__inputs-range .filter-form__input-block { background: transparent; display: flex; gap: 20px; } .catalog-body__filter .filter-form__inputs-range .input-wrapper { display: flex; align-items: center; gap: 8px; } .catalog-body__filter .filter-form__inputs-range input { border: none; padding: 14px 10px 15px 16px; flex: 1; width: calc((100% - 1px) / 2); border-radius: 10px; } .catalog-body__filter .filter-form__inputs-range input::-moz-placeholder { color: var(--base-font-color); } .catalog-body__filter .filter-form__inputs-range input::placeholder { color: var(--base-font-color); } .catalog-body__filter .filter-form__title { font-weight: 600; font-size: 20px; } .catalog-body__filter .filter-form__input-block { width: 100%; display: flex; background-color: var(--contrast-color); border-radius: 10px; height: 48px; } .catalog-body__filter .filter-form__checkbox { display: flex; align-items: center; gap: 16px; } .catalog-body__filter .filter-form__checkbox input { width: 24px; height: 24px; border-radius: 4px; cursor: pointer; } .catalog-body__filter .filter-form__checkbox label { line-height: 24px; cursor: pointer; } .catalog-body__wrapper { width: 100%; } @media screen and (min-width: 951px) { .catalog-body_services .open-menu { display: none; } } .catalog-body_services .catalog-body__cards { display: flex; flex-flow: column; gap: clamp(20px, 1.171rem + 0.35vw, 24px); } .catalog-body_services .catalog-body__card_services { padding: 0; box-shadow: var(--box-shadow-services); } .catalog-body_services .catalog-body__card_services .card-buttons, .catalog-body_services .catalog-body__card_services .card-slider, .catalog-body_services .catalog-body__card_services .card-line { display: none; } .catalog-body_services .catalog-body__card_services .card-info { display: grid; gap: clamp(10px, 0.428rem + 0.88vw, 20px); padding: 20px 20px 20px clamp(20px, 0.855rem + 1.75vw, 40px); } @media screen and (min-width: 951px) { .catalog-body_services .catalog-body__card_services .card-info { grid-template-columns: 1fr 270px; } } .catalog-body_services .catalog-body__card_services .card-info__title { font-size: clamp(20px, 1.211rem + 0.18vw, 22px); grid-column: 1; grid-row: span 2; align-self: center; } .catalog-body_services .catalog-body__card_services .card-info__prices { margin: 0; } @media screen and (min-width: 951px) { .catalog-body_services .catalog-body__card_services .card-info__prices { margin: 15px 0 15px; } } .catalog-body_services .catalog-body__card_services .card-info__prices_discount { font-size: clamp(18px, 1.086rem + 0.18vw, 20px); } .catalog-body_services .catalog-body__card_services .card-info__button, .catalog-body_services .catalog-body__card_services .card-info__price { grid-column: 2; } .catalog-services-pagination .pagination__item { font-family: var(--Montserrat) !important; } .product-card section { margin-bottom: 120px; position: relative; } .product-card .title-container { margin: 0 0 20px; } .product-card .title-container .section-title { font-size: 35px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; margin: 0; } .product-card .separator { width: 100%; color: #8B8B8B; display: flex; gap: 36px; align-items: center; margin-bottom: 40px; } .product-card .separator-title { margin: 0; white-space: nowrap; display: block; text-transform: uppercase; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; color: var(--gray3); } .product-card .separator-placeholder { height: 1px; width: 100%; background: var(--separator-color); } .product-card-badges { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 10px; margin: 0 0 40px; } .product-card-badges__item { padding: 10px 10px; background-color: var(--accent); color: var(--contrast-color); border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 1.2; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .product-card-badges__item_red { background-color: var(--red); } .product-card-badges_on-slider { position: absolute; top: 20px; right: 20px; z-index: 10; margin: 0; max-width: 100%; flex-direction: row; gap: 6px; opacity: 0.9; flex-wrap: wrap; } .product-card__main { display: flex; gap: 48px; } .product-card__image { -o-object-position: center; object-position: center; } .product-card__slider-container { width: 60%; height: auto; position: relative; } .product-card__slider-container .thumb-slider__top { width: 100%; position: relative; } .product-card__slider-container .thumb-slider__top .swiper-button-next { right: -10px; box-shadow: -1px 1px 5px 4px rgba(51, 60, 78, 0.07); } .product-card__slider-container .thumb-slider__top .swiper-button-prev { left: -10px; box-shadow: -1px 1px 5px 4px rgba(51, 60, 78, 0.07); } .product-card__slider-container .thumb-slider__bottom { width: 100%; height: auto; position: relative; } .product-card__slider-container .thumb-slider__bottom .swiper-button-next { right: 0; border-radius: 20px; box-shadow: 0 0 5px 0 #ccc; } .product-card__slider-container .thumb-slider__bottom .swiper-button-prev { left: 0; box-shadow: 0 0 7px 0 #ccc; } .product-card__thumbs { width: calc(100% - 120px); } .product-card__thumbs-slide { border-radius: 20px; overflow: hidden; height: 142px; width: auto; background-color: var(--contrast-color); cursor: pointer; } .product-card__thumbs-slide.swiper-slide-visible:not(.swiper-slide-thumb-active) { opacity: 0.5; } .product-card__thumbs-slide .thumb-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card__main-slider { overflow: hidden; border-radius: 20px; box-shadow: 0 4px 40px 0 rgba(51, 60, 78, 0.07); width: 100%; height: 100%; margin-bottom: 20px; position: relative; } .product-card__main-slider-buttons { position: absolute; right: 20px; top: 20px; display: flex; gap: 12px; z-index: 2; } .product-card__main-slider-buttons .btn_heart svg { fill: var(--base-font-color); } .product-card__main-slider-buttons .btn_heart svg path { stroke: var(--base-font-color); } .product-card__main-slide { background: #f9f9f9; height: auto; min-height: 600px; border-radius: 20px; overflow: hidden; } .product-card__main-slide-link { position: relative; width: 100%; height: 600px; display: block; } .product-card__main-slide-link svg { width: 8%; aspect-ratio: 1; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .product-card__main-info { width: 40%; } .product-card__main-info .title-container { width: 100%; display: flex; flex-direction: column; gap: 10px; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; } .product-card__main-info .title-container .page-title { margin: 0; } .product-card__main-info .title-container .isAvaliable { color: var(--accent); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .product-card__prices { display: flex; gap: 70px; margin-bottom: 30px; } .product-card__price { display: flex; flex-direction: column; gap: 10px; } .product-card__price-text { color: #8B8B8B; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; } .product-card__price-value { margin: 0; color: var(--base-font-color); font-variant-numeric: lining-nums proportional-nums; font-size: 34px; font-style: normal; font-weight: 600; line-height: normal; } .product-card__price-value.isAvaliable { color: var(--accent); } .product-card__color { margin-bottom: 30px; } .product-card__color .color__field { display: flex; gap: 8px; align-items: center; margin-bottom: 15px; } .product-card__color .color__field .color-key, .product-card__color .color__field .color-value { font-size: 18px; font-weight: 400; } .product-card__color .color__field .color-key { color: #8B8B8B; } .product-card__color .color__radio-group { display: flex; gap: 8px; } .product-card__color .color__radio-group input[type=radio] { display: none; } .product-card__color .color__radio-group input[type=radio]:checked + label { position: relative; } .product-card__color .color__radio-group input[type=radio]:checked + label:after { content: ""; position: absolute; background: transparent; border-radius: 50%; inset: -3px; border: 2px solid var(--accent); } .product-card__color .color__radio-group label { background-size: cover; background-repeat: no-repeat; background-position: center; display: block; width: 31px; height: 31px; border-radius: 50%; box-shadow: 1px 1px 20px var(--gray); } .product-card__selects { display: flex; width: 100%; flex-direction: column; gap: 10px; margin-bottom: 30px; max-width: 500px; } .product-card__additional, .product-card__equipment { width: 100%; } .product-card__equipment { margin-bottom: 20px; } .product-card__equipment .equipment__field { display: flex; gap: 15px; align-items: center; justify-content: space-between; } .product-card__equipment .equipment__field .equipment-key { font-size: 18px; font-weight: 400; color: #8B8B8B; min-width: 150px; flex-shrink: 0; } .product-card__equipment .equipment__field .equipment-value { flex-grow: 1; max-width: 350px; } .product-card__equipment .equipment__field .equipment-value .v-select .vs__dropdown-toggle { padding: 8px 12px; min-height: auto; } .product-card__equipment .equipment__field .equipment-value .v-select .vs__selected { font-size: 16px; margin: 0; padding: 0; } .product-card__equipment .equipment__field .equipment-value .v-select .vs__actions { padding: 0; } .product-card__checkboxes { margin-bottom: 30px; max-width: 500px; } .product-card__checkboxes-title { font-size: 18px; color: #8B8B8B; margin: 0 0 10px; } .product-card__checkboxes .checkboxes_prod-card { display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; } .product-card__checkboxes .checkbox-item { display: flex; align-items: center; gap: 15px; padding: 13px 23px; background: rgb(255, 255, 255); border-bottom: 0.5px solid var(--border-color); } .product-card__checkboxes .checkbox-item:last-child { border-bottom: 0; } .product-card__checkboxes .checkbox-item input[type=checkbox] { display: none; } .product-card__checkboxes .checkbox-item input[type=checkbox]:checked + .fake-checkbox svg { display: block; } .product-card__checkboxes .checkbox-item .fake-checkbox { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 6px; background: #FFF; border: 1.5px solid #EEE; box-shadow: 0 5.8px 21.75px 0 rgba(51, 60, 78, 0.1); } .product-card__checkboxes .checkbox-item .fake-checkbox svg { width: 17px; height: 17px; display: none; } .product-card__buttons { max-width: 500px; display: grid; width: 100%; grid-template-columns: 1fr 1fr; grid-auto-rows: 55px; grid-row-gap: 20px; grid-column-gap: 26px; } .product-card__buttons .btn_catalog_basket { grid-column: 1/span 2; border: 1px solid var(--border-color); } .product-card__buttons .btn_catalog_basket_small { grid-column: unset; } .product-card__advantages { width: 100%; margin-top: 60px; } .product-card__advantages .swiper { width: 100%; } .product-card__advantages .swiper-slide { height: auto; display: flex; } @media (min-width: 768px) { .product-card__advantages .swiper-slide { width: calc((100% - 72px) / 4); } } @media (max-width: 767.98px) { .product-card__advantages .swiper-slide { width: calc((100% - 16px) / 2); } } .product-card__advantages-item { width: 100%; display: flex; flex-direction: column; gap: 10px; min-width: 0; } .product-card__advantages .advantage-icon { width: 35px; height: 35px; } .product-card__advantages .advantage-icon svg { width: 35px; height: 35px; } .product-card__advantages .advantage-title { font-size: 18px; font-weight: 600; } .product-card__advantages .advantage-desc { font-size: 16px; font-weight: 400; } .product-card .tech-spec .tab { padding: 20px 30px; background: rgb(249, 249, 249); border-radius: 8px 8px 0 0; border: 1px solid #E4E4E4; border-bottom: none; } .product-card .tech-spec .tab-content { border-radius: 0 20px 20px 20px; border: 1px solid #E4E4E4; } .product-card .tech-spec .tab:not(.active) { cursor: pointer; } .product-card .tech-spec .tab.active { background: var(--contrast-color); position: relative; z-index: 1; border-bottom: 1px solid var(--contrast-color); margin-bottom: -3px; } .product-card .tech-spec .tab-container { display: flex; } .product-card .tech-spec .tab-container .section-title { margin: 0; font-size: 30px; font-weight: 400; } .product-card .tech-spec__content { box-shadow: 0 4px 40px 0 rgba(51, 60, 78, 0.07); background: var(--contrast-color); border-radius: 0 20px 20px 20px; overflow: hidden; padding: 35px; display: flex; width: 100%; } .product-card .tech-spec__col { width: 33.3333333333%; display: flex; flex-direction: column; gap: 30px; } .product-card .tech-spec__col:nth-child(1) { padding-right: 50px; } .product-card .tech-spec__col:nth-child(2) { border-right: 2px solid var(--separator-color); border-left: 2px solid var(--separator-color); padding-inline: 50px; } .product-card .tech-spec__col:nth-child(3) { padding-left: 50px; } .product-card .tech-spec__item { display: flex; gap: 30px; justify-content: space-between; } .product-card .tech-spec .item-title { font-size: 18px; font-weight: 600; } .product-card .tech-spec .item-value { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; text-align: right; } .product-card .tech-spec .characteristics { display: flex; } .product-card .tech-spec .description { display: none; gap: 25px; } .product-card .tech-spec .description__col { width: 100%; } .product-card .tech-spec .description__col h4, .product-card .tech-spec .description__col .title { margin: 0 0 10px; font-weight: 600; font-size: 18px; } .product-card .tech-spec .description__col p { margin: 0 0 10px; } .product-card .video-review__content { border-radius: 20px; overflow: hidden; width: 100%; aspect-ratio: 2.2; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; } .product-card .video-review__content:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; opacity: 0.3; } .product-card .video-review__img { aspect-ratio: 2.2; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-card .video-review svg { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1; } .product-card .features__content { width: 100%; display: flex; gap: 25px; } .product-card .features__item { width: calc((100% - 75px) / 4); display: flex; flex-direction: column; gap: 20px; } .product-card .features__item-img { border-radius: 20px; overflow: hidden; height: 220px; width: 100%; -o-object-fit: cover; object-fit: cover; } .product-card .features__item-name { margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 600; text-transform: uppercase; } .product-card .model__content { width: 100%; height: 620px; margin-inline: auto; background: pink; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 60px 0 rgba(51, 60, 78, 0.07); } .product-card .power-range__content { width: 100%; height: auto; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 60px 0 rgba(51, 60, 78, 0.1); } .product-card .power-range__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: top; } .product-card .payment-methods { padding: 45px 35px 40px; border-radius: 20px; overflow: hidden; background: var(--contrast-color); box-shadow: 0 4px 60px 0 rgba(51, 60, 78, 0.07); } .product-card .payment-methods .title-container { margin-bottom: 30px; } .product-card .payment-methods__content { display: flex; gap: 20px; justify-content: space-between; } .product-card .payment-methods__col { display: flex; flex-direction: column; gap: 25px; } .product-card .payment-methods__col ul { display: flex; flex-direction: column; gap: 10px; margin: 0; padding-left: 18px; } .product-card .payment-methods__col ul li { font-size: 20px; } .product-card .payment-methods__col:first-child { max-width: 490px; } .product-card .payment-methods__col:last-child { max-width: 600px; } .product-card .payment-methods__col .item-title { margin: 0 0 10px; font-size: 18px; font-weight: 600; } .product-card .payment-methods__col .item-desc { margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 20px; font-weight: 400; line-height: 135%; /* 27px */ } .product-card .payment-methods__col .item .btn_white, .product-card .payment-methods__col .item .btn_blue { width: -moz-fit-content; width: fit-content; padding-inline: 35px; margin-top: 20px; } .product-card .payment-methods__col .item .btn_white { border: 1px solid var(--accent); color: var(--accent); } .product-card .calculator { background: var(--contrast-color); padding: 40px 45px; width: 100%; border-radius: 20px; box-shadow: 0 4px 60px 0 rgba(51, 60, 78, 0.07); display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 106px; grid-template-rows: auto; grid-row-gap: 56px; } .product-card .calculator .online-credit__field:nth-child(2) { grid-row: 2; } .product-card .calculator .online-credit__offer { width: 100%; border-radius: 10px; background-color: var(--base-font-color); padding: 31px 25px 25px; grid-row: 1/span 2; } .product-card .calculator .online-credit__offer .offer-title { margin: 0 0 20px 12px; color: var(--contrast-color); font-size: 18px; font-weight: 600; } .product-card .calculator .online-credit__offer .offer-body { border-radius: 10px; background: var(--contrast-color); padding: 20px 30px; display: flex; flex-direction: column; gap: 11px; } .product-card .calculator .online-credit__offer .offer-separator { width: 100%; height: 1px; background: var(--border-color); } .product-card .calculator .online-credit__offer .offer-btn { margin-top: 25px; } .product-card .calculator .online-credit__offer .offer-field { display: flex; flex-direction: column; gap: 10px; } .product-card .calculator .online-credit__offer .offer-field__title { margin: 0; color: #646464; font-size: 14px; font-weight: 400; } .product-card .calculator .online-credit__offer .offer-field__value { margin: 0; color: #000; font-variant-numeric: lining-nums proportional-nums; font-size: 20px; font-weight: 600; } .product-card .calculator .online-credit__field { max-width: 550px; width: 100%; display: flex; flex-direction: column; } .product-card .calculator .input-name { font-size: 18px; font-weight: 400; margin-bottom: 12px; } .product-card .calculator .input-comp { position: relative; } .product-card .calculator .input-comp input { border-radius: 10px; height: 48px; width: 100%; background: var(--form-input-color); border: none; padding-left: 48px; font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 600; line-height: 150%; /* 27px */ text-transform: uppercase; } .product-card .calculator .input-comp label { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; } .product-card .calculator .slider-lables { margin-top: 10px; width: 100%; display: flex; justify-content: space-between; } .product-card .calculator .range-slider { display: flex; flex-direction: column; margin-top: 8px; } .product-card .main-catalog__slide { background: var(--contrast-color); box-shadow: 0 0 8px 0 rgba(51, 60, 78, 0.07); } .product-card .form-slider-section .form-slider__slide-content { gap: 20px; } .product-card .form-slider-section .form-slider__slide-info { max-width: 50%; } .contacts-maps { width: 100%; height: 480px; background-color: var(--gray2); border-radius: var(--base-border-radius); overflow: hidden; } .contacts-maps [class*=ground-pane] { filter: invert(80%); } .contacts-maps [class*=balloon__layout] { overflow: hidden; border-radius: 12px; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); } .contacts-maps [class*=balloon__content], .contacts-maps [class*=balloon__tail] { background: none; box-shadow: none; } .contacts-maps [class*=balloon__content]:after, .contacts-maps [class*=balloon__tail]:after { background: none; } .contacts-maps [class*=close-button] { width: 30px; height: 32px; } .contacts-maps .ymaps-2-1-79-balloon { border-radius: 12px; } .contacts-maps .balloon__title { font-size: 16px; font-weight: 600; line-height: normal; margin: 0 0 7px 0; } .contacts-maps .balloon__text { display: flex; align-items: center; gap: 5px; margin-block: 0; font-family: Arial, sans-serif !important; color: var(--base-font-color); font-size: 16px; font-weight: 300; line-height: normal; } .contacts-maps .balloon__icon { display: block; width: 15px; height: 15px; } .contacts-maps .balloon__icon svg { width: 15px; height: 15px; } .contacts-maps .balloon-content { background: rgba(255, 255, 255, 0.7); /* Белый цвет с прозрачностью 70% */ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); /* Размытие фона */ padding: 10px; /* Отступы внутри балуна */ border-radius: 10px; /* Закругленные углы */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Тень */ } .contacts-info { display: flex; flex-direction: column; gap: 75px; margin-bottom: 90px; } .contacts-info__field { width: 100%; display: flex; justify-content: space-between; padding-bottom: 75px; border-bottom: 1px solid var(--border-color); } .contacts-info__field:last-child, .contacts-info__field:first-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .contacts-info__field-key { font-size: 35px; text-transform: uppercase; } .contacts-info__field-values { max-width: 750px; width: 100%; display: flex; justify-content: space-between; } .contacts-info__field-value { width: -moz-fit-content; width: fit-content; max-width: 370px; } .contacts-info__field-value .contact-item { display: grid; grid-template-columns: 29px 1fr; grid-template-rows: auto; gap: 15px; } .contacts-info__field-value .contact-item__icon { width: 29px; height: 29px; display: flex; justify-content: center; align-items: center; background-color: var(--contrast-color); border-radius: 5px; box-shadow: 0 4px 15px rgba(51, 60, 78, 0.1); outline: 1px solid #EEEEEE; } .contacts-info__field-value .contact-item__icon svg { width: 19px; height: 19px; } .contacts-info__field-value .contact-item__name { font-weight: 500; font-size: 22px; } .contacts-info__field-value .contact-item__value { font-size: 20px; grid-column: 2/3; } .contacts-info__field-value .contact-item__value a { text-decoration: none; } .contacts-info__field.contacts-info__field_addresses { flex-direction: column; gap: 30px; } .contacts-info__field.contacts-info__field_addresses .contacts-info__field-key { margin-bottom: 10px; } .contacts-info__field.contacts-info__field_addresses .contacts-info__field-values { max-width: none; width: 100%; flex-wrap: wrap; gap: 30px; justify-content: flex-start; } .contacts-info__field.contacts-info__field_addresses .contacts-info__field-value { flex: 1 1 calc(33.333% - 20px); min-width: 240px; max-width: none; } .service section { margin-bottom: 90px; } .service .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .service__funnel { margin-bottom: 90px; } .service__funnel-cards { display: flex; gap: 24px; width: 100%; } .service__funnel-card { display: flex; flex-direction: column; gap: 25px; width: calc((100% - 72px) / 4); } .service__funnel-card .card-image { width: 100%; aspect-ratio: 1.47; border-radius: 10px; overflow: hidden; } .service__funnel-card .card-info { display: flex; flex-direction: column; gap: 15px; } .service__funnel-card .card-info__title { margin: 0; font-size: 24px; font-weight: 500; } .service__funnel-card .card-info__desc { margin: 0; font-size: 18px; } .service__quarantee-image { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; border-radius: var(--base-border-radius); } .service__quarantee-content { width: 100%; height: auto; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; grid-column-gap: 110px; grid-row-gap: 95px; } .service__quarantee-info .item-title { font-size: 35px; text-transform: uppercase; } .service__quarantee-info li::marker { color: var(--accent); font-size: 200%; } .service__quarantee-info h3 { font-weight: 600; font-size: 22px; } .service__quarantee-info p { font-size: 18px; } .service__quarantee-form { width: 100%; background-color: var(--contrast-color); border-radius: var(--base-border-radius); } .service__quarantee--purchase-page .service__quarantee-content { display: flex; flex-wrap: wrap; width: 100%; grid-column-gap: 0; grid-row-gap: 0; gap: 48px; } .service__quarantee--purchase-page .service__quarantee-content-section { width: 100%; } @media (min-width: 950px) { .service__quarantee--purchase-page .service__quarantee-content-section { width: calc((100% - 48px) / 2); } } .service__quarantee--purchase-page .service__quarantee-content-section .service__quarantee-info { width: 100% !important; } .service__quarantee--purchase-page .service__quarantee-form-wrapper { display: flex; flex-direction: column; width: 100%; } @media (min-width: 950px) { .service__quarantee--purchase-page .service__quarantee-form-wrapper { flex-direction: row; gap: 110px; } } .service__quarantee--purchase-page .service__quarantee-info { width: 100%; } @media (min-width: 950px) { .service__quarantee--purchase-page .service__quarantee-info { width: calc((100% - 110px) / 2); } } .service__quarantee--purchase-page .service__quarantee-form { width: 100%; } @media (min-width: 950px) { .service__quarantee--purchase-page .service__quarantee-form { width: calc((100% - 110px) / 2); } } .basket .empty-basket { margin-bottom: 80px; line-height: 1.44; } .basket .radio-field { padding-left: 40px; position: relative; /* Псевдоэлемент для кастомного круга радиокнопки */ /* Стили для внутреннего маркера */ /* Отображаем внутренний маркер при выборе */ } .basket .radio-field__desc { color: #787878; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ } .basket .radio-field .radio-field__comp { display: flex; flex-wrap: wrap; gap: 10px; } .basket .radio-field .radio-field__comp a { color: var(--accent); font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ } .basket .radio-field .radio-field__desc, .basket .radio-field input { margin-top: 15px; } .basket .radio-field label { display: block; font-size: 18px; font-weight: 400; line-height: 130%; /* 23.4px */ } .basket .radio-field input[type=radio] { display: none; } .basket .radio-field label::before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 2px solid #ccc; border-radius: 50%; background-color: white; } .basket .radio-field label::after { content: ""; position: absolute; left: 5px; top: 5px; width: 14px; height: 14px; background-color: transparent; border-radius: 50%; transition: background-color 0.2s; } .basket .radio-field input[type=radio]:checked + label::after { background-color: black; } .basket .radio-field input[type=radio]:checked + label::before { border-color: black; } .basket .separator { width: 100%; height: 1px; background: var(--border-color); } .basket .section-title_basket { font-variant-numeric: lining-nums proportional-nums; font-size: 24px; font-weight: 600; margin: 0; } .basket .section-title_basket_click { margin-bottom: 0; position: relative; } .basket .content { display: block; overflow: hidden; } .basket__container { display: flex; gap: 25px; margin-bottom: 95px; } .basket__content { display: flex; flex-direction: column; width: 100%; } .basket__list { margin-bottom: 60px; display: flex; flex-direction: column; gap: 20px; } .basket__item { width: 100%; display: flex; padding: 30px 90px 30px 30px; gap: 20px; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.05); background: var(--contrast-color); position: relative; align-items: center; } .basket__item .item__title { margin: 0; width: 100%; max-width: 380px; color: var(--accent); font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 500; line-height: 125%; /* 22.5px */ } .basket__item .item__image { width: 196px; height: 140px; border-radius: 20px; box-shadow: 0 4px 40px 0 rgba(51, 60, 78, 0.0705882353); overflow: hidden; } .basket__item .item__content { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .basket__item .item__counter { display: flex; gap: 10px; } .basket__item .item__counter .counter__indicator, .basket__item .item__counter .counter__button { height: 30px; width: 30px; padding: 2px; border-radius: 5px; border: 1px solid #EEE; background: var(--contrast-color); box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); text-align: center; } .basket__item .item__counter .counter__indicator { -moz-appearance: textfield; } .basket__item .item__counter .counter__indicator::-webkit-outer-spin-button, .basket__item .item__counter .counter__indicator::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .basket__item .item__price { white-space: nowrap; margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 700; line-height: 125%; /* 22.5px */ } .basket__item .item__delete-btn { background: transparent; display: flex; padding: 5px; align-items: center; justify-content: center; border: none; position: absolute; top: 20px; right: 20px; width: 26px; height: 26px; cursor: pointer; } .basket__item .item__delete-btn svg { width: 16px; height: 16px; } .basket__item .item__delete-btn svg path { stroke: var(--border-color); } .basket__form { max-width: 650px; background: var(--contrast-color); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); padding: 40px; display: flex; flex-direction: column; gap: 30px; margin-bottom: 60px; } .basket__form .section-title_basket { margin-bottom: 0 !important; } .basket__delivery { max-width: 526px; margin-bottom: 70px; } .basket__delivery .section-title_basket { margin-bottom: 35px; } .basket__delivery .delivery__form { display: flex; flex-direction: column; gap: 20px; } .basket__delivery .delivery__form .address { padding: 20px 20px 20px 60px; width: 100%; border-radius: 8px; border: 1px solid var(--border-color); } .basket__delivery .delivery__form .address::-moz-placeholder { color: #787878; font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ } .basket__delivery .delivery__form .address::placeholder { color: #787878; font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ } .basket__payment { max-width: 526px; margin-bottom: 50px; } .basket__payment .section-title_basket { margin-bottom: 35px; } .basket__payment .payment__form { display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px; } .basket__comment { max-width: 526px; display: flex; flex-direction: column; gap: 15px; } .basket__comment .comment__desc { margin: 0; font-size: 18px; } .basket__comment .comment__input { padding: 15px 25px; border-radius: 8px; background: var(--contrast-color); border: 1px solid var(--border-color); } .basket__banner { margin-bottom: 90px; width: 100%; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); background-repeat: no-repeat; background-size: cover; max-width: 1296px; } .basket__banner .banner { background-color: var(--contrast-color); background-repeat: no-repeat; } .basket__banner .banner__info { padding: 40px; display: flex; flex-direction: column; gap: 35px; } .basket__banner .banner__info .info__title { margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 35px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } .basket__banner .banner__info .info__desc { font-size: 18px; font-weight: 400; line-height: 130%; /* 23.4px */ margin: 0; } .basket__banner .banner__info .info__button { width: -moz-min-content; width: min-content; white-space: nowrap; padding: 17px 25px; } .basket__pad { flex-shrink: 0; width: clamp(26rem, 1.189rem + 29.06vw, 36.063rem); padding: 40px 25px; background: var(--contrast-color); border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.05); height: -moz-min-content; height: min-content; display: flex; flex-direction: column; gap: 35px; position: sticky; top: 100px; } .basket__pad .pad__title { margin: 0; font-size: 20px; font-weight: 600; line-height: 130%; /* 26px */ } .basket__pad .pad__button { width: 100%; height: 53px; } .basket__pad .pad__list { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; } .basket__pad .pad__item { list-style: none; display: flex; justify-content: space-between; } .basket__pad .pad__item .item__title, .basket__pad .pad__item .item__price { margin: 0; max-width: 230px; font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 400; line-height: 125%; /* 20px */ } .basket__pad .pad__item .item__price { white-space: nowrap; } .basket__pad .pad__total { display: flex; justify-content: space-between; } .basket__pad .pad__total .total__title, .basket__pad .pad__total .total__price { margin: 0; font-size: 20px; font-weight: 600; line-height: 125%; font-variant-numeric: lining-nums proportional-nums; } .delivery .delivery-section_new { margin: 60px auto 80px; } .delivery .section-title { font-weight: 400; line-height: 1.44; } .delivery__text-banner { margin-bottom: 75px; padding: 40px; display: flex; background: var(--contrast-color); border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.05); } .delivery__text-banner .section-title { width: 50%; padding-right: 50px; margin-bottom: 0; } .delivery__text-banner .text-banner__content { width: 50%; } .delivery__text-banner .text-banner__content ul { margin: 0; padding-inline-start: 20px; display: flex; flex-direction: column; gap: 20px; } .delivery__text-banner .text-banner__content ul li { font-size: 18px; } .delivery__text-banner .text-banner__content ul li::marker { color: var(--accent); } .delivery__text-banner .bus-lines { align-items: center; margin-bottom: 30px; display: flex; gap: 25px; } .delivery__text-banner .bus-lines__image { flex-shrink: 0; border-radius: 7px; border: 1px solid var(--border-color); width: 86px; height: 86px; padding: 10px; display: flex; align-items: center; justify-content: center; } .delivery__text-banner .bus-lines__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .delivery__text-banner .bus-lines__content { display: flex; flex-direction: column; gap: 12px; } .delivery__text-banner .bus-lines__top, .delivery__text-banner .bus-lines__bottom { margin: 0; font-size: 18px; } .delivery__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 90px; } .delivery__cards .card { display: flex; align-items: center; gap: 25px; } .delivery__cards .card__image { flex-shrink: 0; width: 200px; height: 145px; } .delivery__cards .card__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .delivery__bottom { margin-bottom: 90px; display: flex; } .delivery__bottom .section-title { white-space: nowrap; margin: 0 0 35px; } .delivery__bottom .section-group { width: 50%; padding-right: 50px; display: flex; flex-direction: column; justify-content: space-between; } .delivery__calc { width: 50%; height: 455px; border-radius: 20px; background-color: pink; } .info-page { margin-bottom: 80px; } .info-page h3 { font-size: 22px; margin: 2em 0 0.9em; font-weight: 500; text-transform: uppercase; } .info-page h5 { font-size: 20px; margin: 2em 0 0.9em; font-weight: 500; text-transform: uppercase; } .about { margin-bottom: 90px; } .about section { margin-bottom: 90px; } .about section:last-of-type { margin-bottom: 0; } .about .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .about-company__links_page { grid-row-gap: 10px; grid-column-gap: 15px; } .about-info { display: flex; gap: var(--about-gap); } .about-info__image { width: calc((100% - var(--about-gap)) / 2); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; } .about-info__content { width: calc((100% - var(--about-gap)) / 2); } .about-info__text { margin-bottom: 30px; max-width: 540px; display: flex; flex-direction: column; gap: 40px; } .about-info__text p { margin: 0; font-size: 18px; font-variant-numeric: lining-nums proportional-nums; font-weight: 400; line-height: 140%; /* 25.2px */ } .about-info__cards { gap: 15px; margin-bottom: 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .about-info__card { display: flex; flex-direction: column; background: var(--contrast-color); border-radius: 10px; box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); overflow: hidden; } .about-info__card .card-title { font-size: 10px; font-weight: 700; text-transform: uppercase; text-align: center; margin: 5px auto 13px; } .about-info__card .card-image { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .about .split-section { display: flex; gap: var(--about-gap); border-radius: 20px; background: var(--gray, #E5E5E5); } .about .split-section__text { padding: 40px; width: calc((100% - var(--about-gap)) / 2); } .about .split-section__text div { margin: 0; font-size: 18px; display: flex; flex-direction: column; gap: 20px; } .about .split-section__text div:after, .about .split-section__text div:before { content: ""; display: block; width: 100%; height: 1px; background: #BEBEBE; } .about .split-section__text div:first-child:before { display: none; } .about .split-section__text div:last-child:after { display: none; } .about .split-section__image { width: calc((100% - var(--about-gap)) / 2); height: auto; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 20px; } .about .text-wrapper { display: flex; gap: 5px; justify-content: space-between; } .about-cards { display: flex; gap: var(--about-gap); } .about-cards .about-card { width: calc((100% - var(--about-gap)) / 2); padding: 35px; display: flex; flex-direction: column; gap: 45px; border-radius: 20px; background: var(--contrast-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); flex-shrink: 0; position: relative; } .about-cards .about-card__title { margin: 0; font-size: 30px; font-weight: 400; line-height: 125%; /* 37.5px */ text-transform: uppercase; } .about-cards .about-card__text { line-height: 140%; margin: 0; } .about-cards .about-card__pin { flex-shrink: 0; width: 21px; height: 21px; border-radius: 50%; border: 3px solid var(--accent); } .about-cards .about-card__pin.blue { background: var(--accent); } .about .footer-banner_about .footer-banner__slider { height: 440px; } .about .footer-banner_about .footer-banner__slide { height: 100%; padding: 40px 35px; max-height: 440px; } .about .footer-banner_about .footer-banner__info { justify-content: flex-start; max-width: 550px; } .about .footer-banner_about .footer-banner__title { font-size: 30px; font-weight: 400; line-height: 125%; /* 37.5px */ text-transform: uppercase; } .about .worth__content { display: grid; grid-auto-rows: auto; grid-template-columns: 1fr 1fr; gap: 40px; } .about .worth-item { display: flex; gap: 25px; } .about .worth-item__image { flex-shrink: 0; height: 180px; width: 200px; border-radius: 6px; overflow: hidden; } .about .worth-item__content { display: flex; flex-direction: column; justify-content: center; gap: 40px; } .about .worth-item__title { margin: 0; font-size: 20px; font-weight: 600; line-height: 140%; /* 28px */ } .about .worth-item__desc { margin: 0; } .tuning { margin-bottom: 90px; } .tuning section { margin-bottom: 90px; } .tuning .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .tuning .contacts-info__field-values { max-width: 50%; } .faq { margin-bottom: 90px; } .faq section { margin-bottom: 90px; } .faq .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .faq__list { display: flex; flex-direction: column; gap: 20px; width: 100%; margin: 0; padding: 0; } .faq__item { list-style: none; display: flex; flex-direction: column; } .faq .item__question { display: flex; align-items: center; justify-content: space-between; padding: 25px 35px; border-radius: 12px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); background: var(--contrast-color); cursor: pointer; } .faq .item__answer { margin-top: 20px; padding: 25px 35px; border-radius: 12px; border: 1px solid var(--border-color); background: #F1F1F1; line-height: 1.45; } .faq .item__title { margin: 0; font-size: 20px; font-weight: 500; } .faq .item__button { width: 44px; height: 44px; border-radius: 5px; padding: 0; } .faq .answer-wrapper { overflow: hidden; height: 0; opacity: 0; } .legal-info section { margin-bottom: 90px; } .legal-info .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .legal-info__content { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; grid-column-gap: 85px; grid-row-gap: 60px; } .legal-info__block { display: flex; flex-direction: column; gap: 30px; } .legal-info .block-top { display: flex; align-items: center; gap: 20px; } .legal-info .block-title { margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 20px; font-weight: 500; line-height: 120%; /* 24px */ } .legal-info .block-list { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .legal-info .block-item { list-style: none; padding: 18px; border-radius: 10px; background: var(--contrast-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); min-height: 120px; } .legal-info .item-title { margin: 0; font-size: 16px; font-weight: 400; text-decoration-line: underline; } .legal-info .item-link { display: flex; flex-direction: column; justify-content: space-between; gap: 25px; text-decoration: none; } .blog section { margin-bottom: 90px; } .blog__list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 25px; } .info-page__consultation { display: flex; justify-content: center; margin-top: 40px; margin-bottom: 40px; } .journal section { margin-bottom: 90px; } .journal .section-title { font-size: 35px; font-weight: 400; text-transform: uppercase; } .journal .legal-info__content { grid-template-columns: 1fr; } .journal .legal-info__content .block-list { grid-template-columns: repeat(3, 1fr); } .career section { margin-bottom: 90px; } .career .page-title { width: 50%; } .career .section-title { font-size: 35px; font-weight: 400; line-height: 135%; /* 47.25px */ text-transform: uppercase; } .career .career__btn { width: -moz-min-content; width: min-content; white-space: nowrap; padding: 15px 30px; } .career .career__btn .btn__icon { display: flex; align-items: center; } .career .career__btn .btn__icon svg path { stroke: var(--contrast-color); } .career .split_career { display: flex; gap: 25px; } .career .split_career .split__image { background-repeat: no-repeat; background-size: cover; background-position: center; width: calc((100% - 25px) / 2); border-radius: 20px; } .career .split_career .split__info { width: calc((100% - 25px) / 2); display: flex; flex-direction: column; gap: 20px; } .career .split_career .split__info ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 25px; } .career .split_career .split__info li { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ } .career .split_career .split__info li::marker { color: var(--accent); } .career .achieve-results__slider { width: 100%; } .career .achieve-results__slide { display: flex; flex-direction: column; height: auto !important; padding: 35px; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.06); background: var(--gray); width: auto; box-sizing: border-box; } .career .achieve-results .slide-top { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 25px; } .career .achieve-results .slide-list { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; } .career .achieve-results .slide-list__item { list-style: none; padding-bottom: 20px; border-bottom: 1px solid #CFCFCF; font-variant-numeric: lining-nums proportional-nums; font-size: 18px; line-height: 140%; /* 25.2px */ } .career .achieve-results .slide-list__item:last-child { border-bottom: none; } .career .achieve-results .slide-title { margin: 0; padding: 8px 15px; color: var(--accent, #0054FF); font-size: 20px; font-weight: 600; line-height: 135%; /* 27px */ background: var(--contrast-color); border-radius: 7px; } .career .achieve-results .slide-icon { border-radius: 5px; border: 1px solid var(--border-color); background: var(--contrast-color); width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; } .career .achieve-results .career__btn { margin-top: 35px; } .career-growth { margin-bottom: 60px !important; padding-bottom: 60px; border-bottom: 1px solid var(--border-color); } .career-growth__list { display: flex; gap: 25px; height: 100%; } .career-growth__card { width: 100%; border-radius: 20px; padding: 35px; background-image: url("/frontend/src/img/png/career/noise.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .career-growth .card-title { font-size: 22px; font-weight: 600; color: var(--contrast-color); margin: 0 0 25px; } .career-growth .card-list { padding: 0; margin: 0 0 15px; list-style: none; display: flex; flex-direction: column; gap: 15px; } .career-growth .card-list__item { color: var(--contrast-color); padding-left: 30px; position: relative; font-size: 18px; } .career-growth .card-list__item:before { content: ""; width: 30px; height: 30px; background-image: url("/frontend/src/img/svg/use/career-arrow-icon.svg"); background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; position: absolute; left: -8px; transform: translateY(-15%); } .career-growth .card-image { margin-left: auto; width: 130px; height: 130px; border-radius: 50%; } .career .footnotes { display: flex; flex-direction: column; gap: 12px; } .career .footnotes p { font-size: 16px; margin: 0; } .vacancies .section-title { font-size: 35px; font-weight: 400; line-height: 135%; /* 47.25px */ text-transform: uppercase; } .vacancies .separator { width: 100%; height: 1px; background-color: var(--border-color); } .vacancies section { margin-bottom: 90px; } .vacancies__slide { box-sizing: border-box; display: flex; flex-direction: column; gap: 25px; } .vacancies__slide .slide-salary, .vacancies__slide .slide-address { font-size: 14px; margin: 0; } .vacancies__slide .slide__top { overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 20px; position: relative; } .vacancies__slide .slide__top .filter { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); z-index: 1; } .vacancies__slide .slide__top-content { position: relative; padding: 25px; display: flex; flex-direction: column; color: var(--contrast-color); z-index: 2; } .vacancies__slide .slide-logo { margin-top: 60px; margin-bottom: 18px; } .vacancies__slide .slide-logo svg path { fill: var(--contrast-color); } .vacancies__slide .slide-badge { font-size: 14px; margin-bottom: 18px; border-radius: 5px; background: var(--accent); padding: 7px 22px; max-width: 100%; width: -moz-fit-content; width: fit-content; } .vacancies__slide .slide-bottom { display: flex; flex-direction: column; gap: 5px; } .vacancies__slide .slide-bottom__name { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ } .vacancies__slide .slide-bottom__salary { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 600; line-height: 140%; /* 25.2px */ } .vacancies__slide .separator { margin-block: 10px; background: rgba(255, 255, 255, 0.21); } .vacancies .fast-offer { display: flex; justify-content: space-between; gap: 20px; } .vacancies .fast-offer .section-title { margin: 0; } .vacancies .fast-offer .offer__title { grid-row: 1; margin: 0; font-size: 25px; font-weight: 400; line-height: 135%; /* 33.75px */ text-transform: uppercase; } .vacancies .fast-offer .offer__desc { grid-row: 2; margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ } .vacancies .fast-offer .offer__links { display: flex; flex-direction: column; gap: 15px; grid-column: 2; grid-row: 1/span 2; } .vacancies .fast-offer .offer__links a { width: 60px; height: 60px; background: var(--gray); border-radius: 6px; display: flex; align-items: center; justify-content: center; } .vacancies .fast-offer .offer__links a svg { width: 35px; height: 35px; } .vacancies .fast-offer .offer__dj { margin-top: auto; display: flex; gap: 20px; align-items: center; } .vacancies .fast-offer .offer__dj .dj__icon { width: 45px; height: 45px; border: 2px solid var(--gray); background: var(--contrast-color); display: flex; align-items: center; justify-content: center; border-radius: 8px; flex-shrink: 0; } .vacancies .fast-offer .offer__dj .dj__icon svg { width: 28px; height: 28px; } .vacancies .fast-offer .offer__dj .dj__desc { max-width: 400px; margin: 0; font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; /* 25.2px */ } .vacancies .fast-offer__left { display: flex; flex-direction: column; align-self: stretch; } .vacancies .fast-offer__right { width: calc((100% - 25px) / 2); display: grid; grid-template-columns: 1fr 60px; grid-auto-rows: auto; grid-row-gap: 25px; grid-column-gap: 50px; padding: 35px; border-radius: 20px; box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.06); background: var(--contrast-color); } .vacancies .split_vacancies { display: flex; gap: 20px; } .vacancies .split_vacancies .split__image { width: calc((100% - 20px) / 2); border-radius: 20px; overflow: hidden; align-self: stretch; background-repeat: no-repeat; background-size: cover; background-position: center; } .vacancies .split_vacancies .split__info { width: calc((100% - 20px) / 2); } .vacancies .split_vacancies .split__info ul.split__info-list { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 35px; } .vacancies .split_vacancies .split__info ul.split__info-list li.split__info-item { list-style: none; padding: 0 0 35px; border-bottom: 1px solid var(--border-color); font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; } .vacancies .split_vacancies .split__info ul.split__info-list li.split__info-item:last-child { border-bottom: none; padding: 0; } .vacancies .split_vacancies .split__info ul { margin-top: 15px; padding-left: 18px; } .vacancies .split_vacancies .split__info ul li { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ } .vacancies .split_vacancies .split__info ul li::marker { color: var(--accent); list-style-type: disc !important; } .vacancies-banner { padding: 60px 50px; border-radius: 20px; background-color: var(--gray); display: flex; justify-content: space-between; align-items: center; } .vacancies-banner .section-title { margin: 0; } .vacancies-banner .banner-left { display: flex; flex-direction: column; gap: 25px; } .vacancies-banner .banner-link { color: var(--accent); font-size: 30px; font-weight: 400; line-height: 135%; /* 40.5px */ text-transform: uppercase; text-decoration: none; } .vacancies-banner .banner-button { padding: 15px 45px; } .vacancies-banner .banner-button .btn__icon { width: 30px; height: 30px; } .vacancies-banner .banner-button .btn__icon svg { width: 30px; height: 30px; } .vacancies-banner .banner-button .btn__icon svg path { stroke: var(--contrast-color); } .best-for-team section { margin-bottom: 55px; } .best-for-team section:last-child { margin-bottom: 90px; } .best-for-team .section-title, .best-for-team .page-title { margin: 0 0 35px; font-size: 35px; font-weight: 400; line-height: 135%; /* 47.25px */ text-transform: uppercase; } .best-for-team .chess-section { display: flex; flex-direction: column; gap: 55px; align-items: center; } .best-for-team .chess-section__block { width: 100%; display: flex; gap: 20px; } .best-for-team .chess-section__block:nth-child(even) { flex-direction: row-reverse; } .best-for-team .block-image { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; overflow: hidden; align-self: stretch; position: relative; width: calc((100% - 24px) / 2); height: 380px; } .best-for-team .block-image:nth-of-type(even):after { transform: scaleX(-1); } .best-for-team .block-image:after { content: ""; position: absolute; inset: 0; background-repeat: no-repeat; background-image: url("/frontend/src/img/png/best-for-team/noise-gradient-mask.png"); background-size: cover; background-blend-mode: luminosity; opacity: 0.5; } .best-for-team .block-text { max-width: 500px; display: flex; flex-direction: column; gap: 25px; margin: 0 auto; } .best-for-team .block-text__wrapper { width: calc((100% - 24px) / 2); display: flex; align-items: center; justify-content: center; } .best-for-team .block-text .annotation { color: #5C5C5C; font-size: 20px; font-weight: 600; line-height: 135%; /* 27px */ } .best-for-team .block-text_wide { max-width: 100%; } .best-for-team .block-text__title { font-size: 25px; font-weight: 600; line-height: 135%; /* 33.75px */ margin: 0; } .best-for-team .block-text ul { padding-left: 18px; margin: 0; display: flex; flex-direction: column; gap: 15px; } .best-for-team .block-text ul li { font-variant-numeric: lining-nums proportional-nums; font-size: 18px; font-weight: 400; line-height: 140%; /* 25.2px */ } .best-for-team .block-text ul li::marker { color: var(--accent); } .best-for-team .block-text p { color: #5C5C5C; font-size: 20px; font-weight: 600; line-height: 135%; /* 27px */ } .best-for-team .workspace { display: flex; gap: 20px; } .best-for-team .workspace .section-title { margin-bottom: 35px !important; } .best-for-team .workspace .btn-container { display: block; } .best-for-team .workspace .btn-container_mob { display: none; } .best-for-team .workspace__title { width: calc((100% - 20px) / 2); } .best-for-team .workspace__cards { width: calc((100% - 20px) / 2); display: grid; grid-template-columns: repeat(2, 1fr); /* Две колонки */ gap: 20px; /* Отступы между карточками */ } .best-for-team .workspace__card { padding: 25px; border-radius: 10px; background-color: var(--gray); /* Четные карточки с темным фоном */ max-height: 180px; } .best-for-team .workspace__card p { font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */ } .best-for-team .workspace__card:nth-child(odd) { justify-self: start; /* Карточки на нечетных позициях */ } .best-for-team .workspace__card:nth-child(even) { justify-self: end; /* Карточки на четных позициях */ transform: translateY(50px); } .best-for-team .workspace__card:nth-child(4n+2), .best-for-team .workspace__card:nth-child(4n+3) { background-color: var(--base-font-color); color: white; /* Темный фон и светлый текст для четных карточек */ } .search-page .title-container { flex-direction: column; gap: 16px; margin-bottom: 40px; justify-content: flex-start; align-items: start; } .search-page .title-container .page-title { margin: 0; } .search-page .title-container span.blue { font-size: 16px; color: var(--accent); } .search-page .slider_search-results { padding: 5px; } .search-page .slider_search-results__slide { height: auto; } .search-page .search-results { display: flex; flex-direction: column; gap: 20px; margin-bottom: 60px; } .search-page .search-results__button-prev, .search-page .search-results__button-next { box-shadow: 0 0 7px 0 #ccc; } .search-page .search-results__button-prev { transform: translateX(-20%); left: 0; } .search-page .search-results__button-next { transform: translateX(20%); right: 0; } .search-page .search-item { border-radius: 20px; background: var(--contrast-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.0509803922); padding: 20px; } .search-page .search-item .section-name { color: #8B8B8B; font-size: 14px; margin-bottom: 10px; display: block; } .search-page .search-item .item-title { font-size: 20px; font-weight: 500; color: var(--base-font-color); padding-left: 10px; margin: 0; } .search-page .search-item .item-content_text { color: var(--gray3); padding: 12px 0 0; } .search-page .search-item .item-content_cards { padding: 28px 0 8px; position: relative; } .search-page .search-item .item-content_cards .card { box-sizing: border-box; width: 100%; box-shadow: 0px 0px 8px 2px rgba(51, 60, 78, 0.0705882353); border-radius: 20px; padding: 10px 19px; text-decoration: none; color: var(--base-font-color); display: block; height: 100%; } .search-page .search-item .item-content_cards .card .separator { display: block; width: 100%; height: 1px; background: var(--border-color); margin-block: 15px; } .search-page .search-item .item-content_cards .card__image-wrapper { width: 100%; aspect-ratio: 1.33; overflow: hidden; } .search-page .search-item .item-content_cards .card__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .search-page .search-item .item-content_cards .card__title { margin: 0 0 15px; } .search-page .search-item .item-content_cards .card__price { font-weight: 600; margin: 0 0 6px; } .search-page .search-item .item-content_video { margin-top: 20px; } .search-page .search-item .item-content_video .video-reviews__item { width: 100%; max-width: 520px; aspect-ratio: 2.15; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 20px; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; } .all-videos-page { margin-bottom: 80px; } .all-videos-page .pagination { margin: 60px auto 0; } .all-videos-page .pagination__list { justify-content: center; } .all-videos-page .all-videos__content { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 24px; grid-row-gap: 40px; } .all-videos-page .all-videos__content:last-child { margin-bottom: 80px; } .all-videos-page .video-wrapper:nth-child(6n+1), .all-videos-page .video-wrapper:nth-child(6n+2) { grid-column: span 2; } .all-videos-page .play-icon { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--accent); border-radius: 50%; } .all-videos-page .play-icon svg { width: 19px; height: 22px; } .all-videos-page .pict { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .all-videos-page .video-content { position: relative; width: 100%; aspect-ratio: 1.7; display: flex; border-radius: 20px; overflow: hidden; cursor: pointer; } .all-videos-page .video-title { font-weight: 500; font-size: 20px; margin: 14px 0 0; } .not-found { padding-top: 0 !important; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100vh; } .not-found .container { display: flex; height: 100%; align-items: center; } .not-found__info { margin-top: 140px; max-width: 450px; } .not-found__info .page-title { font-size: 36px; font-weight: 700; color: var(--contrast-color); margin: 0 0 20px; text-transform: uppercase; } .not-found__info .text { font-size: 20px; color: var(--contrast-color); font-weight: 500; margin-bottom: 40px; line-height: 1.3; } .not-found__info .btn_go-home { font-size: 16px; font-weight: 500; padding: 14px 25px; width: -moz-min-content; width: min-content; white-space: nowrap; } @media screen and (max-width: 1280px) { .home .advantages-section .advantage { grid-template-rows: auto; grid-row-gap: 10px; } .home .advantages-section .advantage__title { font-size: 20px; } .home .advantages-section .advantage__icon { grid-row: 1/span 2; } .home .cards-section__card-title { margin: 0; } .home .cards-section__cards { display: grid; gap: 20px; } } @media screen and (max-width: 1280px) and (min-width: 577px) { .home .cards-section__cards { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1280px) { .home .cards-section__card { height: 260px !important; } .home .tg-banner { padding: 20px 30px; } .home .tg-banner__title { font-size: 20px; } .home .tg-banner__left { gap: 10px; } .home .tg-banner__right { gap: 15px; } .home .about-company .title-container_logo { margin-bottom: 30px; } .home .about-company__links { display: grid; grid-template-columns: repeat(4, 1fr); } .home .about-company__link { width: 100%; } .home .blog-section .blog-item__image { height: 220px; } .home .advantages_after-about { margin-bottom: 80px; } .home .advantages_after-about .item { grid-row-gap: 5px; } .home .advantages_after-about .title { font-size: 18px; align-content: center; } .home .advantages_after-about .desc { grid-column: 1/span 2; font-size: 16px; } .home .leader-section .logo-item { gap: 20px; } .home .leader-section .logo-item .logo { width: 156px; height: 58px; } .home .leader-section .central-item .mini-advantages { gap: 10px; } .home .leader-section .central-item__title { font-size: 20px; } } @media screen and (max-width: 1024px) { .home .main-section__content { display: none; } .home .main-section__slider-container { flex: 0 0 100%; } .home .advantages-section { flex-wrap: wrap; } .home .advantages-section .advantage { width: 306px; } .home .main-catalog-section .main-catalog__button-next, .home .main-catalog-section .main-catalog__button-next { display: none; } .home .agreement-container { justify-content: space-between; } .home .agreement-container__label { flex-grow: 1; } .home .agreement-container__label, .home .agreement-container__label a { font-size: 16px !important; line-height: 130%; } .home .agreement-container__checkbox { scale: 1.25; padding-right: 5px; width: 20px; flex-shrink: 0; } .home .leader-section { display: flex; flex-direction: column; gap: 40px !important; } .home .leader-section .central-item { gap: 16px; } .home .leader-section .central-item .mini-advantages { flex-direction: column; } .home .leader-section .video-item { aspect-ratio: 320/200; } } @media screen and (max-width: 950px) { .main-catalog__col { display: flex; flex-direction: column; gap: 20px; } .home { padding-top: 110px; } .home .section-title { font-size: 24px !important; } .home .advantages-section { gap: 10px; } .home .promotion-section .nav-slider__card-title { font-size: 14px; margin: 0 0 12px; } .home .promotion-section .prom-slider__slide { aspect-ratio: 1; } .home .promotion-section .swiper { overflow: visible; } .home .mini-advantages { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .home .mini-advantages .advantage__title { font-size: 25px !important; align-content: center; } .home .mini-advantages .advantage__icon { width: 30px !important; height: 30px !important; } .home .mini-advantages .advantage__icon svg { width: 30px; height: 30px; } .home .mini-advantages .advantage__desc { font-size: 18px !important; } .home .cards-section { margin-bottom: 80px; } .home .tg-banner { flex-direction: column; align-items: flex-start; gap: 15px; } .home .tg-banner__right, .home .tg-banner__left { flex-direction: column; align-items: flex-start; } .home .about-company { display: flex; flex-direction: column; gap: 30px; margin-bottom: 60px; } .home .about-company__desc { margin-bottom: 30px; } .home .about-company__links { grid-template-columns: 1fr; } .home .about-company__link { padding: 20px 30px; grid-row-gap: 15px; } .home .about-company__link .link__rate { font-size: 25px !important; } .home .about-company__link .link__reviews { font-size: 18px !important; } .home .about-company__link .link__icon { width: 35px !important; height: 35px !important; } .home .about-company__content { width: 100%; font-size: 18px; } .home .about-company__content p { font-size: 18px; } .home .about-company__banner { width: 100%; height: 322px; } .home .about-company .title-container_logo { gap: 10px; margin-bottom: 20px; } .home .about-company .link { margin-bottom: 30px; } .home .about-company .about-info__title { font-size: 20px; } .home .blog-section .blog-item { width: auto; } .home .main-section { height: auto; margin-bottom: 40px; } .home .main-section .slide__content { justify-content: flex-start; } .home .main-section .slide__image { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; min-height: 220px; aspect-ratio: 1.45; border-radius: 15px; } .home .main-section__slider-container { border-radius: var(--base-border-radius) var(--base-border-radius) 0 0; } .home .main-section__slide { padding: 30px 40px; } .home .main-section__slide_mob { box-sizing: border-box; height: auto; display: flex; flex-direction: column; background: transparent; gap: 20px; } .home .main-section__slide_mob .slide__title, .home .main-section__slide_mob .slide__desc { color: var(--base-font-color) !important; font-size: 24px; } .home .main-section__slide_mob .slide__title { font-size: 24px !important; } .home .main-section__slide_mob .slide__desc { font-size: 16px !important; } .home .main-section__slide_mob .slide__content { height: auto !important; } .home .main-section__slide_mob .slide__info { margin-bottom: 15px !important; } .home .main-section__navigation { position: absolute; top: calc((100vw - 40px) / 1.45 / 2); width: 100%; bottom: unset !important; right: unset !important; justify-content: space-between; } .home .main-section .main-section__button-next { transform: translateX(20%); box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); } .home .main-section .main-section__button-prev { transform: translateX(-20%); box-shadow: 0 4px 15px 0 rgba(51, 60, 78, 0.1); } .home .main-catalog__slider { margin: 0 auto 80px; } .home .video-reviews__item { background-size: cover; background-repeat: no-repeat; background-position: center; aspect-ratio: 1.7; } .home .video-reviews__item:first-child svg { width: 60px; height: 60px; } .home .video-reviews__slider { border-radius: 20px; } .home .blog-section .swiper { overflow: visible; } .home .blog-item__desc { font-size: 20px; } .home .date-label, .home .date-right { font-size: 16px !important; } .home .advantages_after-about .list { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .home .advantages_after-about .item { grid-template-columns: 30px 1fr; grid-template-rows: 30px 1fr; } .home .advantages_after-about .icon { width: 30px; height: 30px; } .home .advantages_after-about .icon svg { width: 20px; height: 20px; } .home .advantages_after-about .desc { grid-column: 2; } } @media screen and (max-width: 768px) { .cards-section__cards { flex-direction: column; gap: 20px; } .cards-section__card { max-height: 260px; flex: 0; } .cards-section__card-title { font-size: 20px; margin-bottom: auto; text-align: center; } } @media screen and (max-width: 576px) { .home .main-section { margin-bottom: 36px; } .home .main-section .slide__image { height: 221px; aspect-ratio: unset; width: 100%; } .home .promotion-section .prom-slider__slide { height: 200px !important; width: 156px !important; aspect-ratio: 1 !important; } .home .video-reviews__slider { border-radius: 0; overflow: visible; } .home .video-reviews__item { width: 305px; height: 185px; } .home .blog-section .blog-item { width: 328px !important; } } @media screen and (max-width: 1600px) { .product-card .product-card__main-slide-link { height: 556px; } } @media screen and (max-width: 1536px) { .product-card .product-card__main-slide-link { height: 536px; } } @media screen and (max-width: 1440px) { .product-card__slider-container { width: calc((100% - 50px) * 0.6); } .product-card__main-info { width: calc((100% - 50px) * 0.4); } .product-card__thumbs-slide { height: 120px; } .product-card .product-card__main-slide-link { max-height: 536px; max-width: 100%; aspect-ratio: 1.4; height: auto; } } @media screen and (max-width: 1280px) { .product-card section { margin-bottom: 80px; } .product-card .title-container { margin-bottom: 20px; } .product-card .title-container .section-title { font-size: 28px; } .product-card .separator { gap: 20px; margin: 0 0 20px; } .product-card .separator-title { font-size: 18px; } .product-card__slider-container { width: calc((100% - 40px) * 0.6); } .product-card__main { gap: 40px; } .product-card__main-info { width: calc((100% - 40px) * 0.4); } .product-card__prices { margin: 0 0 20px; } .product-card__price-text { font-size: 20px; } .product-card__price-value { font-size: 24px; } .product-card__thumbs-slide { height: 100px; } .product-card__selects { margin: 0 0 20px; } .product-card__equipment .equipment__field { flex-direction: column; align-items: flex-start; gap: 8px; } .product-card__equipment .equipment__field .equipment-key { min-width: auto; font-size: 16px; } .product-card__equipment .equipment__field .equipment-value { width: 100%; max-width: 100%; } .product-card__buttons { margin: 0 0 30px; grid-gap: 16px; } .product-card__advantages-item { flex: none; width: 100%; min-width: 0; max-width: 100%; } .product-card__advantages .advantage-icon { width: 30px; height: 30px; } .product-card__advantages .advantage-title { font-size: 16px; } .product-card__advantages .advantage-desc { font-size: 14px; } .product-card .tech-spec .item-title, .product-card .tech-spec .item-value { font-size: 16px; } .product-card .tech-spec__content { padding: 20px; } .product-card .tech-spec__col:nth-child(1) { padding-right: 10px; } .product-card .tech-spec__col:nth-child(2) { padding-inline: 10px; } .product-card .tech-spec__col:nth-child(3) { padding-left: 10px; } .product-card .form-slider-section .form-slider__slide-title { font-size: 32px; } } @media screen and (max-width: 1024px) { .product-card .title-container { margin-bottom: 20px; } .product-card .title-container .section-title { font-size: 24px; } .product-card .features__content { flex-wrap: wrap; } .product-card .features__item { flex: 1 1 320px; width: auto; } .product-card .features__item-img { aspect-ratio: 1.5; height: auto; } .product-card .model__content { aspect-ratio: 1.5; height: auto; } .product-card .power-range__content { aspect-ratio: 1; height: auto; } .product-card .form-slider-section .form-slider__slide-title { font-size: 26px; } } @media screen and (max-width: 950px) { .product-card__main { flex-direction: column; } .product-card__main-info { width: 100%; } .product-card__main-info .page-title { font-size: 24px !important; } .product-card__slider-container { width: 100%; margin-inline: auto; } .product-card__slider-container .thumb-slider__bottom { display: none; } .product-card__main-slide { min-height: auto; } .product-card-badges_on-slider { top: 10px; right: 10px; max-width: 85%; gap: 4px; opacity: 0.85; justify-content: flex-end; } .product-card-badges__item { padding: 5px 7px; font-size: 9px; font-weight: 600; line-height: 1.1; white-space: nowrap; } .product-card__prices { flex-direction: column; gap: 20px; } .product-card__selects { gap: 20px; } .product-card .tech-spec__content { flex-direction: column; gap: 30px; } .product-card .tech-spec__col { width: 100%; border-left: none !important; border-right: none !important; padding-inline: 0 !important; } .product-card .video-review__content { aspect-ratio: 1.5; max-height: 360px; } .product-card .video-review svg { width: 60px; height: 60px; } .product-card .payment-methods { padding: 30px 20px; } .product-card .payment-methods .title-container { margin-bottom: 25px; } .product-card .payment-methods__content { flex-direction: column; } .product-card .payment-methods__col .item-desc { font-size: 18px; } .product-card .calculator { gap: 30px; grid-template-columns: 1fr; padding: 20px; } .product-card .calculator .input-name { font-size: 16px; } .product-card .calculator .online-credit__offer { padding: 20px; grid-column: 1; grid-row: 3/span 2; } .product-card .calculator .online-credit__offer .offer-title { font-size: 16px; margin: 0 0 15px; } .product-card .calculator .online-credit__offer .offer-body { padding: 15px; } .product-card .calculator .online-credit__offer .offer-field { gap: 6px; } .product-card .calculator .online-credit__field { max-width: unset; } .product-card .separator-title { font-size: 16px; } .product-card .main-catalog__button-group { position: relative; width: 100%; display: flex; gap: 20px; justify-content: flex-end; height: 40px; margin-top: 20px; } .product-card .main-catalog__button-group .main-catalog__button-prev, .product-card .main-catalog__button-group .main-catalog__button-next { position: static; transform: unset; margin: 0; } .product-card .form-slider-section .form-slider__slide-info { max-width: 100%; } .product-card .form-slider-section .form-slider__slide-title { font-size: 18px; } .product-card .similar-products .swiper { overflow: visible; } } @media screen and (max-width: 786px) { .product-card__main-slide-link { height: 235px; } .product-card .main-catalog__slide { max-width: 328px; } } @media screen and (max-width: 1440px) { .catalog-body__cards { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1024px) { .catalog-body { flex-direction: column; } .catalog-body__filter .catalog-sort .sort-select .select2-selection:after { right: 4px; } .catalog-body__filter .catalog-sort .sort-select .select2-selection--single .select2-selection__rendered { padding: 0 16px 0 8px; } } @media screen and (max-width: 950px) { .catalog-body__cards { grid-template-columns: repeat(auto-fill, minmax(328px, 1fr)); } .catalog-body__filter { margin-inline: auto; } .catalog-body_services .catalog-body__filter { display: none; } .catalog-body__card_services { width: 100vw; margin-inline: calc(-50vw + 50%); } .catalog-body__card_services .card-info__actions { min-height: 100px; } .catalog-body__card_services .card-info__buttons { margin-top: 10px; } } @media screen and (max-width: 1600px) { .basket__item .item__title { max-width: 230px; } } @media screen and (max-width: 1440px) { .basket .section-title_basket { font-size: 22px; } .basket__pad { width: 380px; padding: 25px; gap: 25px; } .basket__pad .pad__item { gap: 10px; } .basket__pad .pad__item .item__title { max-width: 195px; } .basket__item { padding: 20px 90px 20px 20px; } .basket__form { padding: 25px 20px; gap: 20px; } } @media screen and (max-width: 1280px) { .basket__item .item__content { display: grid; gap: 20px; } } @media screen and (max-width: 1024px) { .basket .page-title { font-size: 24px !important; } .basket .section-title_basket { font-size: 18px !important; } .basket__item .item__counter .counter__button, .basket__item .item__counter .counter__indicator { width: 35px; height: 35px; } } @media screen and (max-width: 950px) { .basket .page-title { margin-bottom: 30px; } .basket .section-title_basket { margin-bottom: 25px; } .basket__content { max-width: 700px; } .basket__list { margin-bottom: 45px; } .basket__pad { width: 100%; position: static; margin-bottom: 80px; } } @media screen and (max-width: 768px) { .basket .section-title_basket_click { margin: 0; position: relative; cursor: pointer; } .basket .section-title_basket_click:after { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2217%22%20height%3D%229%22%20viewBox%3D%220%200%2017%209%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%208L8.5%201L16%208%22%20stroke%3D%22%238B8B8B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); /* Начальное положение стрелки */ transform-origin: center; transition: transform 0.5s ease; /* Плавный переход */ } .basket .section-title_basket_click.open:after { transform: translateY(-100%) rotate(0deg); /* Поворот стрелки */ } .basket .radio-field { padding-left: 30px; } .basket .radio-field label::before { width: 20px; height: 20px; } .basket .radio-field label::after { width: 10px; height: 10px; } .basket .content { display: none; height: 0; } .basket .content > :first-child { padding-top: 25px; } .basket__item { flex-direction: column; padding: 65px 25px 30px; } .basket__item .item__image { width: 100%; height: auto; } .basket__item .item__title { grid-column: 1/span 2; width: 100%; } .basket__item .item__price { text-align: right; } .basket__item .item__content { grid-template-columns: 1fr 1fr; } .basket__pad { padding: 30px 25px; gap: 30px; } .basket__form { margin-bottom: 15px; padding: 25px; max-width: 526px; } .basket__form .content > :first-child { padding-top: 0; } .basket__form .application-form { gap: 10px; } .basket__form .application-form__input { padding: 20px 20px 20px 60px; font-size: 16px; } .basket__delivery { margin-bottom: 15px; padding: 30px 25px; background: var(--contrast-color); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); } .basket__delivery .radio-field__comp a { display: block; margin-left: 20px; color: var(--accent); font-variant-numeric: lining-nums proportional-nums; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ } .basket__payment { margin-bottom: 0; padding: 30px 25px; background: var(--contrast-color); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: 0 4px 50px 0 rgba(51, 60, 78, 0.1); } } @media screen and (max-width: 950px) { .delivery__text-banner { flex-direction: column; padding: 30px 16px; } .delivery__text-banner .section-title { margin-bottom: 27px; width: 100%; padding: 0; } .delivery__text-banner .text-banner__content { width: 100%; } .delivery__text-banner .text-banner__content ul { gap: 10px; padding-left: 14px; } .delivery__text-banner .text-banner__content ul li { font-size: 14px; } .delivery__text-banner .bus-lines { grid-template-columns: 50px 1fr; grid-column-gap: 13px; align-items: flex-start; } .delivery__text-banner .bus-lines__image { width: 50px; height: 50px; } .delivery__text-banner .bus-lines__img { width: 34px; height: 28px; } .delivery__text-banner .bus-lines__top { font-size: 14px; } .delivery__text-banner .bus-lines__bottom { font-size: 14px; } .delivery__cards { grid-template-columns: 1fr; margin-bottom: 50px; } .delivery__cards .card { flex-direction: column; gap: 15px; } .delivery__cards .card__image { width: 100%; aspect-ratio: 329/170; min-height: 170px; border-radius: 10px; overflow: hidden; } .delivery__cards .card__text { font-size: 14px; } .delivery__cards .card__text .typo { font-size: inherit; } .delivery .section-group { width: 100%; padding: 0; } .delivery .section-group .section-title { margin-bottom: 30px; } .delivery .section-group p { font-size: 14px; } } @media screen and (min-width: 1536px) { .video-banner_about { height: 620px; } .about-info__text { max-width: 100%; } } @media screen and (max-width: 1280px) { .about .worth-item__content { gap: 10px; justify-content: flex-start !important; } } @media screen and (max-width: 950px) { .about section { margin-bottom: 50px; } .about .section-title { font-size: 24px; margin-bottom: 30px; } .about .video-banner { height: 420px; margin-bottom: 50px; } .about-info { flex-direction: column; } .about-info__card { width: calc((100% - 30px) / 3); } .about-info__card .card-title { margin: 0 auto 10px; } .about-info__cards { gap: 10px; display: flex; flex-flow: row wrap; margin-bottom: 30px; } .about-info__image { aspect-ratio: 0.9; height: auto; width: 100%; margin-bottom: 30px; } .about-info__content { width: 100%; } .about-info__text { gap: 20px; font-size: 14px; margin-bottom: 20px; } .about-info__text p { font-size: 14px; } .about .split-section { flex-direction: column-reverse; gap: 0; } .about .split-section__text { width: 100%; padding: 25px; display: flex; flex-direction: column; gap: 20px; } .about .split-section__text div { font-size: 14px; } .about .split-section__text div:after, .about .split-section__text div:before { display: none; } .about .split-section__image { aspect-ratio: 1.4; width: 100%; } .about-cards { flex-direction: column; gap: 20px; } .about-cards .about-card { width: 100%; padding: 20px; } .about-cards .about-card__title { font-size: 18px; width: calc(100% - 60px); } .about-cards .about-card__pin { width: 16px; height: 16px; } .about-cards .about-card__text { font-size: 12px; } .about-company__links { grid-row-gap: 10px; grid-column-gap: 15px; } .about-company__links .about-company__link { padding: 15px; } .about-company__links .about-company__link .link__reviews { font-size: 12px; grid-column: 1/span 2; } .about-company__links .about-company__link .link__rate { font-size: 20px; } .about-company__links .about-company__link .link__icon { height: 27px; width: 27px; } .about-company__links .about-company__link .link__icon svg { max-width: 18px; max-height: 18px; } .about .contacts-info__field-values { width: 100%; max-width: 100% !important; } .about .worth-item { gap: 20px; } .about .worth-item__title { font-size: 14px; } .about .worth-item__image { width: 120px; height: 120px; } .about .worth-item__desc { font-size: 12px; } .about .worth__content { grid-template-columns: 1fr; gap: 30px; } .about .footer-banner__slide { padding: 25px 20px !important; } .about .footer-banner__title { font-size: 20px !important; line-height: 1.25; } } @media screen and (max-width: 576px) { .about .about-info__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } .about .about-info__card { width: 100%; } } @media screen and (max-width: 1440px) { .tuning section { margin-bottom: 50px; } .tuning .section-title { margin-bottom: 25px; } } @media screen and (max-width: 950px) { .tuning { margin-bottom: 50px; } .tuning .nav-slider .swiper { height: 170px; } .tuning .nav-slider__card { width: 240px !important; } .tuning .contacts-info__field_form .contacts-info__field-values { max-width: 400px; } } @media screen and (max-width: 950px) { .service .video-banner { aspect-ratio: 328/420; height: auto; width: 100%; margin-bottom: 50px; } .service .video-banner svg { width: 60px; height: 60px; } .service .list-of-services { margin-bottom: 50px; width: 100%; } .service .list-of-services .num { font-size: 14px; } .service__funnel { margin-bottom: 50px !important; } .service__funnel-cards { flex-direction: column; margin-bottom: 0; } .service__funnel-card { width: 100%; gap: 15px; } .service__funnel-card .card-image { aspect-ratio: 328/170; min-height: 170px; } .service__funnel-card .card-image img { -o-object-position: center; object-position: center; } .service__funnel-card .card-info__title { font-size: 18px; } .service__funnel-card .card-info__desc { font-size: 14px; } .service__quarantee-content { grid-template-columns: 1fr; gap: 0; } .service__quarantee-info h3 { font-size: 16px; margin: 0 0 15px; } .service__quarantee-info ul { margin: 0 0 50px; padding-left: 18px; } .service__quarantee-info ul li::marker { font-size: inherit; } .service__quarantee-info p { font-size: 14px; } .service__quarantee-info p:last-of-type { margin-bottom: 25px; } .service__quarantee-image { display: none; } } @media screen and (max-width: 1280px) { .legal-info__content { grid-gap: 50px; } .legal-info__block { gap: 20px; } .legal-info .block-title { font-size: 16px; } .legal-info .item-title { font-size: 14px; } .legal-info .item-link { height: 100%; } .legal-info .date-label, .legal-info .date-right { font-size: 12px; } } @media screen and (max-width: 950px) { .legal-info__content { grid-template-columns: 1fr; } .legal-info .block-list { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } .legal-info .block-item { min-height: 90px; max-width: 450px; } } @media screen and (max-width: 950px) { .faq section { margin-bottom: 50px; } .faq .item__question { padding: 20px; } .faq .item__title { font-size: 16px; } .faq .item__button { width: 30px; height: 30px; } .faq .item__answer { margin: 10px 0 0; padding: 20px; font-size: 12px; line-height: 17px; } .faq .contacts-info__field_form .contacts-info__field-values { max-width: unset; } } @media screen and (max-width: 950px) { .blog__list { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } } @media screen and (max-width: 768px) { .journal .legal-info__content .block-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 500px) { .journal .legal-info__content .block-list { grid-template-columns: 1fr; } } @media screen and (max-width: 950px) { .career section { margin-bottom: 50px !important; } .career .page-title { width: 100%; } .career .career__btn { font-size: 14px; } .career .career__btn .btn__icon { width: 18px; height: 18px; } .career__nav { flex-direction: column; gap: 10px; } .career__nav .nav__btn { padding: 12px 25px; justify-content: flex-start; font-size: 16px; } .career__nav .nav__btn .btn__icon { width: 25px; height: 25px; } .career__nav .nav__btn .btn__icon svg { width: 15px; height: 15px; } .career .split_career { flex-direction: column-reverse; } .career .split_career .split__info { width: 100%; } .career .split_career .split__info ul { padding-left: 16px; gap: 20px; } .career .split_career .split__info li { font-size: 14px; } .career .split_career .split__image { width: 100%; aspect-ratio: 1; max-height: 510px; } .career-growth { padding-bottom: 50px; } .career-growth__list { flex-direction: column; } .career-growth__card { padding: 25px; } .career-growth__card .card-title { font-size: 16px; margin-bottom: 20px; } .career-growth__card .card-list__item { font-size: 14px; padding-left: 27px; } .career-growth__card .card-list__item:before { width: 27px; height: 27px; background-position: center; transform: translateY(-30%); left: -5px; } .career-growth__card .card-image { width: 110px; height: 110px; } .career .achieve-results__slide { padding: 20px; } .career .achieve-results__slide .slide-title { padding-block: 0; font-size: 14px; line-height: 40px; } .career .achieve-results__slide .slide-icon { height: 40px; width: 40px; } .career .achieve-results__slide .slide-icon svg { width: 25px; height: 25px; } .career .achieve-results__slide .slide-list__item { font-size: 12px; } .career .footnotes p { font-size: 12px; } } @media screen and (max-width: 950px) { .vacancies section { margin-bottom: 50px; } .vacancies__slide { gap: 15px; } .vacancies__slide .slide-logo { width: 62px; height: 23px; margin-bottom: 12px; } .vacancies__slide .slide-logo svg { width: inherit; height: inherit; } .vacancies__slide .slide-badge { margin-bottom: 12px; } .vacancies__slide .slide-salary, .vacancies__slide .slide-address { font-size: 12px; } .vacancies__slide .slide-bottom__name { font-size: 12px; } .vacancies__slide .slide-bottom__salary { font-size: 16px; } .vacancies .fast-offer { flex-direction: column; gap: 25px; } .vacancies .fast-offer .section-title { margin-bottom: 25px; } .vacancies .fast-offer .offer__links { display: none; } .vacancies .fast-offer .offer__dj { gap: 15px; } .vacancies .fast-offer .offer__dj .dj__icon { width: 36px; height: 36px; } .vacancies .fast-offer .offer__dj .dj__icon svg { width: 22px; height: 20px; } .vacancies .fast-offer .offer__dj .dj__desc { font-size: 12px; } .vacancies .fast-offer .offer__title { font-size: 16px; } .vacancies .fast-offer .offer__desc { font-size: 14px; } .vacancies .fast-offer__right { width: 100%; display: flex; flex-direction: column; padding: 25px; gap: 20px; } .vacancies-banner { flex-direction: column; padding: 30px; gap: 20px; align-items: flex-start; } .vacancies-banner .banner-link { font-size: 16px; } .vacancies-banner .banner-button { padding: 15px 35px; font-size: 14px; } .vacancies-banner .banner-button .btn__icon { width: 18px; height: 18px; } .vacancies-banner .banner-button .btn__icon svg { width: inherit; height: inherit; } .vacancies .split_vacancies { flex-direction: column; } .vacancies .split_vacancies .split__image { width: 100%; aspect-ratio: 328/250; } .vacancies .split_vacancies .split__info { width: 100%; } .vacancies .split_vacancies .split__info ul li { font-size: 12px; } .vacancies .split_vacancies .split__info-item { font-size: 14px !important; padding: 0 0 25px !important; } .vacancies .split_vacancies .split__info-item:last-of-type { padding: 0 !important; } .vacancies .split_vacancies .split__info-list { gap: 25px !important; } } @media screen and (max-width: 576px) { .vacancies__slide { min-width: 240px; max-width: 306px; } } @media screen and (max-width: 1024px) { .best-for-team .chess-section .block-text ul li { font-size: 14px; } .best-for-team .chess-section .block-text__title { font-size: 16px; } .best-for-team .chess-section .block-text .annotation { font-size: 14px; } .best-for-team .workspace__card p { font-size: 14px; } } @media screen and (max-width: 950px) { .best-for-team section { margin-bottom: 50px; } .best-for-team .page-title { margin-bottom: 25px; } .best-for-team .section-title { margin-bottom: 25px; } .best-for-team .chess-section { gap: 25px; } .best-for-team .chess-section .block-image { aspect-ratio: 328/250; } .best-for-team .chess-section .block-text { gap: 15px; } .best-for-team .workspace { flex-direction: column; margin-bottom: 100px !important; } .best-for-team .workspace .section-title { margin-bottom: 0 !important; } .best-for-team .workspace .btn-container { display: none; } .best-for-team .workspace .btn-container_mob { transform: translateY(50px); display: block; } .best-for-team .workspace__title { width: 100%; } .best-for-team .workspace__cards { width: 100%; } .best-for-team .workspace__card { padding: 17px 20px; } } @media screen and (max-width: 768px) { .best-for-team .chess-section__block { flex-direction: column; } .best-for-team .chess-section__block .block-image { width: 100%; height: auto; } .best-for-team .chess-section__block .block-text__wrapper { width: 100%; } .best-for-team .chess-section__block:nth-child(even) { flex-direction: column; } } @media screen and (max-width: 600px) { .best-for-team .chess-section__block { align-items: flex-start; } .best-for-team .workspace { margin-bottom: 50px !important; } .best-for-team .workspace .btn-container_mob { transform: translateY(0); } .best-for-team .workspace__cards { display: flex; flex-direction: column; gap: 10px; } .best-for-team .workspace__card { display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px; } .best-for-team .workspace__card p { margin: 0; } .best-for-team .workspace__card:nth-child(even) { transform: none; background-color: var(--base-font-color) !important; color: #FFF !important; } .best-for-team .workspace__card:nth-child(odd) { background-color: var(--gray) !important; color: var(--base-font-color) !important; } } @media screen and (max-width: 950px) { .contacts .map-contacts { height: 380px; } .contacts-info { gap: 40px; } .contacts .section-title { font-size: 24px !important; font-weight: 400; } .contacts .contacts-info__field-values { flex-direction: column; gap: 20px; max-width: 100% !important; } .contacts .contacts-info__field-value { width: 100%; } .contacts .contacts-info__field-value .contact-item { grid-template-columns: 23px 1fr; grid-template-rows: auto; grid-row-gap: 7px; grid-column-gap: 12px; align-items: center; } .contacts .contacts-info__field-value .contact-item__icon { width: 23px; height: 23px; } .contacts .contacts-info__field-value .contact-item__icon svg { width: 13px; height: 13px; } .contacts .contacts-info__field-value .contact-item__name { font-size: 16px; } .contacts .contacts-info__field-value .contact-item__value { font-size: 14px; } .contacts .contacts-info__field { padding: 0 0 40px; } .contacts .contacts-info__field:first-child { padding: 0; } .contacts .contacts-info__field.contacts-info__field_addresses .contacts-info__field-values { flex-direction: column; gap: 20px; } .contacts .contacts-info__field.contacts-info__field_addresses .contacts-info__field-value { flex: 1 1 100%; min-width: auto; } } @media screen and (max-width: 1024px) { .all-videos-page .all-videos__content { grid-template-columns: repeat(2, 1fr); } .all-videos-page .video-wrapper:nth-child(6n+1), .all-videos-page .video-wrapper:nth-child(6n+2) { grid-column: span 1; } .all-videos-page .video-title { font-size: 16px; } } @media screen and (max-width: 576px) { .all-videos-page .all-videos__content { grid-template-columns: 1fr; grid-row-gap: 18px; } .all-videos-page .pagination { margin: 30px auto 60px; } } @media screen and (max-width: 950px) { .not-found .page-title { font-size: 22px !important; margin-bottom: 10px; } .not-found .text { font-size: 16px; margin: 0 0 20px; } .not-found .btn_go-home { font-size: 14px; padding: 10px 16px; } } @media screen and (max-width: 1440px) { .header-nav { margin: 0 auto 0 50px; } } @media screen and (max-width: 1024px) { .header { height: 75px; width: 100% !important; position: relative; } .header-body { display: none; } .header-footer { position: fixed; top: 0; right: 0; left: 0; z-index: 999; } .mob-buttons { display: flex; gap: 15px; } .mob-buttons .btn_mob-menu, .mob-buttons .btn_mob-user { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; padding: 0; } .mob-buttons .btn_mob-menu { background-color: var(--accent); } .mob-buttons .btn_mob-menu .btn__icon.lines { display: flex; flex-direction: column; justify-content: space-between; width: 25px; height: 15px; } .mob-buttons .btn_mob-menu .btn__icon.lines .icon-line { background-color: var(--contrast-color); height: 2px; width: 100%; max-width: 25px; } .mob-buttons .btn_mob-menu .btn-icon.cross { display: none; opacity: 0; transition: opacity 0.3s ease; } .mob-buttons .btn_mob-menu .btn-icon.cross svg { width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .mob-buttons .btn_mob-menu.active .lines { display: none; opacity: 0; } .mob-buttons .btn_mob-menu.active .cross { display: block; opacity: 1; } .mob-buttons .btn_mob-user { background-color: var(--gray); } .mob-buttons .btn_mob-user .btn__icon { width: 24px; height: 24px; } .mob-buttons .btn_mob-user .btn__icon svg { width: 24px; height: 24px; fill: var(--base-font-color); } .mob-buttons .btn__icon { transition: opacity 0.3s ease; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } } @media screen and (max-width: 950px) { .header-footer { margin-top: 20px; } .mob-menu-content .footer-bottom__socials-link_tt span { width: 100% !important; height: 100% !important; } .mob-menu-content .footer-bottom__socials-link_tt span svg { width: 100% !important; height: 100% !important; } } @media screen and (max-width: 1280px) { .footer-body__navigation { display: block; -moz-column-count: 3; column-count: 3; -moz-column-gap: 30px; column-gap: 30px; max-height: unset; } .footer-body__navigation-item { width: auto; display: block; margin-bottom: 15px; } } @media screen and (max-width: 950px) { .footer-body { flex-direction: column; gap: 30px; padding: 50px 0 30px; } .footer-body__navigation-item { font-size: 12px; } .footer-body__contacts { display: grid; grid-template-columns: 1fr 1fr; max-width: 100%; grid-column-gap: 15px; } .footer-body__contacts-item { font-size: 12px; } .footer-body__contacts-link { font-size: 14px; white-space: nowrap; } .footer-body .btn_call { max-width: 200px; white-space: nowrap; grid-column: 1/span 2; } .footer-bottom { padding: 30px 0; } .footer-bottom__logo { height: 25px; width: 68px; } .footer-bottom__logo svg { height: 25px; width: 68px; } .footer-bottom__socials-link { display: flex; align-items: center; justify-content: center; padding: 0; } .footer-bottom__socials-link span { width: 17px; height: 17px; } .footer-bottom__socials-link span svg { width: 17px; height: 17px; } .footer-bottom__socials-link_tt span { width: 26px !important; height: 26px !important; } .footer-bottom__socials-link_tt span svg { width: 26px !important; height: 26px !important; } } @media screen and (max-width: 768px) { .footer-body .btn_call { max-width: 50%; font-size: 14px; } .footer-body__navigation { -moz-column-count: 2; column-count: 2; } .footer-bottom { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto auto; grid-row-gap: 20px; grid-column-gap: 5px; align-items: center; } .footer-bottom .white-text { font-size: 14px; grid-row: 1; grid-column: 1/span 2; text-align: center; } .footer-bottom__logo { grid-row: 2; grid-column: 1; } .footer-bottom .footer__info { grid-row: 2; grid-column: 2; justify-content: flex-start; align-items: center; margin: 0; padding: 0; gap: 15px; } .footer-bottom__socials { grid-row: 3; grid-column: 1/span 2; justify-content: center; gap: 10px; } .footer-bottom__socials-link { width: 30px; height: 30px; } .footer-bottom__external-logo { grid-row: 4; grid-column: 1/span 2; display: flex; justify-content: center; align-items: center; } } @media screen and (max-width: 1440px) { .container { width: calc(100% - 100px); } .section-title { font-size: 32px; margin: 0 0 30px; } .title-container { margin: 0 auto 30px; } } @media screen and (max-width: 1280px) { :root { --home-section-mb: 80px; } .section-title, .page-title { font-size: 28px !important; margin: 0 0 20px; } .title-container { margin: 0 auto 20px; } } @media screen and (max-width: 1024px) { main { padding-top: 110px; } .container { width: calc(100% - 40px); } .section-title { font-size: 24px !important; margin: 0 0 20px; } } @media screen and (max-width: 950px) { main { padding-top: 130px; } .page-title, .section-title { font-size: 20px !important; } .title-container { margin: 0 auto 24px; } .bread-crumbs { display: none; } .link_after { font-size: 20px; gap: 10px; } .link_after svg { width: 15px; height: 10px; } .b24-widget-button-position-bottom-left { left: 15px !important; bottom: 15px !important; } } @media screen and (max-width: 500px) { .fancybox__nav .f-button { top: 100px !important; } } @media screen and (max-width: 950px) { .select2-selection { padding: 10px 40px 15px 10px !important; } .select2-results__option { font-size: 14px !important; } .select2-selection__placeholder { font-size: 16px !important; } } @media screen and (max-width: 950px) { .remodal { padding: 20px !important; } .application-form { gap: 5px; } .application-form input::-moz-placeholder { font-size: 16px; } .application-form input::placeholder { font-size: 16px; } .application-form__input, .application-form .checkboxes__title, .application-form .input-field_resume { padding: 19px 15px 15px 45px; font-size: 16px; } .application-form .checkboxes__title { padding-left: 15px; } .application-form__button { margin-top: 15px; padding-block: 14px; } .application-form__icon { left: 15px; scale: 0.8; } .success-message h3 { margin-bottom: 15px; } .success-message p { font-size: 16px; margin-bottom: 15px; } .success-message p:last-child { margin-bottom: 15px; } .vacancy-form .checkboxes__col { flex-shrink: 0; } .vacancy-form .checkboxes__list { gap: 10px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-bottom: 15px; } .open-menu { background-color: var(--contrast-color); margin-bottom: 20px; } } @media screen and (max-width: 1280px) { .logos-section .logos-slider__slide { height: -moz-min-content; height: min-content; border-radius: 8px; } .logos-section .logos-slider__slide-link { padding: 16px 29px; } .logos-section .logos-slider__slide-img { max-height: 40px; } .about-company__desc { margin-bottom: 25px; } .about-company__content { font-size: 16px; } .about-company__content p { font-size: 16px; margin-bottom: 15px; } .about-company__links { grid-gap: 8px; } .about-company__link { padding: 10px 15px; } .about-company__link .link__rate { font-size: 22px; } .about-company__link .link__reviews { font-size: 16px; } .about-company .link__rate { font-size: 20px; } .footer-banner__info { max-width: 270px; } .footer-banner__slider { height: 470px; } .footer-banner__title { font-size: 20px; margin-bottom: 15px; } .footer-banner__desc { font-size: 18px; } .nav-slider__card-title { font-size: 14px; margin: 0 0 12px; } .nav-slider__card-badge { top: 20px; left: 20px; } } @media screen and (max-width: 1024px) { .nav-slider__scrollbar { display: none; } .contacts-info__field_form .contacts-info__field-values { max-width: 60%; } .contact-form { padding: 15px; border-radius: 15px; } .contact-form *::-moz-placeholder { font-size: 12px; } .contact-form input, .contact-form textarea, .contact-form span, .contact-form *::placeholder { font-size: 12px; } .agreement-container { margin-top: 10px !important; } .agreement-container__label, .agreement-container__link { font-size: 10px !important; } .title-container__link.link_after { margin-bottom: 80px; } } @media screen and (max-width: 950px) { .about-company__desc { margin-bottom: 25px; } .about-company__content { font-size: 16px; } .about-company__content p { font-size: 16px; margin-bottom: 15px; } .about-company__links { grid-gap: 8px; } .about-company__link { padding: 10px 15px; } .about-company__link .link__rate { font-size: 22px; } .about-company__link .link__reviews { font-size: 16px; } .about-company .link__rate { font-size: 20px; } .footer-banner__info { justify-content: flex-start; } .nav-slider__card { min-width: 156px !important; } .nav-slider .nav-slider__card { width: 156px !important; } .nav-slider__container { margin-bottom: 20px; } .logos-section .logos-slider .swiper-wrapper { align-items: stretch; } .logos-section .logos-slider .swiper-slide { height: auto !important; } .logos-section__button-next { right: 10px !important; } .logos-section__button-prev { left: 10px !important; } .contacts-info__field { flex-direction: column; } .contacts-info__field__values { max-width: 400px; } .services__list { gap: 20px; } .services__list .services__item { padding-bottom: 20px; gap: 15px; } .services__list .item__price { white-space: nowrap; font-size: 14px; } .services__list .item__left { gap: 10px; } .services__list .item__title { font-size: 14px; } .num { width: 30px; height: 30px; } .blog-item__content { gap: 25px; } .blog-item__image { height: 185px; } .blog-item__desc { font-size: 14px; } .blog-item .date-label, .blog-item .date-right { font-size: 12px; } .pagination__list { margin-inline: auto; max-width: 320px; gap: 10px; justify-content: space-between; } .form-slider-section .form-slider { height: 520px; } .form-slider-section .form-slider__slide { padding: 50px 20px 20px; display: flex; justify-content: center; } .form-slider-section .form-slider__slide-title { font-size: 18px; font-weight: 700; line-height: 130%; /* 23.4px */ margin-bottom: 20px; } .form-slider-section .form-slider__slide-content { flex-direction: column; justify-content: flex-start; } .form-slider-section .form-slider__slide-form { padding: 15px; } .form-slider-section .form-slider__controls { display: none; } .delivery-section_new { padding: 30px 20px; } .delivery-section_new .company-title { font-size: 18px; } .delivery-section_new .company-icon { grid-row: 1; width: 50px; height: 50px; } .delivery-section_new .company-icon svg { height: 36px; width: 36px; } .delivery-section_new .company-desc { grid-column: 1/span 2; } .delivery-section_new .title-container { width: 100% !important; max-width: unset; } .delivery-section_new .title-container .section-title { width: 100%; } .delivery-section_new .typo { font-size: 14px; } .delivery-section_new .delivery__top { flex-direction: column; gap: 25px; margin-bottom: 25px; border-bottom: 1px solid var(--border-color); padding-bottom: 25px; } .delivery-section_new .delivery__top-content { width: 100%; } .delivery-section_new .delivery__top .title-container { margin: 0; } .delivery-section_new .delivery__mid { flex-direction: column; gap: 25px; margin-bottom: 25px; padding-bottom: 25px; } .delivery-section_new .delivery__mid .typo { font-size: 16px; } .delivery-section_new .delivery__mid .title-container { margin-bottom: 25px !important; } .delivery-section_new .delivery__mid .left, .delivery-section_new .delivery__mid .right { width: 100%; } .delivery-section_new .delivery__mid .left .content { width: 100%; } .delivery-section_new .delivery__mid .right .tk-list { gap: 20px; } .delivery-section_new .delivery__mid .right .tk-item { width: 47px; height: 47px; } .delivery-section_new .delivery__mid .countries-item { font-size: 16px; } .delivery-section_new .delivery__company { width: 100% !important; grid-template-columns: 50px 1fr; grid-column-gap: 20px; grid-row-gap: 15px; } .delivery-section_new .delivery__company .company-desc { font-size: 16px !important; } .delivery-section_new .delivery__bottom { flex-direction: column; gap: 15px; margin: 0; } .delivery-section_new .delivery__bottom .item__desc { font-size: 16px; } } @media screen and (max-width: 768px) { .footer-banner__info { justify-content: flex-start; margin: 0; } .footer-banner__slide { padding: 50px 20px; } .typo img { margin: 15px 0; } } /* Импортирует common/footer/mobile.scss через common/mobile.scss */ /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/vue/Test.vue?vue&type=style&index=0&id=4a489218&scoped=true&lang=css ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Ваши стили здесь */ h1[data-v-4a489218] { color: green; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./node_modules/vue-slider-component/theme/antd.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* component style */ .vue-slider-disabled .vue-slider-process { background-color: #a7a7a7; } .vue-slider-disabled .vue-slider-dot-handle { border-color: #a7a7a7; } .vue-slider-disabled .vue-slider-mark-step-active { box-shadow: 0 0 0 2px #a7a7a7; } /* rail style */ .vue-slider-rail { background-color: whitesmoke; border-radius: 15px; transition: background-color 0.3s; } .vue-slider:hover .vue-slider-rail { background-color: #e1e1e1; } /* process style */ .vue-slider-process { background-color: #9cd5ff; border-radius: 15px; transition: background-color 0.3s; } .vue-slider:hover .vue-slider-process { background-color: #69c0ff; } /* mark style */ .vue-slider-mark-step { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 0 2px #e8e8e8; background-color: #fff; } .vue-slider-mark-step-active { box-shadow: 0 0 0 2px #9cd5ff; } .vue-slider:hover .vue-slider-mark-step-active { box-shadow: 0 0 0 2px #69c0ff; } .vue-slider-mark-label { font-size: 12px; white-space: nowrap; } /* dot style */ .vue-slider-dot-handle { cursor: pointer; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; border: 2px solid #9cd5ff; box-sizing: border-box; transition: box-shadow 0.3s, border-color 0.3s; } .vue-slider:hover .vue-slider-dot-handle { border-color: #69c0ff; } .vue-slider-dot-handle-focus { border-color: #36abff; box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2); } .vue-slider:hover .vue-slider-dot-handle-focus { border-color: #36abff; } .vue-slider-dot-handle:hover { border-color: #36abff; } .vue-slider:hover .vue-slider-dot-handle:hover { border-color: #36abff; } .vue-slider-dot-handle-disabled { cursor: not-allowed; border-color: #ddd !important; } .vue-slider-dot-tooltip { opacity: 0; visibility: hidden; transition: all 0.3s; } .vue-slider-dot-tooltip-inner { font-size: 14px; white-space: nowrap; padding: 6px 8px; color: #fff; border-radius: 5px; border-color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.75); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transform: scale(0.9); transition: transform 0.3s; } .vue-slider-dot-tooltip-inner::after { content: ""; position: absolute; } .vue-slider-dot-tooltip-inner-top::after { top: 100%; left: 50%; transform: translate(-50%, 0); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-top-color: inherit; } .vue-slider-dot-tooltip-inner-bottom::after { bottom: 100%; left: 50%; transform: translate(-50%, 0); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-bottom-color: inherit; } .vue-slider-dot-tooltip-inner-left::after { left: 100%; top: 50%; transform: translate(0, -50%); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-left-color: inherit; } .vue-slider-dot-tooltip-inner-right::after { right: 100%; top: 50%; transform: translate(0, -50%); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-right-color: inherit; } .vue-slider-dot-tooltip-inner-top { transform-origin: 50% 100%; } .vue-slider-dot-tooltip-inner-bottom { transform-origin: 50% 0; } .vue-slider-dot-tooltip-inner-left { transform-origin: 100% 50%; } .vue-slider-dot-tooltip-inner-right { transform-origin: 0% 50%; } .vue-slider-dot:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show { opacity: 1; visibility: visible; } .vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner { transform: scale(1); } /*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./node_modules/vue-select/dist/vue-select.css ***! \********************************************************************************************************************************************************************************************************************************************************/ :root { --vs-colors--lightest: rgba(60, 60, 60, .26); --vs-colors--light: rgba(60, 60, 60, .5); --vs-colors--dark: #333; --vs-colors--darkest: rgba(0, 0, 0, .15); --vs-search-input-color: inherit; --vs-search-input-placeholder-color: inherit; --vs-font-size: 1rem; --vs-line-height: 1.4; --vs-state-disabled-bg: rgb(248, 248, 248); --vs-state-disabled-color: var(--vs-colors--light); --vs-state-disabled-controls-color: var(--vs-colors--light); --vs-state-disabled-cursor: not-allowed; --vs-border-color: var(--vs-colors--lightest); --vs-border-width: 1px; --vs-border-style: solid; --vs-border-radius: 4px; --vs-actions-padding: 4px 6px 0 3px; --vs-controls-color: var(--vs-colors--light); --vs-controls-size: 1; --vs-controls--deselect-text-shadow: 0 1px 0 #fff; --vs-selected-bg: #f0f0f0; --vs-selected-color: var(--vs-colors--dark); --vs-selected-border-color: var(--vs-border-color); --vs-selected-border-style: var(--vs-border-style); --vs-selected-border-width: var(--vs-border-width); --vs-dropdown-bg: #fff; --vs-dropdown-color: inherit; --vs-dropdown-z-index: 1000; --vs-dropdown-min-width: 160px; --vs-dropdown-max-height: 350px; --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest); --vs-dropdown-option-bg: #000; --vs-dropdown-option-color: var(--vs-dropdown-color); --vs-dropdown-option-padding: 3px 20px; --vs-dropdown-option--active-bg: #5897fb; --vs-dropdown-option--active-color: #fff; --vs-dropdown-option--deselect-bg: #fb5858; --vs-dropdown-option--deselect-color: #fff; --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855); --vs-transition-duration: .15s; } .v-select { position: relative; font-family: inherit; } .v-select, .v-select * { box-sizing: border-box; } :root { --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1); --vs-transition-duration: .15s; } @keyframes vSelectSpinner { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .vs__fade-enter-active, .vs__fade-leave-active { pointer-events: none; transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function); } .vs__fade-enter, .vs__fade-leave-to { opacity: 0; } :root { --vs-disabled-bg: var(--vs-state-disabled-bg); --vs-disabled-color: var(--vs-state-disabled-color); --vs-disabled-cursor: var(--vs-state-disabled-cursor); } .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__clear, .vs--disabled .vs__search, .vs--disabled .vs__selected, .vs--disabled .vs__open-indicator { cursor: var(--vs-disabled-cursor); background-color: var(--vs-disabled-bg); } .v-select[dir=rtl] .vs__actions { padding: 0 3px 0 6px; } .v-select[dir=rtl] .vs__clear { margin-left: 6px; margin-right: 0; } .v-select[dir=rtl] .vs__deselect { margin-left: 0; margin-right: 2px; } .v-select[dir=rtl] .vs__dropdown-menu { text-align: right; } .vs__dropdown-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; padding: 0 0 4px; background: none; border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); border-radius: var(--vs-border-radius); white-space: normal; } .vs__selected-options { display: flex; flex-basis: 100%; flex-grow: 1; flex-wrap: wrap; padding: 0 2px; position: relative; } .vs__actions { display: flex; align-items: center; padding: var(--vs-actions-padding); } .vs--searchable .vs__dropdown-toggle { cursor: text; } .vs--unsearchable .vs__dropdown-toggle { cursor: pointer; } .vs--open .vs__dropdown-toggle { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vs__open-indicator { fill: var(--vs-controls-color); transform: scale(var(--vs-controls-size)); transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function); transition-timing-function: var(--vs-transition-timing-function); } .vs--open .vs__open-indicator { transform: rotate(180deg) scale(var(--vs-controls-size)); } .vs--loading .vs__open-indicator { opacity: 0; } .vs__clear { fill: var(--vs-controls-color); padding: 0; border: 0; background-color: transparent; cursor: pointer; margin-right: 8px; } .vs__dropdown-menu { display: block; box-sizing: border-box; position: absolute; top: calc(100% - var(--vs-border-width)); left: 0; z-index: var(--vs-dropdown-z-index); padding: 5px 0; margin: 0; width: 100%; max-height: var(--vs-dropdown-max-height); min-width: var(--vs-dropdown-min-width); overflow-y: auto; box-shadow: var(--vs-dropdown-box-shadow); border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); border-top-style: none; border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius); text-align: left; list-style: none; background: var(--vs-dropdown-bg); color: var(--vs-dropdown-color); } .vs__no-options { text-align: center; } .vs__dropdown-option { line-height: 1.42857143; display: block; padding: var(--vs-dropdown-option-padding); clear: both; color: var(--vs-dropdown-option-color); white-space: nowrap; cursor: pointer; } .vs__dropdown-option--highlight { background: var(--vs-dropdown-option--active-bg); color: var(--vs-dropdown-option--active-color); } .vs__dropdown-option--deselect { background: var(--vs-dropdown-option--deselect-bg); color: var(--vs-dropdown-option--deselect-color); } .vs__dropdown-option--disabled { background: var(--vs-state-disabled-bg); color: var(--vs-state-disabled-color); cursor: var(--vs-state-disabled-cursor); } .vs__selected { display: flex; align-items: center; background-color: var(--vs-selected-bg); border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color); border-radius: var(--vs-border-radius); color: var(--vs-selected-color); line-height: var(--vs-line-height); margin: 4px 2px 0; padding: 0 0.25em; z-index: 0; } .vs__deselect { display: inline-flex; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 4px; padding: 0; border: 0; cursor: pointer; background: none; fill: var(--vs-controls-color); text-shadow: var(--vs-controls--deselect-text-shadow); } .vs--single .vs__selected { background-color: transparent; border-color: transparent; } .vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected { position: absolute; opacity: 0.4; } .vs--single.vs--searching .vs__selected { display: none; } .vs__search::-webkit-search-cancel-button { display: none; } .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration, .vs__search::-ms-clear { display: none; } .vs__search, .vs__search:focus { color: var(--vs-search-input-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: var(--vs-line-height); font-size: var(--vs-font-size); border: 1px solid transparent; border-left: none; outline: none; margin: 4px 0 0; padding: 0 7px; background: none; box-shadow: none; width: 0; max-width: 100%; flex-grow: 1; z-index: 1; } .vs__search::-moz-placeholder { color: var(--vs-search-input-placeholder-color); } .vs__search::placeholder { color: var(--vs-search-input-placeholder-color); } .vs--unsearchable .vs__search { opacity: 1; } .vs--unsearchable:not(.vs--disabled) .vs__search { cursor: pointer; } .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search { opacity: 0.2; } .vs__spinner { align-self: center; opacity: 0; font-size: 5px; text-indent: -9999em; overflow: hidden; border-top: 0.9em solid rgba(100, 100, 100, 0.1); border-right: 0.9em solid rgba(100, 100, 100, 0.1); border-bottom: 0.9em solid rgba(100, 100, 100, 0.1); border-left: 0.9em solid rgba(60, 60, 60, 0.45); transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); animation: vSelectSpinner 1.1s infinite linear; transition: opacity 0.1s; } .vs__spinner, .vs__spinner:after { border-radius: 50%; width: 5em; height: 5em; transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); } .vs--loading .vs__spinner { opacity: 1; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-5.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-5.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./src/vue/ProductCardNew.vue?vue&type=style&index=0&id=72b98a3a&scoped=true&lang=css ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Визуальное оформление сноски "входит в стоимость «Наличие»" в стиле проекта */ .checkboxes_prod-card .checkbox-item[data-v-72b98a3a] { /* оставляем поведение родных стилей; добавим небольшой зазор между чекбоксом и текстом */ gap: 12px; align-items: flex-start; /* чтобы сноска не тянула контент по центру */ } .checkboxes_prod-card .checkbox-item .checkbox__text[data-v-72b98a3a] { display: inline-flex; flex-direction: column; } .checkboxes_prod-card .checkbox-item .checkbox__name[data-v-72b98a3a] { /* базовая строка с названием опции */ font-weight: 500; /* подогнано под общую типографику карточки */ line-height: 1.4; } /* Сноска под названием опции — мелкий, спокойный текст */ .checkboxes_prod-card .checkbox-item .checkbox__note[data-v-72b98a3a] { display: block; margin-top: 4px; font-size: 12px; line-height: 1.35; color: var(--text-secondary, #8F8F8F); /* используем токен темы при наличии */ } /* Стили для скрытия дополнительных опций */ .checkbox-item_hidden[data-v-72b98a3a] { display: none !important; } /* Стили для кнопки "Показать еще" */ .product-card__checkboxes-toggle[data-v-72b98a3a] { margin-top: 16px; display: flex; justify-content: center; } .btn_secondary[data-v-72b98a3a] { background-color: transparent; border: 1px solid var(--accent, #007bff); color: var(--accent, #007bff); padding: 8px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; } .btn_secondary[data-v-72b98a3a]:hover { background-color: var(--accent, #007bff); color: white; } .btn_small[data-v-72b98a3a] { padding: 6px 12px; font-size: 13px; } .btn__text[data-v-72b98a3a] { flex: 1; } .btn__icon[data-v-72b98a3a] { transition: transform 0.3s ease; display: flex; align-items: center; } .btn__icon_rotated[data-v-72b98a3a] { transform: rotate(180deg); } /* Зачеркнутая старая цена без скидки */ .product-card__price-old[data-v-72b98a3a] { font-size: 16px; font-weight: 400; line-height: 1.3; color: #999999; text-decoration: line-through; margin: 0 0 6px 0; opacity: 0.8; transition: all 0.3s ease; position: relative; display: inline-block; } .product-card__price-old[data-v-72b98a3a]:hover { opacity: 1; color: #777777; transform: translateY(-1px); } /* Элегантная линия зачеркивания */ .product-card__price-old[data-v-72b98a3a]::after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, #999999, #cccccc, #999999); border-radius: 1px; opacity: 0.6; transition: opacity 0.3s ease; } .product-card__price-old[data-v-72b98a3a]:hover::after { opacity: 0.8; background: linear-gradient(90deg, #777777, #aaaaaa, #777777); } /* Адаптивные стили для мобильных устройств */ @media (max-width: 768px) { .product-card__price-old[data-v-72b98a3a] { font-size: 14px; margin: 0 0 4px 0; } .product-card__price-old[data-v-72b98a3a]::after { height: 1.5px; } .product-card__checkboxes-toggle[data-v-72b98a3a] { margin-top: 12px; } .btn_secondary[data-v-72b98a3a] { padding: 6px 12px; font-size: 13px; } .btn_small[data-v-72b98a3a] { padding: 5px 10px; font-size: 12px; } } /* Адаптивные стили для планшетов */ @media (min-width: 769px) and (max-width: 1024px) { .product-card__price-old[data-v-72b98a3a] { font-size: 15px; margin: 0 0 5px 0; } } /* Стили для больших экранов */ @media (min-width: 1200px) { .product-card__price-old[data-v-72b98a3a] { font-size: 17px; margin: 0 0 8px 0; } .product-card__price-old[data-v-72b98a3a]::after { height: 2.5px; } } /* End */ /* Start:/local/components/devade/ajax.feedback/templates/leave-request-footer/style.css?172658117056*/ input.error { border: 1px solid #ff2a2a!important; } /* End */ /* Start:/local/templates/electron/template_styles.css?17649226537045*/ .previous { rotate: 180deg; } .nav-slider__card:first-of-type { margin-left: 5px; } .nav-slider__card { box-shadow: 0 0 10px 0 #0000001a; } .blog-item__desc { text-decoration: underline; } .header-nav__icon path { fill: white; } .header-nav__link.selected { color: white; } .home .cards-section__card-title { text-align: center; } .header-search input { box-shadow: 0 0 10px 0 #0000001a; border-radius: 6px; background: white; } .catalog-slider__slide { box-shadow: 0 0 10px 0 #0000001a; } .catalog-slider { padding-block: 5px; box-sizing: content-box; } .bread-crumbs { margin-bottom: 30px; } .bread-crumbs .separator { display: inline; margin-right: 10px; } .bx-filter-container-modef { display: none !important; } .btn:disabled { cursor: default; opacity: 0.4; filter: grayscale(1); } .catalog-body__filter .filter-form__checkbox input { min-width: 24px; } .fancybox__content { padding: 0; } .fancybox__iframe { max-width: 768px; } /* Стили только для аккордионов фильтров */ .bx-filter .bx-accordion-item { border-bottom: 1px solid #e5e5e5; margin-bottom: 0; /* Убрано лишнее пространство, черточка теперь только между аккордионами */ } .bx-filter .bx-accordion-item:last-child { border-bottom: none; /* Убираем черточку после последнего аккордиона */ } .bx-filter .bx-accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; cursor: pointer; background-color: #f8f8f8; font-weight: 600; color: #333; transition: background-color 0.3s ease; } .bx-filter .bx-accordion-header:hover { background-color: #f0f0f0; } .bx-filter .bx-accordion-header .filter-form__title { margin: 0; } .bx-filter .accordion-arrow { display: flex; align-items: center; width: 12px; height: 7px; } .bx-filter .accordion-arrow svg { transition: transform 0.3s ease; transform: rotate(180deg); /* Стрелка вверх по умолчанию (свернуто) */ fill: #0054FF; } .bx-filter .bx-accordion-content { padding: 15px; background-color: #fff; border: 1px solid #e5e5e5; border-top: none; display: none; /* Все аккордионы свернуты по умолчанию */ } .bx-filter .bx-active .bx-accordion-content { display: block; } .bx-filter .bx-active .accordion-arrow svg { transform: rotate(0deg); /* Стрелка вниз при развернутом состоянии */ } .footer-bottom__external-logo svg { max-width:250px; } /* =============================== Табы =============================== */ .hot-deals-tabs-wrapper { border-bottom: 1px solid #dee2e6; margin-top: 24px; margin-bottom: 32px; } .hot-deals-tabs { display: flex; align-items: center; gap: 12px 24px; padding-bottom: 12px; user-select: none; } .hot-deals-tabs__item { display: inline-block; font-size: 16px; font-weight: 500; text-decoration: none; cursor: pointer; border: 2px solid transparent; transition: all 0.25s ease-in-out; white-space: nowrap; color: #6c757d; padding: 12px 4px; } .hot-deals-tabs__item:hover { color: #212529; } .hot-deals-tabs__item.active { color: #212529; } /* Чип "Показать все" */ .hot-deals-tabs__item[data-section-id="all"] { padding: 10px 24px; border-radius: 8px; color: #0d6efd; border-color: #0d6efd; background-color: #ffffff; } .hot-deals-tabs__item[data-section-id="all"].active { background-color: #0d6efd; color: #ffffff; border-color: #0d6efd; } /* =============================== Внешний слайдер горячих предложений =============================== */ .js-hot-deals-slider { overflow: hidden; touch-action: pan-y; contain: layout style paint; /* убирает дергания */ } .js-hot-deals-slider .swiper-wrapper { will-change: transform; } .js-hot-deals-slider .swiper-wrapper > .swiper-slide { box-sizing: border-box; } /* Скрываем ТОЛЬКО верхние слайды внешнего слайдера */ .js-hot-deals-slider .swiper-wrapper > .swiper-slide[data-section-id].hot-deals-slide--hidden { display: none !important; } /* ВАЖНО: не трогаем внутренние слайды карточек, чтобы фото не «резались» */ .similar-products .js-card-slider .card-image { height: auto !important; /* снимаем любые принудительные соотношения сторон */ aspect-ratio: auto !important; } .similar-products .js-card-slider .card-image img, .similar-products .js-card-slider .card-img, .similar-products .js-card-slider .pict { display: block; width: 100% !important; height: auto !important; /* вместо 100% */ object-fit: unset !important; /* не навязываем cover; пусть работает тема */ } /* =============================== Мобильные правки =============================== */ @media (max-width: 767px) { .title-container__link.link_after { display: none; } .hot-deals-tabs-wrapper { border-bottom: none; } .hot-deals-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 20px; margin-bottom: -1px; scrollbar-width: none; } .hot-deals-tabs::-webkit-scrollbar { display: none; } /* Одна карточка на экран — без «края» следующей */ .js-hot-deals-slider .swiper-wrapper > .swiper-slide.main-catalog__slide { width: 100%; } } /* Доступность */ .hot-deals-tabs__item:focus-visible { outline: 2px solid #0d6efd; outline-offset: 2px; } /* Мягкая анимация */ @media (prefers-reduced-motion: no-preference) { .js-hot-deals-slider .swiper-wrapper > .swiper-slide { transition: opacity .15s ease, transform .15s ease; } } .about-company__banner-video { display: block; width: 100%; height: 100%; object-fit: cover; } .about-company__banner-video-container { position: relative; width: 100%; height: 100%; } .about-company__banner-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(0, 0, 0, 0.5); border: none; border-radius: 50%; cursor: pointer; } .about-company__banner-video-play::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-left: 20px solid #ffffff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } /* End */ /* /frontend/src/styles/common/libs/swiper-bundle.min.css?173270161316505 */ /* /frontend/dist/main.css?1764922671251696 */ /* /local/components/devade/ajax.feedback/templates/leave-request-footer/style.css?172658117056 */ /* /local/templates/electron/template_styles.css?17649226537045 */