/* Start:/local/templates/rossfk/assets/css/swiper-bundle.min.css?173555413118470*/ /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/rossfk/assets/css/jquery-ui.css?17355541317508*/ /*! jQuery UI - v1.12.1 - 2018-05-02 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/rossfk/assets/css/danis.css?173711374040750*/ /* ==================== COMPANY PAGE ================= */ .company { margin-top: 40px; } @media (max-width: 1280px) { .company { overflow: hidden; } } @media screen and (max-width: 1024px) { .company { margin-top: 32px; } } @media screen and (max-width: 744px) { .company { margin-top: 24px; } } .company__info { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 56px; } @media screen and (max-width: 1024px) { .company__info { margin-bottom: 40px; } } @media screen and (max-width: 744px) { .company__info { flex-direction: column; gap: 32px; margin-bottom: 72px; } } .company__info-text-block { position: relative; } .company__info-back-title { position: absolute; pointer-events: none; z-index: 0; top: -25px; left: 0; } @media screen and (max-width: 1024px) { .company__info-back-title { display: none; } } .company__title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 56px; font-weight: 700; line-height: 61.6px; text-align: left; margin-bottom: 24px; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .company__title { color: rgba(0, 10, 8, 1); font-size: 32px; line-height: 38.4px; margin-bottom: 16px; } } @media screen and (max-width: 744px) { .company__title { font-size: 24px; line-height: 28.8px; } } .company__subtitle { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; margin-bottom: 24px; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .company__subtitle { font-size: 14px; line-height: 18.2px; margin-bottom: 33px; } } @media screen and (max-width: 744px) { .company__subtitle { margin-bottom: 16px; font-size: 16px; line-height: 20.8px; } } .company__heading { color: rgba(0, 50, 41, 1); margin-bottom: 16px; font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; } @media screen and (max-width: 1024px) { .company__heading { font-size: 24px; line-height: 28.8px; } } @media screen and (max-width: 744px) { .company__heading { margin-bottom: 8px; font-size: 20px; line-height: 24px; } } .company__subheading { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } @media screen and (max-width: 1024px) { .company__subheading { font-size: 14px; line-height: 18.2px; } } @media screen and (max-width: 744px) { .company__subheading { font-size: 16px; line-height: 20.8px; } } .company__subheading:not(:last-of-type) { margin-bottom: 24px; } @media screen and (max-width: 744px) { .company__subheading:not(:last-of-type) { margin-bottom: 16px; } } .company__info-img-block { width: 540px; aspect-ratio: 540 / 267; position: relative; flex-shrink: 0; } @media screen and (max-width: 1200px) { .company__info-img-block { width: 450px; } } @media screen and (max-width: 1024px) { .company__info-img-block { display: none; } } @media screen and (max-width: 744px) { .company__info-img-block { display: block; width: calc(100% - 20px); margin-left: -22px; aspect-ratio: 296 / 147; } } .company__info-img { position: absolute; width: 100%; height: 100%; } .company__info-img_first { z-index: 3; top: 0; left: 0; } .company__info-img_second { z-index: 2; bottom: -24px; right: -24px; } .company__info-img_third { z-index: 1; bottom: -48px; right: -48px; } .company__first-text-block { display: flex; align-items: flex-start; justify-content: space-between; gap: 23px; } .company__info-img-block-2 { display: none; width: 295px; aspect-ratio: 295 / 147; position: relative; flex-shrink: 0; margin-right: 65px; } @media screen and (max-width: 1024px) { .company__info-img-block-2 { display: block; } .company__info-img_second { bottom: -16px; right: -16px; } .company__info-img_third { bottom: -32px; right: -32px; } } @media screen and (max-width: 744px) { .company__info-img-block-2 { display: none; } } .company__cards { display: grid; grid-template-columns: 1fr 1fr; /* grid-template-rows: 1fr 1fr; */ gap: 24px; margin-bottom: 120px; } @media screen and (max-width: 1024px) { .company__cards { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .company__cards { margin-bottom: 64px; grid-template-columns: 1fr; } } .company__card { box-sizing: border-box; padding: 40px 32px 40px 79px; border: 1px solid rgba(204, 214, 212, 1) } @media screen and (max-width: 1024px) { .company__card { padding: 24px; } } @media screen and (max-width: 744px) { .company__card { padding: 32px 24px; } } .company__card-title-wrapper { position: relative; } @media screen and (max-width: 1024px) { .company__card-title-wrapper { display: flex; gap: 16px; align-items: center; margin-bottom: 16px; } } .company__card-img { display: block; position: absolute; left: -57px; top: 0; } @media screen and (max-width: 1024px) { .company__card-img { position: relative; top: auto; left: auto; } } .company__card-title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 16px; } @media screen and (max-width: 1024px) { .company__card-title { font-size: 24px; line-height: 28.8px; margin-bottom: 0; } } @media screen and (max-width: 744px) { .company__card-title { font-size: 18px; line-height: 21.6px; } } .company__card-subtitle { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: left; } @media screen and (max-width: 744px) { .company__card-subtitle { font-size: 14px; line-height: 16.8px; } } .company__card-subtitle:not(:last-of-type) { margin-bottom: 8px; } .company__card-subtitle-bold { font-family: "Exo2"; font-weight: 600; } /* ==================== INFO CHEAPER PAGE ================= */ .info-cheaper { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 140px; margin-top: 40px; } @media screen and (max-width: 1024px) { .info-cheaper { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .info-cheaper { margin-bottom: 64px; } } .info-cheaper__left-bar { width: 282px; display: flex; flex-direction: column; flex-shrink: 0; } @media screen and (max-width: 1024px) { .info-cheaper__left-bar { width: 125px; } } @media screen and (max-width: 744px) { .info-cheaper__left-bar { display: none; } } .info-cheaper__left-link { width: 100%; box-sizing: border-box; padding: 16px 0 16px 32px; color: rgba(0, 50, 41, 1); font-family: "Exo2"; font-size: 24px; font-weight: 400; line-height: 27.6px; letter-spacing: 0.01em; text-align: left; border: 1px solid rgba(204, 214, 212, 1); transition: background .24s linear, border .24s linear; } .info-cheaper__left-link:hover { background: #ccd6d4; border-right: 4px solid #003229; } @media screen and (max-width: 1024px) { .info-cheaper__left-link { font-size: 16px; font-weight: 400; line-height: 18.4px; letter-spacing: 0.01em; text-align: left; padding-left: 30px; } } .info-cheaper__left-link_active { font-family: "Exo2Bold"; color: rgba(0, 50, 41, 1); font-weight: 700; background-color: rgba(204, 214, 212, 1); border-right: 4px solid rgba(0, 50, 41, 1); } .info-cheaper__title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 32px; } @media screen and (max-width: 1024px) { .info-cheaper__title { margin-bottom: 16px; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; } } @media screen and (max-width: 744px) { .info-cheaper__title { margin-bottom: 16px; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; color: rgba(0, 10, 8, 1); } } .info-cheaper__subtitle { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; } .info-cheaper__subtitle:not(:last-of-type) { margin-bottom: 16px; } .info-cheaper__subtitle:last-of-type { margin-bottom: 40px; } @media screen and (max-width: 1024px) { .info-cheaper__subtitle { font-size: 16px; font-weight: 400; line-height: 20.8px; } .info-cheaper__subtitle:not(:last-of-type) { margin-bottom: 8px; } .info-cheaper__subtitle:last-of-type { margin-bottom: 32px; } } @media screen and (max-width: 744px) { .info-cheaper__subtitle { font-size: 14px; font-weight: 400; line-height: 18.2px; text-align: left; } } .info-cheaper__warning-block { display: none; } @media screen and (max-width: 744px) { .info-cheaper__warning-block { display: block; margin-bottom: 16px; } } .info-cheaper__warning-title { color: rgba(0, 10, 8, 1); font-family: "Exo2Bold"; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; margin-bottom: 8px; } .info-cheaper__warning-subtitle { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 14px; font-weight: 400; line-height: 18.2px; text-align: left; } .info-cheaper__inputs-block { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } @media screen and (max-width: 744px) { .info-cheaper__inputs-block { flex-direction: column; justify-content: flex-start; gap: 8px; } } .info-cheaper__inputs-left { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 40%; } @media screen and (max-width: 744px) { .info-cheaper__inputs-left { width: 100%; } } .info-cheaper__input-wrapper { position: relative; width: 100%; } .info-cheaper__input { border: 1px solid rgba(248, 248, 254, 1); box-sizing: border-box; padding: 24px 20px 8px 20px; outline: none; border-radius: 4px; color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; background-color: rgba(248, 248, 254, 1); width: 100%; } .info-cheaper__input:focus { background-color: transparent; border: 1px solid rgba(153, 173, 169, 1); } .info-cheaper__input-label { position: absolute; top: 8px; left: 20px; color: rgba(194, 195, 202, 1); font-family: "Exo2"; font-size: 12px; font-weight: 400; line-height: 16px; text-align: left; pointer-events: none; } .info-cheaper__inputs_right { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 60%; /* min-width: 383px; */ } @media screen and (max-width: 744px) { .info-cheaper__inputs_right { width: 100%; gap: 8px; } } .info-cheaper__pers-block { width: 100%; display: flex; align-items: flex-start; gap: 8px; } @media screen and (max-width: 744px) { .info-cheaper__pers-block { margin-top: 16px; } } .info-cheaper__pers-block:hover { cursor: pointer; } .info-cheaper__pers-img-wrapper { position: relative; flex-shrink: 0; } .info-cheaper__pers-border { width: 24px; height: 24px; } .info-cheaper__pers-arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; width: 20px; height: 20px; } .info-cheaper__text { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } .info-cheaper__text-link { color: rgba(51, 91, 84, 1); text-decoration: underline; } .info-cheaper__form-btn { width: 100%; color: rgba(253, 253, 255, 1); border: none; outline: none; box-sizing: border-box; padding: 16px; background-color: rgba(0, 50, 41, 1); border-radius: 4px; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; margin-top: 20px; transition: transform .24s ease; } .info-cheaper__form-btn:hover { cursor: pointer; transform: translateY(-3px); } @media screen and (max-width: 1024px) { .info-cheaper__form-btn { font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; } } @media screen and (max-width: 744px) { .info-cheaper__form-btn { margin-top: 8px; font-size: 16px; line-height: 14px; } } .info-cheaper__form-btn:hover { cursor: pointer; } /* ================== INFO PAYMENT PAGE =============== */ .info-payment { display: flex; justify-content: flex-start; gap: 24px; margin-bottom: 120px; margin-top: 40px; } @media screen and (max-width: 1024px) { .info-payment { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .info-payment { margin-bottom: 64px; } } .info-payment__title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 32px; } @media screen and (max-width: 1024px) { .info-payment__title { margin-bottom: 24px; } } @media screen and (max-width: 744px) { .info-payment__title { margin-bottom: 16px; color: rgba(0, 10, 8, 1); } } .info-payment__items-wrapper { display: flex; gap: 24px; margin-bottom: 16px; } @media screen and (max-width: 1024px) { .info-payment__items-wrapper { margin-bottom: 24px; } } @media screen and (max-width: 744px) { .info-payment__items-wrapper { gap: 8px; } } .info-payment__item { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 32px 24px; width: 100%; background-color: rgba(248, 248, 254, 1); border-radius: 4px; } @media screen and (max-width: 1024px) { .info-payment__item { padding: 32px 16px; } } @media screen and (max-width: 744px) { .info-payment__item { padding: 32px 8px; } } .info-payment__item-img { display: block; width: 56px; margin-bottom: 16px; } .info-payment__item-title { color: rgba(0, 10, 8, 1); margin-bottom: 8px; font-family: "Exo2Bold"; font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: center; } @media screen and (max-width: 744px) { .info-payment__item-title { font-size: 16px; font-weight: 700; line-height: 19.2px; text-align: center; } } .info-payment__item-subtitle { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: center; max-width: 234px; } @media screen and (max-width: 1024px) { .info-payment__item-subtitle { line-height: 20.8px; max-width: 179px; } } @media screen and (max-width: 744px) { .info-payment__item-subtitle { font-size: 14px; line-height: 18.2px; max-width: 144px; text-align: center; } } .info-payment__text { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; } @media screen and (max-width: 1024px) { .info-payment__text { font-size: 16px; line-height: 20.8px; } } .info-delivery { display: flex; justify-content: flex-start; gap: 24px; margin-bottom: 120px; margin-top: 40px; } @media screen and (max-width: 1024px) { .info-delivery { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .info-delivery { margin-bottom: 64px; } } .info-delivery__conditions-img-2 { display: none; } .info-delivery__conditions { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin-bottom: 40px; } @media screen and (max-width: 1180px) { .info-delivery__conditions { flex-direction: column; } .info-delivery__conditions-img-2 { display: block; } .delivery-table__first-row-text_last { justify-self: flex-end; } } .info-delivery__conditions-wrapper { } .info-delivery__title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 16px; } @media screen and (max-width: 744px) { .info-delivery__title { color: rgba(0, 10, 8, 1); font-size: 20px; line-height: 24px; text-align: left; } } .info-delivery__list { padding-left: 20px; } .info-delivery__list-item { color: rgba(0, 10, 8, 1); font-family: "Exo2"; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; list-style-type: disc; } @media screen and (max-width: 1024px) { .info-delivery__list-item { font-size: 16px; line-height: 20.8px; } } @media screen and (max-width: 744px) { .info-delivery__list-item { font-size: 16px; font-weight: 400; line-height: 20.8px; text-align: left; } } .info-delivery__conditions-img { width: 384px; } @media screen and (max-width: 1180px) { .info-delivery__conditions-img { display: none; } } .info-delivery__services { } .info-delivery__second-title { color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; margin-bottom: 8px; } @media screen and (max-width: 1024px) { .info-delivery__second-title { margin-bottom: 16px; } } @media screen and (max-width: 744px) { .info-delivery__second-title { margin-bottom: 8px; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; } } .delivery-table { } .delivery-table__firs-row { display: grid; grid-template-columns: repeat(3, 1fr); box-sizing: border-box; padding: 16px; } @media screen and (max-width: 744px) { .delivery-table__firs-row { column-gap: 10px; } } .delivery-table__first-row-text { color: rgba(0, 50, 41, 1); font-family: "Exo2Medium"; font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; } @media screen and (max-width: 1180px) { .delivery-table__first-row-text_center { justify-self: center; } } @media screen and (max-width: 1024px) { .delivery-table__first-row-text { font-size: 16px; font-weight: 600; line-height: 19.2px; text-align: left; } } @media screen and (max-width: 744px) { .delivery-table__first-row-text { font-size: 10px; font-weight: 600; line-height: 12px; text-align: left; } } .delivery-table__second-row { box-sizing: border-box; padding: 16px; background-color: rgba(204, 214, 212, 1); display: grid; grid-template-columns: repeat(3, 1fr); } .delivery-table__second-row_bg_white { background-color: transparent; } .delivery-table__second-row-text { color: rgba(0, 50, 41, 1); font-family: "Exo2"; font-size: 24px; font-weight: 300; line-height: 28.8px; text-align: left; } @media screen and (max-width: 1024px) { .delivery-table__second-row-text { font-size: 20px; font-weight: 300; line-height: 24px; text-align: left; } } @media screen and (max-width: 744px) { .delivery-table__second-row-text { font-size: 14px; font-weight: 300; line-height: 16.8px; text-align: left; } .delivery-table__second-row { column-gap: 10px; } } .delivery-table__second-row-text2 { color: rgba(0, 50, 41, 1); font-family: "Exo2"; font-size: 24px; font-weight: 400; line-height: 28.8px; text-align: left; } @media screen and (max-width: 1180px) { .delivery-table__second-row-text2_center { justify-self: center; } } @media screen and (max-width: 1024px) { .delivery-table__second-row-text2 { font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: left; } } @media screen and (max-width: 744px) { .delivery-table__second-row-text2 { font-size: 14px; font-weight: 500; line-height: 16.8px; text-align: left; } } .delivery-table__second-arrow-wrapper { display: flex; align-items: center; padding-left: 40px; } @media screen and (max-width: 1180px) { .delivery-table__second-arrow-wrapper { justify-self: flex-end; padding: 0; padding-right: 40px; } } @media screen and (max-width: 744px) { .delivery-table__second-arrow-wrapper { padding-right: 20px; } } .delivery-table__second-arrow-arrow { } /* =============== POLICY PAGE =============== */ .policy { margin-bottom: 120px; } @media screen and (max-width: 1024px) { .policy { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .policy { margin-bottom: 64px; } } .policy h2 { color: rgba(0, 50, 41, 1); margin-bottom: 24px; font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; } @media screen and (max-width: 1024px) { .policy h2 { color: rgba(0, 50, 41, 1); font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: left; } } @media screen and (max-width: 744px) { .policy h2 { margin-bottom: 16px; font-size: 18px; font-weight: 700; line-height: 21.6px; text-align: left; } } .policy > ul { list-style: none; margin-bottom: 24px; } @media screen and (max-width: 744px) { .policy > ul { margin-bottom: 16px; } } .policy > ul li { color: rgba(0, 0, 0, 1); margin-bottom: 8px; font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } @media screen and (max-width: 1024px) { .policy > ul li { font-size: 14px; font-weight: 400; line-height: 18.2px; text-align: left; } } .policy > ul li:first-child { color: rgba(0, 50, 41, 1); margin-bottom: 8px; font-family: "Exo2Bold"; font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: left; } @media screen and (max-width: 1024px) { .policy > ul li:first-child { font-size: 16px; font-weight: 700; line-height: 19.2px; text-align: left; } } .policy > ul > ul { margin-bottom: 0; } .policy > ul > li > ul { padding-left: 20px; margin-top: 8px; list-style: disc; } .policy > ul > li > ul li:first-child { color: rgba(0, 0, 0, 1); margin-bottom: 8px; font-family: "Exo2"; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; } @media screen and (max-width: 1024px) { .policy > ul > li > ul li:first-child { font-size: 14px; font-weight: 400; line-height: 18.2px; text-align: left; } } .policy > ul li p { margin-top: 55px; } @media screen and (max-width: 1024px) { .policy > ul li p { margin-top: 35px; } } /* ================== 404 PAGE ================ */ .error-page { margin-bottom: 120px; } @media screen and (max-width: 1024px) { .error-page { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .error-page { margin-bottom: 64px; } } .error-page__img { display: block; margin: 0 auto; margin-bottom: 10px; } .error-page__text { margin: 0 auto; margin-bottom: 32px; color: rgba(0, 50, 41, 1); font-family: "Exo2Bold"; font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: center; } @media screen and (max-width: 744px) { .error-page__text { font-size: 20px; font-weight: 700; line-height: 24px; max-width: 90%; /* text-align: left; */ } } .error-page__links { display: flex; align-items: center; justify-content: center; gap: 24px; } .error-page__link { width: fit-content; box-sizing: border-box; border: none; outline: none; background-color: transparent; text-decoration: none; padding: 16px 24px; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; border-radius: 4px; } @media screen and (max-width: 1024px) { .error-page__link { font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; } } @media screen and (max-width: 744px) { .error-page__link { font-size: 14px; font-weight: 400; line-height: 16px; text-align: center; } } .error-page__link:hover { cursor: pointer; } .error-page__link_catalog { border: 1px solid rgba(0, 50, 41, 1); background-color: rgba(0, 50, 41, 1); color: #FFF; } .error-page__link_contacts { border: 1px solid rgba(0, 50, 41, 1); background-color: #FFF; color: rgba(0, 50, 41, 1); } /* =============== PAGE CONTACTS ================ */ .container.contacts { } .contacts__title { color: #003229; font-family: "Exo2Bold"; font-size: 48px; font-weight: 700; line-height: 57.6px; text-align: left; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .contacts__title { margin-bottom: 32px; font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; } } @media screen and (max-width: 744px) { .contacts__title { margin-bottom: 24px; color: #000A08; font-family: "Exo2Bold"; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; } } .contacts__flex-wrapper { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 56px; } @media screen and (max-width: 1024px) { .contacts__flex-wrapper { margin-bottom: 40px; } } @media screen and (max-width: 744px) { .contacts__flex-wrapper { flex-direction: column; margin-bottom: 38px; gap: 16px; } } .__select { position: relative; width: fit-content; min-width: 230px; height: 40px; &[data-state="active"] { .__select__title { &::before { transform: translate(-3px, -50%) rotate(-45deg); } &::after { transform: translate(3px, -50%) rotate(45deg); } } .__select__content { opacity: 1; pointer-events: all; } .__select__label + .__select__input + .__select__label { max-height: 40px; border-top-width: 1px; } } } .__select__title { display: flex; align-items: center; width: 100%; height: 100%; padding: 8px 16px; padding-left: 48px; padding-right: 40px; border-radius: 4px; border: solid 1px #CCD6D4; cursor: pointer; &::before, &::after { content: ""; position: absolute; top: 50%; right: 16px; display: block; width: 10px; height: 2px; transition: all 0.3s ease-out; background-color: #335B54; transform: translate(-3px, -50%) rotate(45deg); } &::after { transform: translate(3px, -50%) rotate(-45deg); } } .reset { display: flex; width: 230px; padding: 8px 16px; margin: 0 auto; margin-bottom: 10px; border: solid 1px #c7ccd1; border-radius: 5px; transition: all 0.2s ease-out; cursor: pointer; font-weight: bold; background-color: #ffffff; color: #333333; &:hover { background-color: #335B54; color: #ffffff; } } .__select__content { position: absolute; top: 40px; left: 3px; display: flex; flex-direction: column; width: calc(100% - 6px); background-color: #ffffff; border: 1px solid #c7ccd1; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.3s ease-out; opacity: 0; pointer-events: none; z-index: 8; } .__select__input { display: none; &:checked + label { background-color: #dedede; } &:disabled + label { opacity: 0.6; pointer-events: none; } } .__select__label { display: flex; align-items: center; width: 100%; height: 40px; max-height: 0; padding: 0 16px; transition: all 0.2s ease-out; cursor: pointer; overflow: hidden; & + input + & { border-top: 0 solid #C7CCD160; } &:hover { background-color: #335B54 !important; color: #ffffff; } } .__select__title { color: #000A08; font-family: "Exo2Medium"; font-size: 16px; font-weight: 500; line-height: 19.2px; text-align: left; } @media screen and (max-width: 744px) { .__select__title { font-size: 12px; line-height: 14.4px; } } .__select__label { color: #000A08; font-family: "Exo2Medium"; font-size: 16px; font-weight: 500; line-height: 19.2px; text-align: left; } @media screen and (max-width: 744px) { .__select__label { font-size: 12px; line-height: 14.4px; } } .__select__img { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; } @media screen and (max-width: 1024px) { .__select__img { width: 16px; } } .contacts { margin-bottom: 40px; overflow: hidden; } @media screen and (max-width: 1024px) { .contacts { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .contacts { margin-bottom: 64px; } } .contacts__number-wrapper { } .contacts__mobile-block { display: none; } @media screen and (max-width: 744px) { .contacts__mobile-block { display: flex; justify-content: space-between; gap: 5px; } .contacts__wrapper_display_none { display: none !important; } } .contacts__wrapper { display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; position: relative; width: fit-content; transition: opacity .24s ease; } .contacts__wrapper:hover { opacity: .6; } .contacts__wrapper:not(:last-of-type) { margin-bottom: 16px; } @media screen and (max-width: 744px) { .contacts__wrapper { align-items: center; gap: 8px; } } .contacts__link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .contacts__img { } .contacts__text { color: #003229; //styleName: Button Link/Large; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 24px; text-align: left; } @media screen and (max-width: 744px) { .contacts__text { font-size: 14px; line-height: 16px; } } .contacts__text_time { color: #003229; font-family: "Exo2Bold"; font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; } @media screen and (max-width: 744px) { .contacts__text_time { font-size: 14px; line-height: 16.8px; } } .contacts__text_weekend { color: #99ADA9; font-family: "Exo2Bold"; font-size: 20px; font-weight: 600; line-height: 24px; text-align: left; } @media screen and (max-width: 744px) { .contacts__text_weekend { font-size: 14px; line-height: 16.8px; } } .contacts__map { width: 100%; max-width: 894px; } .contacts__map iframe { width: 100%; } @media screen and (max-width: 744px) { .contacts__map iframe { height: 162px; } } .contacts__swiper { overflow: visible; } .contacts__swiper:hover { cursor: grab; } .contacts__swiper:active { cursor: grabbing; } .contacts__swiper .swiper-slide { width: fit-content; } .contacts__swiper .swiper-slide img { width: 384px; } @media screen and (max-width: 1024px) { .contacts__swiper .swiper-slide img { width: 283px; } } @media screen and (max-width: 744px) { .contacts__swiper .swiper-slide img { width: 230px; } } .contacts__photos-title { margin-bottom: 40px; color: #003229; font-family: "Exo2Bold"; font-size: 48px; font-weight: 700; line-height: 57.6px; text-align: left; } @media screen and (max-width: 1024px) { .contacts__photos-title { margin-bottom: 32px; font-family: "Exo2Bold"; font-size: 32px; font-weight: 700; line-height: 38.4px; text-align: left; } } @media screen and (max-width: 744px) { .contacts__photos-title { margin-bottom: 24px; color: #000A08; font-family: "Exo2Bold"; font-size: 20px; font-weight: 700; line-height: 24px; text-align: left; } } /* ========================= THANKS PAGE ======================= */ .thanks { margin-bottom: 120px; } @media screen and (max-width: 1024px) { .thanks { margin-bottom: 80px; } } @media screen and (max-width: 744px) { .thanks { margin-bottom: 64px; } } .thanks__info { position: relative; box-sizing: border-box; padding: 54px 0 51px 0; margin-bottom: 80px; } @media screen and (max-width: 1024px) { .thanks__info { padding: 18px 0 33px 0; margin-bottom: 64px; } } @media screen and (max-width: 744px) { .thanks__info { padding: 20px 0 40px 0; margin-bottom: 56px; } } .thanks__info-img { position: absolute; top: 338px; right: 0; z-index: 0; width: 100vw; max-width: none; height: 350px; } @media screen and (max-width: 1280px) { .thanks__info-img { top: 318px; } } .thanks__info-title { color: #FDFDFF; margin-bottom: 16px; font-family: "Exo2Bold"; font-size: 48px; font-weight: 700; line-height: 57.6px; text-align: left; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .thanks__info-title { margin-bottom: 8px; font-size: 32px; line-height: 38.4px; } .thanks__info-img { display: none; } } @media screen and (max-width: 744px) { .thanks__info-title { margin-bottom: 8px; font-size: 20px; line-height: 24px; } .thanks__info-img-tablet { display: none; } } .thanks__info-subtitle { color: #FDFDFF; font-family: "Exo2"; font-size: 18px; font-weight: 400; line-height: 25.2px; text-align: left; margin-bottom: 40px; position: relative; z-index: 1; max-width: 503px; } @media screen and (max-width: 1024px) { .thanks__info-subtitle { margin-bottom: 24px; max-width: 382px; font-size: 14px; line-height: 18.2px; } } @media screen and (max-width: 744px) { .thanks__info-subtitle { max-width: 216px; } } .thanks__info-link { position: relative; text-decoration: none; box-sizing: border-box; display: inline-block; width: fit-content; padding: 16px 24px; background-color: #F3F4FD; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; z-index: 1; transition: transform .24s ease; } .thanks__info-link:hover { transform: translateY(-3px); } .thanks__info-catalog-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .thanks__info-link-arrow { } .thanks__info-link-text { color: #335B54; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; } @media screen and (max-width: 1024px) { .thanks__info-link-arrow { width: 16px; } .thanks__info-link-text { font-size: 16px; line-height: 20px; } } @media screen and (max-width: 744px) { .thanks__info-link-arrow { display: none; } .thanks__info-link-text { font-size: 14px; line-height: 16px; } } .thanks__info-img-tablet { display: none; } @media screen and (max-width: 1024px) { .thanks__info-img-tablet { display: block; position: absolute; top: 317px; right: 0; z-index: 0; width: 100vw; max-width: none; height: 241px; } } @media screen and (max-width: 744px) { .thanks__info-img-tablet { display: none; } } .thanks__info-img-mobile { display: none; } @media screen and (max-width: 744px) { .thanks__info-img-mobile { display: block; position: absolute; top: 304px; right: 0; z-index: 0; width: 100vw; max-width: none; height: 256px; } } @media screen and (max-width: 640px) { .thanks__info-img-mobile { top: 240px; } } .thanks__text-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .thanks__text-block { margin-bottom: 32px; } } @media screen and (max-width: 744px) { .thanks__text-block { margin-bottom: 24px; } } .thanks__text-title { color: #003229; font-family: "Exo2Bold"; font-size: 48px; font-weight: 700; line-height: 57.6px; text-align: left; } @media screen and (max-width: 1024px) { .thanks__text-title { font-size: 32px; line-height: 38.4px; } } @media screen and (max-width: 744px) { .thanks__text-title { font-size: 20px; line-height: 24px; } } .thanks__text-link { color: #66847F; text-decoration: none; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 20px; text-align: left; } @media screen and (max-width: 744px) { .thanks__text-link { font-size: 14px; line-height: 16px; } } .article-item { width: 486px; height: 247px; background-image: url(/local/templates/rossfk/assets/css/../img/image/thanks-swiper-example.png); background-size: 100% 100%; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; } @media screen and (max-width: 1024px) { .article-item { width: 328px; height: 158px; } } .article-item__shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none; z-index: 1; opacity: 0; transition: opacity .24s linear; } .article-item:hover .article-item__shadow { opacity: 1; } .article-item__button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; outline: none; padding: 16px 24px; display: block; width: fit-content; color: #FDFDFF; font-family: "Exo2"; font-size: 20px; font-weight: 400; line-height: 24px; text-align: center; background-color: transparent; border: 1px solid #FDFDFF; border-radius: 4px; opacity: 0; z-index: 2; transition: opacity .24s linear; white-space: nowrap; } @media screen and (max-width: 1024px) { .article-item__button { font-size: 14px; line-height: 16px; } } .article-item__button-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .article-item__button:hover { cursor: pointer; } .article-item:hover .article-item__button { opacity: 1; } .article-item__text { padding-bottom: 16px; padding-left: 32px; padding-right: 16px; color: #F8F8FE; font-family: "Exo2"; font-size: 16px; font-weight: 700; line-height: 19.2px; text-align: right; } @media screen and (max-width: 1024px) { .article-item__text { font-size: 14px; line-height: 16.8px; } } .thanks__swiper .swiper-slide { width: fit-content; } .thanks__swiper:hover { cursor: grab; } .thanks__swiper:active { cursor: grabbing; } @media screen and (max-width: 500px) { .thanks__swiper .swiper-wrapper { flex-direction: column; align-items: center; gap: 24px; } .thanks__swiper:hover { cursor: auto; } .thanks__swiper:active { cursor: auto; } } .contacts__info-select-mb-16 { margin-bottom: 16px; } /* End */ /* Start:/local/templates/rossfk/assets/css/style.css?1757667650190520*/ @charset "UTF-8"; /*Обнуление*/ * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { max-width: 100%; object-fit: cover; line-height: 0; display: block; } select, option { -webkit-appearance: none; -moz-appearance: none; } @media (max-width: 991px) { select { background-color: transparent; } } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } .swiper { width: 100%; max-width: 100%; min-height: 0; min-width: 0; } .swiper-wrapper { min-height: 100%; } @font-face { font-family: "Exo2"; src: url("/local/templates/rossfk/assets/css/../fonts/Exo2-Regular.ttf"); } @font-face { font-family: "Exo2Medium"; src: url("/local/templates/rossfk/assets/css/../fonts/Exo2-Medium.ttf"); } @font-face { font-family: "Exo2Bold"; src: url("/local/templates/rossfk/assets/css/../fonts/Exo2-Bold.ttf"); } :root { --font-family: "Exo2"; } html, body { background-color: #FDFDFF; color: #000A08; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 10px; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background-color: #000A08; } .container { width: 1200px; margin-right: auto; margin-left: auto; padding: 0; } @media (max-width: 1280px) { .container { width: 100%; padding: 0 32px; } } @media (max-width: 640px) { .container { padding: 0 16px; } } main { padding-top: 16px; } section { margin: 0 0 64px; } @media (max-width: 1280px) { section { margin: 0 0 40px; } } .d-none { display: none; } .anchor { display: block; position: relative; top: -270px; visibility: hidden; } @media (max-width: 767px) { .anchor { top: -215px; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .overflow-h { overflow: hidden !important; } .overlay { opacity: 0; visibility: hidden; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 101; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 10, 8, 0.7); transition: 0.2s ease-in; } .overlay.show { visibility: visible; opacity: 1; z-index: 102; } /* anchor */ .anchor { display: block; position: relative; top: -180px; visibility: hidden; } /* Breadcrumbs */ .breadcrumbs { margin: 24px 0 40px 0 !important; } @media (max-width: 640px) { .breadcrumbs { margin: 8px 0 32px 0 !important; } } .breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; } .breadcrumbs__item { position: relative; vertical-align: middle; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; padding-left: 24px; color: #ccd6d4; } .breadcrumbs__item:first-child { padding-left: 0; } .breadcrumbs__item:last-of-type a { color: #66847f; } .breadcrumbs__item:last-of-type::before { background-color: #66847f; } .breadcrumbs__item::before { content: ""; position: absolute; display: block; top: 50%; left: 10px; width: 4px; height: 4px; border-radius: 50%; transform: translate(0, -50%); background-color: #ccd6d4; } .breadcrumbs__item:first-of-type::before { display: none; } .breadcrumbs__item a { color: #A4ACB5; transition: 0.3s ease-in; } .breadcrumbs__item a:hover { color: #66847f; } .check-v2 label { height: 33px; } .check-v2__input { display: none; } .check-v2__input:checked ~ .check-v2__text { background: #ccd6d4; } .check-v2__text { display: block; border-radius: 4px; padding: 8px 16px; height: 33px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; text-align: right; color: #003229; background: #f3f4fd; cursor: pointer; transition: 0.3s ease-in; } .check-v2__text:hover { background: #ccd6d4; } @media (max-width: 1280px) { .check-v2 { display: flex; align-items: center; /* Checked */ } .check-v2 input { display: none; } .check-v2:last-child { margin-bottom: 0; } .check-v2__text { user-select: none; cursor: pointer; background: transparent; padding-left: 0; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .check-v2__text:hover { background: transparent; } .check-v2__input:checked ~ .check-v2__text { background: transparent; } .check-v2__box { width: 24px; height: 24px; overflow: hidden; margin-right: 8px; cursor: pointer; border: 1px solid #003229; border-radius: 4px; background: #FDFDFF center no-repeat; transition: 0.2s ease-in-out; flex-shrink: 0; } .check-v2__box:hover { background-color: #f7f7f7; } .check-v2__input:checked + .check-v2__box { width: 24px; height: 24px; transition: 0; background-color: #335b54; background-image: url(/local/templates/rossfk/assets/css/../img/svg/check.svg); background-repeat: no-repeat; background-position: center; border: 1px solid #335b54; } } .check { display: flex; align-items: center; /* Checked */ } .check input { display: none; } .check:last-child { margin-bottom: 0; } .check__text { user-select: none; cursor: pointer; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .check__box { width: 24px; height: 24px; overflow: hidden; margin-right: 10px; cursor: pointer; border: 1px solid #003229; border-radius: 4px; background: #FDFDFF center no-repeat; transition: 0.2s ease-in-out; flex-shrink: 0; } .check__box:hover { background-color: #f7f7f7; } @media (max-width: 1280px) { .check__box { width: 24px; height: 24px; } } .check__input:checked + .check__box { width: 24px; height: 24px; transition: 0; background-color: #335b54; background-image: url(/local/templates/rossfk/assets/css/../img/svg/check.svg); background-repeat: no-repeat; background-position: center; border: 1px solid #335b54; } @media (max-width: 1280px) { .check__input:checked + .check__box { width: 24px; height: 24px; } } .df { display: flex; } .aic { align-items: center; } .air { align-items: flex-end; } .ail { align-items: flex-start; } .jcc { justify-content: center; } .jcs { justify-content: space-between; } .jcfs { justify-content: flex-start; } .fdc { flex-direction: column; } .mla { margin-left: auto; } .mra { margin-right: auto; } .main-title { font-family: var(--font-family); font-weight: bold; font-size: 48px; line-height: 120%; color: #003229; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1280px) { .main-title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .main-title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } } .main-title h1 { font-family: var(--font-family); font-weight: bold; font-size: 48px; line-height: 120%; color: #003229; } @media (max-width: 1280px) { .main-title h1 { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .main-title h1 { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } } .main-title a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 100%; color: #66847f; } @media (max-width: 1280px) { .main-title a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 100%; color: #66847f; } } @media (max-width: 640px) { .main-title a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #66847f; } } .main-title a:hover { text-decoration: underline; } .anchor { display: block; position: relative; top: -270px; visibility: hidden; } @media (max-width: 767px) { .anchor { top: -215px; } } .default-input { position: relative; } .default-input.address-input { display: none; } .default-input.address-input.show { display: block; } .default-input input { width: 100%; border-radius: 4px; padding: 24px 20px 8px 20px; background: #f8f8fe; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; transition: all 0.3s ease-in-out; border: 1px solid transparent; } .default-input input:focus { background: #fdfdff; border: 1px solid #99ada9; } .default-input label { position: absolute; top: 8px; left: 20px; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #c2c3ca; } .default-select { position: relative; } .default-select svg { position: absolute; top: 50%; right: 26px; transform: translate(0, -50%); transition: all 0.3s ease-in-out; } .default-select select { width: 100%; height: 56px; border-radius: 4px; padding: 8px 20px 8px 20px; background: #f8f8fe; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; transition: all 0.3s ease-in-out; border: 1px solid transparent; } .default-select select:focus { background: #fdfdff; border: 1px solid #99ada9; } .default-select select:focus ~ svg { transform: translate(0, -50%) rotate(180deg); } .default-select select option { padding: 20px; } .option-plug { display: none; } .default-textarea { position: relative; } .default-textarea textarea { border-radius: 4px; padding: 8px 20px; min-height: 127px; max-height: 220px; width: 100%; max-width: 100%; min-width: 200px; border-radius: 4px; padding: 24px 20px 8px 20px; background: #f8f8fe; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; } @media (max-width: 1280px) { .default-textarea textarea { max-height: 150px; } } .default-textarea label { position: absolute; top: 8px; left: 20px; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #c2c3ca; } .input-file-list { background-color: #ccd6d4; display: flex; flex-direction: column; width: 214px; } .input-file-list-item { display: flex; align-items: flex-start; justify-content: space-between; padding: 8px 12px; border-bottom: solid 1px #92a19e; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #000a08; } .input-file-list-item a { color: red; } .input-file-list-name { max-width: 171px; overflow: hidden; word-break: break-all; } .input-file-list-remove { cursor: pointer; font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: red; margin-bottom: 8px; } .radio__content { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; gap: 48px; flex-shrink: 0; margin-top: 12px; } @media (max-width: 1280px) { .radio__content { margin-top: 4px; } } .radio__item { position: relative; display: flex; align-items: flex-start; gap: 8px; flex-shrink: 0; } .radio__item:hover { cursor: pointer; } .radio__item .fake { width: 24px; height: 24px; background: transparent; border: solid 1px #003229; border-radius: 50%; margin-left: auto; position: relative; flex-shrink: 0; transition: all 0.3s ease-in-out; } .radio__item .fake:after { content: ""; border-radius: 50%; position: absolute; right: 0; bottom: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #003229; width: 12px; height: 12px; transition: 0.3s ease-in; opacity: 0; } .radio__title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .radio__label { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #000a08; margin-top: 8px; display: none; width: 162px; transition: all 0.3s ease-in-out; } .radio__input { display: none; transition: all 0.3s ease-in-out; } .radio__input:checked ~ .fake::after { opacity: 1; } .radio__input:checked ~ .info .radio__label { display: block; } form span.error { font-family: var(--font-family); font-weight: 300; font-size: 14px; text-align: left; color: #cf0d0d; } button[disabled] { background-color: #657571 !important; } .acc-body { max-height: 0px; height: 100%; transition: max-height 0.8s cubic-bezier(0, 1, 0, 1); overflow: hidden; } .acc.show .acc-body { max-height: 9999px; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; } .acc-btn { display: flex; align-items: center; padding: 10px 0; cursor: pointer; } .acc-btn svg { margin-left: auto; transition: 0.3s ease-in-out; } .acc .acc-btn svg { transform: rotate(0deg); } .acc.show .acc-btn svg { transform: rotate(-180deg); } .pagination { margin: 32px 0; } .pagination__content { display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%; } .pagination__see-more { width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; padding: 16px; border: 1px solid #003229; border-radius: 4px; cursor: pointer; transition: 0.3s ease-in; } .pagination__see-more:hover { background: #335b54; color: #fdfdff; } @media (max-width: 1280px) { .pagination__see-more { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #003229; } } @media (max-width: 640px) { .pagination__see-more { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #003229; } } .pagination__pages { display: flex; align-items: center; } .pagination__list { display: flex; align-items: center; gap: 4px; padding: 0; margin: 0 16px; list-style: none; } .pagination__page a { display: block; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; text-align: center; color: #212121; transition: 0.3s ease-in; border-radius: 4px; width: 24px; height: 24px; } .pagination__page a:hover { background: #335b54; color: #fdfdff; } .pagination__page.active a { background: #335b54; color: #fdfdff; } .article img { height: 100%; width: 100%; object-fit: cover; } .article__wrapper { position: relative; display: inline-flex; width: 100%; } .article__wrapper:hover .article__hide { opacity: 1; visibility: visible; } .article__wrapper:hover .mask-article::before { opacity: 0.5; } .article .mask-article { -webkit-mask-image: url("/local/templates/rossfk/assets/css/../img/svg/mask-article.svg"); mask-image: url("/local/templates/rossfk/assets/css/../img/svg/mask-article.svg"); mask-size: 100%; mask-repeat: no-repeat; width: 100%; } .article .mask-article img { aspect-ratio: 486 / 247; } .article .mask-article::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: linear-gradient(0deg, black 0%, rgba(0, 212, 255, 0) 100%); transition: all 0.3s ease-in-out; } .article .mask-article::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; background: #000; background-size: contain; transition: all 0.3s ease-in-out; } .article__title { position: absolute; bottom: 16px; right: 14px; font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; text-align: right; color: #f8f8fe; z-index: 1; max-width: 320px; } .article__hide { opacity: 0; visibility: hidden; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #fdfdff; padding: 16px 24px; border: 1px solid #fdfdff; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; transition: all 0.3s ease-in-out; } .article-page__grid { display: flex; align-items: flex-start; gap: 24px; } @media (max-width: 1280px) { .article-page__grid { flex-wrap: wrap; gap: 40px; } } @media (max-width: 640px) { .article-page__grid { gap: 32px; } } .article-page__wrapper { display: flex; flex-direction: column; gap: 32px; align-items: flex-start; border-radius: 4px; padding: 24px 40px; background: #f8f8fe; width: 100%; } @media (max-width: 1280px) { .article-page__wrapper { width: 100vw; padding: 16px 32px; margin-left: -32px; margin-right: -32px; } } @media (max-width: 1280px) { .article-page__wrapper { padding: 16px; margin-left: -16px; margin-right: -16px; } } .article-page__tags { margin-top: -16px; } .article-page__tags ul { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .article-page__tags li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #003229; border-radius: 4px; padding: 8px 24px; background: #ccd6d4; } .article-page img { object-fit: contain; height: auto; } .article-page__date { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #99ada9; } .article-page__products { border-radius: 4px; padding: 32px 16px; background: #f8f8fe; display: inline-flex; flex-direction: column; align-items: center; width: 282px; flex-shrink: 0; } @media (max-width: 1280px) { .article-page__products { width: 100%; background: transparent; padding: 0; margin-bottom: 40px; } } @media (max-width: 640px) { .article-page__products { margin-bottom: 16px; } } .article-page__products .swiper-wrapper { height: 1050px !important; } @media (max-width: 1280px) { .article-page__products .swiper-wrapper { height: auto !important; } } .article-page__products .swiper-wrapper .product { width: 211px; } @media (max-width: 1280px) { .article-page__products .swiper-wrapper .product { width: 100%; } } .article-page__products .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } @media (max-width: 1280px) { .article-page__products .swiper-wrapper .swiper-slide { height: auto; } } .article-page__products-title { margin-bottom: 24px; font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; white-space: nowrap; } @media (max-width: 1280px) { .article-page__products-title { display: flex; align-items: center; justify-content: space-between; width: 100%; font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .article-page__products-title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } } .article-page__products-see-more { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; margin-top: 24px; } @media (max-width: 1280px) { .article-page__products-see-more { display: none; } } .article-page__products-see-more-mob { display: none; } @media (max-width: 1280px) { .article-page__products-see-more-mob { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 100%; color: #66847f; display: block; } } @media (max-width: 640px) { .article-page__products-see-more-mob { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #66847f; } } .header { position: sticky; top: 0; width: 100%; z-index: 10; background-color: #fff; } .header__desc { display: block; } @media (max-width: 1280px) { .header__desc { display: none; } } .header__top { padding: 18px 0; background: #f8f8fe; } .header__logo { flex-shrink: 0; } .header__logo img { width: 180px; height: 56px; } @media (max-width: 1280px) { .header__logo img { width: 210px; height: 65px; } } @media (max-width: 640px) { .header__logo img { width: 102px; height: 32px; } } .header__city { margin-right: 32px; cursor: pointer; } .header__city-title span { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; margin: 0 14px 0 8px; } .header__city-street { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #66847F; margin-left: 32px; margin-top: 8px; } .header__nav { gap: 24px; margin-left: 6px; } .header__nav-item a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #66847f; } .header__nav-link { transition: all 0.2s ease-in; display: block; padding: 8px 0; } .header__nav-link:hover { transform: translate(0, -3px); } .header__order-phone-link { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #66847f; margin-top: 8px; } .header__phone { height: 24px; } .header__phone svg { width: 22px; height: 22px; } .header__phone a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; margin-left: 8px; } .header__main { padding: 16px 0; } .header__main-wrapper { position: relative; } .header__search { width: 100%; margin: 0 24px; position: relative; } .header__search input { width: 100%; border: 1px solid #ccd6d4; border-radius: 4px; padding: 16px 60px 16px 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; } .header__search input::placeholder { color: #c2c3ca; } .header__search button { position: absolute; top: 0; right: 0; background: transparent; top: 16px; right: 21px; } @media (max-width: 1280px) { .header__search { margin: 0; } } .header__basket { display: flex; align-items: center; justify-content: center; color: #fdfdff; } .header__basket a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; border-radius: 4px; padding: 16px 24px; width: 180px; height: 56px; color: #fdfdff; display: flex; align-items: center; justify-content: center; background: #003229; gap: 8px; } .header__basket:hover ~ .basket-preview { opacity: 1; visibility: visible; transform: translate(0, 0); transition-delay: 0.2s; } .header__bottom { padding-bottom: 8px; } @media (max-width: 640px) { .header__mob-bottom .container { overflow-x: auto; } } .header__btn-catalog { cursor: pointer; background: #003229; border-radius: 4px; padding: 16px 24px; display: inline-flex; align-items: center; gap: 8px; } .header__btn-catalog:hover + .header__catalog { opacity: 1; visibility: visible; transform: translate(0, 0); pointer-events: visible; box-shadow: 0 11px 14px 0 rgba(17, 17, 20, 0.25); } .header__btn-catalog-burger { width: 20px; height: 14px; position: relative; } .header__btn-catalog.show .header__mob-btn-burger { width: 14px; } .header__btn-catalog span { display: block; position: absolute; height: 2px; width: 20px; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .header__btn-catalog span:nth-child(1) { top: 0px; } .header__btn-catalog span:nth-child(2) { top: 6px; } .header__btn-catalog span:nth-child(3) { top: 12px; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } .header__btn-catalog a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; } .header__catalog { opacity: 0; visibility: hidden; position: absolute; background: #FDFDFF; padding: 32px 32px 24px 16px; overflow: hidden; width: 1050px; max-height: 560px; overflow-y: scroll; transform: translate(50px, 0); transition: all 0.1s ease-in-out; pointer-events: none; } .header__catalog::-webkit-scrollbar { width: 3px; } .header__catalog::-webkit-scrollbar-track { background-color: #FDFDFF; } .header__catalog::-webkit-scrollbar-thumb { background-color: #CCD6D4; } .header__catalog:hover { opacity: 1; visibility: visible; transform: translate(0, 0); box-shadow: 0 11px 14px 0 rgba(17, 17, 20, 0.25); pointer-events: visible; } .header__catalog-wrapper { position: relative; display: flex; align-items: flex-start; gap: 1%; width: 690px; } .header__catalog-item { padding: 8px; padding-right: 22px; cursor: pointer; position: relative; } .header__catalog-item:after { content: " "; position: absolute; right: 0px; top: 14px; transform: translate(-20px, 0); width: 8px; height: 15px; transition: 0.2s ease-in-out; transition-delay: 0.2; opacity: 0; visibility: hidden; background: url("/local/templates/rossfk/assets/css/../img/svg/arr-right.svg") center no-repeat; } .header__catalog-item.active a { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } .header__catalog-item.active:after { opacity: 1; visibility: visible; transform: translate(-5px, 0); } .header__catalog-item a { display: flex; align-items: flex-start; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; transition: 0.3s ease-in-out; } .header__catalog-item a:hover { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } .header__catalog-item:hover { opacity: 1; visibility: visible; } .header__catalog-item img { border-radius: 4px; width: 54px; height: 48px; margin-right: 8px; } .header__catalog-list { width: 32%; opacity: 0; visibility: hidden; transform: translate(-10px, 0); transition: 0.3s ease-in; display: flex; flex-direction: column; } .header__catalog-list.active { opacity: 1; visibility: visible; transform: translate(0, 0); } .header__catalog-list li { list-style: none; } .header__catalog-list.first { width: 180px; } .header__catalog-list.second { width: 340px; } .header__catalog-list.third { width: 180px; } .header__catalog-nav { display: flex; align-items: center; } .header__catalog-nav-btn { position: relative; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; text-transform: uppercase; color: #003229; padding: 0 12px; cursor: pointer; } .header__catalog-nav-btn > a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; text-transform: uppercase; color: #003229; } .header__catalog-nav-btn > a:hover { color: #003229; } .header__catalog-nav-btn:hover > .header__catalog-nav-wrapper { opacity: 1; visibility: visible; transform: translate(0, 0); z-index: 2; } .header__catalog-nav-wrapper { cursor: auto; opacity: 0; visibility: hidden; position: absolute; display: flex; align-items: flex-start; left: 0; top: 32px; box-shadow: 0 7px 9px 0 rgba(17, 17, 20, 0.2); border-radius: 4px; background: #FDFDFF; width: 720px; max-height: 560px; transition: all 0.1s ease-in-out; padding: 32px 32px 24px 16px; text-transform: none; overflow-y: auto; overflow-x: hidden; transform: translate(50px, 0); } .header__catalog-nav-wrapper:hover { opacity: 1; visibility: visible; transform: translate(0, 0); z-index: 2; } .header__catalog-nav-wrapper::-webkit-scrollbar { width: 3px; } .header__catalog-nav-wrapper::-webkit-scrollbar-track { background-color: #FDFDFF; } .header__catalog-nav-wrapper::-webkit-scrollbar-thumb { background-color: #CCD6D4; } .header__catalog-nav-grid { width: 100%; transition: 0.04s ease-in-out; display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 16px; gap: 32px; } .header__catalog-nav-grid:hover { opacity: 1; visibility: visible; animation-delay: 0.3s; } .header__catalog-nav-grid ul { list-style: none; margin-left: 0; text-align: left; overflow: auto; max-height: 204px; } .header__catalog-nav-grid ul::-webkit-scrollbar { width: 3px; } .header__catalog-nav-grid ul::-webkit-scrollbar-track { background-color: #FDFDFF; } .header__catalog-nav-grid ul::-webkit-scrollbar-thumb { background-color: #CCD6D4; } .header__catalog-nav-grid ul li { margin-bottom: 8px; } .header__catalog-nav-grid ul li a { display: block; width: 100%; color: #000a08; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #000a08; max-width: 167px; display: block; } .header__catalog-nav-grid ul li a:hover { color: #000a08; font-weight: bold; } .header__catalog-nav-item { display: flex; align-items: flex-start; cursor: pointer; width: 320px; min-height: 56px; position: relative; transition: 0.3s ease-in-out; } .header__catalog-nav-item:after { content: " "; position: absolute; right: 0px; top: 6px; transform: translate(-20px, 0); width: 8px; height: 15px; transition: 0.2s ease-in-out; transition-delay: 0.2; opacity: 0; visibility: hidden; background: url("/local/templates/rossfk/assets/css/../img/svg/arr-right.svg") center no-repeat; } .header__catalog-nav-item.active a { font-family: var(--font-family); font-weight: 700; line-height: 120%; color: #003229; } .header__catalog-nav-item.active:after { opacity: 1; visibility: visible; transform: translate(-5px, 0); } .header__catalog-nav-item a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; } .header__catalog-nav-item a:hover { font-family: var(--font-family); font-weight: 700; line-height: 120%; color: #003229; } .header__catalog-nav-item span { position: relative; padding-right: 10px; } .header__catalog-nav-item > span { width: 100%; position: relative; } .header__catalog-nav-item > span:after { content: " "; position: absolute; right: 0px; top: 7px; transform: translate(-20px, 0); width: 8px; height: 15px; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden; background: url("/local/templates/rossfk/assets/css/../img/svg/arr-right.svg") center no-repeat; } .header__catalog-nav-item:hover { opacity: 1; visibility: visible; } .header__catalog-nav-item:hover > span:after { opacity: 1; visibility: visible; transform: translate(-5px, 0); } .header__catalog-nav-item:hover > .header__catalog-nav-grid { opacity: 1; visibility: visible; } .header__catalog-nav-item img { border-radius: 4px; width: 54px; height: 48px; margin-right: 8px; } .header__catalog-nav-menu { display: flex; flex-direction: column; } .header__catalog-nav-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; margin-bottom: 16px; text-align: left; display: block; } .header__mob { display: none; } @media (max-width: 1280px) { .header__mob { display: block; } } .header__mob-top { padding: 16px 0 8px; background: #f8f8fe; } .header__mob-phone svg { width: 30px; height: 30px; } @media (max-width: 640px) { .header__mob-phone svg { width: 22px; height: 22px; } } .header__mob-logo { height: 65px; } @media (max-width: 640px) { .header__mob-logo { height: 32px; } } .header__mob-logo svg { width: 210px; height: 65px; } @media (max-width: 640px) { .header__mob-logo svg { width: 102px; height: 32px; } } .header__mob-basket { position: relative; } .header__mob-basket .quantity-mob { position: absolute; top: -7px; right: -12px; padding: 2px 4px; border-radius: 4px; background-color: #b31919; font-family: var(--font-family); font-weight: 400; font-size: 11px; line-height: 120%; color: #f3f3f3; } .header__mob-basket svg { width: 32px; height: 33px; } @media (max-width: 640px) { .header__mob-basket svg { width: 24px; height: 22px; } } .header__mob-main { padding: 16px 0; } @media (max-width: 640px) { .header__mob-main { padding: 8px 0; } } .header__mob-main .container { gap: 8px; } .header__mob-btn { border-radius: 4px; width: 56px; height: 56px; background: #003229; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .header__mob-btn-burger { width: 20px; height: 14px; position: relative; } .header__mob-btn.show .header__mob-btn-burger { width: 14px; } .header__mob-btn span { display: block; position: absolute; height: 2px; width: 20px; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .header__mob-btn span:nth-child(1) { top: 0px; } .header__mob-btn span:nth-child(2) { top: 6px; } .header__mob-btn span:nth-child(3) { top: 12px; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; } .header__mob-btn.show span:nth-child(1) { width: 16px; top: 6px; left: -1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .header__mob-btn.show span:nth-child(2) { width: 16px; top: 6px; left: -1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .header__mob-btn.show span:nth-child(3) { top: 6px; left: -1px; width: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .header__mob-search { width: 100%; position: relative; } .header__mob-bottom { padding: 16px 0; } .header__mob-bottom .container { gap: 24px; } .header__mob-bottom a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; color: #003229; text-transform: uppercase; } .header__mob-bottom a:hover { font-weight: 700; } @media (max-width: 640px) { .header__mob-bottom a { font-size: 16px; } } .header__catalog-blog { display: flex; flex-direction: column; overflow: hidden; gap: 24px; position: absolute; right: 32px; top: 24px; height: 500px; } @media (max-width: 640px) { .header__catalog-blog { display: none; } } .header .article__wrapper { height: 158px; } .header__catalog-article:hover .header__catalog-article-hide { opacity: 1; visibility: visible; } .header__catalog-article:hover::before { opacity: 1; } .header__catalog-article::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3)); transition: all 0.3s ease-in-out; } .header__catalog-article::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); transition: all 0.3s ease-in-out; } .header__catalog-article-title { position: absolute; bottom: 16px; right: 8px; font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; text-align: right; color: #f8f8fe; z-index: 1; } .header__catalog-article-hide { opacity: 0; visibility: hidden; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #fdfdff; padding: 16px 24px; border: 1px solid #fdfdff; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; transition: all 0.3s ease-in-out; } .mnav { position: fixed; top: 168px; left: 0; width: 100%; height: 100%; background-color: #FDFDFF; overflow-y: auto; transition: all 0.3s ease-in; transform: translate(-100%, 0); z-index: 5; padding-bottom: 182px; } .mnav.show { transform: translate(0, 0); } @media (max-width: 640px) { .mnav { top: 122px; } } .mnav__wrapper { padding: 18px 0; } @media (max-width: 640px) { .mnav__wrapper { padding: 26px 0; } } .mnav__city span { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #003229; margin: 0 8px; } .mnav__street { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #66847f; margin-top: 8px; } .mnav__catalog { margin: 32px 0; } .mnav__catalog-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; margin-bottom: 24px; } @media (max-width: 640px) { .mnav__catalog-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; margin-bottom: 16px; } } .mnav__catalog-sub-title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; margin-bottom: 24px; } @media (max-width: 640px) { .mnav__catalog-sub-title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #003229; } } .mnav__catalog-item { padding: 8px 0; width: 100%; justify-content: space-between; align-items: flex-start; border-top: 1px solid #ccd6d4; } .mnav__catalog-item a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #335b54; } @media (max-width: 640px) { .mnav__catalog-item a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #335b54; margin-top: 8px; } } .mnav__catalog-item img { height: 80px; width: 91px; } @media (max-width: 640px) { .mnav__catalog-item img { width: 54px; height: 48px; } } .mnav__catalog-item span { margin-right: auto; margin-left: 16px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #335b54; } @media (max-width: 640px) { .mnav__catalog-item span { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #335b54; margin-top: 8px; } } .mnav__catalog-item svg { margin-top: 8px; } .mnav__catalog-item-wrapper:last-child { border-bottom: 1px solid #ccd6d4; } .mnav__catalog-item-content { position: fixed; top: 0px; left: 0; width: 100vw; height: 100vh; background-color: #FDFDFF; transition: all 0.3s ease-in; transform: translate(-100%, 0); z-index: 6; padding: 19px 32px; } @media (max-width: 640px) { .mnav__catalog-item-content { padding: 26px 16px; } } .mnav__catalog-item-content.show { transform: translate(0, 0); } .mnav__catalog-item-sub-content { position: fixed; top: 0px; left: 0; width: 100vw; height: 100vh; background-color: #FDFDFF; transition: all 0.3s ease-in; transform: translate(-100%, 0); z-index: 6; } .mnav__catalog-item-sub-content.show { transform: translate(0, 0); } @media (max-width: 640px) { .mnav__catalog-item-sub-content { top: 120px; } } .mnav__catalog-item-back { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #99ada9; z-index: 7; cursor: pointer; margin-bottom: 32px; } .mnav__catalog-item-back svg { margin-right: 16px; } .mnav__catalog-item-sub { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #335b54; border-top: 1px solid #ccd6d4; padding: 16px 0; display: block; width: 100%; padding-left: 32px; } @media (max-width: 640px) { .mnav__catalog-item-sub { padding-left: 0; } } .mnav__nav { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; } .mnav__nav a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; } .mnav__phone a { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #66847f; text-decoration: underline; } .mnav__phone-top { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; } .mnav__phone-top a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; text-decoration: none; color: #003229; } @media (max-width: 640px) { .mnav__phone-top a { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; } } .help-plug { position: fixed; top: 357px; right: 0; z-index: 2; } @media (max-width: 1280px) { .help-plug { display: none; } } .help-plug__list { display: flex; flex-direction: column; gap: 24px; } .help-plug__item { display: flex; align-items: center; border-radius: 4px 0 0 4px; background: #66847f; padding: 16px 24px; font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #f3f4fd; margin-left: calc(100% - 80px); transition: all 0.3s ease-in-out; } .help-plug__item svg { width: 32px; height: 32px; flex-shrink: 0; margin-right: 40px; transition: all 0.3s ease-in; } .help-plug__item:hover { margin-left: 0; background: #335b54; } .help-plug__item:hover svg { margin-right: 24px; } .feedback { background: #66847f; } .feedback__wrapper { display: flex; align-items: center; gap: 24px; padding: 60px 0; } .feedback__wrapper svg { margin-right: 27px; flex-shrink: 0; } @media (max-width: 1280px) { .feedback__wrapper svg { display: none; } } @media (max-width: 640px) { .feedback__wrapper svg { display: flex; width: 76px; height: 76px; margin-right: 0; } } .feedback__wrapper form { width: 100%; } @media (max-width: 1280px) { .feedback__wrapper form { width: calc(50% - 12px); } } @media (max-width: 640px) { .feedback__wrapper form { width: 100%; } } @media (max-width: 1280px) { .feedback__wrapper { align-items: flex-start; } } @media (max-width: 640px) { .feedback__wrapper { flex-wrap: wrap; padding: 32px 0; } } .feedback__info { flex-shrink: 0; width: 100%; max-width: 588px; } @media (max-width: 1280px) { .feedback__info { width: calc(50% - 12px); } } @media (max-width: 640px) { .feedback__info { width: calc(100% - 100px); } } .feedback__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #f8f8fe; margin-bottom: 16px; } @media (max-width: 1280px) { .feedback__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #f8f8fe; } } @media (max-width: 1280px) { .feedback__title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #f8f8fe; } } .feedback__desc { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #f8f8fe; } @media (max-width: 1280px) { .feedback__desc { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #f8f8fe; } } @media (max-width: 1280px) { .feedback__desc { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #f8f8fe; } } .feedback__form { display: flex; flex-direction: column; width: 100%; } .feedback__form input { background: #66847f; border: 1px solid #335b54; border-radius: 4px; padding: 8px 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #f8f8fe; } .feedback__form input.feedback-name { margin-bottom: 24px; } .feedback__form input.feedback-phone { margin-bottom: 8px; } .feedback__form input::placeholder { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #99ada9; } .feedback__form button { border-radius: 4px; padding: 16px 24px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #ccd6d4; background: #003229; border: 1px solid transparent; transition: all 0.2s ease-in-out; } .feedback__form button[disabled] { border: 1px solid #2b2b2b; } .feedback__form button:hover { border: 1px solid #003229; background-color: #ccd6d4; color: #003229; } .feedback__form .check { margin-bottom: 16px; } .feedback__form .check .check__text { font-family: var(--font-family); font-weight: 400; font-size: 11px; line-height: 133%; color: #ccd6d4; } @media (max-width: 1280px) { .feedback__form .check .check__text { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 150%; color: #ccd6d4; } } .feedback__form .check .check__text a { font-family: var(--font-family); font-weight: 400; font-size: 11px; line-height: 133%; color: #003229; text-decoration: underline; } @media (max-width: 1280px) { .feedback__form .check .check__text a { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 150%; color: #003229; text-decoration: underline; } } .feedback__politic { margin-bottom: 16px; } .feedback__politic label { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #ccd6d4; margin-left: 10px; } .footer__wrapper { background: #335b54; padding: 60px 0 32px; } @media (max-width: 640px) { .footer__wrapper { padding: 32px 0; } } .footer__main { display: flex; justify-content: space-between; padding-bottom: 32px; border-bottom: 1px solid #66847f; } @media (max-width: 640px) { .footer__main { flex-direction: column; } } .footer__menu { display: flex; justify-content: space-between; } @media (max-width: 1280px) { .footer__menu { flex-direction: column; } } .footer__logo { margin-right: 126px; } @media (max-width: 1280px) { .footer__logo { display: block; } } @media (max-width: 640px) { .footer__logo { display: flex; align-items: center; width: 100%; gap: 8px; margin-bottom: 24px; } .footer__logo svg { flex-shrink: 0; } } .footer__label { font-family: var(--font-family); font-weight: 300; font-size: 14px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; max-width: 170px; margin-top: 8px; } .footer__grid { display: grid; grid-template-columns: repeat(2, 1fr); } .footer__block { display: flex; flex-direction: column; } .footer__block.nav { width: 390px; margin-right: 24px; } .footer__block.nav .footer__grid { grid-template-columns: 120px 180px; gap: 90px; } @media (max-width: 1280px) { .footer__block.nav { margin-right: 0; width: 100%; } } .footer__block.catalog { width: 280px; } .footer__block.catalog .footer__grid { grid-template-columns: 180px 60px; } @media (max-width: 1280px) { .footer__block.catalog { margin-top: 24px; } } @media (max-width: 640px) { .footer__block.catalog { margin-top: 0; width: 100%; } } .footer__block.contact { flex-shrink: 0; width: 180px; } .footer__block.contact .footer__title { padding: 10px 0; } .footer__block.contact .footer__grid { grid-template-columns: repeat(1, 1fr); } .footer__block.contact a { display: flex; align-items: center; gap: 16px; } @media (max-width: 1280px) { .footer__block.contact { display: none; } .footer__block.contact .footer__title { padding: 0; } } @media (max-width: 640px) { .footer__block.contact { display: block; width: 100%; margin-top: 12px; } .footer__block.contact .footer__title { margin-bottom: 26px; } } .footer__block.contact-tablet { display: none; } .footer__block.contact-tablet .footer__grid { grid-template-columns: repeat(1, 1fr); } .footer__block.contact-tablet a { display: flex; align-items: center; gap: 16px; } @media (max-width: 1280px) { .footer__block.contact-tablet { display: block; margin-top: 24px; } } @media (max-width: 640px) { .footer__block.contact-tablet { display: none; } } .footer__block .footer__grid a { transition: all 0.3s ease-in-out; } .footer__block .footer__grid a:hover { transform: translate(5px, 0); } .footer__block .acc-btn { cursor: default; } @media (max-width: 640px) { .footer__block .acc-btn { cursor: pointer; } } .footer__block .acc-btn svg { display: none; } @media (max-width: 640px) { .footer__block .acc-btn svg { display: block; } } .footer__title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #ccd6d4; margin-bottom: 16px; } @media (max-width: 640px) { .footer__title { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #ccd6d4; } } .footer__title a { color: #ccd6d4; } @media (max-width: 640px) { .footer__title a { color: #ccd6d4; } } .footer__title a:hover { color: #ccd6d4; } .footer__block-sub { display: flex; flex-direction: column; gap: 16px; } .footer__block-sub a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #ccd6d4; } .footer__bottom { padding-top: 32px; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; text-align: center; color: #99ada9; display: flex; justify-content: center; } .footer__phone-back { display: none; } @media (max-width: 640px) { .footer__phone-back { display: block; margin: 24px 0 -8px; font-family: var(--font-family); font-weight: 600; font-size: 14px; color: #335b54; background: #ccd6d4; border-radius: 4px; padding: 6px 32px 8px 32px; text-align: center; } } .footer .acc { border: none; } @media (min-width: 640px) { .footer .acc-body { max-height: 100%; } } .footer .acc img { display: none; } @media (max-width: 640px) { .footer .acc img { display: block; } } .product { width: 100%; height: 100%; position: relative; display: inline-flex; flex-direction: column; padding: 8px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out; } .product.bg-white { background-color: #F8F8FE; } .product:hover { box-shadow: 0 4px 8px 0 rgba(0, 10, 8, 0.16); background-color: #fdfdff; } .product:hover .product__details { transform: translate(0, 0); } @media (max-width: 640px) { .product { width: auto; min-width: 160px; max-width: 300px; } } .product__tag { position: absolute; font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; color: #fdfdff; } .product__tag.procent { border-radius: 4px; padding: 2px 6px; top: 118px; right: 8px; background: #cf0d0d; } .product__tag.hit { top: 8px; right: 8px; border-radius: 4px; padding: 2px 6px 4px 6px; background: #335b54; } .product__details { position: absolute; top: 0; left: 0; transform: translate(0, -100%); transition: all 0.3s ease-in-out; padding: 8px; width: 100%; height: 140px; background: #fdfdff; z-index: 2; } .product__details li { font-family: var(--font-family); font-size: 12px; font-weight: 400; color: #000a08; margin-bottom: 8px; } .product__details li span { font-weight: 300; color: #99ada9; } .product img { border-radius: 4px; width: 184px; height: 130px; margin-bottom: 4px; } .product__availability { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #335b54; margin-bottom: 9px; } .product__price { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #000a08; margin-right: 8px; } .product__priceCount { font-family: var(--font-family); font-weight: 500; font-size: 15px; color: #b6c0be; } .product__price-old { font-family: var(--font-family); font-weight: 400; font-size: 12px; text-decoration: line-through; color: #99ada9; } .product__title { margin-bottom: 16px; margin-top: 16px; } .product__title a { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; color: #000a08; } .product__basket { display: flex; align-items: center; gap: 16px; } .product__basket .in-basket { border-radius: 4px; padding: 8px 16px; width: 56px; height: 40px; display: flex; align-items: center; justify-content: center; background: #003229; outline: none; border: none; color: #fff; font-size: 20px; } .product__refine-btn { margin-top: auto; } .product__refine-btn button { width: 100%; border-radius: 4px; padding: 8px 16px; background: #99ada9; outline: none; border: none; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #fdfdff; transition: all 0.3s ease-in-out; } .product__refine-btn button:hover { background: #003229; } .product__num { display: flex; align-items: center; width: 100%; position: relative; } .product__num input { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #335b54; padding: 8px 30px; background: transparent; width: 100%; text-align: center; } .product__num button { background-color: transparent; outline: none; border: none; position: absolute; top: 50%; transform: translate(0, -50%); } .product__num button.minus { left: 0; margin-top: -2px; } .product__num button.plus { margin-top: 1px; right: 6px; } .product__availability-list-view, .product__details-list-view { display: none; } .cpv { width: 100%; } .cpv .product { width: 100%; } .cpv .product__price-block { margin-left: auto; } @media (min-width: 1280px) { .cpv .product { width: 100%; display: flex; flex-direction: row; align-items: flex-start; padding: 16px; border: 1px solid #ccd6d4; margin-bottom: 16px; } .cpv .product:hover { background-color: FDFDFF; } .cpv .product:hover .product__details-list-view { max-height: 300px; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); } .cpv .product img { border-radius: 4px; width: 90px; height: 64px; margin-right: 16px; order: 1; } .cpv .product__tags { display: none; } .cpv .product__details { display: none; } .cpv .product__info-list-view { order: 2; } .cpv .product__details-list-view { display: block; height: 100%; max-height: 0px; overflow: hidden; transition: max-height 0.4s cubic-bezier(0, 1, 0, 1); } .cpv .product__details-list-view li { font-family: var(--font-family); font-weight: 400; font-size: 14px; color: #000a08; margin-bottom: 8px; } .cpv .product__details-list-view li span { font-weight: 300; color: #99ada9; } .cpv .product__availability { display: none; } .cpv .product__availability-list-view { display: block; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #335b54; margin-bottom: 17px; } .cpv .product__price-block { order: 3; margin-left: auto; } .cpv .product__price { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 8px; } .cpv .product__price-old { font-family: var(--font-family); font-weight: 500; font-size: 18px; text-decoration: line-through; color: #ccd6d4; } .cpv .product__title { margin-bottom: 8px; max-width: 500px; font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #000a08; } .cpv .product__basket { order: 4; max-width: 184px; margin-left: 16px; } .cpv .product__refine-btn { order: 4; margin-left: auto; margin-top: 0; } } @media (min-width: 992px) { .swiper-wrapper-cpv { display: flex; flex-direction: column; } } .filter { margin-bottom: 24px; } .filter::-webkit-scrollbar { width: 4px; /* width of the entire scrollbar */ } .filter::-webkit-scrollbar-thumb { border-radius: 4px; /* roundness of the scroll thumb */ } .filter__main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 32px; padding-top: 30px; } .filter__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 56px; line-height: 100%; color: #003229; margin-bottom: -3px; margin-right: 16px; } @media (max-width: 1280px) { .filter__main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .filter__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .filter__main-title { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 16px; } .filter__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } } @media (max-width: 1280px) { .filter__close svg { width: 24px; height: 24px; margin-top: 8px; } } @media (max-width: 640px) { .filter__close svg { width: 16px; height: 16px; } } @media (max-width: 1280px) { .filter__title-mob { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .filter__title-mob { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } } .filter__top-mob { display: none; } @media (max-width: 1280px) { .filter__top-mob { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } } .filter__tags { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; } @media (max-width: 1280px) { .filter__tags { overflow-x: scroll; padding-bottom: 12px; margin-bottom: 4px; } .filter__tags::-webkit-scrollbar { height: 3px; } .filter__tags::-webkit-scrollbar-track { background: #ffffff; } .filter__tags::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } } .filter__tag { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; text-align: right; color: #003229; padding: 8px 16px; transition: all 0.3s ease-in-out; background: #f3f4fd; border-radius: 4px; } .filter__tag:hover { background: #ccd6d4; } @media (max-width: 1280px) { .filter__tag { flex-shrink: 0; } } .filter__interface { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .filter__btn { display: flex; align-items: center; gap: 16px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; text-align: center; color: #003229; padding: 16px 24px; border: 4px 4px 0 0; position: relative; transition: all 0.4s ease-in-out; cursor: pointer; } .filter__btn::after { content: ''; position: absolute; width: 100%; height: 12px; background-color: #fdfdff; bottom: -6px; left: 0; z-index: 1; } .filter__btn:hover { box-shadow: 0 0 6px 0 #d2d2d2; transition: all 0.8s ease-in-out; } .filter__btn:hover ~ .filter__content { max-height: 420px; transition: all 0.8s cubic-bezier(0.58, 0.09, 0.76, 0.95); } @media (max-width: 1280px) { .filter__btn:hover ~ .filter__content { max-height: 100vh; } } @media (max-width: 1280px) { .filter__btn { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #003229; padding-left: 0; padding-bottom: 24px; } .filter__btn:after { display: none; } .filter__btn:hover { box-shadow: none; } } .filter__content { width: 100%; height: 100%; max-height: 0px; transition: all 0.8s cubic-bezier(0.58, 0.09, 0.76, 0.95); border-radius: 0 4px 0 0; background-color: #fdfdff; box-shadow: 0 0 6px 0 #d2d2d2; overflow: hidden; position: relative; max-height: 0; overflow: hidden; transition-delay: 2s; } .filter__content::before { content: ""; position: absolute; top: -55px; left: 0; width: 171px; height: 55px; background-color: transparent; overflow: visible; box-shadow: 0 0 6px 0 #d2d2d2; transition-delay: 2s; } .filter__content:hover { max-height: 420px; overflow: visible; } .filter__content:hover::before { content: ""; position: absolute; top: -55px; left: 0; width: 171px; height: 55px; background-color: transparent; overflow: visible; box-shadow: 0 0 6px 0 #d2d2d2; transition-delay: 2s; } @media (max-width: 1280px) { .filter__content:hover { max-height: 100vh; } } @media (max-width: 1280px) { .filter__content { position: fixed; top: 0; left: 0; transition: all 0.3s ease-in; box-shadow: none; z-index: 10; transform: translate(-100%, 0); height: 100vh; max-height: 100vh; overflow: visible; } .filter__content:hover { max-height: 100vh; } .filter__content.show { box-shadow: none; background-color: rgba(0, 10, 8, 0.7); transform: translate(0, 0); } } .filter__content-wrapper { padding: 24px; } @media (max-width: 1280px) { .filter__content-wrapper { width: 389px; z-index: 1; background-color: #fff; height: 100vh; display: flex; flex-direction: column; overflow: auto; transition-delay: 0.3s; transition: all 0.3s ease-in; padding-bottom: 80px; } .filter__content-wrapper::-webkit-scrollbar { width: 5px; } .filter__content-wrapper::-webkit-scrollbar-track { background: #ffffff; } .filter__content-wrapper::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } } @media (max-width: 640px) { .filter__content-wrapper { width: 100vw; } } .filter__avaible { display: flex; align-items: center; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; margin-left: 24px; margin-right: auto; flex-shrink: 0; } @media (max-width: 1280px) { .filter__avaible { margin-left: 0; } } .filter__change-view { display: flex; align-items: center; gap: 16px; } @media (max-width: 1280px) { .filter__change-view { display: none; } } .filter__grid-view, .filter__list-view { cursor: pointer; border-radius: 4px; padding: 8px; width: 40px; height: 40px; } .filter__grid-view:hover, .filter__grid-view.active, .filter__list-view:hover, .filter__list-view.active { background: #ccd6d4; } .filter__top { display: flex; align-items: flex-start; gap: 20px; } @media (max-width: 1280px) { .filter__top { display: flex; flex-direction: column; gap: 0; } } @media (max-width: 1280px) { .filter__top-left { width: 100%; } } .filter__price-slider-param { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 100%; color: #000a08; margin-top: 16px; padding: 0 6px; } @media (max-width: 1280px) { .filter__top-right { width: 100%; } } .filter__size-tags { display: flex; align-items: flex-start; margin-bottom: 32px; } .filter__size-tags.show .acc-body::-webkit-scrollbar { width: 5px; } .filter__size-tags.show .acc-body::-webkit-scrollbar-track { background: #ffffff; } .filter__size-tags.show .acc-body::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } @media (max-width: 1280px) { .filter__size-tags.show .acc-body { max-height: 310px; } } .filter__size-tags .acc-body { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; max-height: 100%; } @media (max-width: 1280px) { .filter__size-tags { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 0; } .filter__size-tags:first-of-type { border-top: 1px solid #ccd6d4; } .filter__size-tags .acc-body { transition: none; max-height: 0; flex-direction: column; align-items: flex-start; width: 100%; border-bottom: 1px solid #ccd6d4; overflow-y: auto; flex-wrap: nowrap; } .filter__size-tags .acc-body .filter__size:first-of-type { margin-top: 8px; } .filter__size-tags .acc-body .filter__size:last-of-type { margin-bottom: 8px; } } @media (max-width: 1280px) and (max-width: 1280px) { .filter__size-tags .acc-body .filter__size:last-of-type { margin-bottom: 24px; } } .filter__size-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #000a08; margin-right: 32px; padding: 0; } .filter__size-title svg { display: none; } @media (max-width: 1280px) { .filter__size-title { width: 100%; padding: 24px 0; } .filter__size-title svg { display: block; } } .filter__size { flex-shrink: 0; } @media (max-width: 1280px) { .filter__size { padding-left: 16px; } } .filter__thickness-tags { display: flex; align-items: flex-start; margin-top: 40px; } .filter__thickness-tags.show .acc-body::-webkit-scrollbar { width: 5px; } .filter__thickness-tags.show .acc-body::-webkit-scrollbar-track { background: #ffffff; } .filter__thickness-tags.show .acc-body::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } @media (max-width: 1280px) { .filter__thickness-tags.show .acc-body { max-height: 310px; } } .filter__thickness-tags .acc-body { display: flex; align-items: center; gap: 8px; max-height: 100%; flex-wrap: wrap; } @media (max-width: 1280px) { .filter__thickness-tags { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0; } .filter__thickness-tags .acc-body { flex-direction: column; align-items: flex-start; max-height: 0; transition: none; width: 100%; border-bottom: 1px solid #ccd6d4; overflow-y: auto; flex-wrap: nowrap; } .filter__thickness-tags .acc-body .filter__thickness:first-of-type { margin-top: 8px; } .filter__thickness-tags .acc-body .filter__thickness:last-of-type { margin-bottom: 8px; } } @media (max-width: 1280px) and (max-width: 1280px) { .filter__thickness-tags .acc-body .filter__thickness:last-of-type { margin-bottom: 24px; } } .filter__thickness-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #000a08; margin-right: 32px; padding: 0; } .filter__thickness-title svg { display: none; } @media (max-width: 1280px) { .filter__thickness-title { width: 100%; padding: 24px 0; } .filter__thickness-title svg { display: block; } } .filter__thickness { display: flex; align-items: center; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; text-align: right; color: #003229; flex-shrink: 0; } @media (max-width: 1280px) { .filter__thickness { padding-left: 16px; } } .filter__bottom { display: flex; align-items: flex-start; gap: 16px; margin-top: 24px; } @media (max-width: 1280px) { .filter__bottom { display: flex; flex-direction: column; gap: 0; margin-bottom: 0; margin-top: 0; } } .filter__item-acc { width: 100%; background: #fdfdff; border: 1px solid #99ada9; border-radius: 4px; position: relative; } @media (max-width: 1280px) { .filter__item-acc { border-top: none; border-bottom: 1px solid #ccd6d4; border-left: none; border-right: none; border-radius: 0px; } } .filter__item-acc.show .filter__item-title { border-left: 1px solid #ccd6d4; border-right: 1px solid #ccd6d4; border-top: 1px solid #ccd6d4; border-radius: 4px 4px 0 0; background: #ccd6d4; } @media (max-width: 1280px) { .filter__item-acc.show .filter__item-title { border: none; background: transparent; } } .filter__item-acc.show .filter__item-body { max-height: 200px; overflow-y: scroll; } @media (max-width: 1280px) { .filter__item-acc.show .filter__item-body { max-height: 310px; } } .filter__item-acc.show .filter__item-body::-webkit-scrollbar { width: 5px; } .filter__item-acc.show .filter__item-body::-webkit-scrollbar-track { background: #ffffff; } .filter__item-acc.show .filter__item-body::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } .filter__item-title { padding: 16px 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; } @media (max-width: 1280px) { .filter__item-title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; padding: 24px 0; } } .filter__item-body { position: absolute; top: 102%; left: 0; z-index: 1; width: 100%; border-radius: 0 0 4px 4px; box-shadow: 0 4px 8px 0 rgba(142, 141, 208, 0.16); background: #fff; display: flex; flex-direction: column; gap: 16px; height: auto; transition: none; } @media (max-width: 1280px) { .filter__item-body { box-shadow: none; position: relative; top: auto; left: auto; } } .filter__item-body .check { margin-left: 16px; } .filter__item-body .check:first-of-type { margin-top: 8px; } .filter__item-body .check:last-of-type { margin-bottom: 8px; } @media (max-width: 1280px) { .filter__item-body .check:last-of-type { margin-bottom: 24px; } } .filter__btns { display: flex; align-items: flex-end; justify-content: flex-end; gap: 16px; margin-top: 40px; width: 100%; } @media (max-width: 1280px) { .filter__btns { flex-direction: column; gap: 24px; } } .filter__reset { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; width: 276px; height: 56px; transition: all 0.3s ease-in-out; background: transparent; } .filter__reset:hover { color: #fdfdff; background: #003229; } @media (max-width: 1280px) { .filter__reset { width: 100%; } } .filter__show { border-radius: 4px; padding: 16px 24px; width: 276px; height: 56px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; background: #003229; } .filter__show:hover { opacity: 0.8; } @media (max-width: 1280px) { .filter__show { width: 100%; } } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 48px; height: 24px; margin-right: 12px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider-round { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 0.4s; transition: 0.4s; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25); } .slider-round:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: #003229; -webkit-transition: 0.4s; transition: 0.4s; } input:checked + .slider-round { background-color: #003229; box-shadow: none; } input:checked + .slider-round:before { background-color: #FDFDFF; -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); } /* Rounded sliders */ .slider-round { border-radius: 34px; } .slider-round:before { border-radius: 50%; } .catalog { margin-bottom: 0; } .catalog .container { transition: all 0.3s ease-in-out; } .catalog p { text-align: center; font-family: var(--font-family); font-weight: 700; font-size: 56px; line-height: 100%; color: #003229; margin: 80px 0; } .catalog__title { display: flex; align-items: flex-end; } .catalog__title span { margin-left: 12px; } .catalog__title a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #66847f; margin-left: auto; } .catalog__title a:hover { text-decoration: underline; } .catalog__nav { margin-top: 24px; display: flex; align-items: center; gap: 48px; overflow-x: scroll; padding-bottom: 15px; } .catalog__nav::-webkit-scrollbar { height: 5px; } .catalog__nav::-webkit-scrollbar-track { background: #ffffff; } .catalog__nav::-webkit-scrollbar-thumb { background: #335b54; border-radius: 4px; } .catalog__nav a, .catalog__nav div { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #c2c3ca; flex-shrink: 0; cursor: pointer; } .catalog__nav a:hover, .catalog__nav a.active, .catalog__nav div:hover, .catalog__nav div.active { text-decoration: underline; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #66847f; cursor: pointer; } .catalog__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; } @media (max-width: 1280px) { .catalog__grid { grid-template-columns: repeat(5, 1fr); gap: 24px; } } @media (max-width: 991px) { .catalog__grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 720px) { .catalog__grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 640px) { .catalog__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } } .catalog__see-more-cpv { display: none; } .catalog__item { padding: 64px 0; } @media (max-width: 1280px) { .catalog__item { padding: 40px 0; } } @media (max-width: 640px) { .catalog__item { padding: 24px 0; } } @media (min-width: 1280px) { .catalog__item.cpv .default-slider-product { margin-top: 0; } .catalog__item.cpv .container { display: flex; align-items: flex-start; gap: 24px; } .catalog__item.cpv .catalog__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #000a08; width: 180px; margin-left: 0; display: block; } .catalog__item.cpv .catalog__title span { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #000a08; width: 100%; display: block; margin-left: 0; } .catalog__item.cpv .catalog__title a { display: none; } } .catalog__item.cpv .catalog__see-more-cpv { display: inline-flex; align-items: center; gap: 17px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; margin-top: 16px; transition: all 0.2s ease-in; } .catalog__item.cpv .catalog__see-more-cpv svg { transition: all 0.2s ease-in; margin-top: 3px; width: 9px; } .catalog__item.cpv .catalog__see-more-cpv svg path { transition: all 0.2s ease-in; } @media (max-width: 1280px) { .catalog__item.cpv .catalog__see-more-cpv { display: none; } } .catalog__item.cpv .catalog__see-more-cpv:hover { background: #003229; color: #fff; transform: translate(5px, 0); } .catalog__item.cpv .catalog__see-more-cpv:hover svg { transform: translate(5px, 0); } .catalog__item.cpv .catalog__see-more-cpv:hover svg path { stroke: #fff; } .catalog__item.dark { background: #f8f8fe; } .catalog-main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 86px; } .catalog-main-title span { font-family: var(--font-family); font-weight: 700; font-size: 56px; line-height: 100%; color: #003229; margin-bottom: -3px; } .catalog-main-title .container { display: flex; align-items: flex-end; gap: 16px; } @media (max-width: 1280px) { .catalog-main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; } .catalog-main-title span { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .catalog-main-title { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 62px; } .catalog-main-title span { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } .catalog-main-title .container { align-items: flex-start; flex-direction: column; gap: 8px; } } .polzunok-container-5 * { box-sizing: border-box; outline: none; } .polzunok-container-5 { padding: 0 0 34px 0; border-bottom: solid 1px var(--stroke); } .polzunok-container-5 input { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 100%; color: #000a08; } .polzunok { width: calc(100% - 21px); margin: 30px 0 0 7px; } .polzunok-container-5:after { content: ""; clear: both; display: table; } .polzunok-container-5 .ui-slider { position: relative; background: #F1F3F5; opacity: 1; height: 2px; border: none !important; z-index: 1; } .polzunok-container-5 .ui-slider .ui-slider-handle { position: absolute; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25); width: 25px; height: 25px; cursor: pointer; border-radius: 50%; top: -12px; background: #66847f; outline: none; border: 5px solid #fdfdff; z-index: 2; transition: transform 0.2s, border 0.4s; } .polzunok-container-5 .ui-slider .ui-slider-handle:hover, .polzunok-container-5 .ui-slider .ui-slider-handle:focus { transform: scale(1.2); } .polzunok-input-5-left, .polzunok-input-5-right { padding: 15px 12px; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 100%; width: 100%; border-radius: 5px; } .polzunok-input-5-left::placeholder, .polzunok-input-5-right::placeholder { color: var(--stroke); } .polzunok-container-5 .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 2px; border: 0; background: #66847f; } .polzunok__title { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #000a08; margin-bottom: 24px; } .polzunok__parametrs { display: flex; align-items: center; justify-content: flex-start; gap: 6px; background: #fdfdff; } .polzunok__parametrs input { border: 1px solid #99ada9; } .polzunok__min { margin-right: 6px; } .polzunok__max { margin-left: 6px; margin-right: 6px; } .polzunok__list { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; } .polzunok__item { font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 110%; color: #A4ACB5; } .action { margin-bottom: 16px; } .action-main-title { margin-bottom: 40px; } @media (max-width: 1280px) { .action-main-title { margin-bottom: 32px; } } @media (max-width: 640px) { .action-main-title { margin-bottom: 24px; } } .action__title { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #003229; margin-bottom: 24px; } .action__content { display: flex; align-items: flex-start; gap: 24px; } .action__img { height: 372px; width: 588px; flex-shrink: 0; } @media (max-width: 1280px) { .action__title { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 110%; color: #000a08; margin-bottom: 32px; } .action__content { flex-direction: column; gap: 32px; } .action__img { width: 100%; height: auto; } .action__img img { width: 100%; } } @media (max-width: 640px) { .action { margin-bottom: 0; } .action__title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 16px; } .action__content { gap: 16px; } .action__text { order: 2; } .action__img { order: 1; } } .actions__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } @media (max-width: 1280px) { .actions__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .actions__grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .actions__article-wrapper { position: relative; height: 195px; } @media (max-width: 1280px) { .actions__article-wrapper { height: 158px; } } .actions__article-wrapper img { height: 100%; width: 100%; object-fit: cover; } .actions__article:hover .actions__article-hide { opacity: 1; visibility: visible; } .actions__article:hover::before { opacity: 1; } .actions__article::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3)); transition: all 0.3s ease-in-out; } .actions__article::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); transition: all 0.3s ease-in-out; } .actions__article-title { position: absolute; bottom: 16px; right: 8px; font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; text-align: right; color: #f8f8fe; z-index: 1; } .actions__article-hide { opacity: 0; visibility: hidden; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #fdfdff; padding: 16px 24px; border: 1px solid #fdfdff; border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; transition: all 0.3s ease-in-out; } .manufacturer { margin-bottom: 32px; } .manufacturer__main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 32px; padding-top: 30px; } .manufacturer__main-title h1, .manufacturer__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 56px; line-height: 100%; color: #003229; margin-bottom: -3px; margin-right: 16px; } @media (max-width: 1280px) { .manufacturer__main-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .manufacturer__main-title h1, .manufacturer__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 110%; color: #003229; } } @media (max-width: 640px) { .manufacturer__main-title { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 115%; letter-spacing: 0.01em; color: #ccd6d4; margin-bottom: 16px; } .manufacturer__main-title h1, .manufacturer__main-title span { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } } .manufacturer-main-title { margin-bottom: 32px; } @media (max-width: 1280px) { .manufacturer-main-title { margin-bottom: 32px; } } @media (max-width: 640px) { .manufacturer-main-title { margin-bottom: 24px; } } .manufacturer__title h1 { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #003229; margin-bottom: 24px; } @media (max-width: 1280px) { .manufacturer__title h1 { display: flex; align-items: center; justify-content: space-between; gap: 24px; } } .manufacturer__content { display: flex; align-items: flex-start; gap: 46px; } .manufacturer__img { width: 484px; flex-shrink: 0; } .manufacturer__img-mob { display: none; } @media (max-width: 1280px) { .manufacturer__img-mob { display: block; } } @media (max-width: 1280px) { .manufacturer { margin-bottom: 16px; } .manufacturer__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } .manufacturer__content { flex-direction: column; gap: 32px; } .manufacturer__img { display: none; } .manufacturer__img-mob { width: 284px; } } @media (max-width: 640px) { .manufacturer { margin-bottom: 8px; } .manufacturer__title span { display: none; } .manufacturer__img-mob { width: 100%; } } .manufacturers { margin-bottom: 40px; } .manufacturers__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 1280px) { .manufacturers__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .manufacturers__grid { gap: 8px; } } .manufacturers__item { display: flex; flex-direction: column; background: #f8f8fe; padding: 16px; border-radius: 4px; transition: all 0.3s ease-in-out; } .manufacturers__item:hover { box-shadow: 0 4px 8px 0 rgba(0, 10, 8, 0.16); background: #fdfdff; } .manufacturers__title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #335b54; margin-top: 16px; } @media (max-width: 640px) { .manufacturers__item { padding: 8px; } .manufacturers__title { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; text-align: center; color: #335b54; } } .basket { margin-bottom: 80px; } @media (max-width: 1280px) { .basket { margin-bottom: 32px; } } @media (max-width: 640px) { .basket { margin-bottom: 40px; } } .basket__wrapper { display: flex; align-items: flex-start; gap: 24px; } @media (max-width: 1280px) { .basket__wrapper { gap: 0; flex-direction: column; } } .basket-main-title { margin-bottom: 40px; } @media (max-width: 1280px) { .basket-main-title { margin-bottom: 32px; } } @media (max-width: 640px) { .basket-main-title { margin-bottom: 24px; } } .basket__product { width: 100%; display: flex; flex-direction: row; align-items: flex-start; padding: 24px 32px; border: 1px solid #ccd6d4; margin-bottom: 16px; } .basket__product:hover { background-color: FDFDFF; } .basket__product img { border-radius: 4px; width: 153px; height: 106px; margin-right: 20px; } @media (max-width: 1280px) { .basket__list { margin-bottom: 20px; } } .basket__right { display: flex; flex-direction: column; gap: 24px; } .basket__total-block { border-radius: 4px; padding: 16px 32px 24px 32px; display: flex; flex-direction: column; background: #ccd6d4; min-width: 282px; } .basket__total-top { border-radius: 4px 4px 0 0; padding: 16px 32px 8px 32px; background: #335b54; font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #ccd6d4; display: flex; align-items: center; justify-content: space-between; } .basket__total-top span { font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #ccd6d4; } .basket__reset { font-family: var(--font-family); font-weight: 300; font-size: 14px; text-align: right; color: #cf0d0d; margin-bottom: 32px; } .basket__summ, .basket__discount, .basket__delivery { font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #000a08; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .basket__summ span, .basket__discount span, .basket__delivery span { font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #000a08; } .basket__discount { margin-bottom: 32px; } .basket__total { font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #000a08; display: flex; align-items: center; justify-content: space-between; } .basket__total span { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; } .basket__btns-order { display: flex; flex-direction: column; gap: 8px; } .basket__order { width: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; border-radius: 4px; padding: 16px 24px; background: #003229; transition: all 0.3s ease-in; } .basket__order:hover { opacity: 0.8; } .basket__continue { width: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; transition: all 0.3s ease-in; } .basket__continue:hover { color: #fdfdff; background: #003229; } @media (max-width: 1280px) { .basket__right { flex-direction: row; gap: 24px; align-items: flex-end; width: 100%; } .basket__total-block { width: 100%; } .basket__btns-order { gap: 24px; width: 100%; } .basket__order { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #fdfdff; } .basket__continue { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #003229; } .basket .basket-product__basket { margin: 0 16px; } .basket .basket-product .product__title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; } } @media (max-width: 640px) { .basket__wrapper { flex-direction: column; } .basket__right { flex-direction: column; gap: 24px; width: 100%; } .basket__total-block { width: 100%; } .basket__btns-order { gap: 24px; width: 100%; } .basket__order { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #fdfdff; } .basket__continue { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #003229; } .basket .basket__wrapper { margin-top: 32px; } } .basket-order { margin-bottom: 16px; margin-top: -32px; } @media (max-width: 1280px) { .basket-order { margin-top: -16px; } } @media (max-width: 1280px) { .basket-order { margin-top: -32px; margin-bottom: 8px; } } .basket-order .basket-product__basket { border: none; } .basket-order .basket-product__price-block { display: flex; align-items: center; } .basket-order .container > span { flex-shrink: 0; font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 32px; display: block; } @media (max-width: 1280px) { .basket-order .container > span { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; margin-bottom: 24px; } } @media (max-width: 640px) { .basket-order .container > span { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #003229; margin-bottom: 16px; } } .basket-order .basket__list { margin-bottom: 0 !important; } .basket-product { width: 100%; display: flex; flex-direction: row; align-items: flex-start; padding: 24px 32px; border: 1px solid #ccd6d4; margin-bottom: 16px; transition: all 0.3s ease-in-out; } @media (max-width: 1280px) { .basket-product { padding: 24px 16px; } } @media (max-width: 700px) { .basket-product { flex-wrap: wrap; padding: 24px 16px; } } .basket-product img { border-radius: 4px; width: 153px; height: 106px; margin-right: 20px; } @media (max-width: 1280px) { .basket-product img { margin-right: 16px; } } @media (max-width: 640px) { .basket-product img { width: 80px; height: 56px; } } .basket-product__left { display: flex; align-items: flex-start; } @media (max-width: 700px) { .basket-product__left { width: 100%; margin-bottom: 24px; } } .basket-product__price-block { flex-shrink: 0; } @media (max-width: 700px) { .basket-product__price-block { margin-left: auto; } } .basket-product__delete { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #c2c3ca; cursor: pointer; margin-top: 3px; } .basket-product__delete:hover { text-decoration: underline; } .basket-product__basket { width: 100px; height: 45px; border: 1px solid #ccd6d4; border-radius: 4px; margin: 0 32px 0 16px; flex-shrink: 0; } .basket-product__basket .minus { left: 5px !important; } @media (max-width: 700px) { .basket-product__basket { margin: 0; } } .basket-product .product:hover { box-shadow: none; } .basket-product .product__price { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 8px; } .basket-product .product__price-old { font-family: var(--font-family); font-weight: 500; font-size: 18px; text-decoration: line-through; color: #ccd6d4; } .basket-product .product__title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin: 0; margin-bottom: 8px; } @media (max-width: 1280px) { .basket-product .product__title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; margin-bottom: 16px; } } .basket-preview { position: absolute; width: 467px; right: 0; top: 85px; box-shadow: 0 11px 14px 0 rgba(17, 17, 20, 0.25); border-radius: 4px; background: #f8f8fe; opacity: 0; visibility: hidden; transform: translate(0, -15px); transition: all 0.2s ease-in; } .basket-preview.show, .basket-preview:hover { opacity: 1; visibility: visible; transform: translate(0, 0); transition-delay: 0.2s; } @media (max-width: 1280px) { .basket-preview { display: none; } } .basket-preview__content { display: flex; flex-direction: column; padding: 16px 32px 24px 32px; gap: 32px; } .basket-preview__list { display: flex; flex-direction: column; gap: 32px; } .basket-preview__item { border-bottom: 1px solid #ccd6d4; padding: 16px 0px; } .basket-preview__title-wrap { display: flex; align-items: flex-start; margin-bottom: 8px; } .basket-preview__title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; margin-right: 30px; } .basket-preview__delete-item svg { margin-left: auto; flex-shrink: 0; cursor: pointer; } .basket-preview__item-bottom { display: flex; align-items: center; justify-content: space-between; } .basket-preview__price-wrap { display: flex; align-items: flex-end; } .basket-preview__price-wrap span { font-family: var(--font-family); font-weight: 400; font-size: 18px; color: #000a08; margin-left: 16px; } .basket-preview__price { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #000a08; } .basket-preview__old-price { font-family: var(--font-family); font-weight: 400; font-size: 14px; text-decoration: line-through; color: #c2c3ca; margin-left: 8px; } .basket-preview__quantity { font-family: var(--font-family); font-weight: 400; font-size: 18px; color: #000a08; margin-left: 16px; } .basket-preview__price-results { display: flex; align-items: flex-end; } .basket-preview__price-result { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; } .basket-preview__price-result-old { font-family: var(--font-family); font-weight: 400; font-size: 13px; text-decoration: line-through; color: #66847f; margin-left: 8px; } .basket-preview__bottom { display: flex; flex-direction: column; gap: 32px; } .basket-preview__total-wrap { display: flex; align-items: center; justify-content: space-between; } .basket-preview__total-wrap span { font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #000a08; } .basket-preview__total { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #000a08; } .basket-preview__btns { display: flex; flex-direction: column; gap: 16px; } .basket-preview__go-basket { border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; } .basket-preview__go-basket:hover { background: #003229; color: #fdfdff; } .basket-preview__one-click { border-radius: 4px; padding: 16px 24px; background: #003229; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; cursor: pointer; transition: all 0.3s ease-in-out; } .basket-preview__one-click:hover { opacity: 0.8; } .order form { margin-top: 40px; } .order__wrapper { display: flex; gap: 64px; align-items: flex-start; } .order .basket__right { position: sticky; top: 280px; width: 282px; } .order__left { width: 100%; } .order__receiving { display: flex; align-items: flex-star; gap: 24px; width: 100%; margin-bottom: 32px; } .order__receiving span { flex-shrink: 0; font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; } .order__receiving .radio__content { flex-direction: column; gap: 24px; } .order__upload { border: 2px solid #ccd6d4; border-radius: 4px; padding: 16px 32px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; text-align: center; color: #66847f; display: none; cursor: pointer; margin-top: 24px; } .order__upload input { display: none; } .order__upload svg { margin-right: 8px; } .order__upload.show { display: inline-flex; align-items: center; justify-content: center; } .order__sawing { margin-bottom: 32px; } .order__sawing .check__box { margin-right: 8px; } .order__form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 16px; } .order__agreement .check { align-items: flex-start; } .order__agreement .check__box { margin-top: 4px; } .order__agreement a { color: #335b54; } .order__agreement a:hover { text-decoration: underline; } .order__basket-title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 32px; } .order .order-simple__error { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: red; margin-bottom: 8px; } @media (max-width: 1280px) { .order__wrapper { flex-direction: column; gap: 24px; margin-top: 40px; } .order__form-grid { display: grid; grid-template-columns: 1fr; } .order__left { margin-bottom: 24px; } .order .basket__total-order { width: 100%; } .order .basket__right { flex-direction: column; gap: 24px; width: 100%; align-items: flex-start; } .order__basket-title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; margin-bottom: 24px; } .order__receiving { margin-bottom: 32px; } .order__receiving span { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } .order .basket__btns-order { gap: 8px; } .order textarea { resize: none; max-width: auto; } .order .order__agreement .check { align-items: center; } } @media (max-width: 640px) { .order__receiving { flex-wrap: wrap; order: -3; } .order__receiving span { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #003229; } .order form, .order__wrapper { display: contents; } .order__form { order: -1; } .order__sawing { order: -2; } .order .main-title { order: -4; font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; } .order .container { display: flex; flex-direction: column; } .order__basket-title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #003229; margin-top: 32px; } } .order textarea { max-width: 650px; } /* PRODUCT CARD */ .product-card { margin-top: 40px; } .product-card__content { display: flex; gap: 24px; } .product-card__tag { border-radius: 4px; padding: 2px 6px; background: #cf0d0d; font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #fdfdff; position: absolute; top: 0; left: 0; z-index: 2; } @media (max-width: 1280px) { .product-card__tag { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #fdfdff; border-radius: 4px; padding: 2px 6px; width: 69px; height: 33px; } } .product-card__sliders { min-width: 0; width: 486px; position: relative; display: flex; flex-direction: column; gap: 32px; align-items: flex-start; flex-shrink: 0; } @media (max-width: 1280px) { .product-card__sliders { width: 445px; gap: 24px; } } @media (max-width: 640px) { .product-card__sliders { width: 328px; gap: 16px; } } .product-card__slider-images { position: relative; border-radius: 3px; overflow: hidden; border: 1px solid #ccd6d4; border-radius: 4px; width: 100%; } .product-card__slider-images .slider__image { height: 360px; width: 100%; } @media (max-width: 1280px) { .product-card__slider-images .slider__image { height: 322px; } } @media (max-width: 640px) { .product-card__slider-images .slider__image { height: 238px; } } .product-card__slider-images .slider__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .product-card .swiper-container { overflow: hidden; } .product-card__slider-thumbs { position: relative; width: 100%; } .product-card__slider-thumbs .swiper-slide { border: 1px solid #ccd6d4; border-radius: 4px; overflow: hidden; cursor: pointer; } .product-card__slider-thumbs .slider__image { height: 109px; width: 100%; } @media (max-width: 1280px) { .product-card__slider-thumbs .slider__image { height: 99px; } } @media (max-width: 640px) { .product-card__slider-thumbs .slider__image { height: 71px; } } .product-card__slider-thumbs .slider__image img { display: block; width: 100%; height: 100%; object-fit: cover; } .product-card__info { display: flex; flex-direction: column; gap: 32px; } .product-card__info a { font-family: var(--font-family); font-weight: 600; font-size: 20px; text-decoration: underline; text-decoration-skip-ink: none; color: #66847f; } .product-card__product-title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; } .product-card__feature-cut ul { margin-bottom: 24px; } .product-card__feature-cut li { font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #000a08; margin-bottom: 8px; } .product-card__feature-cut li:last-child { margin-bottom: 0; } .product-card__feature-cut li span { font-family: var(--font-family); font-weight: 300; font-size: 20px; color: #99ada9; } .product-card__mini-desc { display: none; } .product-card__price-block { width: 282px; flex-shrink: 0; } .product-card__price-block .refine-btn { background-color: #003229; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; transition: all 0.3s ease-in; } @media (max-width: 1280px) { .product-card__price-block .refine-btn { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #fdfdff; } } @media (max-width: 640px) { .product-card__price-block .refine-btn { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #fdfdff; } } .product-card__price-block .refine-btn:hover { opacity: 0.8; } .product-card__price-total { border-radius: 4px; padding: 16px; background: #f3f4fd; } .product-card__price-total .sawing__question { border: 1px solid #003229; border-radius: 4px; padding: 8px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; margin-bottom: 32px; margin-top: 16px; background-color: transparent; } .product-card__prices { margin-bottom: 16px; } .product-card__price { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 4px; } .product-card__price-old { font-family: var(--font-family); font-weight: 400; font-size: 14px; text-decoration: line-through; color: #99ada9; } .product-card__available { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #335b54; margin-bottom: 16px; } .product-card__available svg { margin-right: 6px; } .product-card__basket { flex-direction: column; gap: 8px; margin-bottom: 8px; } .product-card__basket .product__num { width: 100%; } .product-card__basket button.in-basket { width: 100%; border-radius: 4px; padding: 8px 32px; background: #003229; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; transition: all 0.3s ease-in-out; } .product-card__basket button.in-basket:hover { opacity: 0.8; } .product-card__basket button.in-basket svg { margin-right: 8px; } .product-card__delivery-item { display: flex; align-items: center; margin-bottom: 16px; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #000a08; } .product-card__delivery-item span { color: #66847f; margin-left: 3px; } .product-card__delivery-item:last-child { margin-bottom: 0; } .product-card__delivery-item svg { width: 24px; margin-right: 8px; } .product-card__delivery-top { display: flex; align-items: center; } .product-card__delivery-price { border-radius: 4px; padding: 4px 8px; background: #ccd6d4; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; margin-left: auto; width: 102px; } .product-card__delivery-item-mob { display: none; } .product-card__advantages-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .product-card__advantages-item { display: flex; align-items: center; gap: 8px; border: 1px solid #ccd6d4; padding: 32px 24px; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #003229; } .product-card__advantages-item svg { width: 32px; } .product-card__order-alarm { display: flex; align-items: center; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #cf0d0d; margin-bottom: 34px; } .product-card__order-alarm svg { margin-right: 6px; } @media (max-width: 1280px) { .product-card__content { flex-wrap: wrap; align-items: flex-start; gap: 32px 24px; } .product-card__sliders { order: 1; width: calc(60% - 12px); } .product-card__price-block { display: contents; } .product-card__price-total { order: 2; width: calc(40% - 12px); } .product-card__title { order: -1; font-family: var(--font-family); font-weight: bold; font-size: 32px; line-height: 120%; color: #000a08; } .product-card__feature-cut { order: 4; width: calc(50% - 12px); } .product-card__feature-cut li { font-family: var(--font-family); font-weight: 300; font-size: 16px; } .product-card__info { display: contents; } .product-card__best-offer { order: 6; } .product-card__mini-desc { display: block; order: 5; width: calc(50% - 12px); font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; } .product-card__delivery-item { flex-wrap: wrap; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; } .product-card__delivery-item span { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; background: #ccd6d4; border-radius: 4px; padding: 4px 8px; margin-right: 8px; } .product-card__delivery-top { width: 100%; margin-bottom: 8px; } .product-card__delivery-price { margin-left: 0; } .product-card__basket { flex-direction: column; gap: 8px; margin-bottom: 32px; } .product-card__basket .product__num { width: 100%; } .product-card__basket button.in-basket { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #fdfdff; } .product-card__basket button.in-basket svg { margin-right: 6px; } .product-card__advantages-list { grid-template-columns: repeat(2, 1fr); } .product-card__advantages-item { gap: 16px; } .product-card__order-alarm { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #cf0d0d; margin-bottom: 26px; } .product-card__order-alarm svg { margin-right: 6px; } } @media (max-width: 640px) { .product-card__content { gap: 24px 8px; } .product-card__sliders { width: 100%; } .product-card__price-total { order: 3; width: calc(50% - 4px); margin-bottom: 13px; } .product-card__title { order: -1; font-family: var(--font-family); font-weight: bold; font-size: 20px; line-height: 120%; color: #000a08; margin-bottom: 16px; } .product-card__feature-cut { order: 2; width: calc(50% - 4px); } .product-card__feature-cut li { font-family: var(--font-family); font-size: 14px; font-weight: 400; color: #000a08; } .product-card__feature-cut li span { font-family: var(--font-family); font-weight: 300; font-size: 14px; color: #99ada9; } .product-card__feature-cut ul { margin-bottom: 8px; } .product-card__feature-cut a { font-family: var(--font-family); font-weight: 600; font-size: 14px; text-decoration: underline; text-decoration-skip-ink: none; color: #66847f; } .product-card__available { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #335b54; } .product-card__basket { margin-bottom: 0; } .product-card__basket button.in-basket { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #fdfdff; padding: 8px 16px; } .product-card__basket button.in-basket svg { width: 17px; height: 17px; } .product-card__price { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #000a08; } .product-card__mini-desc { display: none; } .product-card__delivery-item { display: none; } .product-card__delivery-item-mob { display: flex; align-items: center; width: 100%; order: 5; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; } .product-card__delivery-item-mob span { color: #66847f; margin-left: 5px; } .product-card__delivery-item-mob:last-child { margin-bottom: 0; } .product-card__delivery-item-mob svg { width: 24px; margin-right: 8px; } .product-card__delivery-top { width: auto; margin-bottom: 0; } .product-card__delivery-price { border-radius: 4px; padding: 4px 8px; background: #ccd6d4; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; text-align: center; margin-left: auto; width: 102px; } .product-card__advantages-list { gap: 8px; } .product-card__advantages-item { gap: 8px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; color: #003229; } .product-card__order-alarm { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #cf0d0d; margin-bottom: 25px; } .product-card__order-alarm svg { width: 16px; height: 16px; margin-right: 7px; } } .best-offer { position: relative; overflow: hidden; margin-bottom: 16px; } .best-offer__top { border-radius: 4px; padding: 16px 24px 16px 24px; background: #335b54; transition: all 0.3s ease-in-out; } .best-offer__top .cheaper_modal { display: none; } .best-offer__title { font-family: var(--font-family); font-weight: 800; font-size: 20px; text-align: center; color: #fdfdff; margin-bottom: 8px; } .best-offer__sub-title { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #ccd6d4; } .best-offer__question { position: absolute; right: 26px; top: 62px; cursor: pointer; } .best-offer__question:hover ~ .best-offer__bottom .best-offer__bottom-content { margin-top: 0; border-radius: 0 0 4px 4px; } .best-offer__question:hover ~ .best-offer__top { border-radius: 4px 4px 0 0; } .best-offer__bottom { overflow: hidden; } .best-offer__bottom-content { margin-top: -100%; position: relative; background: #ccd6d4; border-radius: 4px; padding: 24px; transition: all 0.4s ease-in-out; } .best-offer__bottom-content:hover { margin-top: 0; border-radius: 0 0 4px 4px; } .best-offer__bottom-content ul { margin-bottom: 24px; } .best-offer__bottom-content ul li { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #000a08; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; } .best-offer__bottom-content ul li span { font-family: var(--font-family); font-weight: 600; font-size: 16px; color: #000a08; } .best-offer__bottom-content ul li b { font-family: var(--font-family); font-weight: 800; font-size: 16px; color: #335b54; } .best-offer__bottom-content .cheaper_modal { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #003229; width: 100%; display: block; text-align: center; border: 1px solid #003229; border-radius: 4px; padding: 8px 32px; transition: all 0.4s ease-in-out; } .best-offer__bottom-content .cheaper_modal:hover { color: #fdfdff; background-color: #003229; } @media (min-width: 641px) and (max-width: 1280px) { .best-offer { display: flex; width: 100vw; margin-left: -32px; margin-right: -32px; } .best-offer__question { display: none; } .best-offer__top { width: 50%; border-radius: 0; } .best-offer__top .cheaper_modal { display: block; border-radius: 4px; padding: 16px 24px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #fdfdff; width: 100%; background: #003229; margin-top: 24px; } .best-offer__bottom { width: 50%; height: 100%; border-radius: 0px; order: -1; } .best-offer__bottom-content { height: 100%; border-radius: 0; padding-left: 32px; } .best-offer__bottom-content ul { margin-bottom: 24px; } .best-offer__bottom-content ul li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .best-offer__bottom-content ul li:last-child { border-top: solid 2px #335B54; padding-top: 24px; margin-top: 24px; } .best-offer__bottom-content ul li span { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; } .best-offer__bottom-content ul li b { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #335b54; } .best-offer__bottom .cheaper_modal { display: none; } .best-offer__title { text-align: left; } .best-offer__bottom-content { margin: 0; } } @media (max-width: 640px) { .best-offer { width: 100%; margin-top: 16px; } .best-offer__question { display: none; } .best-offer__bottom-content { margin-top: 0; } .best-offer__bottom-content .cheaper_modal { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 114%; text-align: center; color: #003229; width: 100%; display: block; text-align: center; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; transition: all 0.4s ease-in-out; } .best-offer__bottom-content .cheaper_modal:hover { color: #fdfdff; background-color: #003229; } } .info-block__content { display: flex; gap: 126px; } .info-block__item { width: 100%; } .info-block__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .info-block__row { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #66847f; padding: 16px 0; font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #000a08; } .info-block__row span { font-family: var(--font-family); font-weight: 300; font-size: 20px; color: #66847f; } @media (max-width: 1280px) { .info-block__content { flex-direction: column; gap: 40px; } } @media (max-width: 640px) { .info-block__content { gap: 24px; } .info-block__title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; } .info-block__row { font-family: var(--font-family); font-weight: 300; font-size: 12px; color: #66847f; } .info-block__row:first-child { padding-top: 0px; } .info-block__row span { font-family: var(--font-family); font-weight: 300; font-size: 12px; color: #66847f; } } .content-manager p { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000; margin-bottom: 24px; } @media (max-width: 1280px) { .content-manager p { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } @media (max-width: 640px) { .content-manager p { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } .content-manager ul { margin-left: 4px; padding-left: 0; margin-bottom: 16px; list-style: none; } .content-manager ul li { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; margin-bottom: 4px; } @media (max-width: 1280px) { .content-manager ul li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; } } @media (max-width: 640px) { .content-manager ul li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } .content-manager ol { margin-left: 19px; margin-bottom: 16px; } .content-manager ol li { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; margin-bottom: 4px; } @media (max-width: 1280px) { .content-manager ol li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; } } @media (max-width: 640px) { .content-manager ol li { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } .content-manager img { margin-bottom: 24px; width: 100%; border-radius: 8px; } @media (max-width: 1280px) { .content-manager img { margin-bottom: 16px; } } .content-manager a { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #28292a; margin-bottom: 24px; text-decoration: underline; } .content-manager a:hover { text-decoration: underline; } .content-manager h2 { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } @media (max-width: 1280px) { .content-manager h2 { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } } @media (max-width: 640px) { .content-manager h2 { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; text-align: justify; color: #003229; margin-bottom: 8px; } } .content-manager h4, .content-manager h3 { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; margin-bottom: 16px; } @media (max-width: 1280px) { .content-manager h4, .content-manager h3 { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #003229; margin-bottom: 8px; } } @media (max-width: 640px) { .content-manager h4, .content-manager h3 { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; text-align: justify; color: #003229; } } .content-manager table { width: 100%; border: none; margin-bottom: 24px; border-spacing: 0; } .content-manager table th { font-weight: bold; text-align: left; border: none; padding: 10px 15px; background: #66847f; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #f8f8fe; margin-bottom: 24px; } @media (max-width: 1280px) { .content-manager table th { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; } } @media (max-width: 640px) { .content-manager table th { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; } } .content-manager table tbody td { text-align: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 15px; vertical-align: top; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000; margin-bottom: 24px; } @media (max-width: 1280px) { .content-manager table tbody td { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } @media (max-width: 640px) { .content-manager table tbody td { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000; } } .content-manager table thead tr th:first-child, .content-manager table tbody tr td:first-child { border-left: none; } .content-manager table thead tr th:last-child, .content-manager table tbody tr td:last-child { border-right: none; } .content-manager table tbody tr:nth-child(even) { background: #ccd6d4; } .articles__wrapper { display: grid; grid-template-columns: 180px 1fr; gap: 24px; margin-top: 40px; } @media (max-width: 1280px) { .articles__wrapper { grid-template-columns: 1fr; } } @media (max-width: 640px) { .articles__wrapper { gap: 16px; } } .articles__category { position: relative; } .articles__category ul { border: 1px solid #ccd6d4; } @media (max-width: 1280px) { .articles__category ul { width: 100%; position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; box-shadow: 0 11px 14px 0 rgba(17, 17, 20, 0.25); background: #fdfdff; border-top: none; border-bottom: 1px solid #ccd6d4; border-left: 1px solid #ccd6d4; border-right: 1px solid #ccd6d4; transition: all 0.3s ease-in; z-index: 2; } .articles__category ul.show { visibility: visible; opacity: 1; } } .articles__category li { border-bottom: 1px solid #ccd6d4; transition: all 0.2s ease-in; } @media (max-width: 1280px) { .articles__category li { border: none; } } .articles__category li:last-of-type { border-bottom: none; } .articles__category li.active { background: #ccd6d4; border-right: 4px solid #003229; } .articles__category li:hover { background: #ccd6d4; border-right: 4px solid #003229; } @media (max-width: 1280px) { .articles__category li:hover { background: transparent; border-right: none; } } .articles__category li a { display: block; width: 100%; height: 100%; padding: 16px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 115%; letter-spacing: 0.01em; color: #003229; } @media (max-width: 1280px) { .articles__category li a { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 115%; letter-spacing: 0.01em; color: #003229; } } .articles__category-select { display: none; } @media (max-width: 1280px) { .articles__category-select { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #000a08; border: 1px solid #ccd6d4; border-radius: 4px 4px 0 0; padding: 8px 16px; } .articles__category-select svg { transform: rotate(180deg); transition: all 0.3s ease-in; } .articles__category-select.show svg { transform: rotate(0deg); } } @media (max-width: 640px) { .articles__category-select { margin-bottom: 16px; } } .articles__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 8px; } @media (max-width: 640px) { .articles__grid { grid-template-columns: 1fr; } } .sawing__top { display: flex; align-items: flex-start; margin-bottom: 64px; gap: 24px; } .sawing__left { display: flex; flex-direction: column; } .sawing__title { font-family: var(--font-family); font-weight: 700; font-size: 56px; line-height: 110%; color: #003229; margin-bottom: 24px; } .sawing__subtitle { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; margin-bottom: 40px; } .sawing__btns { display: flex; align-items: center; gap: 24px; } .sawing__order { border-radius: 4px; padding: 16px 24px; background: #003229; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; height: 56px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in; } .sawing__order:hover { opacity: 0.7; } .sawing__question { border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; height: 56px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in; } .sawing__question:hover { background: #003229; font-family: var(--font-family); color: #fdfdff; } .sawing__table-title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; text-align: center; margin-bottom: 34px; } .sawing__table { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; width: 100%; } .sawing__table-header { font-family: var(--font-family); font-weight: 700; font-size: 22px; line-height: 120%; color: #003229; display: flex; align-items: center; justify-content: space-between; padding: 16px 0; width: 100%; max-width: 996px; } .sawing__table-row { width: 100%; font-family: var(--font-family); font-weight: 300; font-size: 22px; color: #003229; padding: 16px; display: flex; justify-content: space-between; max-width: 996px; } .sawing__table-row span { font-family: var(--font-family); font-weight: 400; font-size: 22px; color: #003229; } .sawing__table-row-left { display: flex; flex-direction: column; gap: 8px; } .sawing__table-row-left span { font-family: var(--font-family); font-weight: 300; font-size: 14px; color: #003229; } .sawing__table-row:nth-child(even) { background: #ccd6d4; } .sawing__info { padding: 56px 0; background: #66847f; } .sawing__info .container { display: flex; align-items: center; gap: 24px; } .sawing__info img { max-width: 588px; } .sawing__info p { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #f8f8fe; } .sawing__advg { padding: 40px 0; } .sawing__advg-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .sawing__advg-item { border: 1px solid #ccd6d4; border-radius: 4px; padding: 40px 32px; background: #f3f4fd; display: flex; align-items: center; gap: 24px; } .sawing__advg-item svg { width: 32px; flex-shrink: 0; } .sawing__advg-info { display: flex; flex-direction: column; } .sawing__advg-title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 8px; } .sawing__advg-desc { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; } .sawing__gallery { background: #66847f; padding: 56px 0; } .sawing__gallery-title { text-align: center; font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #f8f8fe; margin-bottom: 34px; } .sawing__swiper { position: relative; } .sawing__swiper::after { content: ''; background: linear-gradient(90deg, #66847f 0%, rgba(9, 9, 121, 0) 30%, rgba(59, 74, 124, 0) 70%, #66847f 100%); width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; pointer-events: none; } .sawing__faq { padding: 80px 0 56px 0; } .sawing__faq-list { display: grid; gap: 24px; } .sawing__faq-item { background: #f3f4fd; border: 1px solid #ccd6d4; border-radius: 16px; } .sawing__faq-item.show svg { transform: rotate(45deg) !important; } .sawing__faq-title { display: flex; align-items: center; justify-content: space-between; padding: 24px 102px; font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #003229; } .sawing__faq-answer { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #003229; padding: 0 122px 0 102px; } .sawing__faq-answer-wrapper { padding-bottom: 24px; } @media (max-width: 1280px) { .sawing__top { flex-direction: column; margin-bottom: 56px; } .sawing__left { order: 1; } .sawing__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 16px; } .sawing__subtitle { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #000a08; margin-bottom: 24px; } .sawing__order { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #fdfdff; width: 100%; } .sawing__question { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; text-align: center; color: #003229; width: 100%; } .sawing__table-title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; text-align: center; color: #003229; margin-bottom: 18px; } .sawing__table { margin-bottom: 40px; } .sawing__table-header { font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #003229; } .sawing__table-row { font-family: var(--font-family); font-weight: 300; font-size: 24px; color: #003229; } .sawing__table-row span { font-family: var(--font-family); font-weight: 300; font-size: 24px; color: #003229; } .sawing__table-row-left { display: flex; flex-direction: column; gap: 8px; } .sawing__table-row-left span { font-family: var(--font-family); font-weight: 300; font-size: 14px; color: #003229; } .sawing__info img { width: 50%; } .sawing__info p { font-family: var(--font-family); font-weight: 400; font-size: 14px; letter-spacing: -0.02em; color: #f8f8fe; } .sawing__advg-item { border: 1px solid #ccd6d4; border-radius: 4px; padding: 24px 16px; } .sawing__advg-title { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #000a08; margin-bottom: 8px; } .sawing__advg-desc { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #000a08; } .sawing__gallery { padding: 32px 16px; } .sawing__gallery-title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #f8f8fe; margin-bottom: 32px; } .sawing__swiper { position: relative; } .sawing__swiper::after { content: ''; background: linear-gradient(90deg, #66847f 0%, rgba(9, 9, 121, 0) 20%, rgba(59, 74, 124, 0) 80%, #66847f 100%); width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; pointer-events: none; } .sawing__faq { padding: 56px 0 40px 0; } .sawing__faq-list { gap: 16px; } .sawing__faq-item { background: #f3f4fd; border: 1px solid #ccd6d4; border-radius: 16px; } .sawing__faq-item.show svg { transform: rotate(45deg) !important; } .sawing__faq-title { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #003229; padding-top: 16px; padding: 16px 24px; } .sawing__faq-answer { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 130%; color: #003229; padding: 0 24px; } .sawing__faq-answer-wrapper { padding-bottom: 16px; } } @media (max-width: 640px) { .sawing__top { margin-bottom: 40px; } .sawing__top img { order: 3; } .sawing__left { display: contents; } .sawing__title { order: 1; font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #000a08; margin-bottom: 0; } .sawing__subtitle { order: 2; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; text-align: justify; color: #000a08; margin-bottom: 0; } .sawing__btns { order: 4; display: flex; flex-direction: column; width: 100%; gap: 8px; } .sawing__order { font-family: var(--font-family); font-weight: 400; font-size: 14px; text-align: center; color: #fdfdff; height: auto; } .sawing__question { font-family: var(--font-family); font-weight: 400; font-size: 14px; text-align: center; color: #003229; height: auto; } .sawing__table-title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #000a08; margin-bottom: 16px; } .sawing__table { margin-bottom: 32px; } .sawing__table-header { font-family: var(--font-family); font-weight: 600; font-size: 12px; color: #003229; } .sawing__table-header span { max-width: 100px; } .sawing__table-row { font-family: var(--font-family); font-weight: 300; font-size: 16px; color: #003229; } .sawing__table-row span { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #003229; } .sawing__table-row-left { display: flex; flex-direction: column; gap: 8px; } .sawing__table-row-left span { font-family: var(--font-family); font-weight: 300; font-size: 10px; color: #003229; } .sawing__info { padding: 32px 16px; } .sawing__info .container { flex-direction: column; gap: 20px; } .sawing__info .container img { width: 100%; } .sawing__advg { padding: 40 0px; } .sawing__advg-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } .sawing__advg-item { gap: 8px; border: 1px solid #ccd6d4; border-radius: 4px; padding: 24px 16px; } .sawing__gallery-title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #f8f8fe; margin-bottom: 24px; } .sawing__swiper img { height: 100%; object-fit: cover; } .sawing__swiper .swiper-slide { height: 113px; } .sawing__faq-title svg { width: 22px; margin-left: 16px; flex-shrink: 0; } } .search-suggest { position: absolute; top: 60px; left: 0; box-shadow: 0 31px 30px 0 rgba(17, 17, 20, 0.25); border: 1px solid #ccd6d4; border-radius: 4px; background: #f8f8fe; z-index: 5; opacity: 0; visibility: hidden; transform: translate(-20px, 0); transition: all .3s ease-in; width: 100%; } .search-suggest.show { opacity: 1; visibility: visible; transform: translate(0, 0); } .search-suggest__list { max-height: 255px; overflow-y: scroll; } .search-suggest__list::-webkit-scrollbar { width: 4px; /* width of the entire scrollbar */ } .search-suggest__list::-webkit-scrollbar-thumb { border-radius: 4px; /* roundness of the scroll thumb */ } .search-suggest a { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; } .search-suggest a:hover .search-suggest__title { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #66847f; } .search-suggest__link { font-family: var(--font-family); font-weight: 600; font-size: 18px; color: #335b54; padding: 16px 24px 24px 24px; } .search-suggest__title { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #66847f; margin-right: 50px; transition: all .3s ease-in-out; } .search-suggest img { width: 62px; height: 45px; object-fit: cover; flex-shrink: 0; margin-right: 16px; } .search-suggest__price { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: #000a08; margin-left: auto; } .questions__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 420px; } @media (max-width: 1280px) { .questions__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .questions__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .questions__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .questions__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .questions__close svg { width: 24px; height: 24px; } .questions__form { display: flex; flex-direction: column; gap: 8px; } .questions__form button { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; } .questions__form button:disabled { opacity: 0.8; } .questions__form .check { margin-bottom: 24px; } .questions__form .check__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .questions__form a { text-decoration: underline; text-decoration-skip-ink: none; color: #335b54; } .questions__form a:hover { color: #335b54; } .remainders__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 420px; } @media (max-width: 1280px) { .remainders__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .remainders__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .remainders__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .remainders__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .remainders__close svg { width: 24px; height: 24px; } .remainders form { display: flex; flex-direction: column; gap: 8px; } .remainders form button { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; } .remainders form button:disabled { opacity: 0.8; } .remainders form .check { margin-bottom: 24px; } .remainders form .check__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .remainders form a { text-decoration: underline; text-decoration-skip-ink: none; color: #335b54; } .remainders form a:hover { color: #335b54; } .remainders__product-name { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 150%; color: #000a08; margin-bottom: 16px; } .remainders__desc { font-family: var(--font-family); font-weight: 600; font-size: 14px; color: #000a08; margin-top: 8px; font-weight: 400; } .oneclick__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 420px; } @media (max-width: 1280px) { .oneclick__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .oneclick__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .oneclick__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .oneclick__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .oneclick__close svg { width: 24px; height: 24px; } .oneclick form { display: flex; flex-direction: column; gap: 8px; } .oneclick form button { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; } .oneclick form button:disabled { opacity: 0.8; } .oneclick form .check { margin-bottom: 24px; } .oneclick form .check__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .oneclick form a { text-decoration: underline; text-decoration-skip-ink: none; color: #335b54; } .oneclick form a:hover { color: #335b54; } .sawing__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 420px; } @media (max-width: 1280px) { .sawing__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .sawing__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .sawing__title-modal { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .sawing__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .sawing__close svg { width: 24px; height: 24px; } .sawing form { display: flex; flex-direction: column; gap: 8px; } .sawing form button { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; } .sawing form button:disabled { opacity: 0.8; } .sawing form .check { margin-bottom: 24px; } .sawing form .check__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .sawing form a { text-decoration: underline; text-decoration-skip-ink: none; color: #335b54; } .sawing form a:hover { color: #335b54; } .sawing .input-file-list { width: 100%; } .success__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 600px; } @media (max-width: 1280px) { .success__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .success__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .success__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .success__desc { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; margin-bottom: 40px; } .success__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .success__close svg { width: 24px; height: 24px; } .success a { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease-in; width: auto; } .success a:hover { opacity: 0.8; } .cheaper__content { border-radius: 4px; padding: 32px 24px; background: #fdfdff; position: relative; width: 100%; max-width: 420px; } @media (max-width: 1280px) { .cheaper__content { width: 100vw; height: 100vh; max-width: 100%; overflow: scroll; } } .cheaper__topbar { display: flex; align-items: flex-start; justify-content: space-between; } .cheaper__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 24px; } .cheaper__close { position: absolute; top: 32px; right: 32px; cursor: pointer; } .cheaper__close svg { width: 24px; height: 24px; } .cheaper form { display: flex; flex-direction: column; gap: 8px; } .cheaper form button { outline: none; border: none; background: #003229; border-radius: 4px; padding: 16px 24px; width: 100%; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; color: #fdfdff; } .cheaper form button:disabled { opacity: 0.8; } .cheaper form .check { margin-bottom: 24px; } .cheaper form .check__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #000a08; } .cheaper form a { text-decoration: underline; text-decoration-skip-ink: none; color: #335b54; } .cheaper form a:hover { color: #335b54; } .intro__products-slider { position: absolute; top: 50%; left: 45px; width: 600px; transform: translate(0, -50%); } @media (max-width: 1280px) { .intro__products-slider { left: 50%; transform: translate(-50%, -50%); width: 540px; } } .intro__products-slider .swiper-wrapper { padding: 25px 0; } .intro__products-slider .swiper-slide-prev .product, .intro__products-slider .swiper-slide-next .product, .intro__products-slider .swiper-slide .product { transition: all 0.3s ease-in-out; transform: scale(0.78); opacity: 0.8; box-shadow: 0 3px 6px 0 rgba(0, 10, 8, 0.16); } .intro__products-slider .swiper-slide-active .product { transform: scale(1); opacity: 1; } .intro__products-slider .product { max-width: 200px; background-color: #F8F8FE; } .intro__products-slider .product:hover { box-shadow: 11px 11px 21px 0 rgba(0, 10, 8, 0.16) !important; } @media (max-width: 1280px) { .intro__products-slider .product { width: 100%; } } .intro__products-slider .swiper-button-next-prod-intro { height: 100%; position: absolute; width: 200px; top: 0; right: 0; z-index: 1; cursor: pointer; } @media (max-width: 1280px) { .intro__products-slider .swiper-button-next-prod-intro { width: 180px; } } .intro__products-slider .swiper-button-prev-prod-intro { height: 100%; position: absolute; width: 200px; top: 0; left: 0; z-index: 1; cursor: pointer; } @media (max-width: 1280px) { .intro__products-slider .swiper-button-prev-prod-intro { width: 180px; } } .intro .container { position: relative; } @media (max-width: 1280px) { .intro .container { padding: 0; } } .intro .swiper-slide { overflow: hidden; position: relative; } .intro .swiper-slide > a { width: 100%; height: 100%; position: absolute; } .intro .swiper-slide > img { width: 100%; } @media (max-width: 1280px) { .intro .swiper-slide > img { height: 416px; } } .intro .swiper-button-prev-intro { left: 18px; } .intro .swiper-button-next-intro { right: 18px; } .intro .swiper-button-disabled { opacity: 0; } .intro .swiper-button-next-intro, .intro .swiper-button-prev-intro { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; } .intro .swiper-button-next-intro:hover, .intro .swiper-button-prev-intro:hover { opacity: 0.8; } @media (max-width: 640px) { .intro .swiper-button-next-intro, .intro .swiper-button-prev-intro { display: none; } } .intro .swiper-pagination-intro { z-index: 1; display: flex; position: absolute; width: 100%; align-items: center; justify-content: center; right: 0 !important; top: auto !important; bottom: -6px !important; transform: translate(0, 0) !important; } .intro .swiper-pagination-intro.swiper-pagination-progressbar { height: 8px !important; background-color: #ccd6d4 !important; position: absolute; bottom: 0 !important; left: 0; width: 100%; } @media (max-width: 991px) { .intro .swiper-pagination-intro.swiper-pagination-progressbar { width: 100%; } } @media (max-width: 640px) { .intro .swiper-pagination-intro.swiper-pagination-progressbar { display: none; } } .intro .swiper-pagination-intro .swiper-pagination-progressbar-fill { background-color: #003229 !important; } @media (max-width: 1280px) { .intro .swiper-pagination-intro { bottom: -26px !important; } .intro .swiper-pagination-intro .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003229; } .intro .swiper-pagination-intro .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0; margin-right: 13px; } } .pop-products { background: #f8f8fe; padding: 64px 0 72px; margin-bottom: 0; } @media (max-width: 1280px) { .pop-products { padding: 40px 0; } } @media (max-width: 640px) { .pop-products { padding: 24px 0; } } .pop-products__slider-wrapper { margin-top: 48px; position: relative; } .pop-products .swiper-button-prev-pop-prod { left: -57px; } .pop-products .swiper-button-next-pop-prod { right: -57px; } .pop-products .swiper-button-disabled { opacity: 0.3; } .pop-products .swiper-button-disabled:hover { opacity: 0.3 !important; } .pop-products .swiper-button-next-pop-prod, .pop-products .swiper-button-prev-pop-prod { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; } .pop-products .swiper-button-next-pop-prod:hover, .pop-products .swiper-button-prev-pop-prod:hover { opacity: 0.8; } .default-slider-product { margin-top: 38px; position: relative; } .default-slider-product.cpv .swiper-button-next-def, .default-slider-product.cpv .swiper-button-prev-def { opacity: 0; visibility: hidden; } @media (max-width: 1280px) { .default-slider-product { margin-top: 24px; } } @media (max-width: 640px) { .default-slider-product { margin-top: 12px; } } .default-slider-product .swiper-wrapper { padding: 10px 0; } .default-slider-product .swiper-slide { height: auto; } .default-slider-product .swiper-button-next-def, .default-slider-product .swiper-button-prev-def { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; opacity: 1; } .default-slider-product .swiper-button-next-def:hover, .default-slider-product .swiper-button-prev-def:hover { opacity: 0.8; } @media (max-width: 1280px) { .default-slider-product .swiper-button-next-def, .default-slider-product .swiper-button-prev-def { display: none; } } .default-slider-product .swiper-button-prev-def { left: -57px; } .default-slider-product .swiper-button-next-def { right: -57px; } .default-slider-product .swiper-button-disabled { opacity: 0.3; } .default-slider-product .swiper-button-disabled:hover { opacity: 0.3 !important; } .default-slider-v2 { margin-top: 40px; position: relative; } .default-slider-v2 .swiper-button-next-def, .default-slider-v2 .swiper-button-prev-def { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; opacity: 1; } .default-slider-v2 .swiper-button-next-def:hover, .default-slider-v2 .swiper-button-prev-def:hover { opacity: 0.8; } @media (max-width: 1280px) { .default-slider-v2 .swiper-button-next-def, .default-slider-v2 .swiper-button-prev-def { display: none; } } .default-slider-v2 .swiper-button-prev-def { left: -57px; } .default-slider-v2 .swiper-button-next-def { right: -57px; } .default-slider-v2 .swiper-button-disabled { opacity: 0.3; } .default-slider-v2 .swiper-button-disabled:hover { opacity: 0.3 !important; } @media (max-width: 1280px) { .default-slider-v2 { margin-top: 32px; } } @media (max-width: 640px) { .default-slider-v2 { margin-top: 24px; } .default-slider-v2 .swiper-wrapper { height: 100vw; } } .default-slider-v3 { margin-top: 40px; position: relative; } .default-slider-v3 .swiper-button-next-def, .default-slider-v3 .swiper-button-prev-def { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; opacity: 1; } .default-slider-v3 .swiper-button-next-def:hover, .default-slider-v3 .swiper-button-prev-def:hover { opacity: 0.8; } @media (max-width: 1280px) { .default-slider-v3 .swiper-button-next-def, .default-slider-v3 .swiper-button-prev-def { display: none; } } .default-slider-v3 .swiper-button-prev-def { left: -57px; } .default-slider-v3 .swiper-button-next-def { right: -57px; } .default-slider-v3 .swiper-button-disabled { opacity: 0.3; } .default-slider-v3 .swiper-button-disabled:hover { opacity: 0.3 !important; } @media (max-width: 1280px) { .default-slider-v3 { margin-top: 32px; } } @media (max-width: 640px) { .default-slider-v3 { margin-top: 24px; } } .cat-slider .default-slider-v3 .swiper-wrapper { padding: 10px 0; } .cat-slider .default-slider-v3 .swiper-slide a { display: flex; flex-direction: column; align-items: center; border-radius: 4px; padding: 0px 0px 8px 0px; transition: all 0.3s ease-in; } .cat-slider .default-slider-v3 .swiper-slide a:hover { box-shadow: 0 4px 8px 0 rgba(0, 10, 8, 0.16); } .cat-slider .default-slider-v3 img { border-radius: 4px; width: 180px; height: 108px; object-fit: cover; } .cat-slider .default-slider-v3 span { margin-top: 8px; font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; text-align: center; color: #335b54; max-width: 170px; } @media (max-width: 1280px) { .cat-slider .default-slider-v3 span { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; text-align: center; color: #335b54; } } @media (max-width: 640px) { .cat-slider .default-slider-v3 span { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; text-align: center; color: #335b54; } } .default-slider-blog-section { padding: 64px 0; } @media (max-width: 1280px) { .default-slider-blog-section { padding: 40px 0; } } @media (max-width: 640px) { .default-slider-blog-section { padding: 32px 0; } } .default-slider-blog-section.green { background: #66847f; } .default-slider-blog-section.green .main-title { color: #f8f8fe; } .default-slider-blog-section.green .main-title a { color: #ccd6d4; } .search-title { margin-bottom: 40px; } @media (max-width: 1280px) { .search-title { margin-bottom: 32px; } } @media (max-width: 640px) { .search-title { margin-bottom: 24px; } } .search-title__title { font-family: var(--font-family); font-weight: 400; font-size: 48px; line-height: 110%; color: #003229; margin-bottom: 8px; } @media (max-width: 1280px) { .search-title__title { font-family: var(--font-family); font-weight: 400; font-size: 40px; color: #003229; } } @media (max-width: 640px) { .search-title__title { font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #000a08; } } .search-title__title span { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #003229; margin-right: 6px; } @media (max-width: 1280px) { .search-title__title span { font-family: var(--font-family); font-weight: 600; font-size: 40px; color: #003229; } } @media (max-width: 640px) { .search-title__title span { font-family: var(--font-family); font-weight: bold; font-size: 20px; color: #000a08; } } .search-title__sub-title { font-family: var(--font-family); font-weight: 400; font-size: 24px; line-height: 115%; letter-spacing: 0.01em; color: #66847f; } @media (max-width: 640px) { .search-title__sub-title { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #66847f; } } .description { margin-top: 64px; } @media (max-width: 1280px) { .description { margin-top: 56px; } } @media (max-width: 640px) { .description { margin-top: 40px; } } .about__wrapper { display: flex; gap: 24px; } @media (max-width: 1280px) { .about__wrapper { flex-direction: column; gap: 32px; } } @media (max-width: 1280px) { .about__wrapper { gap: 24px; } } .about__info { width: 50%; position: relative; } @media (max-width: 1280px) { .about__info { width: 100%; } } .about__title { font-family: var(--font-family); font-weight: 700; font-size: 48px; line-height: 120%; color: #003229; margin-bottom: 40px; } @media (max-width: 1280px) { .about__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; line-height: 120%; color: #003229; margin-bottom: 32px; } } @media (max-width: 640px) { .about__title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; color: #003229; margin-bottom: 24px; } } .about p { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; } @media (max-width: 1280px) { .about p { font-family: var(--font-family); font-weight: 400; font-size: 20px; color: #313133; } } @media (max-width: 640px) { .about p { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #313133; } } .about svg { position: absolute; top: -12px; left: 0; } @media (max-width: 1280px) { .about svg { top: 0; position: relative; margin-top: 24px; width: 100%; height: 100%; } } @media (max-width: 1280px) { .about svg { margin-top: 8px; } } .about img { width: 50%; height: 100%; } @media (max-width: 1280px) { .about img { width: 100%; } } .advantages { padding: 64px 0; background: #66847f; } @media (max-width: 1280px) { .advantages { padding: 40px 0; } } @media (max-width: 740px) { .advantages { padding: 32px 0; } } .advantages .main-title { color: #f8f8fe; } .advantages__list { display: flex; align-items: start; gap: 57px; margin-top: 48px; } @media (max-width: 1280px) { .advantages__list { gap: 24px; margin-top: 81px; } } @media (max-width: 740px) { .advantages__list { flex-direction: column; gap: 32px; margin-top: 32px; } } .advantages__item { position: relative; width: 30%; } @media (max-width: 1280px) { .advantages__item { display: flex; flex-direction: column; } .advantages__item svg { width: 54px; height: 75px; } } @media (max-width: 740px) { .advantages__item { width: 100%; padding-left: 26px; } .advantages__item svg { width: 38px; height: 64px; } } .advantages__icon { position: absolute; top: -8px; left: -33px; } @media (max-width: 1280px) { .advantages__icon { top: -48px; left: 0; } } @media (max-width: 780px) { .advantages__icon { top: -32px; left: 0; } } @media (max-width: 740px) { .advantages__icon { top: -12px; left: 0; } } .advantages__title { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 120%; color: #fdfdff; padding-bottom: 8px; } @media (max-width: 1280px) { .advantages__title { align-self: flex-end; text-align: right; font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #fdfdff; } } @media (max-width: 740px) { .advantages__title { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; color: #fdfdff; text-align: left; align-self: flex-start; border-bottom: solid 1px #ccd6d4; } } .advantages__text { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #fdfdff; width: 100%; border-top: solid 1px #ccd6d4; padding-top: 8px; } @media (max-width: 1280px) { .advantages__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: #fdfdff; } } @media (max-width: 740px) { .advantages__text { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #fdfdff; border-top: none; } } .reviews__swiper { margin-top: 40px; position: relative; } @media (max-width: 1280px) { .reviews__swiper { margin-top: 32px; } } @media (max-width: 640px) { .reviews__swiper { margin-top: 24px; } } .reviews__swiper-wrapper { position: relative; } .reviews .swiper-slide { border: 1px solid #ccd6d4; border-radius: 4px; padding: 36px 27px 24px; height: auto; display: flex; flex-direction: column; } @media (max-width: 1280px) { .reviews .swiper-slide { padding: 36px 27px 24px; } } @media (max-width: 640px) { .reviews .swiper-slide { padding: 21px 11px 16px; } } .reviews__review { display: flex; align-items: flex-start; gap: 16px; margin-bottom: auto; } .reviews__review svg { flex-shrink: 0; } .reviews__review p { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #000a08; } @media (max-width: 1280px) { .reviews__review p { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #000a08; } } @media (max-width: 640px) { .reviews__review p { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 130%; color: #000a08; } } .reviews__info { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; text-align: right; margin-top: 40px; } @media (max-width: 1280px) { .reviews__info { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 120%; color: #000a08; } } @media (max-width: 640px) { .reviews__info { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; color: #000a08; margin-top: 24px; } } .reviews__info span { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #c2c3ca; margin-left: 16px; } @media (max-width: 1280px) { .reviews__info span { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 133%; color: #c2c3ca; } } @media (max-width: 640px) { .reviews__info span { margin-left: 8px; } } .reviews__swiper-prev, .reviews__swiper-next { position: absolute; top: 50%; transform: translate(0, -50%); z-index: 1; transition: all 0.3s ease-in-out; cursor: pointer; opacity: 1; } .reviews__swiper-prev:hover, .reviews__swiper-next:hover { opacity: 0.8; } @media (max-width: 1280px) { .reviews__swiper-prev, .reviews__swiper-next { display: none; } } .reviews__swiper-prev { left: -57px; } .reviews__swiper-next { right: -57px; } .reviews .swiper-button-disabled { opacity: 0.3; } .reviews .swiper-button-disabled:hover { opacity: 0.3 !important; } .error-page__link_contacts { transition: all 0.3s ease-in-out; } .error-page__link_contacts:hover { background: #003229; font-family: var(--font-family); color: #fdfdff; } .error-page__link_catalog { transition: all 0.3s ease-in-out; } .error-page__link_catalog:hover { opacity: 0.7; } /* Основные стили сайта */ :root { --primary-color: #003229; /* Основной синий цвет с сайта */ --secondary-color: #e6a23c; /* Акцентный желтый */ --text-color: #333; --bg-color: #fff; --border-radius: 4px; } /* Стили баннера */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-color); color: var(--text-color); padding: 15px 20px; box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1); z-index: 1000; display: none; border-top: 1px solid #e0e0e0; } .cookie-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 15px; } .cookie-icon { flex-shrink: 0; width: 36px; height: 36px; background: #f5f8fc; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #e0e0e0; } .cookie-icon svg { width: 24px; height: 24px; fill: var(--primary-color); } .cookie-text { flex: 1; font-size: 14px; line-height: 1.5; font-family: var(--font-family); } .cookie-text a { color: var(--primary-color); text-decoration: underline; white-space: nowrap; } .cookie-buttons { display: flex; gap: 10px; flex-wrap: wrap; } .cookie-btn { padding: 10px 20px; border: none; border-radius: var(--border-radius); cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease; } .accept-btn { font-family: var(--font-family); background: var(--primary-color); color: white; } .accept-btn:hover { opacity: 0.7; } /* Адаптивность */ @media (max-width: 768px) { .cookie-container { flex-wrap: wrap; } .cookie-icon { margin-right: 10px; } .cookie-text { min-width: 100%; order: 2; margin-top: 10px; } .cookie-buttons { margin-left: auto; } } @media (max-width: 480px) { .cookie-buttons { width: 100%; justify-content: flex-end; } .accept-btn { width: 100%; } } .cutting-prices__accordion-content { display: none; } /* Блок: Распил */ .cutting-service {} .cutting-service__header {} .cutting-service__toggle {} .cutting-service__toggle-btn { font-family: var(--font-family); font-weight: 600; font-size: 24px; color: rgba(0, 50, 41, 0.5); } .cutting-service__toggle-btn--active { font-family: var(--font-family); font-weight: 600; font-size: 24px; color: rgba(0, 50, 41, 0.5); } .cutting-service__promo h2{ font-family: var(--font-family); font-weight: 700; font-size: 36px; text-transform: uppercase; color: #003229; margin-bottom: 32px; } .cutting-service__title {} .cutting-service__wrapper{ display: flex; gap: 24px; } .cutting-service__promo-image { width: 100%; } .cutting-service__promo-text { display: flex; flex-direction: column; border: 1px solid #ccd6d4; border-radius: 4px; padding: 24px; background: #f8f8fe; width: 384px; flex-shrink: 0; } .cutting-service__promo-text p{ font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #000a08; margin-bottom: auto; } .cutting-service__btn { display: flex; align-items: center; justify-content: center; background: #003229; border-radius: 4px; padding: 16px 24px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; margin-top: 16px; } .cutting-service__btn--outline { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; background: transparent; } /* Таблица материалов */ .cutting-materials { display: flex; flex-direction: column; padding: 60px 0 0; } .cutting-materials__row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: solid 1px #ccd6d4; } .cutting-materials__row:first-of-type{ border-top: solid 1px #ccd6d4; } .cutting-materials__name { width: 300px; font-family: var(--font-family); font-weight: 700; font-size: 24px; color: #003229; } .cutting-materials__range { width: 170px; font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #003229; } .cutting-materials__price { width: 282px; font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #003229; } .cutting-materials__link { width: 150px; font-family: var(--font-family); font-weight: 400; font-size: 24px; text-decoration: underline; text-decoration-skip-ink: none; color: #003229; } .cutting-materials__preview img{ width: 200px; height: 80px; } /* Блок: Преимущества */ .cutting-benefits { } .cutting-benefits__image {} .cutting-benefits__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 60px 0 120px; } .cutting-benefits__item { border: 1px solid #ccd6d4; border-radius: 4px; background: #f8f8fe; display: flex; flex-direction: column; padding: 32px; } .cutting-benefits__icon { border-radius: 4px; width: 92px; height: 92px; background: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 46px; } .cutting-benefits__title { font-family: var(--font-family); font-weight: 600; font-size: 24px; line-height: 146%; text-transform: uppercase; color: #000a08; margin-bottom: 12px; } .cutting-benefits__text { font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #7f9794; } /* Блок: Прайс-лист */ .cutting-prices {} .cutting-prices__accordion { background: #f8f8fe; border: 1px solid #ccd6d4; border-radius: 4px; padding: 32px; margin-bottom: 32px; } .cutting-prices__accordion-btn { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #003229; padding: 16px 0; width: 100%; background: transparent; } .cutting-prices__accordion-btn--active {} .cutting-prices__accordion-content {} .cutting-prices__table { display: flex; flex-direction: column; } .accordion-icon { display: flex; align-items: center; background: #ccd6d4; border-radius: 4px; padding: 8px; width: 40px; height: 40px; } .icon-minus { display: none; /* по умолчанию скрыт */ } .cutting-prices__accordion-btn--active .icon-plus { display: none; } .cutting-prices__accordion-btn--active .icon-minus { display: block; } .cutting-prices__row { display: flex; align-items: center; justify-content: space-between; padding: 16px; } .cutting-prices__row:nth-child(even) { background: #ccd6d4; } .cutting-prices__col-l { font-family: var(--font-family); font-weight: 300; font-size: 24px; color: #003229; } .cutting-prices__col-r { font-family: var(--font-family); font-weight: 700; font-size: 24px; text-align: right; color: #003229; } .cutting-prices__row-title{ background: transparent; display: flex; align-items: center; justify-content: space-between; padding: 16px; } .cutting-prices__row-title .cutting-prices__col-l{ font-family: var(--font-family); font-weight: 600; font-size: 24px; color: #7f9794; } .cutting-prices__row-title .cutting-prices__col-r{ font-family: var(--font-family); font-weight: 600; font-size: 24px; color: #7f9794; } .cutting-prices__extra { padding: 16px; background: #ccd6d4; display: flex; align-items: center; } .cutting-prices__extra svg{ width: 32px; height: 32px; margin-right: 20px; } .cutting-prices__extra p{ font-family: var(--font-family); font-weight: 300; font-size: 24px; color: #003229; } .cutting-prices__extra span{ margin-left: auto; font-family: var(--font-family); font-weight: 700; font-size: 24px; text-align: right; color: #003229; } /* Блок скидок */ .cutting-works-discount { margin-top: 120px; } .cutting-works-discount__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #003229; margin-bottom: 24px; } .cutting-works-discount__subtitle { font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #000; max-width: 640px; } .cutting-works-discount__list { margin-top: 32px; display: flex; align-items: center; justify-content: space-between; padding-right: 70px; } .cutting-works-discount__item { display: flex; align-items: center; } .cutting-works-discount__percent { border: 1px solid #003229; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; font-family: var(--font-family); font-weight: 700; font-size: 60px; line-height: 100%; text-transform: uppercase; text-align: center; color: #003229; margin-right: 24px; } .cutting-works-discount__condition { font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #000; } .cutting-works-discount__note { margin-top: 32px; padding: 15px 20px; background: #f8f8fe; padding: 15px 20px; display: flex; align-items: center; } .cutting-works-discount__note-text { font-family: var(--font-family); font-weight: 400; font-size: 24px; color: #000; margin-left: 20px; } .cutting-works-discount__actions { display: flex; align-items: center; gap: 16px; margin-top: 32px; } .cutting-works-discount__button { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; border-radius: 4px; padding: 16px 24px; background: #003229; } .cutting-works-discount__button--secondary { border: 1px solid #003229; border-radius: 4px; padding: 16px 24px; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; background: transparent; } /* Блок работ */ .cutting-works-portfolio {} .cutting-works-portfolio__title { font-family: var(--font-family); font-weight: 700; font-size: 32px; text-transform: uppercase; color: #003229; margin-bottom: 24px; } .cutting-works-portfolio__gallery { width: calc(100vw - (100vw - 1200px)/2); max-width: 100vw; margin-bottom: 80px; } .cutting-works-portfolio__image { height: 500px; } .cutting-works-portfolio__image img{ object-fit: cover; height: 100%; width: 100%; } .sawing-form .order__form-grid{ grid-template-columns: repeat(3, 1fr); } /* End */ /* Start:/local/templates/rossfk/components/sotbit/regions.choose/fanera-region-new/style.css?17368539899594*/ .select-city__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; display: none; } .modal__overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2500; } .select-city__modal-wrap { background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22); width: 684px; padding: 37px 53px 40px 53px; position: relative; margin: 30vh auto; transition: width .2s; } .select-city__modal__title { color: #000000 !important; font-family: 'ProximaNova' !important; line-height: 30px; font-size: 25px !important; margin-bottom: 20px !important; } .select-city__modal__list { columns: 3; margin-bottom: 23px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; } .select-city__modal__list__title { color: #000000; font-family: 'ProximaNovaBold'; line-height: 30px; font-size: 14px; display: block; margin-bottom: 11px; } .select-city__modal__list__item { cursor: pointer; } .select-city__modal__submit__block-wrap { background: #eceef1; padding: 21px 15px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 42px); } .select-city__modal__submit__title { color: #000000; font-family: 'ProximaNovaBold'; line-height: 30px; font-size: 14px; display: block; margin-bottom: 0px; } .select-city__modal__submit__input { border: 1px solid #d3d3d3; background: #ffffff; box-shadow: none; height: 32px; width: calc(100% - 32px); max-width: 517px; color: #414141; font-family: 'ProximaNova'; font-size: 14px; margin-right: 15px; padding: 0 15px; } .select-city__modal__submit__btn { background: #000000; border: none !important; box-shadow: none !important; width: 147px; height: 32px; text-transform: uppercase; color: #ffffff; font-family: 'ProximaNova'; font-size: 12px; } .select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active, .select-city__modal__submit__btn:focus { opacity: .7; } .select-city__close { background: url("/local/templates/rossfk/components/sotbit/regions.choose/fanera-region-new/img/select-city__close.png") no-repeat; background-position: center; width: 20px; height: 20px; position: absolute; top: 0; right: -30px; cursor: pointer; } .select-city__close:hover { opacity: .7; } @media ( max-width : 768px) { .select-city__modal-wrap { width: 484px; padding: 37px 25px 40px 25px; } .select-city__modal__list { columns: 2; } } @media ( max-width : 575px) { .select-city__modal-wrap { width: 80%; padding: 27px 20px 30px 20px; } .select-city__modal-wrap { margin: 20vh auto; } .select-city__modal__title { font-size: 20px !important; margin-bottom: 10px !important; } .select-city__close { top: 15px; right: 15px; } .select-city__modal__list__item { font-size: 14px !important; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; } } @media ( max-width : 400px) { .select-city__modal__list { columns: unset; max-height:100px; overflow:auto; } .select-city__modal-wrap { margin: 5vh auto; } .select-city__modal__list__title { line-height: 20px; } .select-city__modal__submit__block-wrap { display: block; } .select-city__modal__submit__input { margin-right: 0px; margin-bottom: 10px; } .select-city__modal-wrap { padding: 15px 20px; } .select-city__modal__submit__btn { width:100%; } } .select-city__modal__submit__block-wrap__input_wrap { position:relative; width:100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-container { position:absolute; width:100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-list { padding-left:0; margin:0; } .select-city__modal__submit__block-wrap__input_wrap .sey-list li { list-style:none; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background: #ffffff; height: 32px; width: 100%; max-width: 517px; color: #414141; font-family: 'ProximaNova'; font-size: 14px; padding: 0 15px; line-height:32px; margin:0!important; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide { display:none; } .select-city__modal__submit__block-wrap__input_wrap_error { color:red; position:absolute; top:-20px; } /* Стили для плашки с подтверждением города */ .select-city-wrap { position: absolute; left: -4px; top: 133px; width: 100vw; } @media (max-width: 1200px) { .select-city-wrap { left: -166px; } } @media (max-width: 991px) { .select-city-wrap { left: 0; } } .select-city__block__text { font-family: var(--font-family); font-style: normal; font-weight: normal; font-size: 17px; line-height: 28px; } @media (max-width: 991px) { .select-city__block__text { font-family: var(--font-family); font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; } } .select-city__block__text-city { font-family: var(--font-family); font-style: normal; font-weight: normal; font-size: 17px; line-height: 28px; color: #414141; cursor: pointer; } @media (max-width: 991px) { .select-city__block__text-city { font-family: var(--font-family); font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; } } .select-city__dropdown__title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 120%; color: #000a08; display: block; margin-bottom: 16px; } @media (max-width: 991px) { .select-city__dropdown__title { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 120%; color: #000a08; } } .select-city__dropdown { box-shadow: 0 11px 14px 0 rgba(17, 17, 20, 0.25); background: #fdfdff; width:270px; padding: 16px 24px; text-align: center; } @media (max-width: 1200px) { .select-city__dropdown { width: 230px; } } @media (max-width: 991px) { .select-city__dropdown { width: 200px; } } .select-city__dropdown-wrap { z-index:99; position: fixed; } .select-city__dropdown__choose { display: inline-block; cursor: pointer; padding: 5px 25px; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 140%; color: #f8f8fe; width: 100%; transition: all 0.3s ease-in; } .select-city__dropdown__choose:hover, .select-city__dropdown__choose:active, .select-city__dropdown__choose:focus { opacity: 0.7; } .select-city__dropdown__choose__yes { background: #003229; color: white; margin-right: 15px; border-radius: 4px; } @media (max-width: 991px) { .select-city__dropdown__choose__yes { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 140%; } } .select-city__dropdown__choose__no { border: 1px solid #003229; font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #003229; border-radius: 4px; background: transparent; border-radius: 4px; } .select-city__dropdown__choose__no:hover { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; color: #fdfdff; background: #003229; opacity: 1; } @media (max-width: 991px) { .select-city__dropdown__choose__no { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 140%; } } .select-city__dropdown__choose-wrap { width: 100%; display: flex; align-items: center; justify-content: center; } .change-city__content{ overflow: auto; width: 400px; height: 550px; background-color: #fff; padding: 25px; border-radius: 4px; overflow: auto; } .change-city__content span { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; } @media (max-width: 991px) { .change-city__content span { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; } } .change-city__content ul { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; margin-top: 20px; padding: 0; } .change-city__content li { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; margin-bottom: 15px; } .change-city__content li a { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #262626; transition: 0.3s; } .change-city__content li a:hover { color: #02342b; } @media (max-width: 767px) { .change-city__content { width: 100%; height: 100%; padding: 15px; border-radius: 0px; } } .change-city__topbar { justify-content: space-between; display: flex; align-items: center; margin-bottom: 20px; } .change-city__back { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; display: flex; align-items: center; color: #02342b; cursor: pointer; } .change-city__back img { margin-right: 8px; } .change-city__close { cursor: pointer; font-size: 36px; } /* End */ /* Start:/local/components/hamidulin/basket.small.hamidulin/templates/ajax/style.css?17364720681568*/ #popup { position: fixed; margin: 0; padding: 0; width: 100%; height: 0; z-index: 101; } #popup .container { position: relative; } .popover_productCard { min-width: 270px; position: absolute; top: 0; left: 0; text-align: center; opacity: 0; width: auto; color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; color: #fdfdff; } @media screen and (max-width: 991px) { .popover_productCard { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; color: #fdfdff; top: 140px; } } @media screen and (max-width: 768px) { .popover_productCard { left: 50%; transform: translate(-50%, 0); } } .popupLink { text-decoration: underline; } .popover_productCard .item { padding: 12px 24px; margin-bottom: 16px; background-color: #003229; color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.2s ease-in-out; } .popover_productCard a { color: white; } .popover_productCard .popdanger { color: white; background-color: #aa1308; } .popover_productCard .popdanger a { color: white; } .popover_productCard .popinfo { color: #262626; background-color: #eaeaea; } .popover_productCard .popinfo a { color: #262626; } .popover_productCard .popwarning { color: #262626; background-color: #fffeae; } .popover_productCard .popwarning a { color: #262626; } /* End */ /* Start:/local/templates/rossfk/styles.css?1749473551519*/ div[id^="wait_"] { display: none !important; background: none !important; border: 0 !important; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-style: normal !important; font-variant: normal !important; font-weight: normal; letter-spacing: normal !important; line-height: normal; padding: 0 !important; position: absolute; text-align: center !important; text-indent: 0 !important; width: 0px !important; height: 0px !important; word-spacing: normal !important; z-index: 0; content: ""; } /* End */ /* /local/templates/rossfk/assets/css/swiper-bundle.min.css?173555413118470 */ /* /local/templates/rossfk/assets/css/jquery-ui.css?17355541317508 */ /* /local/templates/rossfk/assets/css/danis.css?173711374040750 */ /* /local/templates/rossfk/assets/css/style.css?1757667650190520 */ /* /local/templates/rossfk/components/sotbit/regions.choose/fanera-region-new/style.css?17368539899594 */ /* /local/components/hamidulin/basket.small.hamidulin/templates/ajax/style.css?17364720681568 */ /* /local/templates/rossfk/styles.css?1749473551519 */