/* Start:/local/templates/main/libs/lightbox.min.css?17927474672564*/ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url("/local/templates/main/libs/./../img/common/loading.gif") no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url("/local/templates/main/libs/./../img/common/prev.png") left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url("/local/templates/main/libs/./../img/common/next.png") right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url("/local/templates/main/libs/./../img/common/close.png") top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/local/templates/main/libs/swiper.min.css?179274746716467*/ /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/libs/venobox.min.css?179274746715368*/ .vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0;--vbox-max-width:100%}.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}.vbox-share svg{z-index:10;vertical-align:middle}.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.vbox-close:hover{opacity:1}.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}.vbox-num{display:inline-block;padding:12px 15px}.vbox-left{left:0}.vbox-right{right:0}.vbox-top{top:0}.vbox-bottom{bottom:0}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}.vbox-next:hover,.vbox-prev:hover{opacity:1}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}.venoratio-1x1{--vb-aspect-ratio:100%;max-width:calc(min(var(--vbox-max-width),(100vh - 60px)))}.venoratio-4x3.vbox-child.venoratio{--vb-aspect-ratio:calc(3 / 4 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 4 / 3))}.venoratio-16x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 16 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 16 / 9))}.venoratio-21x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 21 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 21 / 9))}.venoratio-full{--vb-aspect-ratio:calc(100vh - 60px)}.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0}.vbox-content{opacity:0;text-align:center;width:100%;position:relative;overflow:hidden;padding:0 4%;display:flex;align-items:center;justify-content:center;min-height:100%}.vbox-container img{max-width:100%;height:auto}.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:var(--vbox-max-width);text-align:initial;padding:var(--vbox-padding)}.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}.vbox-fit .vbox-child img,.vbox-fit .vbox-child.venoratio{max-height:calc(100vh - 60px)}.vbox-grab .vbox-child img{cursor:grab}.vbox-child>iframe{border:none!important}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}.vbox-hidden{display:none}.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}.vbox-tooltip{position:relative;display:inline-block}.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}.vbox-overlay{--sk-size:40px;--sk-color:#333}.sk-center{margin:auto}.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}@keyframes sk-plane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{100%{transform:rotate(360deg)}}@keyframes sk-chase-dot{100%,80%{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,100%{transform:scale(1)}}.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}.sk-bounce-dot:nth-child(2){animation-delay:-1s}@keyframes sk-bounce{0%,100%{transform:scale(0)}45%,55%{transform:scale(1)}}.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}.sk-wave-rect:nth-child(1){animation-delay:-1.2s}.sk-wave-rect:nth-child(2){animation-delay:-1.1s}.sk-wave-rect:nth-child(3){animation-delay:-1s}.sk-wave-rect:nth-child(4){animation-delay:-.9s}.sk-wave-rect:nth-child(5){animation-delay:-.8s}@keyframes sk-wave{0%,100%,40%{transform:scaleY(.4)}20%{transform:scaleY(1)}}.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}@keyframes sk-pulse{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}.sk-flow-dot:nth-child(1){animation-delay:-.3s}.sk-flow-dot:nth-child(2){animation-delay:-.15s}@keyframes sk-flow{0%,100%,80%{transform:scale(.3)}40%{transform:scale(1)}}.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}@keyframes sk-swing{100%{transform:rotate(360deg)}}@keyframes sk-swing-dot{0%,100%{transform:scale(.2)}50%{transform:scale(1)}}.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}.sk-circle-dot:nth-child(1){transform:rotate(30deg)}.sk-circle-dot:nth-child(2){transform:rotate(60deg)}.sk-circle-dot:nth-child(3){transform:rotate(90deg)}.sk-circle-dot:nth-child(4){transform:rotate(120deg)}.sk-circle-dot:nth-child(5){transform:rotate(150deg)}.sk-circle-dot:nth-child(6){transform:rotate(180deg)}.sk-circle-dot:nth-child(7){transform:rotate(210deg)}.sk-circle-dot:nth-child(8){transform:rotate(240deg)}.sk-circle-dot:nth-child(9){transform:rotate(270deg)}.sk-circle-dot:nth-child(10){transform:rotate(300deg)}.sk-circle-dot:nth-child(11){transform:rotate(330deg)}.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}.sk-circle-dot:nth-child(2):before{animation-delay:-1s}.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}@keyframes sk-circle{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}@keyframes sk-circle-fade{0%,100%,39%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.sk-grid{width:var(--sk-size);height:var(--sk-size)}.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}.sk-grid-cube:nth-child(1){animation-delay:.2s}.sk-grid-cube:nth-child(2){animation-delay:.3s}.sk-grid-cube:nth-child(3){animation-delay:.4s}.sk-grid-cube:nth-child(4){animation-delay:.1s}.sk-grid-cube:nth-child(5){animation-delay:.2s}.sk-grid-cube:nth-child(6){animation-delay:.3s}.sk-grid-cube:nth-child(7){animation-delay:0s}.sk-grid-cube:nth-child(8){animation-delay:.1s}.sk-grid-cube:nth-child(9){animation-delay:.2s}@keyframes sk-grid{0%,100%,70%{transform:scale3D(1,1,1)}35%{transform:scale3D(0,0,1)}}.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}.sk-fold-cube:nth-child(2):before{animation-delay:.3s}.sk-fold-cube:nth-child(4):before{animation-delay:.6s}.sk-fold-cube:nth-child(3):before{animation-delay:.9s}@keyframes sk-fold{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0);opacity:1}100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}}.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}.sk-wander-cube:nth-child(2){animation-delay:-.5s}.sk-wander-cube:nth-child(3){animation-delay:-1s}@keyframes sk-wander{0%{transform:rotate(0)}25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}100%{transform:rotate(-360deg)}} /* End */ /* Start:/local/templates/main/css/fonts.css?17927476402863*/ @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-ExtraLight.woff2") format("woff2"); font-weight: 200; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-ExtraLightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Medium.woff2") format("woff2"); font-weight: 500; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-ExtraBoldItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; } @font-face { font-family: Nunito; font-display: swap; src: url("/local/templates/main/css/../fonts/nunito-subset/Nunito-BlackItalic.woff2") format("woff2"); font-weight: 900; font-style: italic; } /* End */ /* Start:/local/templates/main/css/main.css?1792747640473983*/ @charset "UTF-8"; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ :root { --device-height: 100%; } html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1, h2, h3, h4, h5, h6 { margin: 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { display: inline-block; text-decoration: none; background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } span { display: inline-block; } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button { cursor: pointer; padding: 0; } button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ background: initial; border: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } ul li, ol li { list-style: none; } ul { padding: 0; margin: 0; } p { margin: 0; } * { box-sizing: border-box; outline: none; } picture { display: block; width: 100%; height: 100%; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .swiper-container-pointer-events { overflow: hidden; } .breadcrumbs__item--current .breadcrumbs__link { color: #0aaaf8; font-size: 14px; } @media screen and (max-width: 600px) { .header__top_logo { width: 210px !important; margin-right: 10px; } } .header__top_logo { width: 280px; } .basket-common .basket-item-block-price-old span { display: none; } .popular__el_price.podzakaz span { letter-spacing: 0px; } .header { position: relative; z-index: 12; padding-top: var(--headerH); } .header.fixed .header__inner { display: flex; flex-direction: row-reverse; background: white; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.06); } .cart-box.detailProductBlock.in-cart .btn-blue { background-color: #fb6535 !important; border-color: #fb6535 !important; color: #fff !important; } .product-page__char_table { display: flex; flex-wrap: wrap; gap: 10px 50px; max-width: none; } .many-props .product-page__char_row { width: calc(48% - 12px); margin: 0; box-sizing: border-box; } .few-props.product-page__description_block.characteristics.active { display: flex; gap: 50px; } .few-props .product-page__char_row { width: 100%; margin: 0; box-sizing: border-box; } .product-page__char_descr { text-align: right; } .sm-price { width: 100%; } .last-mon-movements p { font-size: initial; margin-bottom: 15px; } .account__orders.mon-order { margin-top: 0px; } .product-amount-btn:has(img[src="/local/templates/main/img/general/prohibit.svg"]) { display: none; } .no-margin { margin: 0 !important; } .modal__contacts::-webkit-scrollbar { width: 12px; } .modal__contacts::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; margin: 4px 0; /* optional vertical padding */ } .modal__contacts::-webkit-scrollbar-thumb { background-color: #0aaaf8; border-radius: 10px; border: 3px solid #f1f1f1; /* padding effect */ transition: background-color 0.3s ease; } .modal__contacts::-webkit-scrollbar-thumb:hover { background-color: #078bd6; } .mon-table { min-width: 795px; } .mon-table table { width: 795px !important; } @media screen and (min-width: 1024px) { .active .submenu_lev2 { left: calc(29vw + 40px); } } @media screen and (max-width: 1280px) { .active .submenu_lev2 { left: min(360px, 65vw); width: min(68vw); } } @media (min-width: 1024px) and (max-width: 1440px) { .active .submenu_lev2 { width: min(58vw); } } @media screen and (max-width: 1440px) { .active .submenu_lev2 { left: min(330px, 50vw); } } @media screen and (max-width: 1440px) { .active .submenu_lev2 { left: min(330px, 50vw); } } @media (min-width: 1024px) and (max-width: 1440px) { .active .submenu_lev2 { width: min(58vw) !important; } } @media screen and (max-width: 1440px) { .active .submenu_lev2 { left: min(330px, 50vw) !important; } } @media screen and (max-width: 1280px) { .active .submenu_lev2 { left: min(360px, 65vw) !important; width: min(68vw) !important; } } @media screen and (max-width: 1024px) { .active .submenu_lev2 { left: calc(29vw + 40px) !important; } } @media screen and (max-width: 1440px) { .submenu { left: calc(22vw + 30px); width: 24vw; padding: 30px 2vw; padding-right: 0; } } @media screen and (max-width: 1280px) { .submenu { left: calc(28vw + 40px); width: 34vw; } } @media screen and (max-width: 1024px) { .submenu { left: calc(1vw + 10px) !important; width: 34vw !important; } } input.form-check-input:disabled~label { pointer-events: none !important; border-radius: 10px; background: #f6f6f6 !important; color: #acacac !important; border-color: #f6f6f6 !important; } @media screen and (max-width: 768px) { .header.fixed .header__inner { display: block; background: white; } .favourites-item__inner { gap: 20px !important; } .favourites-item__img, .favourites-item__cart-btn { display: none; } .favourites-item-check { top: 18px !important; left: -12px !important; } .basket-item-info-name { padding-left: 0px !important; } } @media screen and (max-width: 1024px) { .product-page__char_prop { font-size: 14px; } } @media screen and (max-width: 768px) { .product-page__description_tabs .product-page__tab { font-size: 18px; padding-bottom: 5px; } } @media (max-width: 980px) { .many-props .product-page__char_row, .few-props .product-page__char_row { width: 100% !important; box-sizing: border-box; } .product-page__description_block.characteristics { display: block !important; } } #locationModal { display: flex; } #map-custom-modal { width: 100%; height: 300px; } .sklad-all .modal__map { width: 58%; } .sklad-all { margin-top: 10px !important; display: flex; } .sklad-all .modal__contacts { width: calc(42% - 50px); margin-right: 50px; height: 290px; max-height: 400px; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; } .sklad-all .modal__contacts_title { font-size: 20px; margin: 10px 0; } .sklad-all .modal__contacts_address, .sklad-all .modal__contacts_schedule { margin: 10px 0 10px 0; } .modal__contacts_schedule { margin-bottom: 10px; } .highlighted { background-color: #f0f8ff; border-top: 1px solid #0aaaf8; border-bottom: 1px solid #0aaaf8; padding: 10px 0; transition: background-color 0.5s ease-out; } .placemark-bounce { animation: placemarkBounce 0.3s ease; } @keyframes placemarkBounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.4); } } #btn-view-stock-map, .sklad-all .modal__location-block { cursor: pointer; } #map-custom-modal .ymaps-2-1-79-balloon, #map-custom-modal .ymaps-2-1-79-balloon__layout { border-radius: 10px !important; } .sklad-all .baloon-title { font-size: 16px; font-weight: bold; float: left; width: 100%; margin-bottom: 8px; } .sklad-all .detail-row-quantity, .sklad-all .modal__contacts_quantity { font-weight: bold; } .sklad-all .details span { float: left; width: 100%; } .sklad-all .ymaps-2-1-79-gototech { display: none; } .sklad-all .simplebar-scrollbar:before { position: absolute; content: ''; background: #7f7f7f !important; border-radius: 7px; left: 2px !important; right: 3px; opacity: 0; transition: opacity .8s linear; opacity: 1 !important; } .sklad-all .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { max-height: 100px; } .sklad-all .modal__location-block { margin-bottom: 20px; } @media screen and (max-width: 600px) { .sklad-all .modal__contacts_mail { font-size: 20px; } } @media screen and (max-width: 600px) { .sklad-all .modal__map, .sklad-all .modal__contacts { width: 100%; margin-right: 0; max-height: none; height: auto; max-height: 400px; } .product-page__stocks_wrap .product-page__stock:nth-child(6), .product-page__stocks_wrap .product-page__stock:nth-child(7) { display: none; } } .header.fixed .header__inner .header__top { padding-top: 11px; padding-bottom: 11px; background: unset; height: 71px; padding-left: 0; } @media screen and (max-width: 1024px) { .header.fixed .header__inner .header__top { height: 70px; padding-left: var(--padding); } } @media screen and (max-width: 768px) { .header.fixed .header__inner .header__top { padding-top: 5px; padding-bottom: 5px; } } @media screen and (max-width: 600px) { .header.fixed .header__inner .header__top { padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 1280px) { .header.fixed .header__inner .header__search-btn { display: none; } } @media screen and (max-width: 1024px) { .header.fixed .header__inner .header__search-btn { display: flex; } } .header.fixed .header__inner .header__top_logo, .header.fixed .header__inner .header-search, .header.fixed .header__inner .header__contacts { display: none; } @media screen and (max-width: 768px) { .header.fixed .header__inner .header__top_logo, .header.fixed .header__inner .header-search, .header.fixed .header__inner .header__contacts { display: block; } } @media screen and (max-width: 768px) { .header.fixed .header__inner .header__contacts { display: none; } } .header.fixed .header__inner .header__bottom { flex-grow: 1; background: unset; box-shadow: unset; padding-right: 10px; margin-right: auto; } @media screen and (max-width: 768px) { .header.fixed .header__inner .header__bottom { display: none; } } @media (min-width: 1800px) { .active .submenu_lev2 { left: min(430px, 50vw) !important; } } .header.fixed .header__inner .show-search { display: block; } .header__nav_item { position: relative; } .header__nav_item:hover .header__nav_menu { opacity: 1; transform: translateY(4px); visibility: visible; z-index: 1; pointer-events: all; } .header__nav_item .header__nav_menu { position: absolute; top: calc(100% - 25px); padding-top: 50px; transform: translateY(-80px); opacity: 0; visibility: hidden; transition: 0.3s; z-index: -1; pointer-events: none; width: max-content; } .header__nav_item .header__nav_menu-list { border-radius: 10px; background: white; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); padding: 10px; } .header__nav_item .header__nav_menu-list a { color: #1A1A1A; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; padding: 8px 20px; transition: 0.3s; } .header__nav_item .header__nav_menu-list a:hover { color: #0aaaf8; } .header__nav_link.lined { white-space: nowrap; } .header.fixed~.menu-container { top: 70px; height: calc(100% - 70px); } @media screen and (max-width: 1024px) { .header.fixed~.menu-container { top: 69px; height: calc(100% - 69px); } } .header.fixed~.mob-menu { top: 70px; height: calc(100% - 70px); } @media screen and (max-width: 1024px) { .header.fixed~.mob-menu { top: 69px; height: calc(100% - 69px); } } .header.fixed~.main-content .catalog-filters { top: 70px; height: calc(100% - 70px); } @media screen and (max-width: 1024px) { .header.fixed~.main-content .catalog-filters { top: 69px; height: calc(100% - 69px); } } .header__inner { top: 0; position: fixed; width: 100%; } @media screen and (max-width: 450px) { .header__inner { width: 100vw; overflow-x: clip; } } .header__top.wrapper { background: white; padding-top: 25px; padding-bottom: 25px; display: flex; align-items: center; margin-top: 0; } @media screen and (max-width: 1280px) { .header__top.wrapper { padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width: 1024px) { .header__top.wrapper { padding-top: 5px; padding-bottom: 5px; height: 70px; } } @media screen and (max-width: 600px) { .header__top.wrapper { padding-top: 10px; padding-bottom: 10px; position: relative; } } @media screen and (max-width: 1280px) { .header__top_logo { margin-right: 17vw; } } @media screen and (max-width: 600px) { .header__top_logo { width: 117px; margin-right: 10px; } } .header__top_logo img { width: 100%; } .header-search__close { display: none; } @media screen and (max-width: 1280px) { .header-search__close { display: block; position: absolute; right: 20px; top: 15px; height: 20px; width: 20px; } .header-search__close::before { content: ""; width: 2px; height: 100%; left: 50%; position: absolute; top: 0; transform: rotate(-45deg); background: #0aaaf8; } .header-search__close::after { content: ""; width: 2px; height: 100%; left: 50%; position: absolute; top: 0; transform: rotate(45deg); background: #0aaaf8; } } .header-search { margin-left: min(80px, 4.2vw); position: relative; flex-grow: 1; } @media screen and (max-width: 1440px) { .header-search { margin-left: 40px; } } @media screen and (max-width: 1280px) { .header-search { position: fixed; width: 100%; margin: 0; top: 0; left: 0; z-index: 10; box-shadow: 0px 3px 9px #bcd1db; opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; transition: opacity 0.3s; } } @media screen and (max-width: 1280px) { .header-search.show-search { opacity: 1; visibility: visible; pointer-events: all; z-index: 15; } .header-search.show-search .header-search__inner { transform: translateY(0); } } @media screen and (max-width: 1280px) { .header-search::before { content: ""; width: var(--w); height: var(--h); left: 0; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 15; position: fixed; transition: 0.3s; } } @media screen and (max-width: 1280px) { .header-search .header-search__inner { transform: translateY(-103%); transition: 0.3s; position: relative; z-index: 20; background: white; padding: 50px 20px 20px; } } .header-search button { width: 24px; height: 24px; position: absolute; left: 16px; top: 26px; transform: translateY(-50%); } @media screen and (max-width: 1280px) { .header-search button { left: 36px; top: 76px; } } .header-search button svg { width: 100%; height: 100%; object-fit: contain; fill: none; stroke: #0aaaf8; } .header-search input { width: min(532px, 27.7vw); padding: 14px 16px; padding-left: 50px; border-radius: 10px; border: 1px solid #0aaaf8; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1280px) { .header-search input { width: 100%; } } .header-search input:hover { box-shadow: 0px 0px 5px rgba(10, 170, 248, 0.631372549); } .header-search input:focus { box-shadow: 0px 0px 0px 1px rgba(10, 170, 248, 0.631372549); } .header-search input::placeholder { color: #acacac; } .header__contacts_dropdown { position: absolute; left: 0; top: calc(100% - 25px); padding-top: 50px; transform: translateY(-80px); opacity: 0; visibility: hidden; transition: 0.3s; z-index: -1; pointer-events: none; } .header__contacts_dropdown .btn-blue { margin-top: 40px; width: 100%; } .header__contacts_inner { border-radius: 10px; background: white; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); padding: 25px 30px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; width: max-content; } @media screen and (max-width: 1440px) { .header__contacts_inner { padding: 15px 20px; } } .header__contacts_tel { color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; gap: 10px; margin-top: 16px; } @media screen and (max-width: 1440px) { .header__contacts_tel { font-size: 16px; } } .header__contacts_tel img, .header__contacts_tel svg { width: 20px; height: 20px; display: block; } .header__contacts_mail { display: flex; align-items: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #f6f7fa; gap: 10px; align-items: center; color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .header__contacts_mail svg { width: 22px; height: 18px; } .header__burger { display: none; } @media (max-width: 1100px) { .header__burger { display: block; width: 28px; height: 28px; } } .header__burger svg { width: 100%; height: 100%; fill: #fb6535; transition: 0.3s; } .header__burger.close { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M7.46664 21.3591L6.64099 20.5334L13.1743 14.0001L6.64099 7.46676L7.46664 6.64111L14 13.1744L20.5333 6.64111L21.359 7.46676L14.8256 14.0001L21.359 20.5334L20.5333 21.3591L14 14.8257L7.46664 21.3591Z' fill='%23FB6535'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } .header__burger.close svg { opacity: 0; } .header__btns { display: flex; gap: 20px; margin-left: min(45px, 2.4vw); } @media screen and (max-width: 1440px) { .header__btns { margin-left: 20px; } } @media (max-width: 1220px) { .header__btns { margin-left: 4px; } } @media screen and (max-width: 1024px) { .header__btns { justify-content: flex-end; flex-grow: 1; } } @media screen and (max-width: 450px) { .header__btns { gap: min(20px, 5.6vw); } } .header__btns .header__btn { width: 28px; height: 28px; position: relative; } @media screen and (max-width: 450px) { .header__btns .header__btn { width: min(28px, 7.8vw); height: min(28px, 7.8vw); } } .header__btns .header-basket__amount { position: absolute; width: 17px; height: 17px; top: -6px; right: -6px; background: #fb6535; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 100%; } .header__btns .header-fav__amount { position: absolute; width: 17px; height: 17px; top: -6px; right: -6px; background: #fb6535; color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 100%; } .header__btns .header-fav svg { fill: transparent; stroke: #fb6535; transition: 0.3s; } .header__btns .header-fav:hover svg { fill: #fb6535; } .header__btns .header-person { position: relative; } @media screen and (max-width: 600px) { .header__btns .header-person { position: static; } } .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { position: absolute; border-radius: 10px; background: white; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); padding: 20px; transform: translate(50%, -10px); opacity: 0; visibility: hidden; transition: 0.3s; z-index: -1; pointer-events: none; right: 50%; top: 100%; } @media screen and (max-width: 1440px) { .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { transform: translate(0, -10px); right: -30px; } } @media screen and (max-width: 1024px) { .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { padding: 10px; } } @media screen and (max-width: 600px) { .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { top: 100%; right: 10px; } } @media screen and (max-width: 450px) { .header__btns .header-person .modal__out_close { width: 24px; height: 24px; } } .header__btns .header-person .personal-name { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .header__btns .header-person .personal-email { color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 2px; } @media screen and (max-width: 450px) { .header__btns .header-person .modal__out { position: fixed; top: 0; left: 0; right: unset; width: 100%; height: 100%; border-radius: 0; padding: 0; border-radius: unset; box-shadow: unset; display: flex; flex-direction: column; align-items: center; transform: translateX(-105%); opacity: 1; } } @media screen and (max-width: 450px) { .header__btns .header-person .modal__out .btn-orange { width: calc(100% - 80px); margin-bottom: 30px; height: 60px; } } .header__btns .header-person.active .modal__in { opacity: 1; transform: translate(50%, 20px); visibility: visible; z-index: 4; pointer-events: all; } @media screen and (max-width: 1440px) { .header__btns .header-person.active .modal__in { transform: translate(0, 20px); } } @media screen and (max-width: 600px) { .header__btns .header-person.active .modal__in { transform: translate(0, 0px); } } .header__btns .header-person.reg.active .modal__out { opacity: 1; transform: translate(50%, 20px); visibility: visible; z-index: 4; pointer-events: all; } @media screen and (max-width: 1440px) { .header__btns .header-person.reg.active .modal__out { transform: translate(0, 20px); } } @media screen and (max-width: 600px) { .header__btns .header-person.reg.active .modal__out { transform: translate(0, 0px); } } @media screen and (max-width: 450px) { .header__btns .header-person.reg.active .modal__out { transform: translateX(0); } } .header__btns .header-person.reg.active .modal__in { opacity: 0; visibility: hidden; transition: 0.3s; z-index: -1; pointer-events: none; } .header__btns .header-person svg { fill: transparent; stroke: #fb6535; transition: 0.3s; } .header__btns .header-person .header__btn:hover svg { fill: #fb6535; } .header__btns .modal__out_links { display: flex; flex-direction: column; padding-bottom: 20px; margin-bottom: 21px; position: relative; } @media screen and (max-width: 1024px) { .header__btns .modal__out_links { padding-bottom: 5px; margin-bottom: 20px; } } @media screen and (max-width: 450px) { .header__btns .modal__out_links { padding: 10px; margin: 0; flex-grow: 1; width: 100%; } } .header__btns .modal__out_links::after { content: ""; bottom: 0; height: 1px; width: calc(100% - 20px); left: 10px; background: #E0E0E0; position: absolute; } @media screen and (max-width: 450px) { .header__btns .modal__out_links::after { content: none; } } .header__btns .modal__out_link { padding: 16px 20px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1024px) { .header__btns .modal__out_link { padding: 12px 15px; } } @media screen and (max-width: 450px) { .header__btns .modal__out_link { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } } @media screen and (max-width: 450px) { .header__btns .modal__out_link::after { content: ""; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3937 17.3076L9.83789 16.7518L14.5956 11.9941L9.83789 7.21715L10.3937 6.66138L15.7071 11.9941L10.3937 17.3076Z' fill='%23ACACAC'/%3E%3C/svg%3E"); } } .header__btns .modal__out_link:hover { color: #0aaaf8; } .header__btns .btn-orange { border-radius: 10px; border: 1px solid #fb6535; background: white; padding: 15px 26px; color: #fb6535; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; width: 260px; } @media screen and (max-width: 1024px) { .header__btns .btn-orange { width: max-content; } } .header__btns .btn-orange:hover { background: #fb6535; color: white; } .header__btns .btn-orange:hover svg { fill: white; } .header__btns .btn-orange svg { width: 24px; height: 24px; fill: #fb6535; stroke: none; transition: 0.3s; } .header__btns .header-basket:hover .cart-fill { opacity: 1; } .header__btns .cart-fill { opacity: 0; transition: 0.3s; z-index: 2; fill: #fb6535; } .header__btns .cart-stroke { fill: #fb6535; } .header__btns .header-basket { position: relative; } .header__btns .header-basket svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header__btns svg { width: 28px; height: 28px; fill: #fb6535; transition: 0.3s; } .modal__out_mob { display: none; } @media screen and (max-width: 450px) { .modal__out_mob { display: flex; align-items: center; justify-content: space-between; padding: 10px; padding-right: 18px; background: #F9F9F9; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.06); width: 100%; } } .header__contacts_wrap { display: flex; flex-wrap: wrap; gap: 4px 30px; } .header__contacts { position: relative; margin-left: 30px; } @media screen and (max-width: 1024px) { .header__contacts { display: none; } } .header__contacts:hover .header__contacts_dropdown { opacity: 1; transform: translateY(0); visibility: visible; z-index: 4; pointer-events: all; } .header__contacts_trigger-tel { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; white-space: nowrap; } @media screen and (max-width: 1440px) { .header__contacts_trigger-tel { font-size: 18px; } } .header__contacts_descr { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1440px) { .header__contacts_descr { font-size: 14px; } } .header__contacts_trigger { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0px 10px; cursor: pointer; position: relative; z-index: 2; } .header__bottom.wrapper { background: #f9f9f9; box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.06); display: flex; align-items: center; padding-top: 11px; padding-bottom: 11px; margin-top: 0; } @media screen and (max-width: 600px) { .header__bottom.wrapper { padding-top: 10px; padding-bottom: 10px; } } .header__sales { height: 48px; margin-left: 15px; border: 1px solid #fb6535; background: #fb6535; display: flex; align-items: center; gap: 6px; padding: 7px 15px; border-radius: 10px; color: white; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; transition: 0.3s; } @media (max-width: 1220px) { .header__sales { margin-left: 4px; font-size: 14px; } } @media screen and (max-width: 600px) { .header__sales { padding: 8px 12px; font-size: 14px; margin-left: 13px; height: 40px; } } @media screen and (max-width: 450px) { .header__sales { margin-left: 2.9vw; padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } } .header__sales svg { width: 32px; height: 32px; fill: white; transition: 0.3s; } @media screen and (max-width: 600px) { .header__sales svg { width: 24px; height: 24px; } } @media screen and (max-width: 450px) { .header__sales svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } } .header__sales:hover { background: transparent; color: #fb6535; } .header__sales:hover svg { fill: #fb6535; } .header__catalog { background: #0aaaf8; height: 48px; border: 1px solid #0aaaf8; display: flex; align-items: center; gap: 6px; padding: 7px 15px; border-radius: 10px; color: white; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; transition: 0.3s; } @media (max-width: 1220px) { .header__catalog { font-size: 14px; } } @media screen and (max-width: 600px) { .header__catalog { padding: 8px 12px; font-size: 14px; height: 40px; } } @media screen and (max-width: 450px) { .header__catalog { padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } } .header__catalog svg { width: 32px; height: 32px; fill: white; transition: 0.3s; pointer-events: none; } @media screen and (max-width: 600px) { .header__catalog svg { width: 24px; height: 24px; } } @media screen and (max-width: 450px) { .header__catalog svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } } .header__catalog span { pointer-events: none; } .header__catalog:hover { background: transparent; color: #0aaaf8; } .header__catalog:hover svg { fill: #0aaaf8; } .header__catalog.show-catalog svg { display: none; } .header__catalog.show-catalog::before { content: ""; width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8.4282 24.3051L7.69487 23.5718L15.2667 16L7.69487 8.42816L8.4282 7.69482L16 15.2666L23.5718 7.69482L24.3051 8.42816L16.7333 16L24.3051 23.5718L23.5718 24.3051L16 16.7333L8.4282 24.3051Z' fill='white'/%3E%3C/svg%3E"); } @media screen and (max-width: 600px) { .header__catalog.show-catalog::before { width: 24px; height: 24px; } } .header__catalog.show-catalog:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8.4282 24.3051L7.69487 23.5718L15.2667 16L7.69487 8.42816L8.4282 7.69482L16 15.2666L23.5718 7.69482L24.3051 8.42816L16.7333 16L24.3051 23.5718L23.5718 24.3051L16 16.7333L8.4282 24.3051Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .header__search-btn { background: transparent; border: 1px solid #0aaaf8; display: none; align-items: center; gap: 6px; padding: 7px 15px; border-radius: 10px; color: #0aaaf8; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; transition: 0.3s; margin-left: 15px; height: 48px; } @media screen and (max-width: 1280px) { .header__search-btn { display: flex; } } @media (max-width: 1220px) { .header__search-btn { margin-left: auto; } } @media screen and (max-width: 600px) { .header__search-btn { padding: 8px 11px; font-size: 14px; margin-left: auto; height: 40px; } } @media screen and (max-width: 450px) { .header__search-btn { padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } } .header__search-btn svg { width: 30px; height: 30px; fill: none; stroke: #0aaaf8; transition: 0.3s; } @media screen and (max-width: 600px) { .header__search-btn svg { width: 24px; height: 24px; } } @media screen and (max-width: 450px) { .header__search-btn svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } } .header__search-btn:hover { background: #0aaaf8; color: white; } .header__search-btn:hover svg { stroke: white; } .header__nav { margin-left: 50px; color: #1a1a1a; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; display: flex; gap: 30px; } @media (max-width: 1600px) { .header__nav { margin-left: 4px; } } @media screen and (max-width: 1280px) { .header__nav { gap: 20px; font-size: 15px; margin-left: 4px; } } @media screen and (max-width: 1024px) { .header__nav { display: none; } } .header__nav_link { color: #1a1a1a; z-index: 2; } .header__nav_link.blue { color: #0aaaf8; } .header__nav_link.blue::after { background: #0aaaf8; } .lined { position: relative; cursor: pointer; } .lined::after { content: ""; width: 100%; left: 0; top: 100%; height: 1px; background: #1a1a1a; position: absolute; transform-origin: left; transform: scaleX(0); transition: 0.3s; } .lined:hover::after { transform: scale(1); } @media (max-width: 1600px) { .header__sales.magnumhead img { height: 20px !important; } } @media (max-width: 1500px) { .header__nav { gap: 12px; } } @media (max-width: 1220px) { .header__nav { gap: 8px; } } @media (max-width: 1100px) { .header__nav { display: none; } } @media (max-width: 1220px) { .magnumhead { width: auto; } .magnumhead img { width: 100%; height: auto; object-fit: contain; } } @media (max-width: 1160px) { .magnumhead { width: auto; } } @media (max-width: 500px) { .magnumhead { width: 100px; } } .magnumhead, .magnumhead_mb { background: none !important; border: 0 !important; } .magnumhead img, .magnumhead_mb img { height: 28px !important; } .product-page__prices_new_line { display: flex; align-items: flex-end; gap: 8px; } @media (min-width: 768px) and (max-width: 900px) { .popular__el_price { letter-spacing: -1.8px; } .product-page__prices_new_line { gap: 0px; } .popular__el_price span { letter-spacing: -1.8px; } .popular__el_price span { font-size: 12px; } } @media (min-width: 1280px) and (max-width: 1440px) { .popular__el_price { letter-spacing: -1.8px; } .product-page__prices_new_line { gap: 5px; } .popular__el_price span { letter-spacing: -1.8px; } } @media (min-width: 1440px) and (max-width: 1850px) { .popular__el_price { letter-spacing: -2px; } .popular__el_price span { letter-spacing: -2px; } .product-page__prices_new_line { gap: 4px; } } .popular__el_info .product-personal_skidka { margin-block-end: 0.3em; } .product-personal_skidka { display: flex; align-items: center; gap: 8px; border-radius: 25px; color: #00AFE9; border: 2px solid #0aaaf8; padding: 2px; vertical-align: bottom; display: inline-block; margin-block-end: 0.7em; position: relative; cursor: pointer; } .product-personal_skidka_svg { width: 20px; height: 20px; border: 0.5px solid #0aaaf8; border-radius: 25px; padding: 4px; vertical-align: bottom; display: inline-block; } .product-personal_skidka:hover .tooltip { opacity: 1; visibility: visible; pointer-events: pointer; right: 125%; bottom: -5%; } .product-personal_skidka:hover { background-color: #00AFE9; color: #fff; transition: background-color 0.3s, color 0.3s, border-color 0.3s; } .product-personal_skidka .tooltip { right: 125%; bottom: -5%; } .search-prod__price .tooltip { right: -720%; bottom: 130%; } .search-prod__price .product-personal_skidka:hover .tooltip { right: -720%; bottom: 130%; } .search-prod__price .product-personal_skidka { margin-block-end: 0.2em; } .search-prod__price .product-personal_skidka { display: flex; } .product-personal_skidka .tooltip span:nth-child(1), .product-personal_skidka .tooltip span:nth-child(3), .product-personal_skidka .tooltip span:nth-child(4) { font-weight: bold; } .menu__list_link>a { width: min(340px, 17.7vw); padding: 12px 20px; border-radius: 10px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; max-width: 340px; } @media screen and (max-width: 1024px) { .header__top.wrapper { padding-top: 5px; padding-bottom: 5px; height: 70px; } .catalog-products .product-personal_skidka .tooltip, .populars__wrap .product-personal_skidka .tooltip { right: -700% !important; bottom: 120% !important; font-weight: bold; } .header.fixed .header__inner .header__top { height: 70px; } .header.fixed .header__inner .header__search-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .popular__el_info .product-personal_skidka { margin-block-end: 0.1em; } .active .submenu_lev2 { left: calc(29vw + 40px); } .header.fixed~.menu-container { top: 69px; height: calc(100% - 69px); } .header.fixed~.mob-menu { top: 69px; height: calc(100% - 69px); } .header.fixed~.main-content .catalog-filters { top: 69px; height: calc(100% - 69px); } .header__top.wrapper { padding-top: 5px; padding-bottom: 5px; height: 70px; } .header__burger { display: block; width: 28px; height: 28px; } .header__btns { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { padding: 10px; } .header__btns .modal__out_links { padding-bottom: 5px; margin-bottom: 20px; } .header__btns .modal__out_link { padding: 12px 15px; } .header__btns .btn-orange { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .header__contacts { display: none; } .header__nav { display: none; } .menu__list_link { padding-right: 10px; } .menu__list_link>a { padding: 8px 10px; } .submenu { left: calc(1vw + 10px); width: 34vw; } .subsubmenu { width: 26vw; left: calc(100% + 25px); } .mob-menu__list_arr { display: block; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3942 17.3076L9.83844 16.7518L14.5961 11.9941L9.83844 7.21715L10.3942 6.66138L15.7077 11.9941L10.3942 17.3076Z' fill='%23ACACAC'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .submenu__title { padding-left: 10px; } .submenu__list_item>a { padding: 8px 10px; } .subsubmenu__item { padding: 8px 10px; } .footer-inner.wrapper { position: relative; padding-top: 60px; } .footer-inner__col:nth-child(1) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-bottom: 0; margin-top: 40px; } .footer-inner__col:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: calc(50% - 5px); } .footer-inner__col:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: calc(50% - 5px); } .footer-inner__col:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .footer__logo { position: absolute; left: var(--padding); top: -30px; width: auto; height: 58px; } .footer__contacts { width: 100%; margin-top: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__contacts>p { width: 100%; } .footer__contacts_block { width: calc(50% - 10px); } .footer__socials { width: 100%; margin-top: 20px; } .modal__gallery .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: unset; -ms-transform: unset; transform: unset; position: static; margin: 15px auto 0; } .modal__gallery .swiper-slide { max-height: 21vw; } .main-intro__title { font-size: 45px; } .main-intro__text { font-size: 20px; } .advantages__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages__el { width: calc((100% - 16px) / 2); } .catalog__el { width: calc((100% - 32px) / 3); } .product-personal_skidka { margin-block-end: 0.4em; } .btn__show-more { margin-top: 20px; height: 60px; font-size: 16px; } .populars__slider .swiper-button-next, .populars__slider .swiper-button-prev { background: 0 0; width: 30px; height: 30px; } .populars__slider .swiper-button-next:hover, .populars__slider .swiper-button-prev:hover { background: 0 0; } .populars__slider .swiper-button-next { right: 5px; } .populars__slider .swiper-button-prev { left: 5px; } .popular__el_img { height: 27vw; } .popular__el_price-old { margin-top: 20px; font-size: 13px; } .popular__el_name { font-size: 15px; } .popular__el_price { font-size: 20px; } .popular__el_price span { font-size: 12px; } .add-to-basket { margin-top: 5px; } .video-wrapper { max-width: 100%; width: 100%; height: 50vw; } .video-content__play { width: 80px; height: 80px; } .about { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about__info { max-width: 100%; width: 100%; } .reviews__wrap .review { padding: 15px 20px; } .reviews__wrap .review .btn-white { margin-top: 20px; } .reviews__wrap .swiper-button-next, .reviews__wrap .swiper-button-prev { display: none; } .review__logo { width: 50px; height: 50px; } .review__text { margin-top: 5px; } .categories-block .catalog__el { width: calc((100% - 40px) / 3); } .categories-block .catalog__el_title { font-size: 18px; } .catalog-filters { display: none; position: fixed; z-index: 10; left: 0; top: var(--headerH); width: 100%; height: calc(100% - var(--headerH)); background: #fff; overflow-y: auto; -webkit-transform: translateX(103%); -ms-transform: translateX(103%); transform: translateX(103%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .catalog-products__top, .smart-filter-container-modef { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-products__amount { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .catalog-products__top_filter { display: block; width: 28px; height: 28px; } .catalog-products .popular__el { width: calc((100% - 30px) / 4); } .itc-select.select-sort .itc-select__dropdown { left: unset; right: 0; } .catalog-filters__close { display: block; content: ""; width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; background-size: contain; background-repeat: no-repeat; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1.4282 17.3051L0.694867 16.5718L8.26667 8.99996L0.694867 1.42816L1.4282 0.694824L9 8.26662L16.5718 0.694824L17.3051 1.42816L9.73333 8.99996L17.3051 16.5718L16.5718 17.3051L9 9.73329L1.4282 17.3051Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .catalog-filters .smart-filter { padding: 50px 20px 30px; max-width: 100%; } .add-to-basket__new { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .add-to-basket__new .amount-wrap { padding: 0 5px; height: 44px; gap: 12px; } .add-to-basket__new .btn-blue { height: 44px; } .add-to-basket__mobile .amount-wrap { padding: 0 5px; height: 44px; gap: 12px; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } .product-page__prices_text { font-size: 14px; } .product-page__prices_new { font-size: 30px; } .product-page__char { margin-top: 20px; } .product-page__docs tr:nth-child(1) td { padding: 16px 20px; } .product-page__docs tr td { padding: 16px 20px; } .product-page__char_table { margin-top: 15px; } .product-page__char_row { padding-bottom: 5px; margin-bottom: 5px; } .product-page__char_prop { font-size: 14px; } .product-page__char_descr { font-size: 14px; } .product-page__similar.wrapper .product-page__description_tabs { margin-left: 10px; margin-right: 10px; } .shop-el { padding: 20px; } .shop-el__location { max-width: 36vw; } .shop-el__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .contacts__banner_col .btn-blue { padding: 10px 20px; font-size: 16px; } .contacts__banner_title { font-size: 16px; margin-bottom: 20px; } .contacts__banner_phones { margin-bottom: 15px; gap: 5px; } .contacts__banner_phones a { font-size: 14px; } .contacts__banner_address { font-size: 14px; } .contacts__banner_mail { font-size: 18px; } .contacts__banner_schedule { font-size: 14px; } .contact-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact-form__side { width: 100%; padding: 0; background: unset; border: unset; padding: 20px 20px 0; } .contact-form__side_title { color: #0aaaf8; } .contact-form__side_text { display: none; } .contact-form__socials { width: 100%; margin-top: 20px; } .contact-form__socials { display: none; } .account__side { padding-right: 20px; width: 251px; min-width: 251px; } .account__side .btn-orange { height: 50px; } .account__personal { padding-left: 20px; width: calc(100% - 251px); } .account__side_link { padding: 15px 10px; } .account__basket { gap: 10px; } .account__detail .account__order { margin-top: 30px; } .account__order_block { padding: 20px 15px; } .account__order_block .btn-blue { margin-top: 30px; font-size: 16px; } .account__order_block-row { padding-top: 15px; margin-top: 15px; } .account__order_doc { font-size: 14px; } .account__order_products-wrap { margin-top: 30px; padding: 20px; } .account__order_products-wrap .pagination-next span, .account__order_products-wrap .pagination-prev span { display: none; } .account__order_products-wrap thead th { height: 60px; } .account__order_products-mobile { margin-top: 32px; } .account__order_products-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .account__order_top .account__order_block { min-width: unset; } .account__order_products-card-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .page-top.basket-top { width: calc(100% - var(--padding) * 2); margin-bottom: 30px; } .basket-common .bx-basket__main { width: 100%; } .basket-common .basket-side { width: 100%; margin-top: 20px; } .basket-common .basket-items-list-item-container { min-height: 130px; padding-top: 10px; padding-bottom: 10px; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { padding-top: 45px; } .basket-common .basket-checkout-container { padding: 20px; } .basket-common .basket-checkout__amount { padding-bottom: 10px; margin-bottom: 10px; } .basket-common .basket-checkout-block-btn { padding-top: 25px; margin-top: 10px; } .basket-common .basket-checkout-block-btn .btn.btn-default { max-width: 300px; margin-bottom: 0; } .basket-common .basket__save-basket { max-width: 300px; margin: 30px auto 0; } .brand-el { width: calc((100% - 80px) / 5); height: 11vw; } .brand-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .brand-info__img { width: 280px; min-width: 280px; height: 140px; } .brand-info__text { font-size: 16px; width: 100%; } .brand-tags { margin-top: 60px; } .brand-tags__title { font-size: 34px; } .brand-page .catalog-products .popular__el { width: calc((100% - 30px) / 4); } .checkout__main_delivery { gap: 15px; } .checkout__select { width: 100%; } .checkout__shop_container { max-width: 100%; } .search-result__wrapper { gap: 24px; } .search-modal .product-amount-block { left: 0; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; bottom: calc(100% + 3px); right: unset; } .main-content { padding-bottom: 80px; } .page-title { font-size: 30px; } .mt30 { margin-top: 20px; } .mt50 { margin-top: 30px; } .list-num, ol { font-size: 17px; } .columns { gap: 10px; } .columns .swiper-wrapper { gap: 10px; } .columns.three .columns__col { width: calc((100% - 20px) / 3); } .columns.two .columns__col { width: calc((100% - 10px) / 2); } .columns.four .columns__col { width: calc((100% - 30px) / 4); } .main-title { font-size: 36px; } .text-normal { font-size: 17px; } .img__full-screen { height: 40vw; } .subtitle { font-size: 22px; } .video-wrapper.full-screen { height: 40vw; } .documents { gap: 10px; } .document { width: calc((100% - 20px) / 3); font-size: 16px; gap: 5px; } .document .document__icon { width: 40px; min-width: 40px; height: 40px; } .document .document__text_format { font-size: 13px; } .pagination a { font-size: 15px; } .text-page p { font-size: 17px; } .text-page img { max-height: 40vw; } .text-page h2 { font-size: 22px; } .text-page h3 { font-size: 20px; } .recovery { padding-bottom: 70px; } .favourites__list .basket-items-list-item-container { padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 768px) { .header__bottom.wrapper { padding-top: 10px; padding-bottom: 5px; } .header__bottom.wrapper.magnumhead_mbw { padding: 0 0 5px 0; } .header__bottom.wrapper.magnumhead_mbw a { margin: 0 auto; padding: 0px; } .swiper-navigation, .header__sales.magnumhead { display: none; } .header.fixed .header__inner { display: block; background: #fff; } .header.fixed .header__inner .header__top { padding-top: 5px; padding-bottom: 5px; } .header.fixed .header__inner .header-search, .header.fixed .header__inner .header__contacts, .header.fixed .header__inner .header__top_logo { display: block; } .header.fixed .header__inner .header__contacts { display: none; } .header.fixed .header__inner .header__bottom { display: none; } .menu__list::after { content: none; } .menu__list_link { border-right: unset; width: 100%; } .menu__list_link>a { width: 100%; } .menu__list_link.active .submenu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .submenu { width: 100vw; padding-left: 20px; background: #fff; -webkit-transform: translateX(105%); -ms-transform: translateX(105%); transform: translateX(105%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 2; position: fixed; left: 0; top: 0; height: 100%; overflow-y: auto; } .submenu .submenu__list { padding-right: 20px; border-right: unset; } .subsubmenu { display: block; position: relative; left: unset; top: unset; max-height: 0; overflow: hidden; width: 100%; padding-left: 30px; } .menu__main_nav::before { content: none; } .menu__main_nav::after { content: none; } .submenu__title { max-width: calc(100% - 20px); } .submenu__title_amount { display: none; } .submenu__list_item>a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 15px; } .submenu__list_item>a .submenu__list_trigger-arr { opacity: 1; margin-left: 8px; width: 6px; height: 6px; content: none; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -3px; } .submenu__list_item.active>a .submenu__list_trigger-arr { -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } .submenu__list_item.active .subsubmenu { max-height: unset; } .submenu__back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #757575; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 20px; } .submenu__back::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M5.3077 0.723088L5.86348 1.25386L1.47115 5.64616L14 5.64616L14 6.41539L1.47115 6.41539L5.86922 10.8135L5.31345 11.3442L4.64517e-07 6.03079L5.3077 0.723088Z' fill='%23757575'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 24px; height: 24px; -o-object-fit: contain; object-fit: contain; display: block; background-position: center; } .product-personal_skidka { margin-block-end: 0.2em; } .modal-body .product-page__stocks_heading p:nth-child(2) { min-width: unset; } .modal-body .product-page__stock_amount { min-width: unset; } .sign-in .modal__close { top: 10px; right: 10px; } .modal-text { line-height: 140%; } .sign-up .modal__close { top: 10px; right: 10px; } .modal-del-success .modal-inner, .modal-success .modal-inner, .order-success .modal-inner, .request-sended .modal-inner { padding: 30px 20px; } .modal-del-success .modal__close, .modal-success .modal__close, .order-success .modal__close, .request-sended .modal__close { top: 10px; right: 10px; } .modal-save-basket .modal-inner { padding: 30px 25px; } .form-fields { -webkit-columns: unset; -moz-columns: unset; columns: unset; } .main-intro.wrapper .main-intro__content { padding: 20px 25px; } .main-intro.wrapper .btn-blue { font-size: 16px; padding: 14px 20px; } .main-intro__title { font-size: 36px; } .catalog__el_title { font-size: 16px; } .brands__wrap .brand__el_img { height: 14vw; } .categories-block .catalog__el { width: calc((100% - 20px) / 2); } .categories-block .catalog__el_title { font-size: 16px; } .tags { margin-bottom: 10px; } .tags .tag { font-size: 16px; } .catalog-products__amount { font-size: 15px; } .catalog-products { margin-top: 25px; } .catalog-products .popular__el { width: calc((100% - 20px) / 3); display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-products .popular__el_img { height: 28vw; } .catalog-filters .smart-filter { max-width: 100%; } .catalog-filters .smart-filter-container-modef .smart-filter-popup-result { left: unset; right: 0; background: #fff; } .product-page__top { gap: 16px; } .product-page__info, .product-page__slider, .product-page__stocks { width: 100%; } .product-page__slider { min-height: calc((100vw - var(--padding) * 2 - 16px) / 2); } .product-page__title { font-size: 20px; } .product-page__prices_text { font-size: 12px; } .product-page__prices_text span { display: block; } .product-page__prices_text.lined span { display: inline; } .product-page__prices_old { font-size: 14px; } .product-page__prices_new { font-size: 24px; } .product-page__prices_new span { font-size: 14px; } .product-page__btns { margin-top: 15px; gap: 4px; } .product-page__btns .btn-blue, .product-page__btns .product-page__btns_amount { width: calc(50% - 2px); } .product-page__btns .product-page__btns_amount { padding: 0; } .product-page__btns .btn-blue { font-size: 16px; } .product-page__btns input { width: calc(100% - 70px); } .product-page__btns_minus, .product-page__btns_plus { width: 35px; } .product-page__char_title { font-size: 16px; } .product-page__char_more { font-size: 14px; } .product-page__stocks { padding: 20px; } .product-page__stock_btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-page__stock_more { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: unset; } .product-page__stock_map { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: unset; } .product-page__description_tabs .product-page__tab { font-size: 18px; padding-bottom: 5px; } .product-page__description_block { margin-top: 20px; } .product-page__description_block .text-normal { font-size: 16px; } .product-page__description_block .text-bold { font-size: 16px; } .shop-el { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .shop-el__location { max-width: unset; width: 100%; min-height: unset; margin-bottom: 10px; } .shop-el__location_name { font-size: 18px; } .shop-el__location_geo { font-size: 14px; } .shop-el__more { font-size: 16px; } .shop-el__info { gap: 5px; } .shop-el__info a { font-size: 14px; } .shop-el__info .shop-el__schedule { font-size: 14px; } .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link { font-size: 14px; } .shop-el__contact_tel .shop-el__contact_drop { padding: 20px; } .contacts__banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__banner_content { max-width: unset; padding: 20px; } .contacts__banner_img { height: 150px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contacts__banner_img::before { left: 50%; width: 190vw; height: 150vw; top: 100%; -webkit-transform: translate(-50%, -150px); -ms-transform: translate(-50%, -150px); transform: translate(-50%, -150px); } .contacts__banner_img img { margin-right: 0; width: 40vw; } .contact-form { padding: 0; } .contact-form .input-common { width: calc(50% - 5px); } .contact-form .form-fields { gap: 20px 10px; } .contact-form__side_title { font-size: 32px; } .account__side { display: none; } .account__personal { width: 100%; padding-left: 0; } .account__personal .btn-blue { padding: 12px 15px; font-size: 18px; } .account__personal_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .account__personal_block .input-common { width: 100%; } .account__basket_common-price { position: absolute; right: 0; min-width: 110px; bottom: 0; } .account__order { padding: 15px 20px; } .account__detail { max-width: 100%; padding-left: 0; } .basket-common .basket-item-block-info .basket-item-actions-remove { position: absolute; right: 10px; top: 10px; } .basket-common .basket-item-block-info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-common .basket-items-list-item-container { padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend div { text-align: center; } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend div strong { display: block; } .basket-common .basket-item-block-image { top: 10px; -webkit-transform: unset; -ms-transform: unset; transform: unset; position: static; width: 80px; max-width: 80px; height: 80px; margin: 0; } .basket-common .basket-item-image { width: 80px; } .basket-common .basket-items-list-item-descriptions-inner { margin-bottom: 20px; } .basket-common .basket-item-info-name { padding-right: 0; padding-left: 20px; padding-right: 50px; padding-left: 0px; } .basket-common .basket-items-list-item-amount { padding-bottom: 0; min-width: unset; } .basket-common .basket-items-list-item-price-for-one { display: block !important; } .brands-page { gap: 10px; } .brand-el { width: calc((100% - 30px) / 4); height: 14vw; padding-left: 22px; padding-right: 22px; } .brand-page .catalog-products .popular__el { width: calc((100% - 20px) / 3); } .p-404 { margin-top: 60px; } .b-error-page__title span { font-size: min(22px, 4vw); } .search-prod { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .search-prod__btns { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .search-prod__btns .amount-wrap { display: none; width: 90px; } .search-prod__btns .amount-wrap.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-amount-block { left: 0; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; bottom: calc(100% + 3px); right: unset; } .cookie { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-title { font-size: 26px; } .btn-white { font-size: 15px; padding: 14px 20px; } .breadcrumbs { margin-top: 30px; margin-bottom: 17px; } .columns { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; max-width: 100%; overflow: hidden; } .columns .swiper-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; } .columns .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; bottom: unset; left: unset; margin: 15px auto; } .columns.three .columns__col { width: 100%; } .columns.three .img-wrapper, .columns.three .video-wrapper { height: 57vw; } .columns.two .columns__col { width: 100%; } .columns.two .img-wrapper, .columns.two .video-wrapper { height: 57vw; } .columns.four .columns__col { width: 100%; } .columns.four .img-wrapper, .columns.four .video-wrapper { height: 57vw; } .img__full-screen { height: 57vw; } .video-wrapper.full-screen { height: 57vw; } .video-content__play.play-blue { width: 70px; height: 70px; } .document { width: calc(50% - 5px); } .pagination { margin-top: 40px; } .pagination-page.hide-mob { display: none; } .text-page img { max-height: 57vw; } .favourites__list .basket-items-list-item-container { padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .favourites__list .basket-items-list-item-container div { text-align: center; } .favourites__list .basket-items-list-item-container div strong { display: block; } } @media screen and (max-width: 600px) { .header__top.wrapper { padding-top: 10px; padding-bottom: 10px; position: relative; } .header.fixed .header__inner .header__top { padding-top: 10px; padding-bottom: 10px; } .header__top.wrapper { padding-top: 10px; padding-bottom: 10px; position: relative; } .header__top_logo { width: 117px; margin-right: 10px; } .header__btns .header-person { position: static; } .header__btns .header-person .modal__in, .header__btns .header-person .modal__out { top: 100%; right: 10px; } .header__btns .header-person.active .modal__in { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .header__btns .header-person.reg.active .modal__out { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .header__sales { padding: 8px 12px; font-size: 14px; margin-left: 13px; height: 40px; } .header__sales svg { width: 24px; height: 24px; } .header__catalog { padding: 8px 12px; font-size: 14px; height: 40px; } .header__catalog svg { width: 24px; height: 24px; } .header__catalog.show-catalog::before { width: 24px; height: 24px; } .header__search-btn { padding: 8px 11px; font-size: 14px; margin-left: 13px; height: 40px; } .header__search-btn svg { width: 24px; height: 24px; } .footer { padding-top: 0; padding-bottom: 0; } .footer-inner.wrapper { padding: 30px; gap: 40px; } .footer-inner__col:nth-child(1) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 0; } .footer-inner__col:nth-child(2) { max-width: 100%; } .footer-inner__col:nth-child(3) { max-width: 100%; } .footer__logo { position: relative; left: unset; top: unset; height: 61.5px; } .footer__logo img { height: 100%; width: auto; } .footer__payments { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__payments span { padding: 3px; height: 28px; } .footer__link { font-size: 16px; } .footer__contacts { margin-top: 0; } .footer__contacts_title { font-size: 20px; } .footer__contacts_block { width: 100%; } .footer__socials a { width: 34px; height: 34px; margin-left: 11px; margin-right: 12px; } .modal-inner { padding: 25px 20px; } .modal-body .product-page__stocks_heading { margin-top: 16px; min-height: 60px; border-radius: 0; } .modal-body .product-page__stock { padding: 15px 0; } .modal-body thead th { padding: 10px; } .modal-body td { padding: 10px; } .modal-stocks .modal-inner { padding: 25px 0; } .modal-stocks .modal-body__top { padding: 0 20px; } .modal-stocks .modal__close { right: 20px; top: 25px; } .modal__title { color: #434343; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .modal-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } .modal-store #map { height: 56vw; } .modal__contacts { width: 100%; margin-right: 0; } .modal__contacts_address { font-size: 14px; } .modal__contacts_tel { font-size: 14px; } .modal__contacts_schedule { font-size: 14px; } .modal__contacts_mail { font-size: 14px; } .modal__map { width: 100%; margin-top: 30px; } .modal__gallery { margin-top: 30px; } .modal__gallery .swiper-slide { height: 31vw; max-height: unset; } .sign-in .modal-inner { padding: 44px 20px 32px; } .sign-in .modal-body { padding: 0; } .modal-delete .modal-inner, .modal-missing .modal-inner { padding: 35px 20px; } .modal__sign-in .btn-blue { font-size: 15px; } .modal__sign-in .btn-light { font-size: 15px; } .sign-up .modal-inner { padding: 44px 20px 32px; } .sign-up .modal-body { padding: 0; } .modal__sign-up .btn-blue { font-size: 15px; } .modal__sign-up .btn-light { font-size: 15px; } .reset-password .modal-inner { padding: 44px 20px 32px; } .reset-password .modal__close { top: 12px; } .new-pass .modal-inner { padding: 44px 20px 32px; } .new-pass .modal__close { top: 12px; } .modal__reset .btn-blue { font-size: 15px; } .modal__reset .btn-light { font-size: 15px; } .modal-del-success .btn-blue, .modal-success .btn-blue, .order-success .btn-blue, .request-sended .btn-blue { font-size: 15px; } .saved-basket__table_bottom .btn-orange { width: calc(50% - 5px); font-size: 16px; } .saved-basket__table_bottom .saved-basket__table_btns { width: 100%; } .saved-basket__table_bottom .btn-blue { width: calc(50% - 5px); font-size: 16px; } .order-success .modal-inner { padding: 20px; } .order-success .modal-text { font-size: 14px; } .order-success .modal-text a { font-size: 14px; display: block; } .order-success .btn-blue { font-size: 14px; width: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .request-sended .modal-inner { padding: 20px; } .request-sended .modal-text { font-size: 14px; } .request-sended .modal-text a { font-size: 14px; display: block; } .request-sended .btn-blue { font-size: 14px; width: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-agreemnet .btn-blue { font-size: 14px; font-weight: 500; line-height: 19.1px; } .modal-agreemnet .btn-orange { font-size: 14px; font-weight: 400; line-height: 19.1px; } .modal-del-success .btn-light { font-size: 14px; font-weight: 500; line-height: 19.1px; } .modal-fail .btn-light { font-size: 14px; font-weight: 500; line-height: 19.1px; } .modal-set-new .modal-inner { padding: 30px 16px; } .modal-set-new .modal__title { font-size: 16px; font-weight: 700; } .modal-code .modal-inner { padding: 44px 20px 32px; } .modal-code .modal__close { top: 12px; } .modal-code .modal__back { top: 12px; } .modal-markdown .modal-inner { padding-left: 0; padding-right: 0; padding-bottom: 0; } .modal-markdown .modal-body__top { padding: 0 20px; } .modal-markdown .modal-markdown__products { border-radius: 10px; background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(141, 141, 141, 0.25); box-shadow: 0 2px 10px 0 rgba(141, 141, 141, 0.25); margin: 15px 10px 25px; } .modal-markdown .modal-markdown__product_deskr { gap: 6px; } .modal-markdown .modal-markdown__product_link { padding: 12px 8px; padding-right: 50px; gap: 12px; } .modal-markdown .modal-markdown__product_title { font-size: 12px; } .modal-markdown .modal-markdown__product_reason { font-size: 12px; } .modal-markdown .add-to-basket { width: 30px; height: 30px; } .modal-markdown .code { font-size: 12px; display: block; margin-left: 0; margin-top: 2px; } .modal-markdown .modal-markdown__product_prices { margin-top: 0; } .modal-markdown .modal-markdown__product_prices .old { font-size: 12px; } .modal-markdown .modal-markdown__product_prices .current { font-size: 18px; } .modal-markdown .modal-markdown__product_prices .current span { font-size: 12px; } .main-intro.wrapper { margin-top: 0px !important; } .main-intro.wrapper .swiper-slide { border-radius: 10px; } .main-intro.wrapper .main-intro__content { padding: 25px 15px; } .main-intro.wrapper .btn-blue { margin-top: 40px; padding: 14px 30px; font-size: 16px; } .main-intro__title { font-size: 30px; font-weight: 500; line-height: 140%; } .main-intro__text { font-size: 16px; font-weight: 500; line-height: 150%; margin-top: 15px; } .advantages.wrapper { margin-top: 10px !important; } .advantages__wrap { gap: 10px; } .advantages__el { width: 100%; padding: 24px 32px; position: relative; padding-left: 108px; } .advantages__el_icon { position: absolute; padding: 11px; left: 33px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .advantages__el_title { text-align: left; font-size: 16px; width: 100%; } .advantages__el_text { text-align: left; font-size: 14px; width: 100%; } .catalog__wrap { gap: 10px; } .catalog__el { width: calc(50% - 5px); min-height: 200px; } .catalog__el_amount { font-size: 14px; } .catalog__el_title { margin-top: 5px; font-size: 14px; } .catalog__el_img { right: 10px; width: 61%; } .btn__show-more { height: 50px; font-size: 14px; } .btn__show-more_num { margin-left: 9px; width: 20px; height: 20px; font-size: 10px; } .brands::before { width: 9px; } .brands::after { width: 9px; } .brands__wrap .brand__el_img { height: 22.3vw; } .brands__wrap .brand__el_img img { max-width: 75, 5%; } .brands__wrap.swiper-horizontal .swiper-pagination { margin-top: 15px; } .swiper-pagination { gap: 12px; } .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } .populars__wrap { margin-top: 30px; } .populars__wrap .swiper-button-next, .populars__wrap .swiper-button-prev { display: none; } .populars__wrap .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .popular__badges { left: 10px; right: unset; } .popular__badges .markdown { padding: 2px 8px; font-size: 12px; } .popular__el { width: calc(50% - 5px); margin-top: 0; display: none; } .popular__el:nth-child(1), .popular__el:nth-child(2), .popular__el:nth-child(3), .popular__el:nth-child(4) { display: -webkit-box; display: -ms-flexbox; display: flex; } .popular__el_img { height: 42vw; } .popular__el_info { padding: 10px 0 0; } .popular__el_price-old { font-size: 12px; } .popular__el_name { font-size: 12px; } .popular__el_price { font-size: 18px; } .popular__el_price span { font-size: 12px; } .add-to-fav { width: 24px; height: 24px; } .add-to-fav:hover .tooltip { display: none; } .add-to-basket { margin-top: 15px; padding: 14px 10px; font-size: 14px; height: 40px; } .video-wrapper { height: 94vw; } .about { gap: 30px; } .about__info { font-size: 14px; } .reviews__wrap .swiper-pagination { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center !important; position: relative !important; bottom: unset !important; left: 50% !important; right: auto !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; width: max-content !important; max-width: max-content !important; margin: 25px 0 0 !important; } .reviews__wrap .swiper-pagination-bullet { display: block !important; } .reviews__wrap .review { padding: 20px; } .reviews__wrap .review .btn-white { margin: 20px auto 0; } .review__top { gap: 10px; } .review__logo { width: 60px; height: 60px; } .review__author { font-size: 16px; } .review__text { font-size: 14px; } .categories-block .catalog__wrap { gap: 10px; } .categories-block .catalog__el { padding: 0px; width: calc((100% - 10px) / 2); } .catalog__el { padding: 0px; } .categories-block .catalog__el_title { font-size: 14px; } .categories-block .catalog__el_img { width: 101px; } .tags { margin-bottom: 10; } .tags .tag { margin-top: 20px; font-size: 15px; padding: 10px 14px; } .catalog-products .popular__el { width: calc((100% - 10px) / 2); display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-products .popular__el_img { height: 45vw; } .itc-select__option { padding: 6px 12px; } .product-page__info, .product-page__slider, .product-page__stocks { width: 100%; } .product-page__slider { min-height: unset; height: 95vw; } .product-page__slider .markdown { padding: 2px 8px; font-size: 12px; } .product-page__slider .swiper-container .swiper-pagination { bottom: 15px; } .product-page__badge { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 130%; min-height: 34px; padding: 5px 9px; padding-left: 49px; } .product-page__badge .product-page__badge_ico { width: 24px; height: 24px; top: calc(50% - 12px); left: 9px; } .product-page__stocks { padding: 20px 10px; } .product-page__stocks_heading { font-size: 14px; } .product-page__stock_location-prop { font-size: 12px; } .product-page__stock_location-geo { font-size: 14px; } .product-page__description { padding: 30px 15px; } .product-page__description_tabs { width: calc(100% + 30px); margin-left: -15px; padding: 0 15px; } .product-page__description_tabs .product-page__tab { font-size: 16px; text-align: center; } .shops-wrapper { gap: 15px; } .contacts__banner_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__banner_col:nth-child(1) { width: 100%; border-right: unset; padding-right: 0; padding-bottom: 30px; } .contacts__banner_col:nth-child(2) { width: 100%; padding-left: 0; padding-bottom: 30px; } .contacts__banner_col .btn-blue { margin-top: 25px; width: 100%; } .contacts__banner_img { height: 250px; } .contacts__banner_img::before { -webkit-transform: translate(-50%, -250px); -ms-transform: translate(-50%, -250px); transform: translate(-50%, -250px); } .contacts__banner_img img { width: 60vw; } .contact-form { margin-top: 50px; } .contact-form .input-common { width: 100%; } .contact-form .input-common input { border: unset; border-bottom: 1px solid #9fa7b6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .contact-form .input-common input::-webkit-input-placeholder { color: #acacac; } .contact-form .input-common input::-moz-placeholder { color: #acacac; } .contact-form .input-common input:-ms-input-placeholder { color: #acacac; } .contact-form .input-common input::-ms-input-placeholder { color: #acacac; } .contact-form .input-common input::placeholder { color: #acacac; } .contact-form .input-common .itc-select_wr { border: unset; border-bottom: 1px solid #9fa7b6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .contact-form .input-common input[data-index="-1"]+.itc-select__inner { color: #9fa7b6; } .contact-form .input-common.textarea textarea { border: unset; border-bottom: 1px solid #9fa7b6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; height: 35px; } .contact-form .input-common.textarea textarea::-webkit-input-placeholder { color: #9fa7b6; } .contact-form .input-common.textarea textarea::-moz-placeholder { color: #9fa7b6; } .contact-form .input-common.textarea textarea:-ms-input-placeholder { color: #9fa7b6; } .contact-form .input-common.textarea textarea::-ms-input-placeholder { color: #9fa7b6; } .contact-form .input-common.textarea textarea::placeholder { color: #9fa7b6; } .contact-form__socials a { width: 34px; height: 34px; margin-left: 11px; margin-right: 12px; } .account { margin-top: 20px; } .account__personal .btn-blue { font-size: 14px; font-weight: 500; height: 50px; } .account__personal_form { margin-top: 15px; } .account__personal_wrap { border-bottom: unset; padding-bottom: 0; margin-bottom: 50px; } .account__personal_block { margin-top: 30px; gap: 16px; } .account__personal_block .input-common label { font-size: 13px; } .account__order_products-wrap thead th { padding: 10px; } .account__order_products-wrap td { padding: 10px; } .act-form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .act-form__field { width: 100%; max-width: 380px; } .account__order_products-card { font-size: 16px; } .account__order_products-amount { font-size: 16px; } .account__order_products-price { font-size: 16px; } .mons .mons__card { width: 100%; } .mons .btn-blue { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 15px 30px; } .mons .mons__form { margin-top: 24px; padding-top: 24px; } .mons-status { width: 100%; } .basket-top__amount { font-size: 12px; padding: 10px 13px; margin-left: 10px; } .basket-top__reset_btn { font-size: 12px; } .basket-common .basket-item-block-price-name { font-size: 12px; } .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-current-text { font-size: 16px; } .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-title { font-size: 14px; } .basket-common .basket-items-list-item-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 60px; } .basket-common .basket-items-list-item-container.not-avaliable-prod { padding-bottom: 10px; } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend { padding: 10px; } .basket-common .basket-item-image { width: 50px; min-width: 50px; margin: 0; } .basket-common .basket-items-list-item-descriptions-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; } .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { font-size: 14px; } .basket-common .basket-item-block-price { padding-left: 0; padding-right: 0; margin-bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .basket-common .basket-items-list-item-amount { height: 30px; margin-right: 10px; } .basket-common .basket-item-price-current { font-size: 14px; } .basket-common .basket-item-price-title { font-size: 14px; } .basket-common .basket-items-list-item-price { padding-bottom: 0; width: auto; } .basket-common .basket-items-list-item-price-for-one { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; margin-right: 15px !important; margin-top: 0; } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { font-size: 16px; } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current { font-size: 14px; } .basket-common .basket-items-list-item-available { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: absolute; left: 0; bottom: 17px; padding: 0; } .basket-common .basket-items-list-item-available .to-order { font-size: 12px; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount { bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); margin: 0; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { padding-top: 0; position: absolute; right: 0; bottom: 14px; } .basket-common .basket-item-amount-filed { width: 45px; } .basket-common .basket-item-block-amount { padding: 0; } .basket-common .basket-item-block-price-old { font-size: 12px; } .basket-common .basket-item-price-current-text { min-width: 99px; font-size: 16px; } .basket-common .basket-item-price-current-text span { font-size: 12px; margin-left: 4px; } .basket-common .basket-item-price-current-text .not-avaliable { font-size: 12px; position: absolute; bottom: 0; } .basket-common .basket-item-price-title { font-size: 12px; } .basket-common .basket-checkout__amount::after { content: none; } .basket-common .basket-checkout-block-total, .basket-common .basket-checkout-block-total-price-inner { min-width: unset; } .basket-common .basket-checkout-block { width: auto; min-width: unset; } .basket-common .basket-user-field::after { content: none; } .basket-common .basket-checkout-block-btn { margin-top: 20px; padding-top: 30px; border-top: 1px solid rgba(10, 170, 248, 0.2); } .basket-common .basket-checkout-block-btn::after { content: none; } .basket-common .basket__save-basket { margin-top: 20px; font-size: 14px; max-width: unset; width: 100%; } .brand-info { gap: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand-info__img { width: min(240px, 100%); min-width: min(240px, 100%); height: unset; aspect-ratio: 1/1; } .brand-info__text p { margin-bottom: 20px; } .brand-tags { gap: 16px; } .brand-tags .tags-wrapper__inner { margin-top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .brand-tags .tags-wrapper { overflow-y: hidden; display: -ms-grid; display: grid; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-grid-rows: 0fr; grid-template-rows: 0fr; } .brand-tags .tags__trigger { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; border-radius: 10px; background: rgba(10, 170, 248, 0.08); } .brand-tags .tags__trigger::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 9L12 14L16.5 9H7.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; display: block; width: 24px; height: 24px; } .brand-tags .tags.drop .tags-wrapper { -ms-grid-rows: 1fr; grid-template-rows: 1fr; } .brand-tags .tags.drop .tags__trigger::after { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .brand-tags .tags.drop .tags-wrapper__inner { padding-top: 12px; } .brand-tags__title { margin-bottom: 14px; font-size: 28px; } .brand-page .catalog-products .popular__el { width: calc((100% - 10px) / 2); } .checkout .checkout__title { font-size: 16px; } .checkout__main_delivery { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px; } .checkout__main_delivery-title { font-size: 14px; } .checkout__main_delivery-text { font-size: 12px; } .checkout__select { width: 100%; } .checkout__label { font-size: 13px; } .checkout__shop_container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout-order { padding: 20px; } .checkout-order__head { padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; } .checkout-order__title { font-size: 14px; } .checkout-order__item { padding: 14px 0; border-bottom: 1px solid #e9e9e9; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 15px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .checkout-order__name { width: 100%; font-size: 12px; } .checkout-order__cost { margin: 0; } .checkout-order__result { margin-bottom: 15px; } .checkout-order__sum { font-size: 16px; } .checkout-order__submit { margin-top: 30px; } .p-404 .search-form::before { width: 22px; height: 23px; } .p-404 .search-form input { font-size: 14px; } .p-404 .search-form .btn-blue { font-size: 14px; } .b-error-page__text { font-size: 14px; } .p-404__to-main.btn-orange { height: 45px; } .search.wrapper { padding: 0; } .search:not(.search-modal) .search__title { font-size: 24px; } .search:not(.search-modal) .search__container { gap: 20px; } .search:not(.search-modal) .search-result__title { font-size: 16px; text-align: left; } .search:not(.search-modal) .search-result__text { text-align: left; } .search:not(.search-modal) .search-result__empty { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0; gap: 8px; } .search._result .search__container { border-radius: 0; } .search__container { border-radius: 0 0 10px 10px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; padding: 16px; } .search__head { width: 100%; } .search__title { display: block; } .search__btn.btn-blue { font-size: 0; line-height: 0; padding: 11px; } .search__btn svg { display: block; } .search__close { width: 24px; height: 24px; } .search__inner { width: 100%; gap: 8px; } .search-field__input { font-size: 15px; } .search-result { padding: 16px 10px; border-radius: 0; } .search-result__empty { gap: 8px; } .search-prod { padding: 11px 7px; gap: 12px; } .search-prod:active { border-radius: 10px; border-color: #0aaaf8; } .search-prod__container { width: calc(100% - 80px); gap: 5px; } .search-prod__info { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 800; line-height: 150%; } .search-prod__price { font-size: 18px; } .search-prod__price-last { font-size: 12px; } .search-prod__price-current::after { font-size: 12px; } .product-amount-btn { font-size: 12px; } .cookie__btns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } :root { --padding: 10px; } .mt120 { margin-top: 60px; } .page-title { font-size: 20px; } .btn-white { padding: 10px 29px; font-size: 14px; } .list-num, ol { font-size: 16px; } .main-title { font-size: 30px; } .text-normal { font-size: 16px; } .subtitle { font-size: 18px; } .document .document__text_format { font-size: 12px; } .pagination-next span, .pagination-prev span { display: none; } .pagination-next, .pagination-prev { padding: 8px; } .basket-empty__wrap { padding: 70px 30px; } .basket-empty__wrap .btn-light { font-size: 14px; } .btn-bordered { font-size: 14px; } .basket-empty__title { font-size: 20px; } .basket-empty__text { font-size: 14px; } .text-page p { font-size: 16px; } .text-page h2 { font-size: 18px; } .text-page h3 { font-size: 18px; } .recovery { padding: 20px var(--padding) 0; min-height: 590px; } .favourites__list .basket-items-list-item-container { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 450px) { .header__inner { width: 100vw; overflow-x: clip; } .header__btns { gap: min(20px, 5.6vw); } .header__btns .header__btn { width: min(28px, 7.8vw); height: min(28px, 7.8vw); } .header__btns .header-person .modal__out_close { width: 24px; height: 24px; } .header__btns .header-person .modal__out { position: fixed; top: 0; left: 0; right: unset; width: 100%; height: 100%; border-radius: 0; padding: 0; border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateX(-105%); -ms-transform: translateX(-105%); transform: translateX(-105%); opacity: 1; } .header__btns .header-person .modal__out .btn-orange { width: calc(100% - 80px); margin-bottom: 30px; height: 60px; } .header__btns .header-person.reg.active .modal__out { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .header__btns .modal__out_links { padding: 10px; margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .header__btns .modal__out_links::after { content: none; } .header__btns .modal__out_link { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .header__btns .modal__out_link::after { content: ""; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3937 17.3076L9.83789 16.7518L14.5956 11.9941L9.83789 7.21715L10.3937 6.66138L15.7071 11.9941L10.3937 17.3076Z' fill='%23ACACAC'/%3E%3C/svg%3E"); } .modal__out_mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; padding-right: 18px; background: #f9f9f9; -webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.06); width: 100%; } .header__sales { margin-left: 2.9vw; padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } .header__sales svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } .header__catalog { padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } .header__catalog svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } .header__search-btn { margin-left: 2.9vw; padding-left: min(12px, 2.8vw); padding-right: min(12px, 2.8vw); } .header__search-btn svg { width: min(24px, 6.5vw); height: min(24px, 6.5vw); } .modal .itc-select__options { max-height: 115px; } .modal-body tr td:nth-child(2) { min-width: 230px; } .modal-body tr td:nth-child(1) { border-right: 1px solid #e0e0e0; } .modal-body tr th:nth-child(1) { border-right: 1px solid #e0e0e0; } .modal-body tr td:nth-last-child(1) { border-left: 1px solid #e0e0e0; } .modal-body tr th:nth-last-child(1) { border-left: 1px solid #e0e0e0; } .modal-body .table-btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-body thead th { height: 60px; } .modal-body thead th:nth-last-child(1) { display: none; } .modal-body td { font-size: 12px; padding: 15px; height: 67px; } .modal-body td:nth-last-child(1) { display: none; } .main-table { width: calc(100% - 56px); height: -webkit-max-content; height: -moz-max-content; height: max-content; overflow: visible; overflow-x: auto; } .main-table .main-table__name { max-height: 36px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .double-del { display: block; width: 55px; min-width: 55px; } .double-del tr th { height: 61px; } .modal__reset_tab .modal__reset_tab-text, .modal__reset_tab .modal__sign-in_tab-text, .modal__reset_tab .modal__sign-up_tab-text, .modal__sign-in_tab .modal__reset_tab-text, .modal__sign-in_tab .modal__sign-in_tab-text, .modal__sign-in_tab .modal__sign-up_tab-text, .modal__sign-up_tab .modal__reset_tab-text, .modal__sign-up_tab .modal__sign-in_tab-text, .modal__sign-up_tab .modal__sign-up_tab-text { font-size: 13px; } .modal-del-success .modal-inner, .modal-success .modal-inner, .order-success .modal-inner, .request-sended .modal-inner { padding: 30px 10px; } .saved-basket .modal-inner { padding-left: 0; padding-right: 0; } .saved-basket .modal-body__top { padding-left: 20px; padding-right: 20px; } .modal-similars .modal-inner { padding-left: 0; padding-right: 0; } .modal-similars .modal-body__top { padding-left: 20px; padding-right: 20px; } .saved-basket__table { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; } .saved-basket__table_bottom { padding-left: 10px; padding-right: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; } .saved-basket__table_bottom .btn-orange { width: 100%; height: 50px; font-size: 14px; } .saved-basket__table_bottom .saved-basket__table_btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .saved-basket__table_bottom .btn-blue { width: 100%; font-size: 14px; height: 50px; } .saved-basket__table_bottom .saved-basket__table_common { font-size: 16px; } .saved-basket__table_bottom .saved-basket__table_common_price { font-size: 16px; } .modal-del-success .modal-inner { padding: 30px 15px; } .modal-fail .modal-inner { padding: 30px 15px; } .modal-basket-user .btn-blue { width: calc(50% - 5px); font-size: 14px; font-weight: 500; } .modal-basket-user .btn-bordered { background: rgba(10, 170, 248, 0.08); border-color: transparent; width: calc(50% - 5px); font-size: 14px; font-weight: 500; } .modal-contracts-status .modal-inner, .modal-pass-changed .modal-inner { padding: 30px 16px; } .tags .tag { font-size: 14px; } .catalog-products__amount { font-size: 14px; } .catalog-products { margin-top: 20px; } .select-sort__arr-svg { display: none; } .itc-select.select-sort .itc-select__inner { display: none; } .itc-select svg.select-sort__mob-svg { display: block; width: 28px; height: 28px; fill: #000; margin: 0; } .add-to-basket__new { display: none; } .add-to-basket__mobile { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: relative; } .add-to-basket__mobile .btn-blue { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } .product-page__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-page__btns .btn-blue, .product-page__btns .product-page__btns_amount { min-width: 160px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-page__btns input { width: calc(100% - 110px); } .product-page__btns_minus, .product-page__btns_plus { width: 55px; } .shop-el { gap: 0; } .shop-el__location { margin-bottom: 0; } .shop-el__location_name { font-size: 16px; } .shop-el__location_geo { margin-top: 30px; } .shop-el__more { margin-top: 30px; width: 100%; font-size: 14px; } .shop-el__info { margin-top: 20px; gap: 20px; } .contacts__banner_col:nth-child(1) { padding-bottom: 50px; } .contacts__banner_title { margin-bottom: 30xp; } .contacts__banner_phones { gap: 10px; margin-bottom: 20px; } .contacts__banner_mail { font-size: 16px; } .contact-form .form-val { padding-top: 30px; } .contact-form__side_title { font-size: 24px; } .account__order_products-wrap tr td:nth-child(2) { min-width: 230px; } .account__order_products-wrap tr td:nth-child(1) { border-right: 1px solid #e0e0e0; } .account__order_products-wrap tr th:nth-child(1) { border-right: 1px solid #e0e0e0; } .account__order_products-wrap tr td:nth-last-child(1) { border-left: 1px solid #e0e0e0; } .account__order_products-wrap tr th:nth-last-child(1) { border-left: 1px solid #e0e0e0; } .account__order_products-wrap thead th { height: 60px; } .account__order_products-wrap td { font-size: 12px; padding: 15px; height: 67px; } .account__order_products-card { font-size: 14px; gap: 18px; } .account__order_products-card-info { font-size: 14px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 18px; width: 100%; } .account__order_products-amount { font-size: 14px; text-align: left; } .account__order_products-price { font-size: 14px; text-align: left; } .mons .mons__card { min-height: 175px; padding: 20px; } .mons .mons__card .mons__coin { display: none; } .mons .mons__grey { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .mons .err { margin-top: 12px; font-weight: 500; line-height: normal; } .mons .mons__card_sum { color: #0aaaf8; font-size: 30px; font-style: normal; font-weight: 700; line-height: 140%; } .mons-status { padding: 16px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .mons-status__title { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .mons-status__mons { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .mons-status__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .mons-status__lvl { line-height: 150%; } .mons-status__lvl_num { color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .page-top.basket-top { border-bottom: 1px solid rgba(10, 170, 248, 0.2); margin-bottom: 20px; } .basket-top__reset_btn { font-size: 12px; padding: 10px 12px; } .basket-common .basket-items-list-wrapper, .basket-common .basket-items-list-wrapper-compact { padding: 0; border-radius: unset; -webkit-box-shadow: unset; box-shadow: unset; } .basket-common .basket-item-block-info .basket-item-actions-remove { width: 22px; height: 22px; min-width: 22px; } .basket-common .basket-item-block-info .basket-item-actions-remove::before { width: 14px; height: 14px; min-width: 14x; } .basket-common .basket-items-list-table tbody { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .basket-common .basket-items-list-table tbody tr.basket-items-list-item-container:first-child, .basket-common .basket-items-list-table tr.basket-items-list-item-container:first-child { border: 1px solid rgba(10, 170, 248, 0.3); } .basket-common .basket-items-list-item-container { border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 10px 10px 60px; } .basket-common .basket-item-block-image { width: 70px; height: 70px; min-width: 70px; } .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { font-size: 12px; } .basket-common .basket-item-info-name { padding-left: 15px; padding-right: 28px; } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { font-size: 14px; } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current { font-size: 12px; } .basket-common .basket-items-list-item-available { left: 10px; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { right: 10px; } .basket-common .basket-item-amount-btn-minus, .basket-common .basket-item-amount-btn-plus { width: 20px; } .basket-common .basket-item-price-current-text { font-size: 14px; min-width: 80px; } .basket-common .basket-checkout__amount { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(10, 170, 248, 0.2); } .basket-common .basket-checkout__amount_title { font-size: 16px; } .basket-common .basket-checkout-block-total-title { font-size: 16px; } .basket-common .basket-coupon-block-total-price-current { font-size: 16px; } .basket-common .basket-checkout-block-btn .btn.btn-default { font-size: 14px; } .basket-common .basket-checkout-block.basket-checkout-block-descr { margin-top: 15px; font-size: 12px; } .brand-el { width: calc((100% - 20px) / 3); padding-left: 15px; padding-right: 15px; height: 19vw; } .brand-info { margin-top: 20px; } .brand-info__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 160%; } .brand-tags__title { font-size: 24px; } .p-404 { margin-top: 40px; } .search-category__link { padding: 12px 20px; } .search-prod__price .markdown { margin-left: 0; } .cookie .btn-blue, .cookie .btn-bordered { width: calc(50% - 8px); font-size: 14px; } .cookie__inner p { font-size: 14px; } .cookie__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .main-content { padding-bottom: 60px; } .breadcrumbs { margin-top: 22px; margin-bottom: 17px; } .breadcrumbs__list a { font-size: 12px; } .breadcrumbs__item::after { width: 20px; min-width: 20px; height: 20px; } .list-num, ol { font-size: 14px; } .columns.three .img-wrapper, .columns.three .video-wrapper { height: 72vw; } .columns.two .img-wrapper, .columns.two .video-wrapper { height: 72vw; } .columns.four .img-wrapper, .columns.four .video-wrapper { height: 72vw; } .main-title { font-size: 24px; } .text-normal { font-size: 14px; } .img__full-screen { height: 71vw; } .subtitle { font-size: 16px; } .video-wrapper.full-screen { height: 72vw; } .video-content__play.play-blue { width: 46px; height: 46px; } .video-content__play.play-blue::before { border: 8px solid transparent; border-left: 14px solid #fff; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } .documents { gap: 30px; } .document { width: 100%; gap: 10px; } .document .document__icon { width: 38px; min-width: 38px; height: 38px; } .pagination { margin-top: 30px; } .pagination a { font-size: 14px; line-height: 144%; } .pagination-page { padding: 6px 12px; } .text-page p { font-size: 14px; } .text-page img { max-height: 71vw; } .text-page h2 { font-size: 16px; } .text-page h3 { font-size: 16px; } .recovery { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 30px; } .recovery .btn-blue { font-size: 14px; } .recovery__title { font-size: 20px; text-align: left; max-width: 100%; } .recovery__container { max-width: 100%; } .recovery-sent__text { font-size: 14px; max-width: 260px; } .favourites__list .basket-items-list-item-container { border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 10px; } } @media (max-width: 340px) { .basket-common .basket-items-list-item-container { padding: 10px 10px 90px; } .basket-common .basket-items-list-item-available { bottom: 53px; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount { -webkit-transform: unset; -ms-transform: unset; transform: unset; right: 10px; bottom: 46px; } } @media (hover) { .modal-code .btn-transp a:hover { text-decoration: underline; } .search__close:hover { opacity: 0.6; } .search-field__btn:hover svg:nth-child(1) { fill: #1a1a1a; } .search-result__text a:hover { opacity: 0.6; } .search-category__link:hover { background: rgba(10, 170, 248, 0.1); } .search-prod:hover { border-color: #0aaaf8; border-radius: 10px; } .search-prod__btn:hover { opacity: 0.6; } } @media (hover: hover) { .product-page__docs tr:hover::after { opacity: 1; } .contracts-form__inp-fake:hover .contracts-form__inp-fake_tooltip { opacity: 1; } } body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .menu-container { position: fixed; left: 0; top: var(--headerH); width: auto; height: calc(100% - var(--headerH) + 2px); background: white; z-index: 11; padding-left: var(--padding); display: none; justify-content: space-between; align-items: stretch; transform: translateX(-103%); transition: 0.4s; -webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, .06); } .active .submenu_lev2 { height: 100%; background: white; position: fixed; left: min(380px, 50vw); top: 0px; width: min(52vw); -webkit-box-shadow: 0 12px 14px 0 rgba(0, 0, 0, .06); } .menu-container.show-catalog { transform: translate(0, 0); } .startScroll .menu__list::after { opacity: 0; pointer-events: none; visibility: hidden; } .finishScroll::after { opacity: 0; visibility: hidden; } .menu__list { position: relative; height: 100%; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: thin; scrollbar-color: transparent transparent; padding: 30px 0 50px; } .menu__list::-webkit-scrollbar { width: 0; } .menu__list::after { content: ""; position: fixed; width: 50px; height: 50px; border-radius: 100%; background: rgba(10, 170, 248, 0.1); display: block; z-index: 10; left: min(12vw, 230px); bottom: 35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M11.1539 17.3237L12.0802 16.3974L20.0097 24.3269L27.9712 16.3974L28.8975 17.3237L20.0097 26.1795L11.1539 17.3237Z' fill='%230AAAF8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; background-size: 80%; transition: 0.3s; } @media screen and (max-width: 1280px) { .menu__list::after { left: 15vw; } } @media screen and (max-width: 768px) { .menu__list::after { content: none; } } @media screen and (max-width: 1280px) { .menu__list_trigger { border-right: unset; display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .menu__list_trigger .menu__list_trigger-arr { width: 6px; min-width: 6px; height: 6px; min-height: 6px; border-top: 1px solid #ACACAC; border-right: 1px solid #ACACAC; transform: rotate(45deg); opacity: 1; margin-left: 15px; } } .menu__list_link { padding-right: min(40px, 2.1vw); width: max-content; } @media screen and (max-width: 1024px) { .menu__list_link { padding-right: 10px; } } @media screen and (max-width: 768px) { .menu__list_link { border-right: unset; width: 100%; } } .menu__list_link>a { width: min(340px, 17.7vw); padding: 12px 20px; border-radius: 10px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1440px) { .menu__list_link>a { width: 22vw; padding: 8px 18px; } } @media screen and (max-width: 1280px) { .menu__list_link>a { width: 31vw; } } @media screen and (max-width: 1024px) { .menu__list_link>a { padding: 8px 10px; } } @media screen and (max-width: 768px) { .menu__list_link>a { width: 100%; } } .menu__list_link>a:hover { background: rgba(10, 170, 248, 0.05); } .menu__list_link.active>a { background: rgba(10, 170, 248, 0.05); color: #0aaaf8; } .menu__list_link.active .submenu { display: block; } @media screen and (max-width: 768px) { .menu__list_link.active .submenu { transform: translateX(0); } } .submenu { position: absolute; left: min(410px, 20vw); top: 0; width: min(370px, 21vw); padding: 30px 0; padding-left: 30px; padding-right: 0; display: none; } @media screen and (max-width: 1440px) { .submenu { left: calc(22vw + 30px); width: 24vw; padding: 30px 2vw; padding-right: 0; } } @media screen and (max-width: 1280px) { .submenu { left: calc(28vw + 40px); width: 34vw; } } @media screen and (max-width: 1024px) { .submenu { left: calc(31vw + 10px); width: 34vw; } } @media screen and (max-width: 768px) { .submenu { width: 100vw; padding-left: 20px; background: white; transform: translateX(105%); transition: 0.3s; z-index: 2; position: fixed; left: 0; top: 0; height: 100%; overflow-y: auto; } } .submenu .submenu__list { padding-right: 40px; border-right: 1px solid #EEE; } @media screen and (max-width: 1440px) { .submenu .submenu__list { padding-right: 2vw; } } @media screen and (max-width: 768px) { .submenu .submenu__list { padding-right: 20px; border-right: unset; } } .subsubmenu { position: absolute; left: calc(100% + 40px); top: 0; width: 300px; display: none; } @media screen and (max-width: 1280px) { .subsubmenu { width: 26vw; } } @media screen and (max-width: 1024px) { .subsubmenu { width: 26vw; left: calc(100% + 25px); } } @media screen and (max-width: 768px) { .subsubmenu { display: block; position: relative; left: unset; top: unset; max-height: 0; overflow: hidden; width: 100%; padding-left: 30px; } } .menu__brands { display: flex; flex-direction: column; gap: 20px; max-height: 100%; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: thin; scrollbar-color: transparent transparent; padding-top: 30px; padding-bottom: 30px; } .menu__brands::-webkit-scrollbar { width: 0; } @media screen and (max-width: 1280px) { .menu__brands { display: none; } } .menu__main { flex-grow: 1; } .menu__main_nav { height: 100%; position: relative; } .menu__main_nav::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 30px; background: linear-gradient(180deg, white, transparent); z-index: 2; } @media screen and (max-width: 1440px) { .menu__main_nav::before { height: 34px; background: linear-gradient(180deg, white 5%, rgba(255, 255, 255, 0.6117647059)); } } @media screen and (max-width: 768px) { .menu__main_nav::before { content: none; } } .menu__main_nav::after { content: ""; position: absolute; left: 0; bottom: 0; width: min(380px, 20.5vw); height: 177px; background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.74) 58.86%); z-index: 2; pointer-events: none; transition: 0.3s; } @media screen and (max-width: 1440px) { .menu__main_nav::after { width: 24vw; } } @media screen and (max-width: 1280px) { .menu__main_nav::after { width: 32vw; } } @media screen and (max-width: 768px) { .menu__main_nav::after { content: none; } } .mob-menu__list_item { position: relative; } .mob-menu__list_item.active .mob-menu__list_link a { color: #0aaaf8; } .mob-menu__list_item.active .mob-menu__list_menu { max-height: 1500px; } .mob-menu__list_item.active .mob-menu__list_arr { transform: rotate(90deg) scale(-1, -1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3942 17.3076L9.83844 16.7518L14.5961 11.9941L9.83844 7.21715L10.3942 6.66138L15.7077 11.9941L10.3942 17.3076Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .mob-menu__list_item .mob-menu__list_link { display: flex; align-items: center; gap: 10px; } .mob-menu__list_item .mob-menu__list_menu { max-height: 0; overflow: hidden; transition: max-height 0.3s; } .mob-menu__list_menu-list { display: flex; flex-direction: column; gap: 10px; padding-left: 10px; margin-top: 10px; } .mob-menu__list_arr { display: none; } @media screen and (max-width: 1024px) { .mob-menu__list_arr { display: block; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3942 17.3076L9.83844 16.7518L14.5961 11.9941L9.83844 7.21715L10.3942 6.66138L15.7077 11.9941L10.3942 17.3076Z' fill='%23ACACAC'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; transform: rotate(90deg); } } .menu__brand { padding: 28px 30px; border-radius: 10px; border: 1px solid #F6F6F6; width: 140px; display: flex; align-items: center; } .menu__brand img { width: 100%; } .submenu__title { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 41vw; background: #fff; padding: 0 20px; } @media screen and (max-width: 1280px) { .submenu__title { padding-left: 18px; } } @media screen and (max-width: 1024px) { .submenu__title { padding-left: 10px; } } @media screen and (max-width: 768px) { .submenu__title { max-width: calc(100% - 20px); } } .submenu__title_name { color: #1a1a1a; font-size: min(32px, 1.5vw); font-style: normal; font-weight: 700; line-height: normal; padding-right: 20px; } @media screen and (max-width: 1280px) { .submenu__title_name { font-size: 18px; } } .submenu__title_amount { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; display: inline; white-space: nowrap; } @media screen and (max-width: 768px) { .submenu__title_amount { display: none; } } .submenu__list { margin-top: 20px; position: relative; } .submenu__list_trigger { display: flex; justify-content: space-between; flex-direction: row; } .submenu__list_item { user-select: none; } .submenu__list_item>a { padding: 12px 20px; border-radius: 10px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; transition: 0.3s; border-radius: 10px; width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 10px; } @media screen and (max-width: 1280px) { .submenu__list_item>a { padding: 8px 18px; } } @media screen and (max-width: 1024px) { .submenu__list_item>a { padding: 8px 10px; } } @media screen and (max-width: 768px) { .submenu__list_item>a { justify-content: space-between; padding-right: 15px; } } @media screen and (min-width: 768px) { .header__bottom.wrapper.magnumhead_mbw { display: none; } .search-result__container { min-height: 281px; } } .submenu__list_item>a:hover { background: rgba(10, 170, 248, 0.05); } .submenu__list_item>a .submenu__list_trigger-arr { content: none; width: 7px; height: 7px; border-top: 1px solid #ACACAC; border-right: 1px solid #ACACAC; transform: rotate(45deg); } @media screen and (max-width: 768px) { .submenu__list_item>a .submenu__list_trigger-arr { opacity: 1; margin-left: 8px; width: 6px; height: 6px; content: none; transform: rotate(135deg); margin-top: -3px; } } .submenu__list_item>a .submenu__list_trigger-arr::after { content: ""; position: absolute; inset: -10px; z-index: -1; } .submenu__list_item>a.submenu__list_trigger { position: relative; } .submenu__list_item.active>a { background: rgba(10, 170, 248, 0.1); color: #0aaaf8; } .submenu__list_item.active>a .submenu__list_trigger-arr { width: 7px; height: 7px; border-top: 1px solid #0aaaf8; border-right: 1px solid #0aaaf8; transform: rotate(45deg); } .submenu__list_item.active>a .submenu__list_trigger-arr, .menu__list_trigger-arr { padding: 3px; width: 7px; height: 7px; border-top: 1px solid #0aaaf8; border-right: 1px solid #0aaaf8; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } @media screen and (max-width: 768px) { .submenu__list_item.active>a .submenu__list_trigger-arr { transform: rotate(315deg); } } .submenu__list_item.active .subsubmenu { display: block; } @media screen and (max-width: 768px) { .submenu__list_item.active .subsubmenu { max-height: unset; } } .subsubmenu__item { padding: 12px 20px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; transition: 0.3s; border-radius: 10px; } @media screen and (max-width: 1280px) { .subsubmenu__item { padding: 8px 18px; } } @media screen and (max-width: 1024px) { .subsubmenu__item { padding: 8px 10px; } } .subsubmenu__item:hover { background: rgba(10, 170, 248, 0.05); } .subsubmenu__item a { color: #1a1a1a; } .submenu__back { display: none; } @media screen and (max-width: 768px) { .submenu__back { display: flex; align-items: center; gap: 10px; color: #757575; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 20px; } .submenu__back::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M5.3077 0.723088L5.86348 1.25386L1.47115 5.64616L14 5.64616L14 6.41539L1.47115 6.41539L5.86922 10.8135L5.31345 11.3442L4.64517e-07 6.03079L5.3077 0.723088Z' fill='%23757575'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 24px; height: 24px; object-fit: contain; display: block; background-position: center; } } .footer { background: #333; padding-top: 60px; padding-bottom: 60px; } .rating-blog__content { float: right; margin-left: 15px; } .rating-yandex { max-width: 60px; } .rating-blog__content p { font-size: 16px; } .footer__link.rating-blog__item { font-weight: normal; } .rating-blog.yandex-rating { margin-top: 15px; } .c-rating-preview:before { background-image: url(/local/templates/main/img/star-on.svg); background-repeat: no-repeat; background-size: contain; content: ""; height: 14px; left: 110px; position: absolute; width: 80px; margin-top: 5px; } @media screen and (max-width: 600px) { .footer { padding-top: 0; padding-bottom: 0; } } .footer-inner.wrapper { margin-top: 0; display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 1280px) { .footer-inner.wrapper { flex-wrap: wrap; } } @media screen and (max-width: 1024px) { .footer-inner.wrapper { position: relative; padding-top: 60px; } } @media screen and (max-width: 600px) { .footer-inner.wrapper { padding: 30px; gap: 40px; } } .footer-inner__col { max-width: 350px; display: flex; flex-direction: column; gap: 15px; color: white; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; } @media screen and (max-width: 1280px) { .footer-inner__col { max-width: unset; } } @media screen and (max-width: 1280px) { .footer-inner__col:nth-child(1) { width: 100%; margin-bottom: 60px; } } @media screen and (max-width: 1024px) { .footer-inner__col:nth-child(1) { order: 4; margin-bottom: 0; /* margin-top: 40px; */ margin-top: 0; } } @media screen and (max-width: 600px) { .footer-inner__col:nth-child(1) { order: 0; margin-top: 0; } } @media screen and (max-width: 1024px) { .footer-inner__col:nth-child(2) { order: 1; max-width: calc(50% - 5px); } } @media screen and (max-width: 600px) { .footer-inner__col:nth-child(2) { max-width: 100%; } } @media screen and (max-width: 1024px) { .footer-inner__col:nth-child(3) { order: 2; max-width: calc(50% - 5px); } } @media screen and (max-width: 600px) { .footer-inner__col:nth-child(3) { max-width: 100%; } } @media screen and (max-width: 1024px) { .footer-inner__col:nth-child(4) { order: 3; } } .footer__logo { width: 241px; margin-bottom: 15px; } @media screen and (max-width: 1024px) { .footer__logo { position: absolute; left: var(--padding); top: -30px; width: auto; height: 58px; } } @media screen and (max-width: 600px) { .footer__logo { position: relative; left: unset; top: unset; height: 44.5px; } } .footer__logo img { width: 100%; display: block; } @media screen and (max-width: 600px) { .footer__logo img { height: 100%; width: auto; } } .footer__payments { display: flex; flex-wrap: wrap; gap: 10px; } /* @media screen and (max-width: 1280px) { .footer__payments { margin-top: 20px; } } */ @media screen and (max-width: 600px) { .footer__payments { flex-wrap: wrap; } } .footer__payments span { padding: 3px 5px; height: 32px; display: block; } @media screen and (max-width: 600px) { .footer__payments span { padding: 3px; height: 28px; } } .footer__payments span img { height: 100%; display: block; } .footer__link { color: white; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; max-width: max-content; } .footer__link.js-cookie-footer-settings { transition: color .2s; } .footer__link.js-cookie-footer-settings:hover { color: #0aaaf8; } .footer__link.js-cookie-footer-settings:hover::after { background: #0aaaf8; } @media screen and (max-width: 600px) { .footer__link { font-size: 16px; } } .footer__link::after { background: white; } @media screen and (max-width: 1024px) { .footer__contacts { width: 100%; margin-top: 30px; flex-direction: row; flex-wrap: wrap; } } @media screen and (max-width: 600px) { .footer__contacts { margin-top: 0; } } @media screen and (max-width: 1024px) { .footer__contacts>p { width: 100%; } } .footer__contacts_title { color: white; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 5px; } @media screen and (max-width: 600px) { .footer__contacts_title { font-size: 20px; } } .footer__contacts_tel { display: flex; gap: 10px; align-items: center; color: white; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 14px; white-space: nowrap; } .footer__contacts_tel .lined::after { background: white; } .footer__contacts_tel img, .footer__contacts_tel svg { width: 20px; height: 20px; fill: white; } .footer__contacts_mail { display: flex; gap: 10px; align-items: center; color: white; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 14px; } .footer__contacts_mail .lined::after { background: white; } .footer__contacts_mail img, .footer__contacts_mail svg { width: 20px; height: 20px; fill: white; } .footer__contacts_block { margin-bottom: 5px; } @media screen and (max-width: 1024px) { .footer__contacts_block { width: calc(50% - 10px); } } @media screen and (max-width: 600px) { .footer__contacts_block { width: 100%; } } .footer__contacts_block p { width: 100%; } .footer__socials { display: flex; } @media screen and (max-width: 1024px) { .footer__socials { width: 100%; margin-top: 20px; } } .footer__socials a { width: 22px; height: 22px; margin-left: 12px; margin-right: 13px; position: relative; } @media screen and (max-width: 600px) { .footer__socials a { width: 34px; height: 34px; margin-left: 11px; margin-right: 12px; } } .footer__socials a::after { content: ""; position: absolute; height: 14px; width: 1px; background: white; left: calc(100% + 12px); top: 50%; transform: translateY(-50%); } .footer__socials a:nth-child(1) { margin-left: 0; } .footer__socials a:nth-last-child(1) { margin-right: 0; } .footer__socials a:nth-last-child(1)::after { content: none; } .footer__socials a:hover svg { fill: #0aaaf8; } .footer__socials a svg { width: 100%; height: 100%; object-fit: contain; fill: white; transition: 0.3s; } .mob-menu { position: fixed; top: var(--headerH); left: 0; background: white; z-index: 11; width: 100%; height: calc(100% - var(--headerH)); overflow-y: auto; padding: 30px; transform: translateX(-103%); transition: 0.3s; display: none; } .mob-menu.show-menu { transform: translateX(0); } .mob-menu .header__contacts { display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #F3F3F3; margin-left: 0; padding: 15px 30px; max-width: 400px; margin-bottom: 10px; } .mob-menu .header__contacts_dropdown { position: relative; top: unset; left: unset; transform: unset; opacity: 1; visibility: visible; pointer-events: all; z-index: 1; } .mob-menu .header__contacts_trigger-tel { display: none; } .mob-menu .header__contacts_descr { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .mob-menu .header__contacts_dropdown { padding-top: 5px; } .mob-menu .header__contacts_inner { box-shadow: unset; border-radius: 0; padding: 0; width: auto; } .mob-menu .header__contacts_tel { margin-top: 16px; } .mob-menu .header__contacts_dropdown .btn-blue { margin-top: 20px; background: transparent; color: #0aaaf8; padding: 12px 52px; max-width: 100%; display: flex; align-items: center; justify-content: center; white-space: nowrap; } .mob-menu__list { display: flex; flex-direction: column; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid rgba(10, 170, 248, 0.1); margin-bottom: 30px; } .mob-menu__list a { color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .mob-menu__list a.blue { color: #0aaaf8; } .modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.4); display: none; opacity: 0; transition: 0.3s; align-items: center; justify-content: center; } .modal.show-modal { opacity: 1; } .modal .itc-select__options { max-height: 121px; overflow-y: auto; } @media screen and (max-width: 450px) { .modal .itc-select__options { max-height: 115px; } } .modal-inner { position: relative; background: white; width: 690px; max-width: 100%; border-radius: 10px; padding: 25px 30px; } @media screen and (max-width: 600px) { .modal-inner { padding: 25px 20px; } } .modal__close { position: absolute; top: 26px; right: 30px; width: 24px; height: 24px; z-index: 5; cursor: pointer; } .modal__close:hover svg { fill: #0aaaf8; } .modal__close svg { width: 100%; height: 100%; fill: #acacac; transition: 0.3s; } .modal-body__top { display: flex; align-items: flex-start; justify-content: space-between; } .modal-body__top .modal__close { position: static; } .modal-body { display: flex; flex-direction: column; max-height: calc(100vh - 70px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #0aaaf8 #f9f9f9; padding: 0; } .modal-body::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .modal-body::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } .modal-body .input-wrap._altern { position: relative; } .modal-body .input-wrap._altern::after { content: attr(data-altern); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; color: #eb3333; } .modal-body .product-page__stocks_title { text-align: left; } .modal-body .product-page__stocks_heading { margin-top: 25px; border-radius: 6px; background: #f9f9f9; padding: 25px; min-height: 80px; font-size: 12px; } @media screen and (max-width: 600px) { .modal-body .product-page__stocks_heading { margin-top: 16px; min-height: 60px; border-radius: 0; } } .modal-body .product-page__stocks_heading p:nth-child(2) { min-width: 70px; } @media screen and (max-width: 768px) { .modal-body .product-page__stocks_heading p:nth-child(2) { min-width: unset; } } .modal-body .product-page__stocks_wrap { margin-top: 0; padding: 0 20px; gap: 0; } .modal-body .product-page__stock { background: white; border-bottom: 1px solid rgba(10, 170, 248, 0.2); padding: 17px 5px; border-radius: 0; } @media screen and (max-width: 600px) { .modal-body .product-page__stock { padding: 15px 0px; } } .modal-body .product-page__stock:nth-last-child(1) { border-bottom: unset; } .modal-body .product-page__stock_amount { min-width: 70px; } @media screen and (max-width: 768px) { .modal-body .product-page__stock_amount { min-width: unset; } } .modal-body table { margin-top: 20px; width: 100%; border-collapse: collapse; } .modal-body table .del-from-basket { position: relative; right: unset; top: unset; width: 28px; height: 28px; min-width: 28px; } .modal-body table .del-from-basket svg { width: 100%; height: 100%; fill: #fb6535; } @media screen and (max-width: 450px) { .modal-body tr td:nth-child(2) { min-width: 230px; } } @media screen and (max-width: 450px) { .modal-body tr td:nth-child(1) { border-right: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .modal-body tr th:nth-child(1) { border-right: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .modal-body tr td:nth-last-child(1) { border-left: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .modal-body tr th:nth-last-child(1) { border-left: 1px solid #e0e0e0; } } @media screen and (max-width: 1280px) { .modal-body .add-to-basket { background: unset; border: unset; height: 34px; margin: 0; } } .modal-body .add-to-basket svg { display: block; } .modal-body .table-btns { display: flex; align-items: center; gap: 10px; justify-content: flex-end; } @media screen and (max-width: 450px) { .modal-body .table-btns { justify-content: center; } } .modal-body thead { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; text-align: left; border-radius: 6px; background: var(--unnamed, #f9f9f9); } .modal-body thead th { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; padding-left: 20px; font-weight: 400; height: 60px; } @media screen and (max-width: 1440px) { .modal-body thead th { padding: 15px; } } @media screen and (max-width: 600px) { .modal-body thead th { padding: 10px; } } @media screen and (max-width: 450px) { .modal-body thead th { height: 60px; } } @media screen and (max-width: 450px) { .modal-body thead th:nth-last-child(1) { display: none; } } .modal-body .amount-wrap { display: flex; padding: 0; border-radius: 6px; border: 1px solid #0aaaf8; justify-content: space-between; align-items: center; max-width: 102px; min-width: 102px; } .modal-body .amount-wrap input { text-align: center; box-shadow: unset; outline: none; border: unset; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; width: calc(100% - 54px); } .modal-body .amount-wrap .btn-plus, .modal-body .amount-wrap .btn-minus { width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: #9c9c9c; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } .modal-body .amount-wrap .btn-plus:hover, .modal-body .amount-wrap .btn-minus:hover { background: rgba(10, 170, 248, 0.1); } .modal-body .amount-wrap .btn-plus:focus, .modal-body .amount-wrap .btn-minus:focus { background: rgba(10, 170, 248, 0.1); text-decoration: none; } .modal-body td { color: #000; font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; text-align: left; padding-right: 30px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; transition: 0.3s; } @media screen and (max-width: 1440px) { .modal-body td { padding: 15px; } } @media screen and (max-width: 1280px) { .modal-body td { font-size: 13px; } } @media screen and (max-width: 600px) { .modal-body td { padding: 10px; } } @media screen and (max-width: 450px) { .modal-body td { font-size: 12px; padding: 15px; height: 67px; } } .modal-body td:nth-child(2) { min-width: 18vw; } @media screen and (max-width: 1280px) { .modal-body td:nth-child(2) { min-width: 220px; } } @media screen and (max-width: 450px) { .modal-body td:nth-last-child(1) { display: none; } } .modal-body td a { color: #000; } .main-table { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #0aaaf8 #f9f9f9; } .main-table::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .main-table::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } @media screen and (max-width: 450px) { .main-table { width: calc(100% - 56px); height: max-content; overflow: visible; overflow-x: auto; } } .main-table tr td:nth-last-child(2) { padding-right: 50px; } @media screen and (max-width: 450px) { .main-table .main-table__name { max-height: 36px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } } .double-del { display: none; } @media screen and (max-width: 450px) { .double-del { display: block; width: 55px; min-width: 55px; } } @media screen and (max-width: 450px) { .double-del tr th { height: 61px; } } .double-del tr td:nth-last-child(1), .double-del tr th:nth-last-child(1) { display: block; } .double-del tr td { padding: 0; } .double-del tr .table-btns { position: relative; padding: 15px; } .double-del tr .table-btns::before { content: ""; background: linear-gradient(270deg, white 0%, rgba(251, 251, 251, 0) 100%); height: 66px; width: 50px; right: calc(100% + 1px); top: 0px; position: absolute; } @media screen and (max-width: 600px) { .modal-stocks .modal-inner { padding: 25px 0; } } @media screen and (max-width: 600px) { .modal-stocks .modal-body__top { padding: 0 20px; } } @media screen and (max-width: 600px) { .modal-stocks .modal__close { right: 20px; top: 25px; } } .modal__title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .modal__title { color: #434343; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } .modal-row { margin-top: 50px; display: flex; max-width: 100%; overflow: hidden; } @media screen and (max-width: 600px) { .modal-row { flex-direction: column; margin-top: 30px; } } .modal-store .modal-inner { width: 1020px; } .modal-store #map { width: 100%; height: 280px; } @media screen and (max-width: 600px) { .modal-store #map { height: 56vw; } } .modal__contacts { width: calc(42% - 50px); margin-right: 50px; display: flex; flex-direction: column; gap: 20px; } @media screen and (max-width: 600px) { .modal__contacts { width: 100%; margin-right: 0; } } .modal__contacts_address { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .modal__contacts_address { font-size: 14px; } } .modal__contacts_phones { display: flex; flex-direction: column; gap: 10px; } .modal__contacts_tel { color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .modal__contacts_tel { font-size: 14px; } } .modal__contacts_schedule { color: #000; font-size: 15px; font-style: normal; font-weight: 300; line-height: normal; } @media screen and (max-width: 600px) { .modal__contacts_schedule { font-size: 14px; } } .modal__contacts_mail { color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .modal__contacts_mail { font-size: 14px; } } .modal__map { width: 58%; } @media screen and (max-width: 600px) { .modal__map { width: 100%; margin-top: 30px; } } .modal__gallery { margin-top: 50px; width: 100%; overflow: hidden; position: relative; } @media screen and (max-width: 600px) { .modal__gallery { margin-top: 30px; } } .modal__gallery .swiper-pagination { display: none; } @media screen and (max-width: 1024px) { .modal__gallery .swiper-pagination { display: flex; transform: unset; position: static; margin: 15px auto 0; } } .modal__gallery .swiper-notification { position: absolute; } .modal__gallery .swiper-slide { height: 164px; max-height: 16.5vw; border-radius: 5px; background: #f5f5f5; overflow: hidden; margin-right: 13px; } @media screen and (max-width: 1024px) { .modal__gallery .swiper-slide { max-height: 21vw; } } @media screen and (max-width: 600px) { .modal__gallery .swiper-slide { height: 31vw; max-height: unset; } } .modal__gallery .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .sign-in .modal-inner { padding: 56px 50px; width: 515px; } @media screen and (max-width: 600px) { .sign-in .modal-inner { padding: 44px 20px 32px; } } .sign-in .modal-body { padding: 0 10px; } @media screen and (max-width: 600px) { .sign-in .modal-body { padding: 0; } } .sign-in .modal__close { top: 20px; right: 22px; } @media screen and (max-width: 768px) { .sign-in .modal__close { top: 10px; right: 10px; } } .sign-in .modal-policy { text-align: center; margin: 32px auto 0; color: #acacac; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: underline; transition: color 0.3s; } .sign-in .modal-policy:hover { color: rgb(10, 170, 248); } .sign-in .modal-body__top { margin-bottom: 20px; justify-content: center; } .sign-in .modal__title { text-align: center; font-size: 24px; } .modal-text { color: #1a1a1a; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 170%; } @media screen and (max-width: 768px) { .modal-text { line-height: 140%; } } .link { color: #0aaaf8; display: inline; } .link:hover { text-decoration: underline; } .modal-delete .modal-inner, .modal-missing .modal-inner { width: 440px; padding: 35px 30px; } @media screen and (max-width: 600px) { .modal-delete .modal-inner, .modal-missing .modal-inner { padding: 35px 20px; } } .modal-delete .modal__close, .modal-missing .modal__close { top: 13px; right: 13px; } .modal-delete .modal-delete-text, .modal-missing .modal-delete-text { color: #000; text-align: center; font-family: Nunito; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .modal-delete .modal-delete-btns, .modal-missing .modal-delete-btns { display: flex; align-items: stretch; gap: 10px; margin-top: 36px; } .modal-delete .modal-delete-btns .btn-orange, .modal-missing .modal-delete-btns .btn-orange { width: calc(50% - 5px); border-radius: 10px; font-size: 18px; } .modal-delete .modal-delete-btns .btn-light, .modal-missing .modal-delete-btns .btn-light { width: calc(50% - 5px); position: static; height: auto; border-radius: 10px; font-size: 18px; } .modal__sign-in { margin-top: 4px; display: flex; flex-direction: column; margin-bottom: 15px; } .modal__sign-in .input-common { margin-top: 16px; } .modal__sign-in .btn-blue { margin-top: 30px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__sign-in .btn-blue { font-size: 15px; } } .modal__sign-in .btn-light { margin-top: 10px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__sign-in .btn-light { font-size: 15px; } } .modal-policy { text-align: left; } .modal__sign-up_tabs, .modal__sign-in_tabs, .modal__reset_tabs { display: flex; margin-top: 20px; border-radius: 4px; border: 1px solid rgba(10, 170, 248, 0.1); padding: 2px; gap: 5px; } .modal__sign-up_tabs._err, .modal__sign-in_tabs._err, .modal__reset_tabs._err { border-color: #eb3333; } .modal__sign-up_tab, .modal__sign-in_tab, .modal__reset_tab { width: calc((100% - 5px) / 2); position: relative; } .modal__sign-up_tab:nth-child(2) input:checked+.modal__sign-up_tab-text, .modal__sign-up_tab:nth-child(2) input:checked+.modal__sign-in_tab-text, .modal__sign-up_tab:nth-child(2) input:checked+.modal__reset_tab-text, .modal__sign-in_tab:nth-child(2) input:checked+.modal__sign-up_tab-text, .modal__sign-in_tab:nth-child(2) input:checked+.modal__sign-in_tab-text, .modal__sign-in_tab:nth-child(2) input:checked+.modal__reset_tab-text, .modal__reset_tab:nth-child(2) input:checked+.modal__sign-up_tab-text, .modal__reset_tab:nth-child(2) input:checked+.modal__sign-in_tab-text, .modal__reset_tab:nth-child(2) input:checked+.modal__reset_tab-text { border-radius: 2px; } .modal__sign-up_tab .modal__sign-up_tab-text, .modal__sign-up_tab .modal__sign-in_tab-text, .modal__sign-up_tab .modal__reset_tab-text, .modal__sign-in_tab .modal__sign-up_tab-text, .modal__sign-in_tab .modal__sign-in_tab-text, .modal__sign-in_tab .modal__reset_tab-text, .modal__reset_tab .modal__sign-up_tab-text, .modal__reset_tab .modal__sign-in_tab-text, .modal__reset_tab .modal__reset_tab-text { color: #0aaaf8; position: relative; z-index: 2; cursor: pointer; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; position: relative; cursor: pointer; user-select: none; transition: 0.3s; } @media screen and (max-width: 450px) { .modal__sign-up_tab .modal__sign-up_tab-text, .modal__sign-up_tab .modal__sign-in_tab-text, .modal__sign-up_tab .modal__reset_tab-text, .modal__sign-in_tab .modal__sign-up_tab-text, .modal__sign-in_tab .modal__sign-in_tab-text, .modal__sign-in_tab .modal__reset_tab-text, .modal__reset_tab .modal__sign-up_tab-text, .modal__reset_tab .modal__sign-in_tab-text, .modal__reset_tab .modal__reset_tab-text { font-size: 13px; } } .modal__sign-up_tab .modal__sign-up_tab-text:hover, .modal__sign-up_tab .modal__sign-in_tab-text:hover, .modal__sign-up_tab .modal__reset_tab-text:hover, .modal__sign-in_tab .modal__sign-up_tab-text:hover, .modal__sign-in_tab .modal__sign-in_tab-text:hover, .modal__sign-in_tab .modal__reset_tab-text:hover, .modal__reset_tab .modal__sign-up_tab-text:hover, .modal__reset_tab .modal__sign-in_tab-text:hover, .modal__reset_tab .modal__reset_tab-text:hover { background: rgba(10, 170, 248, 0.1); } .modal__sign-up_tab input:checked~.modal__sign-up_tab-text, .modal__sign-up_tab input:checked~.modal__sign-in_tab-text, .modal__sign-up_tab input:checked~.modal__reset_tab-text, .modal__sign-in_tab input:checked~.modal__sign-up_tab-text, .modal__sign-in_tab input:checked~.modal__sign-in_tab-text, .modal__sign-in_tab input:checked~.modal__reset_tab-text, .modal__reset_tab input:checked~.modal__sign-up_tab-text, .modal__reset_tab input:checked~.modal__sign-in_tab-text, .modal__reset_tab input:checked~.modal__reset_tab-text { color: white; } .modal__sign-up_tab input:checked~.modal__sign-up_tab-block, .modal__sign-up_tab input:checked~.modal__sign-in_tab-block, .modal__sign-up_tab input:checked~.modal__reset_tab-block, .modal__sign-in_tab input:checked~.modal__sign-up_tab-block, .modal__sign-in_tab input:checked~.modal__sign-in_tab-block, .modal__sign-in_tab input:checked~.modal__reset_tab-block, .modal__reset_tab input:checked~.modal__sign-up_tab-block, .modal__reset_tab input:checked~.modal__sign-in_tab-block, .modal__reset_tab input:checked~.modal__reset_tab-block { opacity: 1; transform: translateX(0); } .modal__sign-up_tab .modal__sign-up_tab-block, .modal__sign-in_tab .modal__sign-up_tab-block, .modal__reset_tab .modal__sign-up_tab-block { opacity: 0; } .modal__sign-up_tab .modal__sign-up_tab-block, .modal__sign-up_tab .modal__sign-in_tab-block, .modal__sign-up_tab .modal__reset_tab-block, .modal__sign-in_tab .modal__sign-up_tab-block, .modal__sign-in_tab .modal__sign-in_tab-block, .modal__sign-in_tab .modal__reset_tab-block, .modal__reset_tab .modal__sign-up_tab-block, .modal__reset_tab .modal__sign-in_tab-block, .modal__reset_tab .modal__reset_tab-block { left: 0; top: 0; width: 100%; height: 100%; background: #0aaaf8; position: absolute; z-index: 1; border-radius: 2px; transform: translateX(calc(100% + 5px)); transition: transform 0.3s; pointer-events: none; } ._success .modal__sign-up_tab-block { opacity: 1; } .forgot-pass { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 16px; } .forgot-pass:hover { text-decoration: underline; } .sign-up .modal-inner { padding: 56px 50px; width: 515px; } @media screen and (max-width: 600px) { .sign-up .modal-inner { padding: 44px 20px 32px; } } .sign-up .modal-body { padding: 0 10px; } @media screen and (max-width: 600px) { .sign-up .modal-body { padding: 0; } } .sign-up .modal__close { top: 20px; right: 22px; } @media screen and (max-width: 768px) { .sign-up .modal__close { top: 10px; right: 10px; } } .sign-up .modal-body__top { justify-content: center; } .sign-up .modal__title { text-align: center; font-size: 24px; } .sign-up__notification { margin-top: 10px; } .modal__sign-up { margin-top: 4px; display: flex; flex-direction: column; margin-bottom: 25px; } .modal__sign-up .input-common { margin-top: 16px; position: relative; } .modal__sign-up .change-field-type { position: absolute; right: 0; top: 0; color: #0aaaf8; font-size: 13px; font-style: normal; font-weight: 600; line-height: 130%; } .modal__sign-up .change-field-type span { text-decoration: underline; } .modal__sign-up .change-field-type:hover span { text-decoration: none; } .modal__sign-up .btn-blue { margin-top: 30px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__sign-up .btn-blue { font-size: 15px; } } .modal__sign-up .btn-light { margin-top: 10px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__sign-up .btn-light { font-size: 15px; } } .modal__sign-up .checkbox { margin-top: 18px; } .checkbox._err .checkbox__block { border-color: #eb3333; } .checkbox label { display: flex; align-items: flex-start; gap: 10px; } .checkbox input:checked~.checkbox__block svg { opacity: 1; } .checkbox .checkbox__block { width: 16px; min-width: 16px; height: 16px; border-radius: 3px; transition: 0.3s; border: 1px solid #999; position: relative; cursor: pointer; } .checkbox .checkbox__block svg { position: absolute; width: 16px; height: 16px; left: -1px; top: -1px; fill: none; stroke: #0aaaf8; opacity: 0; transition: 0.3s; cursor: pointer; } .checkbox .checkbox__text { color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .reset-password .modal-inner { padding: 56px 60px 40px; width: 515px; } @media screen and (max-width: 600px) { .reset-password .modal-inner { padding: 44px 20px 32px; } } .reset-password .modal__close { top: 20px; right: 20px; } @media screen and (max-width: 600px) { .reset-password .modal__close { top: 12px; } } .reset-password .modal-body { padding: 0 10px; } .reset-password .modal-policy { text-align: center; margin: 32px auto 0; color: #acacac; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: underline; transition: color 0.3s; } .reset-password .modal-policy:hover { color: rgb(10, 170, 248); } .reset-password .modal-body__top { margin-bottom: 20px; justify-content: center; } .reset-password .modal__title { text-align: center; font-size: 24px; } .new-pass .modal-inner { padding: 56px 60px 40px; width: 515px; } @media screen and (max-width: 600px) { .new-pass .modal-inner { padding: 44px 20px 32px; } } .new-pass .modal__close { top: 20px; right: 20px; } @media screen and (max-width: 600px) { .new-pass .modal__close { top: 12px; } } .new-pass .modal-body__top { justify-content: center; } .new-pass .modal-policy { text-align: center; margin: 32px auto 0; color: #acacac; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: underline; transition: color 0.3s; } .new-pass .modal-policy:hover { color: rgb(10, 170, 248); } .modal__reset { margin-top: 4px; display: flex; flex-direction: column; margin-bottom: 15px; } .modal__reset .input-common { margin-top: 16px; } .modal__reset .btn-blue { margin-top: 40px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__reset .btn-blue { font-size: 15px; } } .modal__reset .btn-light { margin-top: 10px; border-radius: 10px; } @media screen and (max-width: 600px) { .modal__reset .btn-light { font-size: 15px; } } .modal__reset .checkbox { margin-top: 15px; } .modal-success .modal-inner, .order-success .modal-inner, .request-sended .modal-inner, .modal-del-success .modal-inner { padding: 30px 80px; width: 575px; } @media screen and (max-width: 768px) { .modal-success .modal-inner, .order-success .modal-inner, .request-sended .modal-inner, .modal-del-success .modal-inner { padding: 30px 20px; } } @media screen and (max-width: 450px) { .modal-success .modal-inner, .order-success .modal-inner, .request-sended .modal-inner, .modal-del-success .modal-inner { padding: 30px 10px; } } .modal-success .modal-body, .order-success .modal-body, .request-sended .modal-body, .modal-del-success .modal-body { padding: 0 10px; } .modal-success .modal__close, .order-success .modal__close, .request-sended .modal__close, .modal-del-success .modal__close { top: 20px; right: 22px; } @media screen and (max-width: 768px) { .modal-success .modal__close, .order-success .modal__close, .request-sended .modal__close, .modal-del-success .modal__close { top: 10px; right: 10px; } } .modal-success .btn-blue, .order-success .btn-blue, .request-sended .btn-blue, .modal-del-success .btn-blue { position: static; width: 100%; height: 50px; margin-top: 40px; } @media screen and (max-width: 600px) { .modal-success .btn-blue, .order-success .btn-blue, .request-sended .btn-blue, .modal-del-success .btn-blue { font-size: 15px; } } .modal-success .modal-text, .order-success .modal-text, .request-sended .modal-text, .modal-del-success .modal-text { margin-top: 15px; } .modal-success .modal-body, .order-success .modal-body, .request-sended .modal-body, .modal-del-success .modal-body { flex-direction: column; display: flex; align-items: center; } .modal-success .modal-success__icon, .order-success .modal-success__icon, .request-sended .modal-success__icon, .modal-del-success .modal-success__icon { width: 60px; height: 60px; border-radius: 100%; border: 1px solid #00c136; display: flex; align-items: center; justify-content: center; } .modal-success .modal-success__icon svg, .order-success .modal-success__icon svg, .request-sended .modal-success__icon svg, .modal-del-success .modal-success__icon svg { width: 38px; height: 38px; fill: #00c136; } .saved-basket .modal-inner { width: 1020px; } @media screen and (max-width: 450px) { .saved-basket .modal-inner { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 450px) { .saved-basket .modal-body__top { padding-left: 20px; padding-right: 20px; } } .modal-similars .modal-inner { width: 1020px; } @media screen and (max-width: 450px) { .modal-similars .modal-inner { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 450px) { .modal-similars .modal-body__top { padding-left: 20px; padding-right: 20px; } } .modal-similars .add-to-basket { position: relative; top: unset; right: unset; } .modal-similars .main-table { width: 100%; } .saved-basket__table { overflow-y: auto; scrollbar-width: thin; scrollbar-color: white white; } @media screen and (max-width: 450px) { .saved-basket__table { display: flex; overflow-y: auto; } } .saved-basket__table::-webkit-scrollbar { width: 0; height: 0; } .saved-basket__table_bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 20px; flex-wrap: wrap; } @media screen and (max-width: 450px) { .saved-basket__table_bottom { padding-left: 10px; padding-right: 10px; justify-content: center; gap: 30px; } } .saved-basket__table_bottom .btn-orange { border-radius: 10px; font-size: 18px; } @media screen and (max-width: 600px) { .saved-basket__table_bottom .btn-orange { width: calc(50% - 5px); font-size: 16px; } } @media screen and (max-width: 450px) { .saved-basket__table_bottom .btn-orange { width: 100%; height: 50px; font-size: 14px; } } .saved-basket__table_bottom .saved-basket__table_btns { display: flex; gap: 10px; } @media screen and (max-width: 600px) { .saved-basket__table_bottom .saved-basket__table_btns { width: 100%; } } @media screen and (max-width: 450px) { .saved-basket__table_bottom .saved-basket__table_btns { flex-wrap: wrap; } } .saved-basket__table_bottom .btn-blue { border-radius: 10px; font-size: 18px; } @media screen and (max-width: 600px) { .saved-basket__table_bottom .btn-blue { width: calc(50% - 5px); font-size: 16px; } } @media screen and (max-width: 450px) { .saved-basket__table_bottom .btn-blue { width: 100%; font-size: 14px; height: 50px; } } .saved-basket__table_bottom .saved-basket__table_common { display: flex; gap: 10px; color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 450px) { .saved-basket__table_bottom .saved-basket__table_common { font-size: 16px; } } .saved-basket__table_bottom .saved-basket__table_common_price { color: #0aaaf8; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .saved-basket__table_bottom .saved-basket__table_common_price { font-size: 16px; } } .order-success .modal-inner { width: 700px; padding: 30px 50px; max-width: 97%; } @media screen and (max-width: 600px) { .order-success .modal-inner { padding: 20px; } } .order-success .modal-success__icon { width: 40px; height: 40px; border-color: #0aaaf8; margin-bottom: 15px; } .order-success .modal-success__icon svg { width: 24px; fill: #0aaaf8; height: 24px; } .order-success .text-normal { font-weight: 600; line-height: normal; font-size: 16px; text-align: center; } .order-success .modal-text { margin-top: 25px; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } @media screen and (max-width: 600px) { .order-success .modal-text { font-size: 14px; } } .order-success .modal-text a { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration: underline; display: inline; } @media screen and (max-width: 600px) { .order-success .modal-text a { font-size: 14px; display: block; } } .order-success .modal-text a:hover { text-decoration: none; } .order-success .btn-blue { margin-top: 30px; width: max-content; color: #0aaaf8; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 10px; background: rgba(10, 170, 248, 0.08); border-color: transparent; padding: 10px 32px; } @media screen and (max-width: 600px) { .order-success .btn-blue { font-size: 14px; width: 150px; display: flex; justify-content: center; } } .order-success .btn-blue:hover { border-color: #0aaaf8; background: #0aaaf8; color: white; } .modals { margin-top: 150px; display: flex; flex-direction: column; gap: 10px; } .modals a { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .modals .shop-el__more { border: none; background: none; padding: 0; width: max-content; height: auto; } .modals .shop-el__more:hover { border: none; background: none; padding: 0; width: max-content; height: auto; color: #0aaaf8; } .request-sended .modal-body { padding: 0; } .request-sended .modal-inner { width: 100%; max-width: 510px; padding: 30px 50px; } @media screen and (max-width: 600px) { .request-sended .modal-inner { padding: 20px; } } .request-sended .modal-success__icon { width: 40px; height: 40px; border-color: #0aaaf8; margin-bottom: 15px; } .request-sended .modal-success__icon svg { width: 24px; fill: #0aaaf8; height: 24px; } .request-sended .text-normal { font-weight: 600; line-height: normal; font-size: 16px; text-align: center; } .request-sended .modal-text { margin-top: 20px; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } @media screen and (max-width: 600px) { .request-sended .modal-text { font-size: 14px; } } .request-sended .modal-text a { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration: underline; display: inline; } @media screen and (max-width: 600px) { .request-sended .modal-text a { font-size: 14px; display: block; } } .request-sended .modal-text a:hover { text-decoration: none; } .request-sended .btn-blue { margin-top: 30px; width: max-content; color: #0aaaf8; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 10px; background: rgba(10, 170, 248, 0.08); border-color: transparent; padding: 10px 32px; } @media screen and (max-width: 600px) { .request-sended .btn-blue { font-size: 14px; width: 150px; display: flex; justify-content: center; } } .request-sended .btn-blue:hover { border-color: #0aaaf8; background: #0aaaf8; color: white; } .callback .modal-body { padding: 0; } .callback .modal-inner { padding: 30px 100px; display: flex; flex-direction: column; max-width: 575px; } .callback .modal__title { text-align: center; margin-bottom: 20px; } .callback .modal-text { margin-bottom: 10px; } .callback .input-common { margin-top: 10px; } .callback .modal__sign-in { margin: 0; } .modal-save-basket .modal-inner { max-width: 575px; padding: 30px 100px; } @media screen and (max-width: 768px) { .modal-save-basket .modal-inner { padding: 30px 25px; } } .modal-save-basket .modal-body__top { justify-content: center; margin-bottom: 20px; } .modal__close.btn-blue, .modal__close.btn-light, .modal__close.btn-orange, .modal__close.btn-bordered { position: static; width: auto; height: auto; } .modal-agreemnet .modal-inner { max-width: 575px; align-items: center; flex-direction: column; } .modal-agreemnet .modal-body { gap: 20px; align-items: center; flex-direction: column; display: flex; max-width: 375px; margin: 0 auto; } .modal-agreemnet form { display: flex; flex-direction: row; width: 100%; gap: 10px; } .modal-agreemnet .modal-body__top { display: flex; justify-content: center; } .modal-agreemnet .btn-blue, .modal-agreemnet .btn-orange { border-radius: 10px; width: 50%; } .modal-agreemnet .btn-blue { font-size: 18px; font-weight: 500; line-height: 24.55px; background: rgba(10, 170, 248, 0.0784313725); color: #0aaaf8; border-color: transparent; } @media screen and (max-width: 600px) { .modal-agreemnet .btn-blue { font-size: 14px; font-weight: 500; line-height: 19.1px; } } .modal-agreemnet .btn-blue:hover { background: rgba(10, 170, 248, 0.0784313725); color: #0aaaf8; border-color: #0aaaf8; } .modal-agreemnet .btn-orange { font-size: 18px; font-weight: 400; line-height: 24.55px; } @media screen and (max-width: 600px) { .modal-agreemnet .btn-orange { font-size: 14px; font-weight: 400; line-height: 19.1px; } } .modal-del-success .modal-inner { max-width: 440px; padding: 30px 50px; } @media screen and (max-width: 450px) { .modal-del-success .modal-inner { padding: 30px 15px; } } .modal-del-success .modal-body { padding: 0; } .modal-del-success .modal-success__icon { width: 40px; height: 40px; border-color: #0aaaf8; } .modal-del-success .modal-success__icon svg { width: 24px; height: 24px; fill: #0aaaf8; } .modal-del-success .modal__title { margin-top: 15px; text-align: center; } .modal-del-success .btn-light { margin-top: 30px; } @media screen and (max-width: 600px) { .modal-del-success .btn-light { font-size: 14px; font-weight: 500; line-height: 19.1px; } } .modal-fail .modal-inner { max-width: 561px; padding: 30px 50px; } @media screen and (max-width: 450px) { .modal-fail .modal-inner { padding: 30px 15px; } } .modal-fail .modal-body { padding: 0; align-items: center; } .modal-fail .modal-fail__icon { width: 40px; height: 40px; border: 1px solid #fb6535; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .modal-fail .modal-fail__icon svg { width: 24px; height: 24px; fill: #fb6535; } .modal-fail .modal__title { margin-top: 15px; text-align: center; } .modal-fail .btn-light { margin-top: 30px; } @media screen and (max-width: 600px) { .modal-fail .btn-light { font-size: 14px; font-weight: 500; line-height: 19.1px; } } .modal-fail .modal-text a { display: inline; color: #0aaaf8; } .modal-fail .modal-text a:hover { text-decoration: underline; } .modal-basket-user .form-val__err { margin-bottom: 0; } .modal-basket-user .modal-inner { width: 500px; } .modal-basket-user .modal-body__top { justify-content: center; margin-bottom: 8px; } .modal-basket-user .btn-blue { font-size: 20px; font-weight: 500; } @media screen and (max-width: 450px) { .modal-basket-user .btn-blue { width: calc(50% - 5px); font-size: 14px; font-weight: 500; } } .modal-basket-user .btn-bordered { font-size: 17px; font-weight: 300; } @media screen and (max-width: 450px) { .modal-basket-user .btn-bordered { background: rgba(10, 170, 248, 0.08); border-color: transparent; width: calc(50% - 5px); font-size: 14px; font-weight: 500; } } .form-fields { columns: unset; margin-top: 20px; } @media screen and (max-width: 768px) { .form-fields { columns: unset; } } .form-fields .input-common { margin-bottom: 16px; page-break-inside: avoid; break-inside: avoid; } .form-btns { margin-top: 74px; display: flex; width: 100%; justify-content: center; gap: 10px; } .form-btns a, .form-btns button { border-radius: 10px; } .modal-set-new .modal-inner { width: 575px; padding-left: 70px; padding-right: 70px; } @media screen and (max-width: 600px) { .modal-set-new .modal-inner { padding: 30px 16px; } } .modal-set-new .modal-body { align-items: center; gap: 20px; } .modal-set-new .modal__title { font-size: 24px; text-align: center; } @media screen and (max-width: 600px) { .modal-set-new .modal__title { font-size: 16px; font-weight: 700; } } .modal-set-new .modal__set-new { width: 100%; } .modal-set-new .modal__set-new_input { opacity: 0; visibility: hidden; width: 0; height: 0; position: absolute; z-index: -1; } .modal-set-new .modal__set-new_buttons { display: flex; gap: 10px; width: 100%; } .modal-set-new .modal__set-new_buttons button { width: 100%; } .modal__set-new_buttons .btn-event { display: none; font-size: 18px; height: 50px; align-items: center; border-radius: 10px; } .modal__set-new_buttons .btn-event.show { display: flex; } .modal-set-new__name { padding-left: 4px; padding-right: 4px; } .modal-contracts-status .modal-inner, .modal-pass-changed .modal-inner { width: 515px; padding: 30px 50px; } @media screen and (max-width: 450px) { .modal-contracts-status .modal-inner, .modal-pass-changed .modal-inner { padding: 30px 16px; } } .modal-contracts-status .btn-light, .modal-pass-changed .btn-light { margin-top: 15px; } .modal-contracts-status .modal-body, .modal-pass-changed .modal-body { align-items: center; gap: 15px; } .modal-contracts-status .modal__title, .modal-pass-changed .modal__title { text-align: center; } .modal-contracts-status .modal-body__icon, .modal-pass-changed .modal-body__icon { border-radius: 200px; border: 1px solid #fb6535; width: 40px; height: 40px; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.64 15.2L11 5H13.5L12.88 15.2H11.64ZM11.06 19.1V16.72H13.44V19.1H11.06Z' fill='%23FB6535'/%3E%3C/svg%3E"); background-size: 24px; background-position: center; background-repeat: no-repeat; } .modal-contracts-status.success .modal-inner, .modal-pass-changed.success .modal-inner { width: 515px; } .modal-contracts-status.success .modal-body__icon, .modal-pass-changed.success .modal-body__icon { border-color: #0aaaf8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.94961 17.8501L4.34961 12.2501L5.42461 11.1751L9.94961 15.7001L19.5496 6.1001L20.6246 7.1751L9.94961 17.8501Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .modal-contracts-status .modal-text, .modal-pass-changed .modal-text { color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .modal-contracts-status .modal-text a, .modal-pass-changed .modal-text a { display: inline; color: #0aaaf8; } .modal-contracts-status .modal-text a:hover, .modal-pass-changed .modal-text a:hover { text-decoration: underline; } .modal-pass-changed .modal-inner { width: 515px; } .modal-pass-changed .modal-body__icon { border-color: #0aaaf8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M9.94961 17.8501L4.34961 12.2501L5.42461 11.1751L9.94961 15.7001L19.5496 6.1001L20.6246 7.1751L9.94961 17.8501Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .modal-pass-changed .modal-text { color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .modal-pass-changed .modal-text a { display: inline; color: #0aaaf8; } .modal-pass-changed .modal-text a:hover { text-decoration: underline; } .modal-code .modal-inner { width: 515px; padding: 64px 40px 20px; } @media screen and (max-width: 600px) { .modal-code .modal-inner { padding: 44px 20px 32px; } } .modal-code .modal__close, .sign-in .modal__back { top: 20px; right: 20px; } @media screen and (max-width: 600px) { .modal-code .modal__close, .sign-in .modal__back { top: 12px; } } .modal-code .modal__back, .sign-in .modal__back { position: absolute; top: 20px; left: 20px; display: flex; align-items: center; gap: 8px; z-index: 5; cursor: pointer; color: #acacac; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 170%; transition: color 0.3s; } .sign-in .input-common label, .modal-text.btmc { font-size: 16px; } .input-wrap { position: relative; /* Это позволяет абсолютное позиционирование внутри этого контейнера */ } #toggle-password { position: absolute; /* Абсолютное позиционирование для кнопки */ top: 50%; /* Вертикальное выравнивание по центру */ right: 10px; /* Расстояние от правого края */ transform: translateY(-50%); /* Центрируем по вертикали */ background: none; /* Убираем фон */ border: none; /* Убираем границу */ cursor: pointer; /* Устанавливаем курсор как указатель */ padding: 0; /* Убираем внутренние отступы */ } #toggle-password svg { width: 20px; height: 20px; fill: #000; /* Цвет иконки */ } #toggle-password { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 0; } #toggle-password svg { width: 20px; height: 20px; fill: #000; } @media screen and (max-width: 600px) { .modal-code .modal__back, .sign-in .modal__back { top: 12px; } } .modal-code .modal__back::before, .sign-in .modal__back::before { content: ""; background-repeat: no-repeat; background-size: 24px; width: 24px; min-width: 24px; filter: grayscale(1); opacity: 0.6; height: 25px; display: block; transition: opacity 0.3s, filter 0.3s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M20.25 12.5H3.75M3.75 12.5L10.5 5.75M3.75 12.5L10.5 19.25' stroke='%230AAAF8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .modal-code .modal__back:hover, .sign-in .modal__back:hover { color: #0aaaf8; } .modal-code .modal__back:hover::before, .sign-in .modal__back:hover::before { filter: grayscale(0); opacity: 1; } .modal-code form { width: 100%; display: flex; flex-direction: column; align-items: stretch; } .modal-code .modal-body { display: flex; flex-direction: column; align-items: center; } .modal-code .modal__title { margin-bottom: 12px; } .modal-code .input-code { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; } .modal-code .input-code__wrap { display: flex; justify-content: center; gap: 8px; margin-top: 30px; position: relative; } .modal-code .err-text { margin-top: 8px; color: #eb3333; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 170%; } .modal-code ._err .input-code__num { border-color: #eb3333; } .modal-code .input-code__num { width: 37px; height: 44px; display: flex; align-items: center; justify-content: center; text-align: center; color: #1a1a1a; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; border-radius: 4px; border: 1px solid #86868b; } .modal-code .input-code__num.input-code__num3 { margin-right: 16px; } .modal-code .countdown .input-code__timer { display: none; } .modal-code .countdown .authorization__btn_resend { pointer-events: all; color: #0aaaf8; } .modal-code .btn-transp { margin-top: 4px; padding: 15px 0; display: flex; align-items: center; justify-content: space-between; color: #acacac; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; } .modal-code .btn-transp a { color: #acacac; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; transition: color 0.3s; } @media (hover) { .modal-code .btn-transp a:hover { text-decoration: underline; } } .modal-code .authorization__btn_resend { pointer-events: none; } .modal-markdown .modal-inner { width: 1038px; } @media screen and (max-width: 600px) { .modal-markdown .modal-inner { padding-left: 0; padding-right: 0; padding-bottom: 0; } } @media screen and (max-width: 600px) { .modal-markdown .modal-body__top { padding: 0 20px; } } .modal-markdown .modal-markdown__products { margin-top: 25px; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__products { border-radius: 10px; background: #fff; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); margin: 15px 10px 25px; } } .modal-markdown .modal-markdown__product { position: relative; } .modal-markdown .modal-markdown__product_deskr { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_deskr { gap: 6px; } } .modal-markdown .modal-markdown__product_link { display: flex; align-items: center; gap: 25px; padding: 16px; padding-right: 56px; border-radius: 10px; border: 1px solid transparent; transition: border 0.3s; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_link { padding: 12px 8px; padding-right: 50px; gap: 12px; } } .modal-markdown .modal-markdown__product_link:hover { border-color: #0aaaf8; } .modal-markdown .modal-markdown__product_img { width: 68px; min-width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; } .modal-markdown .modal-markdown__product_img img { max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; display: block; } .modal-markdown .modal-markdown__product_title { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_title { font-size: 12px; } } .modal-markdown .modal-markdown__product_title b { font-weight: 800; } .modal-markdown .modal-markdown__product_reason { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_reason { font-size: 12px; } } .modal-markdown .add-to-basket { z-index: 2; top: 16px; right: 16px; } @media screen and (max-width: 1280px) { .modal-markdown .add-to-basket { position: absolute; width: 34px; } } @media screen and (max-width: 600px) { .modal-markdown .add-to-basket { width: 30px; height: 30px; } } .modal-markdown .add-to-basket:hover svg { fill: #fb6535; } .modal-markdown .code { margin-left: 6px; color: #acacac; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .modal-markdown .code { font-size: 12px; display: block; margin-left: 0; margin-top: 2px; } } .modal-markdown .modal-markdown__product_prices { margin-top: 2px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_prices { margin-top: 0px; } } .modal-markdown .modal-markdown__product_prices .old { color: #fb6535; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_prices .old { font-size: 12px; } } .modal-markdown .modal-markdown__product_prices .old span { font-size: 12px; font-weight: 400; text-decoration: line-through; } .modal-markdown .modal-markdown__product_prices .current { color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_prices .current { font-size: 18px; } } .modal-markdown .modal-markdown__product_prices .current span { font-size: 14px; margin-left: 4px; } @media screen and (max-width: 600px) { .modal-markdown .modal-markdown__product_prices .current span { font-size: 12px; } } .main-intro.wrapper { margin-top: 50px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; margin-left: calc(var(--padding) - 30px); margin-right: calc(var(--padding) - 30px); } @media screen and (max-width: 1440px) { .main-intro.wrapper { margin-left: 0; margin-right: 0; padding-left: var(--padding); padding-right: var(--padding); } } .main-intro.wrapper .swiper-slide { position: relative; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 600px) { .main-intro.wrapper .swiper-slide { border-radius: 10px; } } .main-intro.wrapper .main-intro__bg { position: absolute; z-index: 1; height: 100%; width: 100%; object-fit: cover; } .main-intro.wrapper .swiper-button-next, .main-intro.wrapper .swiper-button-prev { display: none; } .main-intro.wrapper .main-intro__content { position: relative; z-index: 2; height: min(690px, 41vw); padding: 120px; max-width: 960px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0.89%, rgba(133, 133, 133, 0.27) 49.24%, rgba(0, 0, 0, 0) 99.83%); } @media screen and (max-width: 1280px) { .main-intro.wrapper .main-intro__content { padding: 7vw; } } @media screen and (max-width: 768px) { .main-intro.wrapper .main-intro__content { padding: 20px 25px; } } @media screen and (max-width: 600px) { .main-intro.wrapper .main-intro__content { padding: 25px 15px; } } .main-intro.wrapper .btn-blue { margin-top: 70px; max-width: max-content; font-size: 20px; padding: 19px 39px; } @media screen and (max-width: 1280px) { .main-intro.wrapper .btn-blue { margin-top: 50px; } } @media screen and (max-width: 1280px) { .main-intro.wrapper .btn-blue { font-size: 18px; padding: 17px 30px; } } @media screen and (max-width: 768px) { .main-intro.wrapper .btn-blue { font-size: 16px; padding: 14px 20px; } } @media screen and (max-width: 600px) { .main-intro.wrapper .btn-blue { margin-top: 40px; padding: 14px 30px; font-size: 16px; } } .main-intro.wrapper .swiper-pagination { left: 50%; bottom: 0px; transform: translateX(-50%); } .swiper-container .swiper-button-prev { width: 60px; height: 60px; left: 0; border-radius: 100%; background: #f9f9f9; transition: 0.3s; } @media screen and (max-width: 1280px) { .swiper-container .swiper-button-prev { width: 50px; height: 50px; } } .swiper-container .swiper-button-prev::after { font-size: 16px; font-weight: 600; color: #1a1a1a; transition: 0.3s; } .swiper-container .swiper-button-prev.swiper-button-disabled { pointer-events: all; } .swiper-container .swiper-button-prev:hover { background: #0aaaf8; } .swiper-container .swiper-button-prev:hover::after { color: white; } .swiper-container .swiper-button-next { width: 60px; height: 60px; border-radius: 100%; background: #f9f9f9; right: 0; transition: 0.3s; } @media screen and (max-width: 1280px) { .swiper-container .swiper-button-next { width: 50px; height: 50px; } } .swiper-container .swiper-button-next::after { font-size: 16px; font-weight: 600; color: #1a1a1a; transition: 0.3s; } .swiper-container .swiper-button-next.swiper-button-disabled { pointer-events: all; } .swiper-container .swiper-button-next:hover { background: #0aaaf8; } .swiper-container .swiper-button-next:hover::after { color: white; } @media screen and (max-width: 1440px) { .swiper-container .swiper-button-next { right: 15px; } } @media screen and (max-width: 1440px) { .swiper-container .swiper-button-prev { left: 15px; } } .swiper-notification { position: absolute; } .main-intro__title { color: white; font-size: 68px; font-style: normal; font-weight: 700; line-height: 125%; } @media screen and (max-width: 1280px) { .main-intro__title { font-size: 55px; } } @media screen and (max-width: 1024px) { .main-intro__title { font-size: 45px; } } @media screen and (max-width: 768px) { .main-intro__title { font-size: 36px; } } @media screen and (max-width: 600px) { .main-intro__title { font-size: 30px; font-weight: 500; line-height: 140%; } } .main-intro__text { color: #fff; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; margin-top: 20px; } @media screen and (max-width: 1280px) { .main-intro__text { font-size: 22px; } } @media screen and (max-width: 1024px) { .main-intro__text { font-size: 20px; } } @media screen and (max-width: 600px) { .main-intro__text { font-size: 16px; font-weight: 500; line-height: 150%; margin-top: 15px; } } .advantages.wrapper { margin-top: 100px; } @media screen and (max-width: 1280px) { .advantages.wrapper { margin-top: 80px; } } @media screen and (max-width: 600px) { .advantages.wrapper { margin-top: 60px; } } .advantages__wrap { margin-top: 30px; display: flex; align-items: stretch; gap: 30px; flex-wrap: wrap; } @media screen and (max-width: 1280px) { .advantages__wrap { margin-top: 30px; gap: 16px; } } @media screen and (max-width: 1024px) { .advantages__wrap { flex-wrap: wrap; } } @media screen and (max-width: 600px) { .advantages__wrap { gap: 10px; } } .advantages__el { width: calc((100% - 90px) / 4); display: flex; flex-direction: column; align-items: center; padding: 29px min(60px, 3vw); border: 1px solid #fb6535; border-radius: 10px; transition: 0.3s; } @media screen and (max-width: 1280px) { .advantages__el { padding: 15px 30px; width: calc((100% - 48px) / 4); padding: 10px 15px; } } @media screen and (max-width: 1024px) { .advantages__el { width: calc((100% - 16px) / 2); } } @media screen and (max-width: 600px) { .advantages__el { width: 100%; padding: 24px 32px; position: relative; padding-left: 108px; } } .advantages__el:hover { background: rgba(251, 101, 53, 0.1); border-color: rgba(251, 101, 53, 0.1); } .advantages__el_icon { width: 60px; height: 60px; border-radius: 10px; background: #fb6535; padding: 11px; } @media screen and (max-width: 1280px) { .advantages__el_icon { width: 50px; height: 50px; padding: 5px; } } @media screen and (max-width: 600px) { .advantages__el_icon { position: absolute; padding: 11px; left: 33px; top: 50%; transform: translateY(-50%); } } .advantages__el_icon svg { width: 100%; height: 100%; object-fit: contain; fill: white; } .advantages__el_title { margin-top: 25px; text-align: center; color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 600; line-height: 140%; } @media screen and (max-width: 1440px) { .advantages__el_title { margin-top: 15px; line-height: 1.2; font-size: 22px; } } @media screen and (max-width: 1280px) { .advantages__el_title { font-size: 20px; } } @media screen and (max-width: 600px) { .advantages__el_title { text-align: left; font-size: 16px; width: 100%; } } .advantages__el_text { color: #1a1a1a; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-top: 10px; } @media screen and (max-width: 1280px) { .advantages__el_text { font-size: 15px; } } @media screen and (max-width: 600px) { .advantages__el_text { text-align: left; font-size: 14px; width: 100%; } } .catalog__wrap { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: stretch; gap: 30px; } @media screen and (max-width: 1280px) { .catalog__wrap { margin-top: 30px; gap: 16px; } } @media screen and (max-width: 600px) { .catalog__wrap { gap: 10px; } } .catalog__el { width: calc((100% - 90px) / 4); min-height: 270px; border-radius: 10px; background: #f9f9f9; padding: 25px 30px 116px; position: relative; transition: 0.3s; border: 1px solid transparent; } @media screen and (max-width: 1440px) { .catalog__el { padding: 25px 20px 116px; } } @media screen and (max-width: 1280px) { .catalog__el { width: calc((100% - 48px) / 4); padding-top: 15px; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 1024px) { .catalog__el { width: calc((100% - 32px) / 3); } } @media screen and (max-width: 600px) { .catalog__el { width: calc(50% - 5px); min-height: 200px; } } .catalog__el:hover { border-color: #0aaaf8; } .catalog__el_amount { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } @media screen and (max-width: 600px) { .catalog__el_amount { font-size: 14px; } } .catalog__el_title { margin-top: 5px; color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 600; line-height: 140%; } @media screen and (max-width: 1440px) { .catalog__el_title { font-size: 22px; } } @media screen and (max-width: 1280px) { .catalog__el_title { font-size: 18px; } } @media screen and (max-width: 768px) { .catalog__el_title { font-size: 16px; } } @media screen and (max-width: 600px) { .catalog__el_title { margin-top: 5px; font-size: 14px; max-width: 130px; } } .catalog__el_img { position: absolute; bottom: 0; right: 20px; width: 156px; } @media screen and (max-width: 1280px) { .catalog__el_img { right: 0; width: 65%; } } @media screen and (max-width: 600px) { .catalog__el_img { right: 10px; width: 61%; } } .btn__show-more { margin-top: 40px; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: #f6f6f6; color: #1a1a1a; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; height: 70px; transition: 0.3s; } @media screen and (max-width: 1280px) { .btn__show-more { margin-top: 30px; } } @media screen and (max-width: 1024px) { .btn__show-more { margin-top: 20px; height: 60px; font-size: 16px; } } @media screen and (max-width: 600px) { .btn__show-more { height: 50px; font-size: 14px; } } .btn__show-more:hover { background: #0aaaf8; color: white; } .btn__show-more:hover .btn__show-more_num { color: #0aaaf8; background: white; } .btn__show-more_num { margin-left: 10px; color: white; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; width: 30px; height: 30px; border-radius: 100%; background: #0aaaf8; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media screen and (max-width: 600px) { .btn__show-more_num { margin-left: 9px; width: 20px; height: 20px; font-size: 10px; } } @media screen and (max-width: 1280px) { .brands { position: relative; } } .brands::before { content: ""; height: 100%; width: 15px; background: white; position: absolute; top: 0; left: 0; z-index: 10; } @media screen and (max-width: 600px) { .brands::before { width: 9px; } } .brands::after { content: ""; height: 100%; width: 15px; background: white; position: absolute; top: 0; right: 0; z-index: 10; } @media screen and (max-width: 600px) { .brands::after { width: 9px; } } .brands__wrap { overflow: hidden; width: calc(100% + 60px); margin-left: -30px; position: relative; margin-top: 22.5px; padding-left: 12.5px; padding-right: 12.5px; } @media screen and (max-width: 1280px) { .brands__wrap { width: calc(100% + 30px); margin-left: -15px; } } .brands__wrap.swiper-grid-column .swiper-wrapper { flex-direction: row; } .brands__wrap .brand__el { padding: 17.5px; } @media screen and (max-width: 1280px) { .brands__wrap .brand__el { padding: 5px; } } .brands__wrap .brand__el img { width: 100%; } .brands__wrap .swiper-button-next, .brands__wrap .swiper-button-prev { margin-top: -66px; } @media screen and (max-width: 1280px) { .brands__wrap .swiper-button-next, .brands__wrap .swiper-button-prev { display: none; } } .brands__wrap .brand__el_img { width: 100%; height: min(140px, 7.4vw); padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #acacac; transition: 0.3s; } @media screen and (max-width: 1280px) { .brands__wrap .brand__el_img { height: 10.4vw; } } @media screen and (max-width: 768px) { .brands__wrap .brand__el_img { height: 14vw; } } @media screen and (max-width: 600px) { .brands__wrap .brand__el_img { height: 22.3vw; } } .brands__wrap .brand__el_img:hover { border-color: #0aaaf8; } .brands__wrap .brand__el_img img { width: 100%; max-width: 110px; } @media screen and (max-width: 1280px) { .brands__wrap .brand__el_img img { max-width: 70%; } } @media screen and (max-width: 600px) { .brands__wrap .brand__el_img img { max-width: 75, 5%; } } .brands__wrap.swiper-horizontal .swiper-pagination { position: relative; bottom: unset; left: unset; transform: unset; margin: 40px auto 0; } @media screen and (max-width: 1280px) { .brands__wrap.swiper-horizontal .swiper-pagination { margin-top: 20px; } } @media screen and (max-width: 600px) { .brands__wrap.swiper-horizontal .swiper-pagination { margin-top: 15px; } } .swiper-pagination { bottom: 20px; padding: 12px; border-radius: 28px; background: #f9f9f9; max-width: max-content; left: 50%; transform: translateX(-50%); gap: 12px; display: flex; } @media screen and (max-width: 1280px) { .swiper-pagination { padding: 10px; gap: 10px; } } @media screen and (max-width: 600px) { .swiper-pagination { gap: 12px; } } .swiper-pagination .swiper-pagination-bullet { margin: 0 !important; width: 12px; height: 12px; background: #acacac; opacity: 1; } @media screen and (max-width: 1280px) { .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; } } @media screen and (max-width: 600px) { .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0aaaf8; } .populars__wrap { position: relative; overflow: hidden; width: calc(100% + 60px); margin-left: -30px; padding-left: 30px; padding-right: 30px; } @media screen and (max-width: 600px) { .populars__wrap { margin-top: 30px; } } .populars__wrap .swiper-button-next, .populars__wrap .swiper-button-prev { top: 50%; margin: 0; transform: translateY(-50%); } @media screen and (max-width: 600px) { .populars__wrap .swiper-button-next, .populars__wrap .swiper-button-prev { display: none; } } @media screen and (max-width: 600px) { .populars__wrap .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 10px; } } .popular__badges { position: absolute; right: 107px; top: 22px; } @media screen and (max-width: 1280px) { .popular__badges { top: 11px; right: 50px; } } @media screen and (max-width: 600px) { .popular__badges { left: 10px; right: unset; } } .popular__badges .markdown { padding: 2px 10px; border-radius: 6px; background: #fb6535; color: #fff; font-size: 13px; font-style: normal; font-weight: 600; line-height: 160%; } @media screen and (max-width: 600px) { .popular__badges .markdown { padding: 2px 8px; font-size: 12px; } } .popular__el { display: flex; flex-direction: column; position: relative; height: auto; margin-top: 40px; border-radius: 10px; background: #f9f9f9; padding: 5px; } @media screen and (max-width: 1280px) { .popular__el { margin-top: 30px; } } @media screen and (max-width: 600px) { .popular__el { width: calc(50% - 5px); margin-top: 0; display: none; } } @media screen and (max-width: 600px) { .popular__el:nth-child(1), .popular__el:nth-child(2), .popular__el:nth-child(3), .popular__el:nth-child(4) { display: flex; } } .popular__el:hover .popular__el_img { border-color: #0aaaf8; } .populars__slider { overflow: hidden; padding-right: 1px; } @media screen and (max-width: 1024px) { .populars__slider .swiper-button-next, .populars__slider .swiper-button-prev { background: transparent; width: 30px; height: 30px; } .populars__slider .swiper-button-next:hover, .populars__slider .swiper-button-prev:hover { background: transparent; } } @media screen and (max-width: 1024px) { .populars__slider .swiper-button-next { right: 5px; } } @media screen and (max-width: 1024px) { .populars__slider .swiper-button-prev { left: 5px; } } .popular__el_img { border-radius: 10px; height: min(265px, 13.8vw); transition: 0.3s; display: flex; align-items: center; justify-content: center; background: white; } @media screen and (max-width: 1280px) { .popular__el_img { height: 20vw; } } @media screen and (max-width: 1024px) { .popular__el_img { height: 27vw; } } @media screen and (max-width: 600px) { .popular__el_img { height: 42vw; } } .popular__el_img img { object-fit: contain; max-width: 100%; max-height: 100%; } .popular__el_info { padding: 15px 10px 10px; flex-grow: 1; display: flex; flex-direction: column; } @media screen and (max-width: 600px) { .popular__el_info { padding: 10px 0 0; } } .popular__el_price-old { margin-top: 25px; color: #fb6535; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration-line: line-through; } @media screen and (max-width: 1024px) { .popular__el_price-old { margin-top: 20px; font-size: 13px; } } @media screen and (max-width: 600px) { .popular__el_price-old { font-size: 12px; } } .popular__el_name { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; flex-grow: 1; } @media screen and (max-width: 1024px) { .popular__el_name { font-size: 15px; } } @media screen and (max-width: 600px) { .popular__el_name { font-size: 12px; } } .popular__el_price { color: #0aaaf8; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1024px) { .popular__el_price { font-size: 20px; } } @media screen and (max-width: 600px) { .popular__el_price { font-size: 18px; } } .popular__el_price span { margin-left: 5px; color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1024px) { .popular__el_price span { font-size: 14px; } } @media screen and (max-width: 600px) { .popular__el_price span { font-size: 12px; } } .in-fav .add-to-fav svg { fill: #fb6535; } .in-fav .add-to-fav .tooltip .remove { display: block; } .in-fav .add-to-fav .tooltip .add { display: none; } @media screen and (max-width: 1280px) { .in-cart .add-to-basket { background: transparent; } } .in-cart .add-to-basket svg { fill: #fb6535; } .in-cart .add-to-basket .tooltip .remove { display: block; } .in-cart .add-to-basket .tooltip .add { display: none; } .in-cart .add-to-basket .cart-fill { opacity: 1; } @media screen and (max-width: 1280px) { .in-cart .add-to-basket .add-to-basket__text { display: none; } } @media screen and (max-width: 1280px) { .in-cart .add-to-basket .add-to-basket__in-cart { display: block; color: #0aaaf8; } } .popular__el .btn-blue .text-btn { display: block; } .popular__el .btn-blue .text-btn-active { display: none; } .popular__el.in-cart .btn-blue { background-color: #fb6535; border-color: #fb6535; color: #fff; } @media (min-width: 1024px) { .popular__el.in-cart .btn-blue:hover { background-color: #fff; border-color: #fb6535; color: #fb6535; } } .popular__el.in-cart .btn-blue .text-btn { display: none; } .popular__el.in-cart .btn-blue .text-btn-active { display: block; } .add-to-fav { position: absolute; right: 20px; top: 20px; width: 28px; height: 28px; border-radius: 2px; transition: 0.3s; } @media screen and (max-width: 1280px) { .add-to-fav { right: 10px; top: 10px; width: 26px; height: 26px; } } @media screen and (max-width: 600px) { .add-to-fav { width: 24px; height: 24px; } } .add-to-fav:hover .tooltip { opacity: 1; visibility: visible; } @media screen and (max-width: 600px) { .add-to-fav:hover .tooltip { display: none; } } .add-to-fav:hover svg { fill: #fb6535; } .add-to-fav.in-fav svg { fill: #fb6535; } .add-to-fav.in-fav .tooltip .remove { display: block; } .add-to-fav.in-fav .tooltip .add { display: none; } .add-to-fav svg { width: 100%; height: 100%; object-fit: contain; stroke: #fb6535; fill: transparent; } .add-to-basket { position: absolute; right: 63px; top: 20px; width: 28px; height: 28px; border-radius: 2px; transition: 0.3s; } @media screen and (max-width: 1280px) { .add-to-basket { position: relative; right: unset; top: unset; width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background: #0aaaf8; margin-top: 10px; color: white; font-size: 16px; border-radius: 6px; border: 1px solid #0aaaf8; padding: 0; } } @media screen and (max-width: 1024px) { .add-to-basket { margin-top: 5px; } } @media screen and (max-width: 600px) { .add-to-basket { margin-top: 15px; padding: 14px 10px; font-size: 14px; height: 40px; } } @media screen and (max-width: 1280px) { .add-to-basket:hover { background: white; color: #0aaaf8; } } .add-to-basket:hover .tooltip { opacity: 1; visibility: visible; } @media screen and (max-width: 1280px) { .add-to-basket:hover .tooltip { display: none; } } .add-to-basket:hover .cart-fill { opacity: 1; } @media screen and (max-width: 1280px) { .add-to-basket .tooltip { display: none; } } .add-to-basket .add-to-basket__in-cart { display: none; } .add-to-basket svg { width: 100%; height: 100%; object-fit: contain; fill: #fb6535; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; } @media screen and (max-width: 1280px) { .add-to-basket svg { display: none; } } .add-to-basket .cart-fill { opacity: 0; z-index: 3; } .add-to-basket .add-to-basket__text { display: none; } @media screen and (max-width: 1280px) { .add-to-basket .add-to-basket__text { display: block; } } @media screen and (max-width: 1280px) { .add-to-basket.in-cart { background: transparent; } } .add-to-basket.in-cart svg { fill: #fb6535; } .add-to-basket.in-cart .tooltip .remove { display: block; } .add-to-basket.in-cart .tooltip .add { display: none; } .add-to-basket.in-cart .cart-fill { opacity: 1; } @media screen and (max-width: 1280px) { .add-to-basket.in-cart .add-to-basket__text { display: none; } } @media screen and (max-width: 1280px) { .add-to-basket.in-cart .add-to-basket__in-cart { display: block; color: #0aaaf8; } } .video-wrapper { position: relative; width: min(870px, 50vw); height: min(500px, 31vw); border-radius: 10px; overflow: hidden; } @media screen and (max-width: 1280px) { .video-wrapper { width: 45vw; height: 28vw; } } @media screen and (max-width: 1024px) { .video-wrapper { max-width: 100%; width: 100%; height: 50vw; } } @media screen and (max-width: 600px) { .video-wrapper { height: 94vw; } } .video-wrapper.play .video-content { display: none; } .video-wrapper .video-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } video { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; } .video-content__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; border-radius: 100%; background: #d9d9d9; opacity: 0.9; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; } @media screen and (max-width: 1024px) { .video-content__play { width: 80px; height: 80px; } } .video-content__play::before { content: ""; border: 14px solid transparent; border-left: 24px solid #656565; transform: translateX(10px); } .video-content__play:hover { background: #bdbaba; } .about { display: flex; gap: 80px; align-items: flex-start; } @media screen and (max-width: 1440px) { .about { gap: 40px; } } @media screen and (max-width: 1280px) { .about { gap: 20px; } } @media screen and (max-width: 1024px) { .about { flex-direction: column; } } @media screen and (max-width: 600px) { .about { gap: 30px; } } .about__info { max-width: calc(100% - min(950px, 50vw + 80px)); color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 500; line-height: 160%; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; } @media screen and (max-width: 1440px) { .about__info { max-width: calc(100% - min(910px, 50vw + 40px)); } } @media screen and (max-width: 1280px) { .about__info { max-width: calc(100% - 45vw - 20px); gap: 20px; font-size: 16px; } } @media screen and (max-width: 1024px) { .about__info { max-width: 100%; width: 100%; } } @media screen and (max-width: 600px) { .about__info { font-size: 14px; } } .about__info a { text-decoration: underline; color: #0aaaf8; } .about__info .btn-white { border: 1px solid #acacac; color: #1a1a1a; text-decoration: none; } .about__info .btn-white:hover { border: 1px solid #0aaaf8; color: #0aaaf8; } .reviews__top { display: flex; justify-content: space-between; align-items: center; } .new-review { color: #acacac; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; display: flex; align-items: center; gap: 10px; transition: 0.3s; } .new-review svg { width: 28px; height: 28px; fill: #acacac; transition: 0.3s; } .new-review:hover { color: #0aaaf8; } .new-review:hover svg { fill: #0aaaf8; } .reviews__wrap { width: calc(100% + 60px); margin-left: -30px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; margin-top: 40px; } @media screen and (max-width: 1280px) { .reviews__wrap { margin-top: 30px; } } .reviews__wrap .swiper-pagination { display: none !important; } @media screen and (max-width: 600px) { .reviews__wrap .swiper-pagination { display: flex !important; justify-content: center !important; align-items: center; position: relative !important; bottom: unset !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: max-content !important; max-width: max-content !important; margin: 25px 0 0 !important; } .reviews__wrap .swiper-pagination-bullet { display: block !important; } } .reviews__wrap .review { border-radius: 10px; border: 1px solid #acacac; padding: 30px; height: auto; display: flex; flex-direction: column; align-items: flex-start; } @media screen and (max-width: 1440px) { .reviews__wrap .review { padding: 30px 45px; } } @media screen and (max-width: 1024px) { .reviews__wrap .review { padding: 15px 20px; } } @media screen and (max-width: 600px) { .reviews__wrap .review { padding: 20px; } } .reviews__wrap .review .btn-white { margin: 40px auto 0; display: block; width: fit-content; } @media screen and (max-width: 1024px) { .reviews__wrap .review .btn-white { margin: 20px auto 0; } } @media screen and (max-width: 600px) { .reviews__wrap .review .btn-white { margin: 20px auto 0; } } @media screen and (max-width: 1024px) { .reviews__wrap .swiper-button-next, .reviews__wrap .swiper-button-prev { display: none; } } .review__top { display: flex; align-items: center; gap: 20px; } @media screen and (max-width: 600px) { .review__top { gap: 10px; } } .review__logo { display: block !important; flex: 0 0 80px; flex-shrink: 0; box-sizing: border-box; width: 80px !important; height: 80px !important; min-width: 80px; min-height: 80px; max-width: 80px !important; max-height: 80px !important; border-radius: 100%; overflow: hidden; } @media screen and (max-width: 1024px) { .review__logo { flex-basis: 50px; width: 50px !important; height: 50px !important; min-width: 50px; min-height: 50px; max-width: 50px !important; max-height: 50px !important; } } @media screen and (max-width: 600px) { .review__logo { flex-basis: 60px; width: 60px !important; height: 60px !important; min-width: 60px; min-height: 60px; max-width: 60px !important; max-height: 60px !important; } } .review__logo img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; } .review__author { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .review__author { font-size: 16px; } } .review__text { margin-top: 15px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 1024px) { .review__text { margin-top: 5px; } } @media screen and (max-width: 600px) { .review__text { font-size: 14px; } } .review__text>* { margin-top: 15px; } .main-intro.wrapper { height: 21vw; } @media (min-width: 1024px) and (max-width: 1440px) { .main-intro.wrapper { height: 24vw; } } @media screen and (max-width: 1440px) { .main-intro.wrapper { margin-left: 0; margin-right: 0; padding-left: var(--padding); padding-right: var(--padding); } } @media screen and (max-width: 1280px) { .main-intro.wrapper { height: 24vw; } } @media (min-width: 600px) and (max-width: 768px) { .main-intro.wrapper { height: 72vw !important; } } @media (min-width: 400px) and (max-width: 500px) { .main-intro.wrapper { height: 76vw !important; } } @media (min-width: 500px) and (max-width: 600px) { .main-intro.wrapper { height: 74vw !important; } } @media (max-width: 400px) { .main-intro.wrapper { height: 78vw !important; } } .categories-block .catalog__wrap { gap: 20px; } @media screen and (max-width: 600px) { .categories-block .catalog__wrap { gap: 10px; } } .categories-block .catalog__el { width: calc((100% - 100px) / 6); min-height: 220px; padding: 20px; border-radius: 10px; border: 1px solid #0AAAF8; background: #FFF; } @media screen and (max-width: 1440px) { .categories-block .catalog__el { width: calc((100% - 80px) / 5); } } @media screen and (max-width: 1280px) { .categories-block .catalog__el { width: calc((100% - 60px) / 4); } } @media screen and (max-width: 1024px) { .categories-block .catalog__el { width: calc((100% - 40px) / 3); } } @media screen and (max-width: 768px) { .categories-block .catalog__el { width: calc((100% - 20px) / 2); } } @media screen and (max-width: 600px) { .categories-block .catalog__el { padding: 5px; width: calc((100% - 10px) / 2); } } .categories-block .catalog__el:hover { border-color: #252947; } .categories-block .catalog__el_amount { border-radius: 5px 5px 0 0; background: rgba(255, 255, 255, 0.75); padding: 8px 8px 0; position: relative; z-index: 2; } .categories-block .catalog__el .catalog__el_img { right: 10px; } .categories-block .catalog__el_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 600; line-height: 140%; border-radius: 0 0 5px 5px; margin-top: 0; background: rgba(255, 255, 255, 0.75); padding: 5px 8px 8px; position: relative; z-index: 2; } @media screen and (max-width: 1024px) { .categories-block .catalog__el_title { font-size: 18px; } } @media screen and (max-width: 768px) { .categories-block .catalog__el_title { font-size: 16px; } } @media screen and (max-width: 600px) { .categories-block .catalog__el_title { font-size: 14px; } } .categories-block .catalog__el_img { width: 113px; aspect-ratio: 1/1; object-fit: contain; object-position: center bottom; } @media screen and (max-width: 600px) { .categories-block .catalog__el_img { width: 101px; } } .tags { overflow: hidden; width: 100%; margin-bottom: 20px; } @media screen and (max-width: 768px) { .tags { margin-bottom: 10px; } } @media screen and (max-width: 600px) { .tags { margin-bottom: 0; } } .tags .swiper-notification { position: absolute; } .tags .tag { width: max-content; padding: 10px 10px; border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.2); color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; transition: 0.3s; margin-right: 10px; margin-top: 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .tags .tag { font-size: 16px; } } @media screen and (max-width: 600px) { .tags .tag { margin-top: 20px; font-size: 15px; padding: 10px 14px; } } @media screen and (max-width: 450px) { .tags .tag { font-size: 14px; } } .tags .tag.active { background: #0aaaf8; color: white; border: 1px solid #0aaaf8; } .tags .tag.all { background: #0aaaf8; color: white; border: 1px solid #0aaaf8; } .tags .tag.all:hover { background: #0aa0e9; border: 1px solid #0073ab; } .tags .tag:hover { background: rgba(10, 170, 248, 0.06); } .tags .swiper-wrapper { height: auto; } .catalog-wrap { display: flex; align-items: flex-start; gap: 55px; } @media screen and (max-width: 1280px) { .catalog-wrap { gap: 20px; } } .catalog-filters { width: 270px; min-width: 270px; z-index: 2; } @media screen and (max-width: 1024px) { .catalog-filters { display: none; position: fixed; z-index: 10; left: 0; top: var(--headerH); width: 100%; height: calc(100% - var(--headerH)); background: white; overflow-y: auto; transform: translateX(103%); transition: transform 0.3s; } } .catalog-filters.show-filter { transform: translateX(0); } .catalog-products__wrap { flex-grow: 1; } .smart-filter-container-modef, .catalog-products__top { display: flex; align-items: center; gap: 30px; position: relative; z-index: 2; } @media screen and (max-width: 1024px) { .smart-filter-container-modef, .catalog-products__top { gap: 20px; flex-direction: column; align-items: flex-start; } } .catalog-products__top_sort { display: block; } .catalog-products__amount { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1024px) { .catalog-products__amount { flex-grow: 1; } } @media screen and (max-width: 768px) { .catalog-products__amount { font-size: 15px; } } @media screen and (max-width: 450px) { .catalog-products__amount { font-size: 14px; } } .catalog-products__amount_num { color: #0aaaf8; margin-left: 5px; } .catalog-products__top_filter { display: none; } .catalog-products__top_filter svg { width: 100%; height: 100%; fill: black; } @media screen and (max-width: 1024px) { .catalog-products__top_filter.mobile-fxv { position: fixed; z-index: 20; top: 65%; right: 0; transform: translateY(-50%); width: 40px !important; height: 120px !important; background-color: #0aa0e9; border-radius: 0; padding: 6px; box-shadow: 0 4px 8px #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; color: white; font-size: 12px; text-align: center; white-space: nowrap; cursor: pointer; border-radius: 5px; } .catalog-products__top_filter.mobile-fxv span { margin-top: 4px; display: block; writing-mode: vertical-lr; text-orientation: mixed; font-size: 15px; padding-top: 0px; letter-spacing: 1px; transform: rotate(180deg); padding-right: 4px; padding-bottom: 4px; font-weight: normal; line-height: 1.20; } .catalog-products__top_filter.mobile-fxv svg { width: 30px !important; height: 30px !important; fill: white; margin-left: 0px !important; } .catalog-products__top_filter.mobile-fxv { display: block; width: 28px; height: 28px; } .catalog-products__top_filter { float: left; display: flex; align-items: center; cursor: pointer; width: 110px; } .catalog-products__top_filter span { font-family: inherit; font-size: 14px; line-height: 1.15; font-weight: bold; order: -1; } .catalog-products__top_filter svg { margin-left: 8px; width: 20px; height: 20px; display: block; } } @media screen and (max-width: 450px) { .catalog-products__top_filter svg { margin-left: 0px; width: 24px; height: 24px; display: block; } .catalog-products__top_filter span, .itc-select.select-sort .itc-select__inner { display: block; order: 1; padding-left: 10px; } .catalog-products__top_filter { margin-top: 5px; } .catalog-products__top_filter span { margin-left: 4px; } } #scrollTopBtn { display: none !important; } .catalog-products { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 25px 14px; position: relative; z-index: 1; } @media screen and (max-width: 1280px) { .catalog-products { gap: 20px 10px; } } @media screen and (max-width: 768px) { .catalog-products { margin-top: 25px; } } @media screen and (max-width: 450px) { .catalog-products { margin-top: 20px; } } .catalog-products .popular__el { width: calc((100% - 56px) / 5); margin-top: 0; } @media (max-width: 1560px) { .catalog-products .popular__el { width: calc((100% - 42px) / 4); } } @media screen and (max-width: 1280px) { .catalog-products .popular__el { width: calc((100% - 20px) / 3); } } @media screen and (max-width: 1024px) { .catalog-products .popular__el { width: calc((100% - 30px) / 4); } } @media screen and (max-width: 768px) { .catalog-products .popular__el { width: calc((100% - 20px) / 3); display: flex; } } @media screen and (max-width: 600px) { .catalog-products .popular__el { width: calc((100% - 10px) / 2); display: flex; } } @media (max-width: 1560px) { .catalog-products .popular__el_img { height: 15.8vw; } } @media screen and (max-width: 1280px) { .catalog-products .popular__el_img { height: 21vw; } } @media screen and (max-width: 768px) { .catalog-products .popular__el_img { height: 28vw; } } @media screen and (max-width: 600px) { .catalog-products .popular__el_img { height: 45vw; } } @media screen and (max-width: 450px) { .select-sort__arr-svg { display: none; } } .itc-select { z-index: 1; position: relative; } @media screen and (max-width: 1024px) { .itc-select.select-sort .itc-select__dropdown { left: unset; right: 0; } } .itc-select.itc-select_show { z-index: 6; } .itc-select.itc-select_show .itc-select_wr svg { transform: scale(1, -1); } .itc-select svg.select-sort__mob-svg { display: none; } @media screen and (max-width: 450px) { .itc-select svg.select-sort__mob-svg { display: block; width: 28px; height: 28px; fill: black; margin: 0; } } .itc-select_wr { position: relative; display: flex; align-items: center; } .itc-select_wr svg { width: 24px; height: 24px; fill: #1a1a1a; margin-left: 5px; margin-top: 1px; pointer-events: none; } .catalog-filters__close { display: none; } @media screen and (max-width: 1024px) { .catalog-filters__close { display: block; content: ""; width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; z-index: 5; background-size: contain; background-repeat: no-repeat; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1.4282 17.3051L0.694867 16.5718L8.26667 8.99996L0.694867 1.42816L1.4282 0.694824L9 8.26662L16.5718 0.694824L17.3051 1.42816L9.73333 8.99996L17.3051 16.5718L16.5718 17.3051L9 9.73329L1.4282 17.3051Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } } .itc-select__dropdown { max-height: 0; overflow: hidden; opacity: 0; transition: opacity 0.3s; position: absolute; } .itc-select__options { padding: 0; display: flex; gap: 0; border-radius: 6px; box-shadow: 0px 0px 4px #cbc8c8; background: white; margin: 6px; flex-direction: column; align-items: flex-start; overflow: hidden; width: max-content; max-width: 300px; } .itc-select_show .itc-select__dropdown { opacity: 1; max-height: unset; } .itc-select__toggle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .itc-select__inner { color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; white-space: nowrap; display: flex; align-items: stretch; } .itc-select__dropdown { left: 0; } .itc-select__option { padding: 10px 12px; color: #1a1a1a; width: 100%; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-align: left; transition: 0.3s; background: white; } @media screen and (max-width: 600px) { .itc-select__option { padding: 6px 12px; } } .itc-select__option:hover { background: rgba(10, 170, 248, 0.05); } .itc-select__option.itc-select__option_selected { color: #0aaaf8; } .catalog-filters .smart-filter-form { display: flex; flex-direction: column-reverse; font-family: Nunito; margin-top: 10px; padding-top: 20px; border-top: 1px solid #f6f6f6; } .catalog-filters .smart-filter-form .row { display: flex; flex-direction: column; gap: 10px; } .catalog-filters .smart-filter-title { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; font-family: Nunito; position: relative; } .catalog-filters .smart-filter-button-box { position: absolute; top: 0; right: 0; } .catalog-filters .smart-filter-button-box .btn { color: #acacac; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } .catalog-filters .smart-filter-button-box .btn:hover { color: #0aaaf8; } .catalog-filters #set_filter, .catalog-filters .smart-filter-button-box .btn.btn-primary, .catalog-filters .button-smart-custom.btn-blue { display: none; } .catalog-filters .smart-filter-parameters-box { border-radius: 6px; background: #f9f9f9; padding: 15px 11px 15px 15px; z-index: 1; position: relative; } .catalog-filters .smart-filter-parameters-box-title-text { color: #000; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } .catalog-filters .smart-filter-parameters-box-title { padding-bottom: 0; display: flex; z-index: 1; align-items: flex-start; } @media screen and (max-width: 1024px) { .catalog-filters .smart-filter { padding: 50px 20px 30px; max-width: 100%; } } @media screen and (max-width: 768px) { .catalog-filters .smart-filter { max-width: 100%; } } .catalog-filters .smart-filter-container-modef { position: absolute; right: 0; } .catalog-filters .smart-filter-container-modef .smart-filter-popup-result { right: unset; left: 0; border: 1px solid #0aaaf8; padding: 4px 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.5); } @media screen and (max-width: 768px) { .catalog-filters .smart-filter-container-modef .smart-filter-popup-result { left: unset; right: 0; background: white; } } .tag.tg0, .tag.tg1, .tag.tg2 { margin-top: 0px !important; } .tag.nbt-tg { margin-bottom: 0px; } .ext-tgs { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; } .ext-tgs:not(.h-tg) { max-height: 500px; opacity: 1; } .h-tg { max-height: 0; opacity: 0; } .ext-tgs:not(.h-tg)+.tgl-tgs::after { content: '↑'; } .catalog-filters .smart-filter-container-modef .smart-filter-popup-result a { color: #0aaaf8; } .catalog-filters .smart-filter-container-modef .smart-filter-popup-result a:hover { text-decoration: underline; } .catalog-filters .smart-filter-parameters-box-title-text { flex-grow: 1; } .catalog-filters .hide-filter { display: none !important; } .catalog-filters .smart-filter-block { padding-top: 11px; } .catalog-filters .smart-filter-angles { display: flex; align-items: center; justify-content: center; } .catalog-filters .smart-filter-angles::before { content: ""; position: static; display: block; border: unset; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.6462 14.4442L16.0904 15L11.3327 10.2423L6.55578 15L6 14.4442L11.3327 9.13075L16.6462 14.4442Z' fill='%23474747'/%3E%3C/svg%3E"); transform: scale(1, -1); } .catalog-filters .smart-filter-angles::after { content: none; } .catalog-filters .smart-filter-angle-up .smart-filter-angles::before { transform: unset; } .catalog-filters .smart-filter-input-group-number .justify-content-between { display: flex; align-items: flex-end; gap: 20px; } .catalog-filters .smart-filter-input-group-number .custom-label { color: #8a8a8a; font-family: Nunito; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .catalog-filters .smart-filter-input-group-number input { margin-top: 6px; color: #000; font-family: Nunito; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 5px; box-shadow: unset; border-radius: unset; border-radius: 0; border-bottom: 1px solid #e0e0e0; width: 100%; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-ruler { display: none; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-track-container { padding: 20px 0; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-track { height: 2px; background: #e7e7e7; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-price-bar-v { background: #0aaaf8; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-range { z-index: 90; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-handle.left { width: 14px; height: 14px; border-radius: 100%; background: #0aaaf8; border: unset; margin-left: 0; top: calc(50% - 7px); } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-handle.left::before { content: ""; width: 8px; height: 8px; border-radius: 100%; position: absolute; top: 3px; left: 3px; background: white; } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-handle.right { width: 14px; height: 14px; border-radius: 100%; background: #0aaaf8; border: unset; margin-right: 0; top: calc(50% - 7px); } .catalog-filters .smart-filter-input-group-number .smart-filter-slider-handle.right::before { content: ""; width: 8px; height: 8px; border-radius: 100%; position: absolute; top: 3px; left: 3px; background: white; } .catalog-filters .form-check { margin-top: 14px; user-select: none; } .catalog-filters .form-check input { opacity: 0; visibility: hidden; width: 0; height: 0; z-index: -1; position: absolute; } .catalog-filters .form-check span { white-space: nowrap; } .catalog-filters .form-check input:checked~label::before { border-color: #0aaaf8; } .catalog-filters .form-check input:checked~label::after { content: ""; position: absolute; left: 1px; top: 1px; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8L6.33333 11L13 5' stroke='%230AAAF8'/%3E%3C/svg%3E"); } .catalog-filters .form-check label { position: relative; padding-left: 26px; cursor: pointer; color: #1a1a1a; font-family: Nunito; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; transition: 0.3s; display: inline-block; } .catalog-filters .form-check label:hover { color: #0aaaf8; } .catalog-filters .form-check label::before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #999; transition: 0.3s; } .btn-show-all { width: 100%; text-align: center; margin: 25px auto 0; color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: none; } .btn-show-all:hover { text-decoration: underline; } .btn-show-all.hide-btn { display: none; } .add-to-basket__new { margin-top: 15px; display: flex; gap: 8px; align-items: stretch; } @media screen and (max-width: 1024px) { .add-to-basket__new { flex-direction: column-reverse; } } @media screen and (max-width: 450px) { .add-to-basket__new { display: none; } } .add-to-basket__new .amount-wrap { min-width: max-content; border-radius: 6px; border: 0.5px solid #0AAAF8; display: flex; align-items: center; justify-content: center; padding: 0 min(10px, 5vw); } @media (max-width: 1700px) { .add-to-basket__new .amount-wrap { padding: 0 5px; } } @media screen and (max-width: 1280px) { .add-to-basket__new .amount-wrap { padding: 0 10px; } } @media screen and (max-width: 1024px) { .add-to-basket__new .amount-wrap { padding: 0 5px; height: 44px; gap: 12px; } } .add-to-basket__new .prod-amount-inp { width: 40px; text-align: center; color: #1A1A1A; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } .add-to-basket__new .btn-minus, .add-to-basket__new .btn-plus { color: #9C9C9C; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; padding-left: 5px; padding-right: 5px; } .add-to-basket__new .btn-blue { font-size: min(17px, 0.9vw); flex-grow: 1; padding: 11px 0; } @media screen and (max-width: 1280px) { .add-to-basket__new .btn-blue { font-size: 15px; } } @media screen and (max-width: 1024px) { .add-to-basket__new .btn-blue { height: 44px; } } .add-to-basket__mobile { display: none; } @media screen and (max-width: 450px) { .add-to-basket__mobile { margin-top: 15px; display: flex; gap: 8px; align-items: stretch; flex-direction: column-reverse; position: relative; } } .add-to-basket__mobile.hide-btn .btn-blue { display: none; } .add-to-basket__mobile.hide-btn .amount-wrap { opacity: 1; pointer-events: all; } .add-to-basket__mobile .amount-wrap { min-width: max-content; border-radius: 6px; border: 0.5px solid #0AAAF8; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 1024px) { .add-to-basket__mobile .amount-wrap { padding: 0 5px; height: 44px; gap: 12px; opacity: 0; transition: opacity 0.3s; pointer-events: none; } } .add-to-basket__mobile .prod-amount-inp { width: 40px; text-align: center; color: #1A1A1A; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } .add-to-basket__mobile .btn-minus, .add-to-basket__mobile .btn-plus { color: #9C9C9C; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; padding-left: 5px; padding-right: 5px; } .add-to-basket__mobile .btn-blue { flex-grow: 1; padding: 11px 0; } @media screen and (max-width: 1280px) { .add-to-basket__mobile .btn-blue { font-size: 15px; } } @media screen and (max-width: 450px) { .add-to-basket__mobile .btn-blue { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; } } .old-price { position: relative; } .old-price::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #fb6535; } @media screen and (max-width: 600px) { .tags .tag { margin-top: 20px; padding: 10px 14px; } } @media screen and (max-width: 1024px) { .header.fixed~.wrapper.search .catalog-filters { top: 69px; height: calc(100% - 69px); } } .range-slider { width: 100%; position: relative; height: 50px; } .range-slider input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; background: transparent; position: absolute; pointer-events: none; top: calc(47% - 5px); transform: translateY(-50%); z-index: 2; padding-right: 3px; border-bottom: 0; padding-bottom: 0; } .range-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #0aaaf8; cursor: pointer; pointer-events: all; position: relative; z-index: 2; padding-right: 3px; } /* Другое оформление для Firefox */ .range-slider input[type=range]::-moz-range-thumb { width: 10px; height: 10px; background: #0aaaf8; cursor: pointer; } .range-slider .track { height: 1px; width: 100%; background: #ddd; border-radius: 3px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .range-slider .track .range { height: 100%; background: #0aaaf8; position: absolute; z-index: -1; } .range-res { display: flex; align-items: center; gap: 10px; justify-content: space-between; margin-bottom: 16px; color: #8a8a8a; font-family: Nunito; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .range-res input { width: 100%; } .range-res-el { width: 100%; } .range-slider__max, .range-slider__min { position: absolute; top: 0; } .range-slider__min { left: 0; } .js-range-min { z-index: 3 !important; } .range-slider__max { right: 0; } .smart-filter-input-group-checkbox-list { max-height: 300px; overflow: hidden; overflow-y: auto; padding-right: 4px; } .smart-filter-input-group-checkbox-list::-webkit-scrollbar { width: 5px; background-color: #cccccc; } .smart-filter-input-group-checkbox-list::-webkit-scrollbar-thumb { background-color: #0aaaf8; border-radius: 6px; } .product-page__top { display: flex; gap: 50px; } @media screen and (max-width: 1440px) { .product-page__top { gap: 30px; } } @media screen and (max-width: 1280px) { .product-page__top { flex-wrap: wrap; } } @media screen and (max-width: 768px) { .product-page__top { gap: 16px; } } .product-page__slider, .product-page__info, .product-page__stocks { width: calc((100% - 100px) / 3); } @media screen and (max-width: 1440px) { .product-page__slider, .product-page__info, .product-page__stocks { width: calc((100% - 60px) / 3); } } @media screen and (max-width: 1280px) { .product-page__slider, .product-page__info, .product-page__stocks { width: calc((100% - 30px) / 2); } } @media screen and (max-width: 768px) { .product-page__slider, .product-page__info, .product-page__stocks { width: calc((100% - 16px) / 2); } } @media screen and (max-width: 600px) { .product-page__slider, .product-page__info, .product-page__stocks { width: 100%; } } .product-page__slider { position: relative; overflow: hidden; border-radius: 10px; border: 1px solid #e7e7e7; background: white; min-height: calc((100vw - var(--padding) * 2 - 100px) / 3); } @media screen and (max-width: 1280px) { .product-page__slider { min-height: calc((100vw - var(--padding) * 2 - 30px) / 2); } } @media screen and (max-width: 768px) { .product-page__slider { min-height: calc((100vw - var(--padding) * 2 - 16px) / 2); } } @media screen and (max-width: 600px) { .product-page__slider { min-height: unset; height: 95vw; } } .product-page__slider .markdown { position: absolute; transform: translateZ(1px); z-index: 2; left: 30px; top: 30px; padding: 4px 16px; border-radius: 6px; background: #fb6535; color: #fff; font-size: 14px; font-style: normal; font-weight: 600; line-height: 160%; } @media screen and (max-width: 1280px) { .product-page__slider .markdown { left: 20px; top: 20px; } } @media screen and (max-width: 600px) { .product-page__slider .markdown { padding: 2px 8px; font-size: 12px; } } .product-page__slider .add-to-fav { z-index: 2; right: 30px; top: 30px; } @media screen and (max-width: 1280px) { .product-page__slider .add-to-fav { top: 20px; right: 20px; } } .product-page__slider img { width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: contain; object-position: center; display: block; } .product-page__slider .swiper-container { height: 100%; } .product-page__slider .swiper-container .swiper-notification { position: absolute; } .product-page__slider .swiper-container .swiper-pagination { bottom: 30px; padding: 0; background: unset; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 600px) { .product-page__slider .swiper-container .swiper-pagination { bottom: 15px; } } .product-page__slider .swiper-container .swiper-pagination-bullet { width: 8px; height: 8px; } .product-page__stock_amount { display: flex; align-items: center; } .product-page__stock_amount svg { width: 22px; height: 22px; fill: #1eda00; } .product-page__title { color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 300; line-height: normal; } @media screen and (max-width: 1440px) { .product-page__title { font-size: 22px; } } @media screen and (max-width: 768px) { .product-page__title { font-size: 20px; } } .product-page__title strong { font-weight: 700; } .product-page__prices { display: flex; justify-content: space-between; margin-top: 8px; } @media screen and (max-width: 1440px) { .product-page__prices { margin-top: 10px; } } .product-page__info { display: flex; flex-direction: column; } .product-page__prices_text { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; max-width: max-content; line-height: normal; } @media screen and (max-width: 1024px) { .product-page__prices_text { font-size: 14px; } } @media screen and (max-width: 768px) { .product-page__prices_text { font-size: 12px; } } .product-page__prices_text span { font-weight: 700; } @media screen and (max-width: 768px) { .product-page__prices_text span { display: block; } } .product-page__prices_text.lined { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #acacac; } @media screen and (max-width: 768px) { .product-page__prices_text.lined span { display: inline; } } .product-page__prices_old { color: #fb6535; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; text-align: right; text-decoration: line-through; } @media screen and (max-width: 768px) { .product-page__prices_old { font-size: 14px; } } .product-page__prices_old span { font-size: 12px; } .product-page__prices_price { display: flex; flex-direction: column; justify-content: space-between; } .product-page__prices_new { color: #0aaaf8; font-size: 40px; font-style: normal; font-weight: 700; text-align: right; line-height: normal; } @media screen and (max-width: 1440px) { .product-page__prices_new { font-size: 36px; } } @media screen and (max-width: 1024px) { .product-page__prices_new { font-size: 30px; } } @media screen and (max-width: 768px) { .product-page__prices_new { font-size: 24px; } } .product-page__prices_new span { font-size: 20px; } @media screen and (max-width: 768px) { .product-page__prices_new span { font-size: 14px; } } .product-page__btns { margin-top: 20px; display: flex; align-items: stretch; gap: 10px; } @media screen and (max-width: 768px) { .product-page__btns { margin-top: 15px; gap: 4px; } } @media screen and (max-width: 450px) { .product-page__btns { flex-wrap: wrap; } } .product-page__btns .btn-blue, .product-page__btns .product-page__btns_amount { width: calc(50% - 5px); } @media screen and (max-width: 768px) { .product-page__btns .btn-blue, .product-page__btns .product-page__btns_amount { width: calc(50% - 2px); } } @media screen and (max-width: 450px) { .product-page__btns .btn-blue, .product-page__btns .product-page__btns_amount { min-width: 160px; flex-grow: 1; } } .product-page__btns .product-page__btns_amount { display: flex; padding: 5px 10px; border-radius: 10px; border: 1px solid #0aaaf8; justify-content: space-between; align-items: center; } @media screen and (max-width: 768px) { .product-page__btns .product-page__btns_amount { padding: 0; } } .product-page__btns .btn-blue { padding: 15.5px 16px; font-size: 20px; border-radius: 10px; } @media screen and (max-width: 1440px) { .product-page__btns .btn-blue { padding: 13px 16px; font-size: 18px; } } @media screen and (max-width: 768px) { .product-page__btns .btn-blue { font-size: 16px; } } .product-page__btns input { text-align: center; box-shadow: unset; outline: none; border: unset; color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; width: calc(100% - 94px); } @media screen and (max-width: 768px) { .product-page__btns input { width: calc(100% - 70px); } } @media screen and (max-width: 450px) { .product-page__btns input { width: calc(100% - 110px); } } .product-page__btns_minus, .product-page__btns_plus { width: 47px; height: 100%; display: flex; align-items: center; justify-content: center; color: #9c9c9c; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; transition: 0.3s; border-radius: 4px; } @media screen and (max-width: 768px) { .product-page__btns_minus, .product-page__btns_plus { width: 35px; } } @media screen and (max-width: 450px) { .product-page__btns_minus, .product-page__btns_plus { width: 55px; } } .product-page__btns_minus:hover, .product-page__btns_plus:hover { background: rgba(10, 170, 248, 0.1); } .product-page__char { margin-top: 40px; gap: 25px; display: flex; flex-direction: column; justify-content: flex-end; flex-grow: 1; } @media screen and (max-width: 1024px) { .product-page__char { margin-top: 20px; } } .product-page__docs { width: 100%; overflow-x: auto; scrollbar-color: #0aaaf8 #f9f9f9; border-radius: 6px; border: 1px solid #0aaaf8; background: #fff; } .product-page__docs::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .product-page__docs::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } .product-page__docs table { width: 100%; border-collapse: collapse; } .product-page__docs tr { position: relative; } .product-page__docs tr::after { content: "Документ доступен для скачивания в личном кабинете при выполнении заказа"; position: absolute; padding: 6px 12px; border-radius: 4px; background: rgb(255, 240, 235); color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; max-width: 300px; left: 20%; bottom: 62%; opacity: 0; pointer-events: none; transition: opacity 0.2s; } @media (hover: hover) { .product-page__docs tr:hover::after { opacity: 1; } } .product-page__docs tr:nth-child(1) { background: rgba(10, 170, 248, 0.08); color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 500; line-height: 130%; } .product-page__docs tr:nth-child(1)::after { content: none; } .product-page__docs tr:nth-child(1) td { padding: 30px 20px; } @media screen and (max-width: 1024px) { .product-page__docs tr:nth-child(1) td { padding: 16px 20px; } } .product-page__docs tr td { color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 600; line-height: 130%; padding: 24px 20px; } @media screen and (max-width: 1024px) { .product-page__docs tr td { padding: 16px 20px; } } .product-page__badge { display: flex; min-height: 53px; margin-top: 15px; align-items: center; gap: 4px 16px; justify-content: flex-start; flex-wrap: wrap; padding: 9px 15px; padding-left: 61px; border-radius: 6px; background: rgba(10, 170, 248, 0.04); position: relative; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: 160%; transition: background 0.3s; } @media screen and (max-width: 600px) { .product-page__badge { justify-content: flex-start; line-height: 130%; min-height: 34px; padding: 5px 9px; padding-left: 49px; } } .product-page__badge.yellow { background: rgba(233, 204, 36, 0.2); } .product-page__badge.yellow:hover { background: #fff4b2; } .product-page__badge.green { background: rgba(126, 200, 59, 0.2); } .product-page__badge.green:hover { background: #ceecb4; } .product-page__badge a:hover { text-decoration: underline; } .product-page__badge .product-page__badge_link { display: inline-flex; min-width: max-content; align-items: center; gap: 4px; color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 500; line-height: 160%; } .product-page__badge .product-page__badge_link svg { width: 16px; min-width: 16px; height: 16px; } .product-page__badge .product-page__badge_info { display: flex; flex-grow: 1; align-items: center; justify-content: flex-start; } .product-page__badge .product-page__badge_ico { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: absolute; left: 15px; top: calc(50% - 15px); } @media screen and (max-width: 600px) { .product-page__badge .product-page__badge_ico { width: 24px; height: 24px; top: calc(50% - 12px); left: 9px; } } .product-page__badge .product-page__badge_ico img, .product-page__badge .product-page__badge_ico svg { max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; display: block; } .product-page__char_top { display: flex; align-items: center; justify-content: space-between; } .product-page__char_title { color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 768px) { .product-page__char_title { font-size: 16px; } } .product-page__char_more { color: #acacac; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; text-decoration-line: underline; transition: 0.3s; } @media screen and (max-width: 768px) { .product-page__char_more { font-size: 14px; } } .product-page__char_more:hover { color: #1a1a1a; } @media screen and (max-width: 1024px) { .product-page__char_table { margin-top: 15px; } } .product-page__char_row { display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f6f6f6; } @media screen and (max-width: 1024px) { .product-page__char_row { padding-bottom: 5px; margin-bottom: 5px; } } .product-page__char_row:nth-last-child(1) { padding-bottom: 0; margin-bottom: 0; border-bottom: unset; } .product-page__char_prop { color: #8e8e93; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1024px) { .product-page__char_prop { font-size: 14px; } } .product-page__char_descr { color: #333; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1024px) { .product-page__char_descr { font-size: 14px; } } .product-page__char_descr.code { padding: 4px 8px; color: #fb6535; border-radius: 5px; background: #f9f9f9; } .product-page__stocks { border-radius: 10px; border: 1px solid #0aaaf8; padding: 30px 30px 19px; display: flex; flex-direction: column; } @media screen and (max-width: 1440px) { .product-page__stocks { padding: 10px; } } @media screen and (max-width: 1280px) { .product-page__stocks { width: 100%; padding: 20px 30px; } } @media screen and (max-width: 768px) { .product-page__stocks { padding: 20px; } } @media screen and (max-width: 600px) { .product-page__stocks { padding: 20px 10px; } } .product-page__stocks_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; } .auth_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 15px; } .back-button-wrapper { position: absolute; top: 26px; left: 30px; width: 24px; height: 24px; z-index: 5; cursor: pointer; } .back-button-wrapper svg { width: 100%; height: 100%; fill: #acacac; transition: 0.3s; } .visible { display: block !important; } #auth-frm-frst { cursor: pointer; } .product-page__stocks_heading { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1440px) { .product-page__stocks_heading { margin-top: 10px; } } @media screen and (max-width: 1280px) { .product-page__stocks_heading { font-size: 16px; } } @media screen and (max-width: 600px) { .product-page__stocks_heading { font-size: 14px; } } .product-page__stocks_wrap { margin-top: 10px; display: flex; flex-direction: column; gap: 5px; flex-grow: 1; } .product-page__stock { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 9px 15px; border-radius: 6px; background: rgba(10, 170, 248, 0.04); transition: 0.3s; } @media screen and (max-width: 1280px) { .product-page__stock { padding: 5px 15px; } } .product-page__stock:nth-child(even) { background: transparent; } .product-page__stock:hover { background: rgba(10, 170, 248, 0.12); } .product-page__stock_location-prop { color: #606060; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 2px; } @media screen and (max-width: 1280px) { .product-page__stock_location-prop { font-size: 14px; } } @media screen and (max-width: 600px) { .product-page__stock_location-prop { font-size: 12px; } } .product-page__stock_location-geo { color: #000; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } @media screen and (max-width: 1280px) { .product-page__stock_location-geo { font-size: 16px; } } @media screen and (max-width: 600px) { .product-page__stock_location-geo { font-size: 14px; } } .product-page__stock_amount { color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: flex; gap: 2px; align-items: center; } @media screen and (max-width: 1280px) { .product-page__stock_amount { font-size: 18px; } } .product-page__stock_btns { margin-top: 20px; display: flex; align-items: stretch; gap: 10px; } @media screen and (max-width: 1440px) { .product-page__stock_btns { margin-top: 10px; } } @media screen and (max-width: 1280px) { .product-page__stock_btns { justify-content: center; } } @media screen and (max-width: 768px) { .product-page__stock_btns { flex-wrap: wrap; } } .product-page__stock_more { border-radius: 5px; background: #f9f9f9; padding: 10px; display: flex; align-items: center; justify-content: center; color: #1a1a1a; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; width: calc(50% - 5px); height: 50px; transition: 0.3s; } @media screen and (max-width: 1440px) { .product-page__stock_more { font-size: 16px; } } @media screen and (max-width: 1280px) { .product-page__stock_more { max-width: 240px; } } @media screen and (max-width: 768px) { .product-page__stock_more { min-width: max-content; flex-grow: 1; max-width: unset; } } .product-page__stock_more:hover { background: #0aaaf8; color: white; } .product-page__stock_map { color: #1a1a1a; font-size: 17px; font-style: normal; font-weight: 400; padding: 10px; line-height: normal; width: calc(50% - 5px); border-radius: 5px; border: 1px solid #f6f6f6; height: 50px; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media screen and (max-width: 1440px) { .product-page__stock_map { font-size: 16px; } } @media screen and (max-width: 1280px) { .product-page__stock_map { max-width: 240px; text-align: center; } } @media screen and (max-width: 768px) { .product-page__stock_map { min-width: max-content; flex-grow: 1; max-width: unset; } } .product-page__stock_map:hover { border-color: #0aaaf8; color: #0aaaf8; } .product-page__description { width: 100%; margin-top: 50px; border-radius: 10px; background: #f7f8f9; padding: 30px 35px; } @media screen and (max-width: 600px) { .product-page__description { padding: 30px 15px; } } .product-page__description_tabs { max-width: max-content; display: flex; gap: 30px; border-bottom: 1px solid #acacac; overflow: hidden; overflow-x: auto; scrollbar-width: thin; scrollbar-color: transparent transparent; } @media screen and (max-width: 600px) { .product-page__description_tabs { width: calc(100% + 30px); margin-left: -15px; padding: 0 15px; } } .product-page__description_tabs::-webkit-scrollbar { width: 0; height: 0; background: transparent; display: none; } .product-page__description_tabs::-webkit-scrollbar-thumb { border-radius: 100%; background: transparent; } .product-page__description_tabs::-webkit-scrollbar-corner { background: transparent; } .product-page__description_tabs .product-page__tab { color: #acacac; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; padding-bottom: 10px; position: relative; transition: 0.3s; } @media screen and (max-width: 768px) { .product-page__description_tabs .product-page__tab { font-size: 18px; padding-bottom: 5px; } } @media screen and (max-width: 600px) { .product-page__description_tabs .product-page__tab { font-size: 16px; text-align: center; } } .product-page__description_tabs .product-page__tab:hover { color: #1a1a1a; } .product-page__description_tabs .product-page__tab::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; background: #0aaaf8; width: 100%; transition: 0.3s; opacity: 0; } .product-page__description_tabs .product-page__tab.active { color: #0aaaf8; } .product-page__description_tabs .product-page__tab.active::after { opacity: 1; } .product-page__description_block { display: none; margin-top: 30px; } @media screen and (max-width: 768px) { .product-page__description_block { margin-top: 20px; } } .product-page__description_block.active { display: block; } .product-page__description_block .product-page__char_row { border-color: #e2e2e2; } .product-page__description_block .text-normal { font-size: 18px; font-weight: 400; line-height: 1.5; } @media screen and (max-width: 768px) { .product-page__description_block .text-normal { font-size: 16px; } } .product-page__description_block .text-bold { color: #333; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 8px; } @media screen and (max-width: 768px) { .product-page__description_block .text-bold { font-size: 16px; } } .product-page__similar.wrapper { margin-top: 50px; border-radius: 10px; border: 1px solid #0aaaf8; padding: 30px 35px; margin-left: var(--padding); margin-right: var(--padding); overflow: hidden; } @media screen and (max-width: 1440px) { .product-page__similar.wrapper { padding: 30px 20px; } } @media screen and (max-width: 1280px) { .product-page__similar.wrapper { padding: 20px 15px; } } @media screen and (max-width: 1024px) { .product-page__similar.wrapper { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1024px) { .product-page__similar.wrapper .product-page__description_tabs { margin-left: 10px; margin-right: 10px; } } .product-page__similar.wrapper table { margin-top: 20px; width: 100%; border-collapse: collapse; } .product-page__similar.wrapper table .add-to-fav, .product-page__similar.wrapper table .add-to-basket { position: relative; right: unset; top: unset; width: 28px; height: 28px; min-width: 28px; } .product-page__similar.wrapper table tr:nth-last-child(1) td { border-bottom: unset; } .product-page__similar.wrapper tr:hover td { background: rgba(10, 170, 248, 0.05); } @media screen and (max-width: 1280px) { .product-page__similar.wrapper .add-to-basket { background: unset; border: unset; height: 34px; margin: 0; } } .product-page__similar.wrapper .add-to-basket svg { display: block; } .product-page__similar.wrapper .table-btns { display: flex; align-items: center; gap: 10px; min-width: 5vw; justify-content: flex-end; } .product-page__similar.wrapper thead { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; text-align: left; border-radius: 6px; background: var(--unnamed, #f9f9f9); } .product-page__similar.wrapper thead th { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; padding-left: 20px; } @media screen and (max-width: 1440px) { .product-page__similar.wrapper thead th { padding: 10px; } } @media screen and (max-width: 1280px) { .product-page__similar.wrapper thead th { padding: 8px; } } .product-page__similar.wrapper .amount-wrap { display: flex; padding: 0; border-radius: 6px; border: 1px solid #0aaaf8; justify-content: space-between; align-items: center; max-width: 80px; min-width: 80px; } .product-page__similar.wrapper .amount-wrap input { text-align: center; box-shadow: unset; outline: none; border: unset; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; width: calc(100% - 54px); } .product-page__similar.wrapper .amount-wrap .btn-plus, .product-page__similar.wrapper .amount-wrap .btn-minus { width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; color: #9c9c9c; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } .product-page__similar.wrapper .amount-wrap .btn-plus:hover, .product-page__similar.wrapper .amount-wrap .btn-minus:hover { background: rgba(10, 170, 248, 0.1); } .product-page__similar.wrapper td { color: #000; font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; text-align: left; padding-right: 30px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f6f6f6; transition: 0.3s; } @media screen and (max-width: 1440px) { .product-page__similar.wrapper td { padding: 10px; } } @media screen and (max-width: 1280px) { .product-page__similar.wrapper td { font-size: 13px; padding: 8px; } } .product-page__similar.wrapper td:nth-child(2) { min-width: 18vw; } @media screen and (max-width: 1280px) { .product-page__similar.wrapper td:nth-child(2) { min-width: 220px; } } .product-page__similar.wrapper td a { color: #000; } .product-page__similar_block { max-width: 100%; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #0aaaf8 #f9f9f9; display: none; } .product-page__similar_block::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .product-page__similar_block::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } .product-page__similar_block.active { display: block; } .product-page__similar.wrapper thead th:nth-last-child(1) { text-align: right; } .shops-wrapper { display: flex; flex-direction: column; gap: 20px; } @media screen and (max-width: 600px) { .shops-wrapper { gap: 15px; } } .shop-el { display: flex; align-items: center; justify-content: space-between; padding: 25px 24px 25px 30px; border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); transition: 0.3s; } @media screen and (max-width: 1024px) { .shop-el { padding: 20px; } } @media screen and (max-width: 768px) { .shop-el { flex-wrap: wrap; gap: 20px; } } @media screen and (max-width: 450px) { .shop-el { gap: 0; } } .shop-el:hover { background: rgba(10, 170, 248, 0.04); } .shop-el .modal-content { display: none; } .shop-el__location { display: flex; flex-direction: column; justify-content: space-between; min-height: 82px; width: 500px; max-width: 30vw; } @media screen and (max-width: 1440px) { .shop-el__location { max-width: 30vw; } } @media screen and (max-width: 1024px) { .shop-el__location { max-width: 36vw; } } @media screen and (max-width: 768px) { .shop-el__location { max-width: unset; width: 100%; min-height: unset; margin-bottom: 10px; } } @media screen and (max-width: 450px) { .shop-el__location { margin-bottom: 0; } } .shop-el__location_name { color: #000; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1280px) { .shop-el__location_name { font-size: 20px; } } @media screen and (max-width: 768px) { .shop-el__location_name { font-size: 18px; } } @media screen and (max-width: 450px) { .shop-el__location_name { font-size: 16px; } } .shop-el__location_geo { color: #000; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 10px; } @media screen and (max-width: 1280px) { .shop-el__location_geo { font-size: 15px; } } @media screen and (max-width: 768px) { .shop-el__location_geo { font-size: 14px; } } @media screen and (max-width: 450px) { .shop-el__location_geo { margin-top: 30px; } } .shop-el__more { color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 10px; background: rgba(10, 170, 248, 0.08); width: 240px; height: 60px; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media screen and (max-width: 1280px) { .shop-el__more { width: 180px; height: 50px; font-size: 18px; } } @media screen and (max-width: 768px) { .shop-el__more { font-size: 16px; } } @media screen and (max-width: 450px) { .shop-el__more { margin-top: 30px; width: 100%; font-size: 14px; } } .shop-el__more:hover { background: #0aaaf8; color: white; } .shop-el__info { display: flex; align-items: center; gap: min(126px, 6.6vw); } @media screen and (max-width: 1440px) { .shop-el__info { gap: min(60px, 4.2vw); } } @media screen and (max-width: 1024px) { .shop-el__info { flex-direction: column; gap: 10px; } } @media screen and (max-width: 768px) { .shop-el__info { gap: 5px; } } @media screen and (max-width: 450px) { .shop-el__info { margin-top: 20px; gap: 20px; } } .shop-el__info a { color: #000; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; transition: 0.3s; } @media screen and (max-width: 768px) { .shop-el__info a { font-size: 14px; } } .shop-el__info a:hover { color: #0aaaf8; } .shop-el__info .shop-el__schedule { color: #000; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 768px) { .shop-el__info .shop-el__schedule { font-size: 14px; } } .shop-el__contact_tel { position: relative; } .shop-el__contact_tel.active .shop-el__contact_drop { opacity: 1; transform: translateY(0); visibility: visible; z-index: 4; pointer-events: all; } .shop-el__contact_tel.active .shop-el__contacts_trigger { transform: translateY(-50%) scale(1, -1); } .shop-el__contact_tel .shop-el__contact_drop { position: absolute; display: flex; flex-direction: column; gap: 10px; } .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link { color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; gap: 10px; transition: 0.3s; } @media screen and (max-width: 1440px) { .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link { font-size: 16px; } } @media screen and (max-width: 768px) { .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link { font-size: 14px; } } .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link:hover { color: #0aaaf8; } .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link img, .shop-el__contact_tel .shop-el__contact_drop .shop-el__contact_link svg { width: 20px; height: 20px; display: block; } .shop-el__contact_tel .shop-el__contacts_trigger { position: absolute; left: 100%; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0008 14.0999L8.55078 10.6499H15.4508L12.0008 14.0999Z' fill='black'/%3E%3C/svg%3E"); } .shop-el__contact_tel .shop-el__contact_drop { position: absolute; left: 0; top: calc(100% + 10px); transform: translateY(-20px); opacity: 0; visibility: hidden; transition: 0.3s; z-index: -1; pointer-events: none; border-radius: 10px; background: white; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); padding: 25px 30px; color: #1A1A1A; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; width: max-content; } @media screen and (max-width: 768px) { .shop-el__contact_tel .shop-el__contact_drop { padding: 20px; } } .contacts__banner { border-radius: 10px; border: 1px solid #0aaaf8; display: flex; justify-content: space-between; overflow: hidden; margin-bottom: 40px; margin-top: 30px; } @media screen and (max-width: 768px) { .contacts__banner { flex-direction: column; } } .contacts__banner_content { padding: 45px min(60px, 3.2vw); padding-right: 40px; display: flex; align-items: stretch; max-width: 60%; } @media screen and (max-width: 1280px) { .contacts__banner_content { padding-right: 0; } } @media screen and (max-width: 768px) { .contacts__banner_content { max-width: unset; padding: 20px; } } @media screen and (max-width: 600px) { .contacts__banner_content { flex-direction: column; } } .contacts__banner_col { display: flex; flex-direction: column; align-items: flex-start; } .contacts__banner_col:nth-child(1) { padding-right: min(90px, 4.7vw); border-right: 1px solid rgba(10, 170, 248, 0.2); } @media (max-width: 1700px) { .contacts__banner_col:nth-child(1) { padding-right: 30px; } } @media screen and (max-width: 1280px) { .contacts__banner_col:nth-child(1) { padding-right: 10px; width: 50%; } } @media screen and (max-width: 600px) { .contacts__banner_col:nth-child(1) { width: 100%; border-right: unset; padding-right: 0; padding-bottom: 30px; } } @media screen and (max-width: 450px) { .contacts__banner_col:nth-child(1) { padding-bottom: 50px; } } .contacts__banner_col:nth-child(2) { padding-left: min(90px, 4.7vw); } @media (max-width: 1700px) { .contacts__banner_col:nth-child(2) { padding-left: 30px; } } @media screen and (max-width: 1280px) { .contacts__banner_col:nth-child(2) { padding-left: 10px; width: 50%; } } @media screen and (max-width: 600px) { .contacts__banner_col:nth-child(2) { width: 100%; padding-left: 0; padding-bottom: 30px; } } .contacts__banner_col .btn-blue { margin-top: 20px; font-size: 20px; padding: 10px 38px; } @media screen and (max-width: 1024px) { .contacts__banner_col .btn-blue { padding: 10px 20px; font-size: 16px; } } @media screen and (max-width: 600px) { .contacts__banner_col .btn-blue { margin-top: 25px; width: 100%; } } .contacts__banner_title { color: #0aaaf8; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 40px; } @media screen and (max-width: 1280px) { .contacts__banner_title { font-size: 18px; margin-bottom: 30px; } } @media screen and (max-width: 1024px) { .contacts__banner_title { font-size: 16px; margin-bottom: 20px; } } @media screen and (max-width: 450px) { .contacts__banner_title { margin-bottom: 30xp; } } .contacts__banner_phones { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } @media screen and (max-width: 1024px) { .contacts__banner_phones { margin-bottom: 15px; gap: 5px; } } @media screen and (max-width: 450px) { .contacts__banner_phones { gap: 10px; margin-bottom: 20px; } } .contacts__banner_phones a { color: #000; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1024px) { .contacts__banner_phones a { font-size: 14px; } } .contacts__banner_phones a:hover { color: #0aaaf8; } .contacts__banner_address { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; } @media screen and (max-width: 1024px) { .contacts__banner_address { font-size: 14px; } } .contacts__banner_mail { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1024px) { .contacts__banner_mail { font-size: 18px; } } @media screen and (max-width: 450px) { .contacts__banner_mail { font-size: 16px; } } .contacts__banner_mail:hover { text-decoration: underline; } .contacts__banner_schedule { color: #1a1a1a; font-size: 15px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 20px; } @media screen and (max-width: 1024px) { .contacts__banner_schedule { font-size: 14px; } } .contacts__banner_img { position: relative; display: flex; align-items: center; } @media screen and (max-width: 768px) { .contacts__banner_img { height: 150px; justify-content: center; } } @media screen and (max-width: 600px) { .contacts__banner_img { height: 250px; } } .contacts__banner_img::before { content: ""; width: 670px; height: 670px; border-radius: 100%; background: #0aaaf8; position: absolute; right: 0; top: 50%; transform: translate(12.2%, -50%); } @media (max-width: 1700px) { .contacts__banner_img::before { max-width: 40vw; max-height: 50vw; } } @media screen and (max-width: 1280px) { .contacts__banner_img::before { width: 60vw; height: 60vw; max-width: unset; max-height: unset; transform: translate(20vw, -50%); } } @media screen and (max-width: 768px) { .contacts__banner_img::before { left: 50%; width: 190vw; height: 150vw; top: 100%; transform: translate(-50%, -150px); } } @media screen and (max-width: 600px) { .contacts__banner_img::before { transform: translate(-50%, -250px); } } .contacts__banner_img img { position: relative; z-index: 2; width: 318px; margin-right: 100px; } @media (max-width: 1700px) { .contacts__banner_img img { margin-right: 60px; } } @media screen and (max-width: 1280px) { .contacts__banner_img img { margin-right: 40px; width: 29vw; } } @media screen and (max-width: 768px) { .contacts__banner_img img { margin-right: 0; width: 40vw; } } @media screen and (max-width: 600px) { .contacts__banner_img img { width: 60vw; } } .contact-form { margin-top: 100px; border-radius: 10px; border: 1px solid #0aaaf8; background: white; padding: 10px; display: flex; } @media screen and (max-width: 1024px) { .contact-form { flex-direction: column; } } @media screen and (max-width: 768px) { .contact-form { padding: 0; } } @media screen and (max-width: 600px) { .contact-form { margin-top: 50px; } } .contact-form .form-val { padding: 40px 20px 20px; display: flex; flex-direction: column; } @media screen and (max-width: 1280px) { .contact-form .form-val { padding: 20px; } } @media screen and (max-width: 450px) { .contact-form .form-val { padding-top: 30px; } } .contact-form .input-common { width: calc(50% - 10px); } @media screen and (max-width: 768px) { .contact-form .input-common { width: calc(50% - 5px); } } @media screen and (max-width: 600px) { .contact-form .input-common { width: 100%; } } @media screen and (max-width: 600px) { .contact-form .input-common input { border: unset; border-bottom: 1px solid #9FA7B6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .contact-form .input-common input::placeholder { color: #ACACAC; } } @media screen and (max-width: 600px) { .contact-form .input-common .itc-select_wr { border: unset; border-bottom: 1px solid #9FA7B6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } } @media screen and (max-width: 600px) { .contact-form .input-common input[data-index="-1"]+.itc-select__inner { color: #9FA7B6; } } @media screen and (max-width: 600px) { .contact-form .input-common.textarea textarea { border: unset; border-bottom: 1px solid #9FA7B6; border-radius: 0; padding: 0; padding-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; height: 35px; } } @media screen and (max-width: 600px) { .contact-form .input-common.textarea textarea::placeholder { color: #9FA7B6; } } .contact-form .form-fields { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { .contact-form .form-fields { gap: 20px 10px; } } .contact-form .btn-blue { margin-top: 20px; align-self: flex-end; width: 340px; max-width: 100%; padding: 12px 16px; } .input-common label { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; } .input-common .itc-select_wr { border-radius: 4px; border: 1px solid #86868B; background: white; width: 100%; padding: 9px 16px; padding-right: 4px; overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; justify-content: space-between; } .input-common .itc-select_wr._err { border-color: #eb3333; } .input-common .itc-select_wr input { padding: 0; margin: 0; } .input-common .itc-select__dropdown { width: 100%; } .input-common .itc-select__option { cursor: pointer; } .input-common .itc-select__options { width: 100%; max-width: unset; box-shadow: unset; margin: 0; margin-top: -2px; border: 1px solid #86868B; border-radius: 0 0 4px 4px; } .input-common input[data-index="-1"]+.itc-select__inner { color: #6E6E73; } .input-common .itc-select__inner { font-size: 15px; font-style: normal; font-weight: 400; color: #1a1a1a; line-height: 150%; } .input-common .input-wrap { margin-top: 4px; } .input-common .input-wrap._err input { border-color: #eb3333; } .input-common input { border-radius: 4px; border: 1px solid #86868B; background: white; width: 100%; padding: 10px 16px; overflow: hidden; text-overflow: ellipsis; whitespace: nowrap; font-size: 15px; font-style: normal; font-weight: 400; color: #1a1a1a; line-height: 150%; } .input-common input::placeholder { color: #6E6E73; } .input-common.textarea { width: 100%; } .input-common.textarea ._err textarea { border-color: #eb3333; } .input-common.textarea textarea { width: 100%; border-radius: 4px; border: 1px solid #86868B; background: white; padding: 16px; height: 110px; overflow: hidden; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; color: #1a1a1a; resize: unset; } .input-common.textarea textarea::placeholder { color: #6E6E73; } .contact-form__side { width: 40.1%; min-width: 40.1%; border-radius: 5px; border: 1px solid #0aaaf8; background: #0aaaf8; padding: 45px 50px; display: flex; flex-direction: column; } @media screen and (max-width: 1280px) { .contact-form__side { padding: 20px 30px; } } @media screen and (max-width: 1024px) { .contact-form__side { width: 100%; padding: 0; background: unset; border: unset; padding: 20px 20px 0; } } .contact-form__side_title { color: white; font-size: 48px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 1280px) { .contact-form__side_title { font-size: 40px; } } @media screen and (max-width: 1024px) { .contact-form__side_title { color: #0aaaf8; } } @media screen and (max-width: 768px) { .contact-form__side_title { font-size: 32px; } } @media screen and (max-width: 450px) { .contact-form__side_title { font-size: 24px; } } .contact-form__side_text { margin-top: 15px; color: white; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; flex-grow: 1; } @media screen and (max-width: 1280px) { .contact-form__side_text { font-size: 22px; margin-top: 10px; } } @media screen and (max-width: 1024px) { .contact-form__side_text { display: none; } } .contact-form__socials { display: flex; } @media screen and (max-width: 1024px) { .contact-form__socials { width: 100%; margin-top: 20px; } } @media screen and (max-width: 1024px) { .contact-form__socials { display: none; } } .contact-form__socials a { width: 40px; height: 40px; margin-left: 12px; margin-right: 13px; position: relative; } @media screen and (max-width: 600px) { .contact-form__socials a { width: 34px; height: 34px; margin-left: 11px; margin-right: 12px; } } .contact-form__socials a::after { content: ""; position: absolute; height: 14px; width: 1px; background: white; left: calc(100% + 12px); top: 50%; transform: translateY(-50%); } .contact-form__socials a:nth-child(1) { margin-left: 0; } .contact-form__socials a:nth-last-child(1) { margin-right: 0; } .contact-form__socials a:nth-last-child(1)::after { content: none; } .contact-form__socials a:hover svg { fill: #0aaaf8; } .contact-form__socials a svg { width: 100%; height: 100%; object-fit: contain; fill: white; transition: 0.3s; } .account { display: flex; align-items: stretch; margin-top: 30px; } @media screen and (max-width: 600px) { .account { margin-top: 20px; } } .account__side { width: 311px; min-width: 311px; border-right: 1px solid rgba(10, 170, 248, 0.2); position: relative; padding-right: 30px; } @media screen and (max-width: 1280px) { .account__side { padding-right: 20px; width: 301px; min-width: 301px; } } @media screen and (max-width: 1024px) { .account__side { padding-right: 20px; width: 251px; min-width: 251px; } } @media screen and (max-width: 768px) { .account__side { display: none; } } .account__side .btn-orange { margin-top: 95px; border-radius: 10px; border: 1px solid #fb6535; background: white; padding: 15px 26px; color: #fb6535; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; height: 60px; width: 100%; } @media screen and (max-width: 1024px) { .account__side .btn-orange { height: 50px; } } .account__side .btn-orange:hover { background: #fb6535; color: white; } .account__side .btn-orange:hover svg { fill: white; } .account__side .btn-orange svg { width: 24px; height: 24px; fill: #fb6535; stroke: none; transition: 0.3s; } .account__side_inner { display: flex; flex-direction: column; position: sticky; top: 90px; } .account__personal { width: calc(100% - 311px); padding-left: 30px; } @media screen and (max-width: 1280px) { .account__personal { padding-left: 20px; width: calc(100% - 301px); } } @media screen and (max-width: 1024px) { .account__personal { padding-left: 20px; width: calc(100% - 251px); } } @media screen and (max-width: 768px) { .account__personal { width: 100%; padding-left: 0; } } .account__side_link { margin-bottom: 5px; padding: 20px; padding-right: 16px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 10px; transition: 0.3s; } @media screen and (max-width: 1024px) { .account__side_link { padding: 15px 10px; } } .account__side_link:hover { background: rgba(10, 170, 248, 0.05); } .account__side_link.current { background: rgba(10, 170, 248, 0.1); } .account__personal .main-title { color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .account__personal .btn-blue { margin-top: 40px; font-size: 20px; width: 100%; padding: 15.5px; } @media screen and (max-width: 768px) { .account__personal .btn-blue { padding: 12px 15px; font-size: 18px; } } @media screen and (max-width: 600px) { .account__personal .btn-blue { font-size: 14px; font-weight: 500; height: 50px; } } .account__personal_form { margin-top: 14px; max-width: 800px; } @media screen and (max-width: 600px) { .account__personal_form { margin-top: 15px; } } .account__personal_wrap { padding-bottom: 40px; border-bottom: 1px solid rgba(10, 170, 248, 0.2); margin-bottom: 40px; } @media screen and (max-width: 600px) { .account__personal_wrap { border-bottom: unset; padding-bottom: 0; margin-bottom: 50px; } } .account__personal_wrap:nth-last-child(1) { border-bottom: unset; padding-bottom: unset; margin-bottom: unset; } .input-common__check { margin-top: 10px; color: #757575; font-size: 13px; font-style: normal; font-weight: 400; line-height: 150%; display: flex; align-items: center; gap: 2px; } .input-common__check a { color: #0aaaf8; text-decoration: underline; } .input-common__check a:hover { text-decoration: none; } .input-common__check_ico { display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23757575' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H8V11H8.5' stroke='%23757575' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.875 6C8.28921 6 8.625 5.66421 8.625 5.25C8.625 4.83579 8.28921 4.5 7.875 4.5C7.46079 4.5 7.125 4.83579 7.125 5.25C7.125 5.66421 7.46079 6 7.875 6Z' fill='%23757575'/%3E%3C/svg%3E"); } .account__personal_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .account__personal_block { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 16px 50px; } @media screen and (max-width: 1280px) { .account__personal_block { gap: 16px; } } @media screen and (max-width: 768px) { .account__personal_block { flex-direction: column; gap: 10px; } } @media screen and (max-width: 600px) { .account__personal_block { margin-top: 30px; gap: 16px; } } .account__personal_block .input-common { width: calc(50% - 25px); } @media screen and (max-width: 1280px) { .account__personal_block .input-common { width: calc(50% - 8px); } } @media screen and (max-width: 768px) { .account__personal_block .input-common { width: 100%; } } .account__personal_block .input-common .input-wrap._altern { position: relative; } .account__personal_block .input-common .input-wrap._altern::after { content: attr(data-altern); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; color: #eb3333; } .account__personal_block .input-common.disabled { opacity: 0.5; pointer-events: none !important; background: unset !important; color: #1a1a1a !important; } @media screen and (max-width: 600px) { .account__personal_block .input-common label { font-size: 13px; } } .account__personal_block .checkbox { margin-top: 4px; } .form-val__err { display: none; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #eb3333; margin-top: 30px; margin-bottom: -25px; } .form-val__err.show-err { display: block; } .account__baskets { margin-top: 30px; display: flex; flex-direction: column; gap: 15px; width: 594px; max-width: 100%; } .account__basket { width: 100%; border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 15px 25px; display: flex; gap: 30px; align-items: center; justify-content: space-between; transition: 0.3s; background: white; } @media screen and (max-width: 1024px) { .account__basket { gap: 10px; } } .account__basket:hover { background: rgba(10, 170, 248, 0.04); } .account__basket_del { width: 24px; height: 24px; } .account__basket_del:hover svg { fill: #1a1a1a; } .account__basket_del svg { width: 100%; height: 100%; fill: #fb6535; transition: 0.3s; } .account__basket_content { display: flex; align-items: flex-end; padding-right: 10px; flex-grow: 1; position: relative; color: black; } .account__basket_content:active, .account__basket_content:focus { text-decoration: none; } .account__basket_content:active .account__basket_name, .account__basket_content:focus .account__basket_name { color: #0aaaf8; } .account__basket_info { padding-right: 20px; flex-grow: 1; } .account__basket_common-price { min-width: 110px; color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 768px) { .account__basket_common-price { position: absolute; right: 0; min-width: 110px; bottom: 0; } } .account__basket_date { color: #acacac; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .account__basket_name { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 5px; } .account__basket_amount { color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 10px; } .account__orders { margin-top: 30px; } .account__orders_filter { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; } .account__orders_inp { width: 260px; position: relative; } .account__orders_inp>input { height: 44px; width: 100%; border-radius: 4px; border: 1px solid #86868b; background: white; padding: 0 16px; display: flex; align-items: center; transition: 0.3s; overflow: hidden; color: #6e6e73; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ } .account__orders_inp>input:focus { border-color: #0aaaf8; } .account__orders_inp .itc-select_wr { height: 44px; width: 100%; border-radius: 4px; border: 1px solid #86868b; background: white; padding: 0 16px; padding-right: 4px; display: flex; align-items: center; transition: 0.3s; display: flex; justify-content: space-between; align-items: center; } .account__orders_inp .itc-select__inner { overflow: hidden; color: #1a1a1a; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; } .account__orders_inp .itc-select__dropdown { width: 100%; } .account__orders_inp .itc-select__options { width: 100%; max-width: unset; box-shadow: unset; margin: 0; margin-top: -3px; border: 1px solid #86868b; border-radius: 0 0 4px 4px; } .account__orders_inp .itc-select__option { cursor: pointer; } .account__orders_inp input[data-index="-1"]+.itc-select__inner { color: #6e6e73; } .account__orders_inp-calendar { position: absolute; right: 1px; top: 1px; width: 42px; height: 42px; background: white; display: flex; align-items: center; justify-content: center; border-radius: 6px; pointer-events: none; } .account__orders_inp-calendar svg { width: 24px; height: 24px; fill: black; } .account__orders_wrap { margin-top: 30px; display: flex; flex-direction: column; gap: 15px; width: 594px; max-width: 100%; } .account__order { gap: 10px; border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); border-radius: 10px; padding: 15px 25px; display: flex; justify-content: space-between; min-height: 105px; transition: 0.3s; } @media screen and (max-width: 768px) { .account__order { padding: 15px 20px; } } .account__order:hover { background: rgba(10, 170, 248, 0.04); } .account__order_date { color: #acacac; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .account__order_name { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin-top: 5px; } .account__order_amount { margin-top: 10px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .account__order_info { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .account__order_status { color: #0aaaf8; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 6px 10px; border-radius: 5px; background: rgba(10, 170, 248, 0.08); } .account__order_cost { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } .account__detail_back { display: flex; align-items: center; gap: 6px; color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } .account__detail_back:hover { text-decoration: underline; } .account__detail_back svg { width: 24px; height: 24px; stroke: #0aaaf8; } .account__detail { padding-left: 30px; flex-grow: 1; max-width: calc(100% - 311px); } @media screen and (max-width: 1280px) { .account__detail { max-width: calc(100% - 301px); } } @media screen and (max-width: 1280px) { .account__detail { max-width: calc(100% - 251px); padding-left: 20px; } } @media screen and (max-width: 768px) { .account__detail { max-width: 100%; padding-left: 0; } } .account__detail .account__order { margin-top: 50px; flex-direction: column; padding: 0; border: unset; } @media screen and (max-width: 1024px) { .account__detail .account__order { margin-top: 30px; } } .account__detail .account__order:hover { background: unset; } .account__detail .account__order_name { margin-top: 0; color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .account__detail_top { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; gap: 16px; } .account__detail_top .main-title { color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .account__detail_status { padding: 6px 10px; border-radius: 5px; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } .account__order_block { margin-top: 20px; border-radius: 5px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 20px; max-width: 440px; } @media screen and (max-width: 1024px) { .account__order_block { padding: 20px 15px; } } .account__order_block .btn-blue { margin-top: 40px; width: 100%; font-size: 18px; border-radius: 10px; } @media screen and (max-width: 1024px) { .account__order_block .btn-blue { margin-top: 30px; font-size: 16px; } } .account__order_block-row { padding-top: 30px; margin-top: 30px; border-top: 1px solid #e0e0e0; display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 1024px) { .account__order_block-row { padding-top: 15px; margin-top: 15px; } } .account__order_block-row:nth-child(1) { padding-top: 0; margin-top: 0; border-top: unset; } .account__order_block-row .account__order_doc { margin: 0 auto; } .account__order_block-row.documents { flex-direction: column; align-items: stretch; } @media screen and (max-width: 1280px) { .account__order_block-row.documents { gap: 24px; } } .account__order_block-deskr { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .account__order_block-common { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; } .account__order_block-info { display: flex; align-items: flex-end; flex-direction: column; gap: 7px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .account__order_block-info a { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; text-decoration: none; } .account__order_block-info a:hover { text-decoration: underline; } .account__order_doc { display: flex; gap: 15px; align-items: center; color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration: none; width: 100%; } @media screen and (max-width: 1024px) { .account__order_doc { font-size: 14px; } } .account__order_doc:hover { text-decoration: underline; } .account__order_doc span { cursor: pointer; } .account__order_doc img, .account__order_doc svg { width: 40px; min-width: 40px; height: 40px; object-fit: contain; cursor: pointer; } @media screen and (max-width: 1280px) { .account__order_doc img, .account__order_doc svg { width: 32px; min-width: 32px; height: 32px; } } .account__order_products-wrap { margin-top: 40px; padding: 30px 35px; border-radius: 10px; border: 1px solid #0aaaf8; max-width: 100%; width: 100%; } @media screen and (max-width: 1024px) { .account__order_products-wrap { margin-top: 30px; padding: 20px; } } .account__order_products-wrap .account__order_products { max-width: 100%; width: 100%; scrollbar-width: thin; scrollbar-color: #0aaaf8 #f9f9f9; overflow-x: auto; } .account__order_products-wrap .account__order_products::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .account__order_products-wrap .account__order_products::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } @media screen and (max-width: 1024px) { .account__order_products-wrap .pagination-prev span, .account__order_products-wrap .pagination-next span { display: none; } } .account__order_products-wrap table { margin-top: 20px; width: 100%; border-collapse: collapse; } .account__order_products-wrap table .del-from-basket { position: relative; right: unset; top: unset; width: 28px; height: 28px; min-width: 28px; } .account__order_products-wrap table .del-from-basket svg { width: 100%; height: 100%; fill: #fb6535; } @media screen and (max-width: 450px) { .account__order_products-wrap tr td:nth-child(2) { min-width: 230px; } } @media screen and (max-width: 450px) { .account__order_products-wrap tr td:nth-child(1) { border-right: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .account__order_products-wrap tr th:nth-child(1) { border-right: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .account__order_products-wrap tr td:nth-last-child(1) { border-left: 1px solid #e0e0e0; } } @media screen and (max-width: 450px) { .account__order_products-wrap tr th:nth-last-child(1) { border-left: 1px solid #e0e0e0; } } .account__order_products-wrap thead { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; text-align: left; border-radius: 6px; background: var(--unnamed, #f9f9f9); } .account__order_products-wrap thead th { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; padding-left: 20px; font-weight: 400; height: 80px; } @media screen and (max-width: 1440px) { .account__order_products-wrap thead th { padding: 15px; } } @media screen and (max-width: 1024px) { .account__order_products-wrap thead th { height: 60px; } } @media screen and (max-width: 600px) { .account__order_products-wrap thead th { padding: 10px; } } @media screen and (max-width: 450px) { .account__order_products-wrap thead th { height: 60px; } } .account__order_products-wrap thead th::nth-child(1) { width: 40px; padding-right: 0; } .account__order_products-wrap td { color: #000; font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; text-align: left; padding-right: 30px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; transition: 0.3s; } @media screen and (max-width: 1440px) { .account__order_products-wrap td { padding: 15px; } } @media screen and (max-width: 1280px) { .account__order_products-wrap td { font-size: 13px; } } @media screen and (max-width: 600px) { .account__order_products-wrap td { padding: 10px; } } @media screen and (max-width: 450px) { .account__order_products-wrap td { font-size: 12px; padding: 15px; height: 67px; } } .account__order_products-wrap td:nth-child(1) { width: 40px; padding-right: 0; } .account__order_products-wrap td a { color: #000; } .account__order_products-wrap td .main-table__name { min-width: 160px; } .account__order_products-wrap td .main-table__docs { margin-bottom: 12px; min-width: 180px; } .account__order_products-wrap td .main-table__docs span { display: block; } .account__order_products-wrap td .main-table__docs a { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; display: block; margin-top: 6px; } .account__order_products-wrap td .main-table__docs a:hover { text-decoration: underline; } .account__order_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } .account__agreemnet { margin-top: 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 800px; } .account__agreemnet .btn-orange { margin-top: 14px; max-width: max-content; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .account__text { margin-top: 12px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .act-form__row { display: flex; gap: 10px 50px; } @media screen and (max-width: 600px) { .act-form__row { flex-direction: column; } } .act-form__field { width: calc(50% - 25px); } @media screen and (max-width: 600px) { .act-form__field { width: 100%; max-width: 380px; } } .act-form__field .account__orders_inp { width: 100%; } .act-form__field .account__orders_inp input { width: 100vw; max-width: 100%; } .act-form__field ._err input { border-color: #eb3333; } .act-form__field label { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 6px; display: block; } .act-form__field label span { color: #eb3333; } .act-form { max-width: 800px; } input[type=date] { display: block; vertical-align: center; line-height: 44px; } input[type=date]::-webkit-date-and-time-value { text-align: left; } .act__result { border-radius: 2px; background: #e6f8fe; padding: 8px 12px; display: flex; align-items: center; gap: 16px; margin-bottom: 20px; max-width: max-content; } .act__result a { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .act__result a:hover { text-decoration: underline; } .act__result .act__result_btn { display: block; margin-left: -8px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.40039 18.0999L5.90039 17.5999L11.5004 11.9999L5.90039 6.3999L6.40039 5.8999L12.0004 11.4999L17.6004 5.8999L18.1004 6.3999L12.5004 11.9999L18.1004 17.5999L17.6004 18.0999L12.0004 12.4999L6.40039 18.0999Z' fill='%23FB6535'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .act__result~.main-title { border-top: 1px solid #ceeefe; padding-top: 30px; } .contracts-form__wrap { width: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #0aaaf8 #f9f9f9; overflow-x: auto; } .contracts-form__wrap::-webkit-scrollbar { width: 4px; height: 8px; background: #f9f9f9; border-radius: 4px; } .contracts-form__wrap::-webkit-scrollbar-thumb { background: #0aaaf8; border-radius: 4px; cursor: pointer; } .contracts-form__wrap~.pagination { flex-wrap: wrap; } .contracts-form { display: flex; flex-direction: column; align-items: stretch; width: fit-content; padding-bottom: 1px; } .contracts-form__col { width: 100%; padding: 0 20px; min-width: 150px; } .contracts-form__inp { position: absolute; opacity: 0; visibility: hidden; width: 0; height: 0; z-index: -1; } .contracts-form__inp:checked+.contracts-form__inp-fake .contracts-form__inp-fake_check { background-color: #0aaaf8; border-color: #0aaaf8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.0319 4.69569C13.2654 4.92926 13.2654 5.30796 13.0319 5.54153L6.25781 12.3156L3.38228 9.44005C3.14862 9.20639 3.14862 8.82755 3.38228 8.59389C3.61574 8.36043 3.99418 8.3602 4.22792 8.59337L6.25781 10.6183L12.1862 4.69549C12.4198 4.4621 12.7984 4.46219 13.0319 4.69569Z' fill='white'/%3E%3C/svg%3E"); background-size: 14px; background-position: center; } .contracts-form__inp-fake { width: 40px; min-width: 40px; display: flex; align-items: center; justify-content: center; position: relative; } @media (hover: hover) { .contracts-form__inp-fake:hover .contracts-form__inp-fake_tooltip { opacity: 1; } } .contracts-form__inp-fake_tooltip { position: absolute; left: 0; opacity: 0; pointer-events: none; padding: 6px 12px; border-radius: 4px; background: #e0e2e6; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; width: max-content; bottom: calc(100% + 4px); transition: 0.3s; } .contracts-form__inp-fake_check { border: 1px solid #acacac; background: #fff; width: 16px; height: 16px; border-radius: 100%; cursor: pointer; } .contracts-form__row { display: flex; position: relative; align-items: center; border-bottom: 1px solid #f6f6f6; padding: 18px 0; color: #000; font-size: 14px; font-style: normal; font-weight: 600; line-height: 130%; } .contracts-form__row:hover { box-shadow: 0px 1px 0px #0aaaf8, 0px -1px 0px #0aaaf8; } .contracts-form__row.finished .contracts-form__col { opacity: 0.4; } .contracts-form__row.finished .contracts-form__balance { opacity: 1; } .contracts-form__row.finished .contracts-form__inp-fake_check { cursor: default; } .contracts-form__row.choosen { position: relative; } .contracts-form__row.choosen::before { content: ""; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background: #0aaaf8; } .contracts-form__head { border-radius: 6px; background: #f9f9f9; padding: 13px 0; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; } .contracts-form__head:hover { box-shadow: unset; } .contracts-form__name { min-width: 278px; } .contracts-form__balance { text-align: right; } .contracts-form__status_el { padding-left: 28px; position: relative; } .contracts-form__status_el::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; } .contracts-form__status_el.no::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 19.5C16.1421 19.5 19.5 16.1421 19.5 12C19.5 7.85786 16.1421 4.5 12 4.5C7.85786 4.5 4.5 7.85786 4.5 12C4.5 16.1421 7.85786 19.5 12 19.5Z' stroke='%23ACACAC' stroke-width='1.25' stroke-miterlimit='10'/%3E%3Cpath d='M6.69727 6.69507L17.3066 17.3044' stroke='%23ACACAC' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .contracts-form__status_el.yes::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.44961 17.8503L3.84961 12.2503L4.92461 11.1753L9.44961 15.7003L19.0496 6.10034L20.1246 7.17534L9.44961 17.8503Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .contracts-form__balance_el { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; padding: 6px 12px; border-radius: 6px; background: rgba(10, 170, 248, 0.08); } .contracts-form__balance_el.orange { color: #fb6535; background: rgba(251, 101, 53, 0.08); } .loading .contracts-form__balance_el { position: relative; width: 24px; height: 24px; border: unset; background: unset; } .loading .contracts-form__balance_el::before { content: ""; position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3V6' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H18' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3658 18.3657L16.2471 16.2469' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V18' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63574 18.3655L7.75449 16.2467' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H6' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63574 5.63428L7.75449 7.75303' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); animation: rotate 1s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 899px) { .contracts-form__btns { display: none; } } .contracts-form__btns .btn-blue, .contracts-form__btns .btn-orange { display: none; font-size: 18px; margin-top: 40px; padding: 10px 26px; max-width: max-content; line-height: 1.5; border-radius: 10px; } .contracts-form__btns .btn-blue.show, .contracts-form__btns .btn-orange.show { display: block; } .account__order_products-mobile { margin-top: 40px; max-width: 100%; width: 100%; } @media screen and (max-width: 1024px) { .account__order_products-mobile { margin-top: 32px; } } .account__order_products-card { margin-top: 16px; display: flex; width: 100%; border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 15px 20px; justify-content: space-between; gap: 20px; align-items: center; color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 1024px) { .account__order_products-card { flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 600px) { .account__order_products-card { font-size: 16px; } } @media screen and (max-width: 450px) { .account__order_products-card { font-size: 14px; gap: 18px; } } .main-table__docs_mob { width: 100%; border-top: 1px solid #f6f6f6; display: flex; flex-direction: column; gap: 12px; padding-top: 12px; } .main-table__docs_mob .main-table__docs { display: flex; flex-direction: column; } .main-table__docs_mob a { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; } .account__order_top { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 30px; } .account__order_top .account__order_block { min-width: 440px; } @media screen and (max-width: 1024px) { .account__order_top .account__order_block { min-width: unset; } } @media (max-width: 1180px) { .account__order_top { flex-direction: column; gap: 0; } .account__order_top .account__order_block { max-width: 100%; width: 640px; } } .download-all { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px 16px; border-radius: 10px; border: 0.5px solid #0aaaf8; transition: color 0.3s, background 0.3s; } .download-all:hover { color: white; background: #0aaaf8; } .account__order_products-card-info { display: flex; flex-direction: column; align-items: flex-end; gap: 18px; min-width: max-content; } @media screen and (max-width: 1024px) { .account__order_products-card-info { flex-direction: row; justify-content: space-between; width: 100%; } } @media screen and (max-width: 450px) { .account__order_products-card-info { font-size: 14px; flex-direction: row; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 18px; width: 100%; } } .account__order_products-amount { color: #1a1a1a; font-weight: 400; line-height: normal; font-size: 18px; font-style: normal; text-align: right; } @media screen and (max-width: 600px) { .account__order_products-amount { font-size: 16px; } } @media screen and (max-width: 450px) { .account__order_products-amount { font-size: 14px; text-align: left; } } .account__order_products-price { color: #0aaaf8; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; text-align: right; } @media screen and (max-width: 600px) { .account__order_products-price { font-size: 16px; } } @media screen and (max-width: 450px) { .account__order_products-price { font-size: 14px; text-align: left; } } .mons { margin-top: 30px; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; } .mons .mons__wrap { width: 100%; } .mons .mons__tabs { display: flex; gap: 30px; border-bottom: 1px solid #acacac; } .mons .mons__tabs .mons__tab { color: #acacac; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; padding-bottom: 10px; position: relative; transition: color 0.3s; } @media (max-width: 600px) { .mons .mons__tabs .mons__tab { font-size: 16px; } } .mons .mons__tabs .mons__tab:hover { color: #0aaaf8; } .mons .mons__tabs .mons__tab::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #0aaaf8; opacity: 0; transition: opacity 0.3s; } .mons .mons__tabs .mons__tab.active { color: #0aaaf8; } .mons .mons__tabs .mons__tab.active::after { opacity: 1; } .mons .mons__block { display: none; flex-direction: column; align-items: flex-start; gap: 40px; } .mons .mons__block.active { display: flex; } .mons .mons__card { display: flex; width: 534px; max-width: 100%; min-height: 236px; padding: 32px 24px; flex-direction: column; justify-content: space-between; align-items: flex-start; border-radius: 10px; background: #fff; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); position: relative; overflow: hidden; } @media screen and (max-width: 600px) { .mons .mons__card { width: 100%; } } @media screen and (max-width: 450px) { .mons .mons__card { min-height: 175px; padding: 20px; } } .mons .mons__card .mons__coin { position: absolute; right: 0; top: 35px; width: 198px; max-width: 29vw; display: block; height: auto; } @media screen and (max-width: 450px) { .mons .mons__card .mons__coin { display: none; } } .mons .mons__grey { color: #acacac; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } @media screen and (max-width: 450px) { .mons .mons__grey { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } } .mons .err { margin-top: 16px; color: #fb6535; font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%; } @media screen and (max-width: 450px) { .mons .err { margin-top: 12px; font-weight: 500; line-height: normal; } } .mons .btn-blue { margin-top: 32px; max-width: max-content; color: #fff; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; padding: 12px 30px; } @media screen and (max-width: 600px) { .mons .btn-blue { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 15px 30px; } } .mons .btn-blue.hide { display: none; } .mons .text-err { margin-top: 16px; color: #eb140a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; } .mons ._loading { margin-top: 12px; width: 55px; height: 55px; border-radius: 100%; min-width: 55px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='55' viewBox='0 0 55 55' fill='none'%3E%3Cpath d='M27.5 6.875V13.75' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.125 27.5H41.25' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.0876 42.0859L37.2322 37.2305' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5 48.125V41.25' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.913 42.0859L17.7684 37.2305' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.875 27.5H13.75' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.913 12.9121L17.7684 17.7676' stroke='%231A1A1A' stroke-width='2.29167' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); animation: rotate 1s infinite; } .mons .mons__card_sum { margin-top: 12px; margin-bottom: 20px; color: #0aaaf8; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .mons .mons__card_sum { color: #0aaaf8; font-size: 30px; font-style: normal; font-weight: 700; line-height: 140%; } } .mons .mons__card_row { margin-top: 12px; margin-bottom: 16px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .mons .mons__card_row span { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .mons .mons__card_inner { width: 100%; } .mons .mons__form { margin-top: 32px; padding-top: 32px; max-width: 100%; width: 380px; border-top: 1px solid rgba(10, 170, 248, 0.2); display: none; } @media screen and (max-width: 600px) { .mons .mons__form { margin-top: 24px; padding-top: 24px; } } .mons .mons__form.show { display: block; } .mons .mons__form_title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 16px; } .mons .mons__form input::-webkit-outer-spin-button, .mons .mons__form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .mons .mons__form label { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 5px; display: block; } .mons .mons__form label span { display: inline; } .mons .mons__form .account__orders_inp { width: 100%; margin-bottom: 16px; } .mons .mons__form .account__orders_inp.hide { display: none; } .mons .mons__form .account__orders_inp._err input { border-color: #eb3333; } .mons .account__orders_footnote { color: #757575; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; margin-top: 4px; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mons-status { width: 534px; padding: 32px 24px; max-width: 100%; border-radius: 10px; background: #fff; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 400; line-height: 170%; } @media screen and (max-width: 600px) { .mons-status { width: 100%; } } @media screen and (max-width: 450px) { .mons-status { padding: 16px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ } } .mons-status__title { color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 16px; } @media screen and (max-width: 450px) { .mons-status__title { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } .mons-status__mons { color: #0aaaf8; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 8px; } @media screen and (max-width: 450px) { .mons-status__mons { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } } .mons-status__row { margin-top: 16px; width: 100%; display: grid; grid-gap: 16px 40px; grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 450px) { .mons-status__row { grid-template-columns: 1fr; } } .mons-status__props { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 600; line-height: 170%; } .mons-status__props span { color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 700; line-height: 170%; } .mons-status__lvl { padding-top: 24px; margin-top: 24px; width: 100%; border-top: 1px solid rgba(10, 170, 248, 0.2); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: 170%; } @media screen and (max-width: 450px) { .mons-status__lvl { line-height: 150%; } } .mons-status__lvl_num { color: #0aaaf8; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .mons-status__lvl_num { color: #0aaaf8; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } } .mons-status__lvl_footnote { color: #757575; font-size: 14px; font-style: normal; font-weight: 400; line-height: 170%; margin-top: 8px; } .mons__block .account__orders { width: 100%; } @media (min-width: 600px) { .mon-order .act-form__field { max-width: 272px; } } @media (min-width: 600px) { .mon-table { box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.2509803922); padding: 32px 24px; border-radius: 10px; margin-top: 45px; max-width: max-content; } } @media (max-width: 600px) { .mon-table { margin-top: 32px; } } .mon-table .contracts-form__col { text-align: center; font-weight: 400; min-width: 180px; } .mon-table .contracts-form__col.w-full { font-weight: 600; } @media (max-width: 600px) { .mon-table .contracts-form__col.w-full { text-align: left; } } .mon-table .contracts-form__col.col-article { min-width: 260px; } @media (max-width: 600px) { .mon-table .contracts-form__col { min-width: 162px; } .mon-table .contracts-form__col.col-article { min-width: 180px; } } @media (max-width: 600px) { .mon-order-wrap { box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.2509803922); padding: 20px; border-radius: 10px; } } @media (max-width: 600px) { .mon-order { margin-top: 0; } } /* update 11.11.25 start */ .page-top.basket-top { display: flex; align-items: center; width: calc(100% - 450px - var(--padding) * 2); padding-bottom: 20px; border-bottom: 1px solid rgba(10, 170, 248, 0.5); padding-left: 0; padding-right: 0; margin-left: var(--padding); margin-right: var(--padding); margin-bottom: 30px; } @media screen and (max-width: 1024px) { .page-top.basket-top { width: calc(100% - var(--padding) * 2); margin-bottom: 30px; } } @media screen and (max-width: 450px) { .page-top.basket-top { border-bottom: 1px solid rgba(10, 170, 248, 0.2); margin-bottom: 20px; } } .basket-top__reset { flex-grow: 1; display: flex; justify-content: flex-end; gap: 20px; } .basket-top__amount { padding: 10px 16px; border-radius: 40px; background: rgba(10, 170, 248, 0.05); color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; margin-left: 20px; } @media screen and (max-width: 600px) { .basket-top__amount { font-size: 12px; padding: 10px 13px; margin-left: 10px; } } .basket-top__reset_btn { border-radius: 10px; background: #f9f9f9; padding: 9px 15px; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; border: 1px solid #f9f9f9; } @media screen and (max-width: 600px) { .basket-top__reset_btn { font-size: 12px; } } @media screen and (max-width: 450px) { .basket-top__reset_btn { font-size: 12px; padding: 10px 12px; } } .basket-top__reset_btn:hover { background: rgba(10, 170, 248, 0.05); border: 1px solid #0aaaf8; } .basket-top__reset_btn.btn-blue.stroke { border-radius: 10px; padding: 9px 15px; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; outline: none; } .basket-common .row { margin-left: 0; margin-right: 0; } .basket-common .col-xs-12 { padding: 0; } .basket-common .bx-basket { display: flex; flex-wrap: wrap; gap: 0 50px; } @media screen and (max-width: 1280px) { .basket-common .bx-basket { gap: 0 20px; } } .basket-common .bx-basket__alert { width: 100%; } .basket-common .alert-warning { background-color: #fff4f0; color: #1a1a1a; border-color: #fb6535; } .basket-common .bx-basket__main { width: calc(100% - 450px); } @media screen and (max-width: 1280px) { .basket-common .bx-basket__main { width: calc(100% - 340px); } } @media screen and (max-width: 1024px) { .basket-common .bx-basket__main { width: 100%; } } .basket-common .basket-side { width: 400px; position: relative; } @media screen and (max-width: 1280px) { .basket-common .basket-side { width: 320px; } } @media screen and (max-width: 1024px) { .basket-common .basket-side { width: 100%; margin-top: 20px; } } .basket-common .basket-side::before, .basket-common .basket-side::after { content: none; } .basket-common .basket-side>div { position: sticky; top: 100px; } .basket-common .basket-item-block-price-name { color: #ACACAC; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-item-block-price-name { font-size: 12px; } } .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding-left: 20px; } @media (max-width: 1600px) { .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail { width: auto; } } .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-current-text { color: #757575; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-current-text { font-size: 22px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-current-text { font-size: 16px; } } .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-title { color: #757575; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail .basket-item-price-title { font-size: 14px; } } .basket-common .basket-item-info-name { min-height: 48px; } .basket-common .basket-items-list-wrapper.favourites__list { padding: 0 35px 0 20px; } .basket-common .basket-items-list-wrapper, .basket-common .basket-items-list-wrapper-compact { border-radius: 10px; background: white; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); border: unset; padding: 35px; padding-left: 20px; margin-bottom: 0; } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-wrapper, .basket-common .basket-items-list-wrapper-compact { padding: 20px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-wrapper, .basket-common .basket-items-list-wrapper-compact { padding: 0; border-radius: unset; box-shadow: unset; } } .basket-common .basket-items-list-wrapper { padding-right: 15px; } @media (max-width: 450px) { .basket-common .basket-items-list-wrapper { padding-right: 0; } } .basket-common .basket-items-list { padding: 0; } .basket-common .basket-item-block-info .basket-item-actions-remove { display: flex !important; align-items: center; justify-content: center; position: static; width: 36px; min-width: 36px; height: 36px; border-radius: 40px; background: #fafafa; transition: 0.3s; position: absolute; top: 16px; right: 15px; } @media screen and (max-width: 768px) { .basket-common .basket-item-block-info .basket-item-actions-remove { position: absolute; right: 10px; top: 10px; } } @media screen and (max-width: 450px) { .basket-common .basket-item-block-info .basket-item-actions-remove { width: 22px; height: 22px; min-width: 22px; } } .basket-common .basket-item-block-info .basket-item-actions-remove::before { content: ""; position: static; display: block; width: 20px; height: 20px; background-color: unset; background-repeat: no-repeat; background-size: contain; background-position: center; transform: unset; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.49935 16.4166C6.15213 16.4166 5.85699 16.2951 5.61393 16.052C5.37088 15.8089 5.24935 15.5138 5.24935 15.1666V4.99992H4.41602V4.41659H7.49935V3.83325H12.4993V4.41659H15.5827V4.99992H14.7493V15.1666C14.7493 15.5277 14.6313 15.8263 14.3952 16.0624C14.1591 16.2985 13.8605 16.4166 13.4993 16.4166H6.49935ZM14.166 4.99992H5.83268V15.1666C5.83268 15.361 5.89518 15.5208 6.02018 15.6458C6.14518 15.7708 6.3049 15.8333 6.49935 15.8333H13.4993C13.666 15.8333 13.8188 15.7638 13.9577 15.6249C14.0966 15.486 14.166 15.3333 14.166 15.1666V4.99992ZM8.37435 14.1666H8.95768V6.66659H8.37435V14.1666ZM11.041 14.1666H11.6243V6.66659H11.041V14.1666Z' fill='%23ACACAC'/%3E%3C/svg%3E"); } @media screen and (max-width: 450px) { .basket-common .basket-item-block-info .basket-item-actions-remove::before { width: 14px; height: 14px; min-width: 14x; } } .basket-common .basket-item-block-info .basket-item-actions-remove::after { content: none; } .basket-common .basket-item-block-info .basket-item-actions-remove:hover { background: #fff4f0; } .basket-common .basket-item-block-info .basket-item-actions-remove:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.49935 16.4166C6.15213 16.4166 5.85699 16.2951 5.61393 16.052C5.37088 15.8089 5.24935 15.5138 5.24935 15.1666V4.99992H4.41602V4.41659H7.49935V3.83325H12.4993V4.41659H15.5827V4.99992H14.7493V15.1666C14.7493 15.5277 14.6313 15.8263 14.3952 16.0624C14.1591 16.2985 13.8605 16.4166 13.4993 16.4166H6.49935ZM14.166 4.99992H5.83268V15.1666C5.83268 15.361 5.89518 15.5208 6.02018 15.6458C6.14518 15.7708 6.3049 15.8333 6.49935 15.8333H13.4993C13.666 15.8333 13.8188 15.7638 13.9577 15.6249C14.0966 15.486 14.166 15.3333 14.166 15.1666V4.99992ZM8.37435 14.1666H8.95768V6.66659H8.37435V14.1666ZM11.041 14.1666H11.6243V6.66659H11.041V14.1666Z' fill='%23FB6535'/%3E%3C/svg%3E"); } .basket-common .basket-items-list-item-remove.hidden-xs { display: none; } @media screen and (max-width: 450px) { .basket-common .basket-items-list-table tbody { display: flex !important; flex-direction: column; gap: 15px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-table tr.basket-items-list-item-container:first-child, .basket-common .basket-items-list-table tbody tr.basket-items-list-item-container:first-child { border: 1px solid rgba(10, 170, 248, 0.3); } } .basket-common .basket-item-block-info { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; } @media screen and (max-width: 768px) { .basket-common .basket-item-block-info { align-items: center; } } .basket-common .basket-item-block-info .basket-item-block-properties { width: 100%; min-width: 100%; display: block; margin: 0; } .basket-common .basket-items-list-item-descriptions { padding: 0; } .basket-common .basket-items-list-item-container { display: flex; flex-wrap: wrap; position: relative; padding-left: 165px; min-height: 130px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; border-bottom: 1px solid rgba(10, 170, 248, 0.2); } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-container { padding-left: 130px; } } @media screen and (max-width: 1024px) { .basket-common .basket-items-list-item-container { min-height: 130px; padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 768px) { .basket-common .basket-items-list-item-container { padding-left: 0; align-items: center; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-container { justify-content: flex-start; align-items: flex-end; padding-bottom: 60px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-item-container { border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 10px 10px 60px; } } @media (max-width: 340px) { .basket-common .basket-items-list-item-container { padding: 10px 10px 90px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-container.not-avaliable-prod { padding-bottom: 10px; } } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend { min-height: unset; padding-left: 0; width: 100%; justify-content: center; } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend { padding: 10px; } } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend .basket-items-list-item-removed-container { flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 768px) { .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend div { text-align: center; } .basket-common .basket-items-list-item-container.basket-items-list-item-container-expend div strong { display: block; } } .basket-common .basket-items-list-item-check { position: absolute; z-index: 1; top: 23px; left: 0; } .basket-common .basket-items-list-item-check input { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; } .basket-common .basket-items-list-item-check input:checked+.basket-items-list-item-check__icon { border-color: #0aaaf8; background-color: #0aaaf8; } .basket-common .basket-items-list-item-check input:checked+.basket-items-list-item-check__icon svg { opacity: 1; } .basket-common .basket-items-list-item-check__label { display: block; margin: 0; width: fit-content; height: fit-content; } .basket-common .basket-items-list-item-check__icon { width: 16px; height: 16px; border-radius: 4px; border: 1px solid #acacac; display: flex; align-items: center; justify-content: center; cursor: pointer; } .basket-common .basket-items-list-item-check__icon svg { width: 100%; height: 100%; fill: white; opacity: 1; } .basket-common .basket-item-block-image { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 130px; height: 130px; border-radius: 5px; background: white; padding: 0; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 1280px) { .basket-common .basket-item-block-image { width: 110px; height: 110px; } } @media screen and (max-width: 768px) { .basket-common .basket-item-block-image { top: 10px; transform: unset; position: static; width: 80px; max-width: 80px; height: 80px; margin: 0; } } @media screen and (max-width: 450px) { .basket-common .basket-item-block-image { width: 70px; height: 70px; min-width: 70px; } } .basket-common .basket-item-image-link { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .basket-common .basket-items-list-item-descriptions { width: 100%; } .basket-common .basket-item-image { min-width: unset; min-height: unset; max-width: 100%; width: 100px; max-height: 100%; object-fit: contain; } @media screen and (max-width: 1280px) { .basket-common .basket-item-image { width: 85px; } } @media screen and (max-width: 768px) { .basket-common .basket-item-image { width: 80px; } } @media screen and (max-width: 600px) { .basket-common .basket-item-image { width: 50px; min-width: 50px; margin: 0; } } .basket-common .basket-items-list-item-descriptions-inner { position: static; } @media screen and (max-width: 768px) { .basket-common .basket-items-list-item-descriptions-inner { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-descriptions-inner { flex-direction: row; display: flex; } } .basket-common .basket-items-list-item-container>td { border-top: unset; } .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; /* 24px */ transition: 0.3s; } @media screen and (max-width: 600px) { .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { font-size: 14px; } } @media screen and (max-width: 450px) { .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { font-size: 12px; } } .basket-common .basket-item-info-name:hover, .basket-common .basket-item-info-name-link:hover { color: #0aaaf8; } @media screen and (max-width: 768px) { .basket-common .basket-item-info-name { padding-right: 0; padding-left: 20px; padding-right: 50px; } } @media screen and (max-width: 450px) { .basket-common .basket-item-info-name { padding-left: 15px; padding-right: 28px; } } .basket-common .basket-item-block-price { padding-top: 0; display: flex; align-items: baseline; flex-direction: row; } @media screen and (max-width: 600px) { .basket-common .basket-item-block-price { padding-left: 0; padding-right: 0; margin-bottom: 0; justify-content: flex-end; } } .basket-common .basket-items-list-item-amount { padding-top: 0; } @media screen and (max-width: 768px) { .basket-common .basket-items-list-item-amount { padding-bottom: 0; min-width: unset; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-amount { height: 30px; margin-right: 10px; } } .basket-common .basket-items-list .basket-items-list-item-container:first-child>td.basket-items-list-item-amount { border: 0.5px solid #0aaaf8 !important; } .basket-common .basket-item-price-current { color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-item-price-current { font-size: 14px; } } .basket-common .basket-item-price-title { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 4px; } @media screen and (max-width: 600px) { .basket-common .basket-item-price-title { font-size: 14px; } } @media (max-width: 1600px) { .basket-common .basket-items-list-item-price { flex-grow: 1; margin-top: 10px; width: -webkit-fill-available; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price { padding-bottom: 0; width: auto; } } @media (max-width: 1600px) { .basket-common .basket-items-list-item-price .basket-item-block-price { justify-content: flex-end; } } .basket-common .basket-items-list-item-price-for-one { flex-grow: 1; max-width: 200px; } @media (max-width: 1600px) { .basket-common .basket-items-list-item-price-for-one { width: auto; } } @media screen and (max-width: 768px) { .basket-common .basket-items-list-item-price-for-one { display: block !important; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price-for-one { order: 3; flex-grow: unset; margin-right: 15px !important; margin-top: 0; } } @media (max-width: 1600px) { .basket-common .basket-items-list-item-price-for-one .basket-item-block-price { justify-content: flex-start; } } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { min-width: unset; } .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { color: #1a1a1a; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { font-size: 22px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { font-size: 16px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-item-price-for-one .basket-item-price-current-text { font-size: 14px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-price-for-one .basket-item-price-current { font-size: 14px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-item-price-for-one .basket-item-price-current { font-size: 12px; } } .basket-common .basket-items-list-item-available { order: 3; padding-left: 10px; padding-top: 20px; margin-left: auto; } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-available { display: flex; align-items: flex-end; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-available { flex-grow: 1; position: absolute; left: 0px; bottom: 17px; padding: 0; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-item-available { left: 10px; } } @media (max-width: 340px) { .basket-common .basket-items-list-item-available { bottom: 53px; } } .basket-common .basket-items-list-item-available .to-order { color: #757575; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-decoration-line: none; display: flex; align-items: center; gap: 6px; } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-available .to-order { font-size: 12px; } } .basket-common .basket-items-list-item-available .to-order img { width: 18px; height: 18px; display: block; } .basket-common .basket-items-list-item-container .basket-items-list-item-amount { height: 34px; display: flex; align-items: center; border-radius: 6px; border: 0.5px solid #0aaaf8 !important; margin-top: 14px; margin-left: 54px; } @media (max-width: 1700px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount { margin-left: 20px; } } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount { position: absolute; bottom: 58px; right: 15px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount { bottom: 10px; right: 50%; transform: translateX(50%); margin: 0; } } @media (max-width: 340px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount { transform: unset; right: 10px; bottom: 46px; } } .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { margin-top: 16px; margin-left: 20px; } @media screen and (max-width: 1280px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { padding-top: 30px; } } @media screen and (max-width: 1024px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { padding-top: 45px; } } @media screen and (max-width: 600px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { padding-top: 0; position: absolute; right: 0; bottom: 14px; } } @media screen and (max-width: 450px) { .basket-common .basket-items-list-item-container .basket-items-list-item-amount~.basket-items-list-item-price { right: 10px; } } .basket-common .basket-items-list-item-container .basket-items-list-item-amount .basket-item-amount-field-description { display: none; } .basket-common .basket-item-amount-btn-plus, .basket-common .basket-item-amount-btn-minus { border: unset; background: unset; } @media screen and (max-width: 450px) { .basket-common .basket-item-amount-btn-plus, .basket-common .basket-item-amount-btn-minus { width: 20px; } } .basket-common .basket-item-amount-btn-plus:hover::after, .basket-common .basket-item-amount-btn-plus:hover::before, .basket-common .basket-item-amount-btn-minus:hover::after, .basket-common .basket-item-amount-btn-minus:hover::before { background-color: #0aaaf8; } .basket-common .basket-item-amount-btn-plus::after, .basket-common .basket-item-amount-btn-plus::before, .basket-common .basket-item-amount-btn-minus::after, .basket-common .basket-item-amount-btn-minus::before { background-color: #9c9c9c; transition: 0.3s; } .basket-common .basket-item-amount-filed, .basket-common .basket-item-block-amount.disabled .basket-item-amount-filed:hover { border: unset; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-item-amount-filed { width: 45px; } } .basket-common .basket-item-block-amount { padding: 0 2px; margin-bottom: 0; } @media screen and (max-width: 600px) { .basket-common .basket-item-block-amount { padding: 0; } } .basket-common .basket-item-block-price-old { color: #fb6535; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 600px) { .basket-common .basket-item-block-price-old { font-size: 12px; } } .basket-common .basket-item-block-price-old span { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: line-through; } .basket-common .basket-item-price-current-text { color: #0aaaf8; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; font-family: Nunito; min-width: 150px; } @media screen and (max-width: 1280px) { .basket-common .basket-item-price-current-text { font-size: 22px; min-width: 130px; } } @media screen and (max-width: 600px) { .basket-common .basket-item-price-current-text { min-width: 99px; font-size: 16px; } } @media screen and (max-width: 450px) { .basket-common .basket-item-price-current-text { font-size: 14px; min-width: 80px; } } .basket-common .basket-item-price-current-text span { margin-left: 5px; color: #0aaaf8; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-item-price-current-text span { font-size: 12px; margin-left: 4px; } } .basket-common .basket-item-price-current-text .not-avaliable { color: #757575; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: flex; align-items: center; gap: 6px; margin-left: 0; } @media screen and (max-width: 600px) { .basket-common .basket-item-price-current-text .not-avaliable { font-size: 12px; position: absolute; bottom: 0; } } .basket-common .basket-item-price-current-text .not-avaliable img { width: 18px; height: 18px; display: block; } .basket-common .basket-item-price-title { margin-left: 5px; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .basket-common .basket-item-price-title { font-size: 12px; } } .basket-common .basket-items-list-item-clear-btn:after, .basket-common .basket-items-list-item-clear-btn:before { background-color: #fb6535; } .basket-common .basket-checkout-container { border-radius: 10px; border: unset; background: white; padding: 30px; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); } @media screen and (max-width: 1024px) { .basket-common .basket-checkout-container { padding: 20px; } } .basket-common .basket-checkout-section-inner { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 600px; align-items: center; margin: 0 auto; } .basket-common .basket-checkout__amount { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 21px; margin-bottom: 20px; position: relative; } @media screen and (max-width: 1024px) { .basket-common .basket-checkout__amount { padding-bottom: 10px; margin-bottom: 10px; } } @media screen and (max-width: 450px) { .basket-common .basket-checkout__amount { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(10, 170, 248, 0.2); } } .basket-common .basket-checkout__amount::after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px; background-image: linear-gradient(to right, #0aaaf8 11px, transparent 7px); background-size: 20px 4px; background-repeat: repeat-x; background-position: 0 bottom; } @media screen and (max-width: 600px) { .basket-common .basket-checkout__amount::after { content: none; } } .basket-common .basket-checkout__amount_title { color: #1a1a1a; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .basket-common .basket-checkout__amount_title { font-size: 16px; } } .basket-common .basket-checkout__amount_num { color: #0aaaf8; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .basket-common .basket-checkout-block-total, .basket-common .basket-checkout-block-total-price-inner { padding: 0; } @media screen and (max-width: 600px) { .basket-common .basket-checkout-block-total, .basket-common .basket-checkout-block-total-price-inner { min-width: unset; } } @media screen and (max-width: 600px) { .basket-common .basket-checkout-block { width: auto; min-width: unset; } } .basket-common .basket-checkout-block-total-title { color: #1a1a1a; font-family: Nunito; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .basket-common .basket-checkout-block-total-title { font-size: 16px; } } .basket-common .basket-coupon-block-total-price-current { margin: 0; color: #0aaaf8; font-family: Nunito; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 450px) { .basket-common .basket-coupon-block-total-price-current { font-size: 16px; } } .basket-common .basket-user-field { position: relative; display: block; width: 100%; margin-top: 20px; padding-top: 20px; } .basket-common .basket-user-field a { color: #0AAAF8; font-size: 14px; font-style: normal; font-weight: 300; line-height: 170%; text-decoration-line: underline; } .basket-common .basket-user-field a:hover { text-decoration: none; } .basket-common .basket-user-field::after { content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background-image: linear-gradient(to right, #0aaaf8 11px, transparent 7px); background-size: 20px 4px; background-repeat: repeat-x; background-position: 0 bottom; } @media screen and (max-width: 600px) { .basket-common .basket-user-field::after { content: none; } } .basket-common .basket-checkout-block-btn { padding: 0; margin: 0; width: 100%; min-width: 100%; position: relative; padding-top: 21px; margin-top: 20px; justify-content: center; display: flex; justify-content: center; position: relative; } @media screen and (max-width: 1024px) { .basket-common .basket-checkout-block-btn { padding-top: 25px; margin-top: 10px; } } @media screen and (max-width: 600px) { .basket-common .basket-checkout-block-btn { margin-top: 20px; padding-top: 30px; border-top: 1px solid rgba(10, 170, 248, 0.2); } } .basket-common .basket-checkout-block-btn.disabled { padding-top: 0; margin-top: 10px; } .basket-common .basket-checkout-block-btn.disabled::after { content: none; } .basket-common .basket-checkout-block-btn.disabled .btn.btn-default { color: #ACACAC; background: #F6F6F6; border-color: #F6F6F6; } .basket-common .basket-checkout-block-btn::after { content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 1px; background-image: linear-gradient(to right, #0aaaf8 11px, transparent 7px); background-size: 20px 4px; background-repeat: repeat-x; background-position: 0 bottom; } @media screen and (max-width: 600px) { .basket-common .basket-checkout-block-btn::after { content: none; } } .basket-common .basket-checkout-block-btn .btn.btn-default { border-radius: 10px; background: #0aaaf8; border: 1px solid #0aaaf8; padding: 12px; width: 100%; color: white; font-size: 17px; font-style: normal; font-weight: 500; line-height: normal; transition: 0.3s; } @media screen and (max-width: 1024px) { .basket-common .basket-checkout-block-btn .btn.btn-default { max-width: 300px; margin-bottom: 0; } } @media screen and (max-width: 450px) { .basket-common .basket-checkout-block-btn .btn.btn-default { font-size: 14px; } } .basket-common .basket-checkout-block-btn .btn.btn-default:hover { background: white; color: #0aaaf8; border-color: #0aaaf8; } .basket-common .basket-checkout-block.basket-checkout-block-descr { margin-top: 10px; color: #1a1a1a; text-align: center; font-size: 14px; font-style: normal; font-weight: 300; line-height: 170%; width: 100%; } @media screen and (max-width: 450px) { .basket-common .basket-checkout-block.basket-checkout-block-descr { margin-top: 15px; font-size: 12px; } } .basket-common .basket-checkout-block.basket-checkout-block-descr a { color: #0aaaf8; text-decoration: underline; } .basket-common .basket-checkout-block.basket-checkout-block-descr a:hover { text-decoration: none; } .basket-common .basket__save-basket { margin-top: 35px; width: 100%; border-radius: 10px; border: 0.5px solid #0aaaf8; height: 50px; color: #0aaaf8; font-size: 17px; font-style: normal; font-weight: 300; line-height: normal; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media screen and (max-width: 1024px) { .basket-common .basket__save-basket { max-width: 300px; margin: 30px auto 0; } } @media screen and (max-width: 600px) { .basket-common .basket__save-basket { margin-top: 20px; font-size: 14px; max-width: unset; width: 100%; } } .basket-common .basket__save-basket:hover { background: #0aaaf8; color: white; } .basket-common .not-avaliable-prod { opacity: 0.5; } @media (max-width: 600px) { .basket-common .not-avaliable-prod { padding-bottom: 60px !important; } } @media (max-width: 340px) { .basket-common .not-avaliable-prod { padding-bottom: 40px !important; } } @media (max-width: 340px) { .basket-common .not-avaliable-prod .basket-items-list-item-available { bottom: 10px !important; } } .basket-common .not-avaliable-prod .basket-items-list-item-price-for-one { max-width: 190px !important; } .basket-common .not-avaliable-prod .not-avaliable { justify-content: flex-end; } .basket-common .basket-title p { margin: 20px 0; font-weight: 700; font-size: 28px; line-height: 100%; } @media (max-width: 1024px) { .basket-common .basket-title p { font-size: 20px; } } .basket-common .table-change .basket-items-list-item-container, .basket-common .basket-items-list-item-container.change { border: 1px solid #e2e2e2 !important; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3019607843); border-radius: 10px; margin-bottom: 20px; } @media (max-width: 768px) { .basket-common .table-change .basket-items-list-item-container, .basket-common .basket-items-list-item-container.change { padding-left: 10px; padding-right: 10px; } } @media (max-width: 600px) { .basket-common .table-change .basket-items-list-item-container, .basket-common .basket-items-list-item-container.change { padding-bottom: 10px; } } .basket-common .table-change .basket-items-list-item-container:last-child, .basket-common .basket-items-list-item-container.change:last-child { margin-bottom: 0; } @media (max-width: 1280px) { .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-amount, .basket-common .basket-items-list-item-container.change .basket-items-list-item-amount { bottom: 116px; } } @media (max-width: 600px) { .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-amount, .basket-common .basket-items-list-item-container.change .basket-items-list-item-amount { bottom: 10px; } } .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-available, .basket-common .basket-items-list-item-container.change .basket-items-list-item-available, .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-price, .basket-common .basket-items-list-item-container.change .basket-items-list-item-price, .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-amount, .basket-common .basket-items-list-item-container.change .basket-items-list-item-amount { bottom: 110px; } @media (max-width: 400px) { .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-available, .basket-common .basket-items-list-item-container.change .basket-items-list-item-available, .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-price, .basket-common .basket-items-list-item-container.change .basket-items-list-item-price, .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-amount, .basket-common .basket-items-list-item-container.change .basket-items-list-item-amount { bottom: 144px; } } @media (max-width: 340px) { .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-amount, .basket-common .basket-items-list-item-container.change .basket-items-list-item-amount, .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-available, .basket-common .basket-items-list-item-container.change .basket-items-list-item-available { bottom: 180px; } } @media (max-width: 768px) { .basket-common .table-change .basket-items-list-item-container .basket-items-list-item-available, .basket-common .basket-items-list-item-container.change .basket-items-list-item-available { margin-right: 0 !important; } } .basket-item-options { padding-top: 20px; order: 7; width: 100%; flex: none; display: flex; align-items: center; gap: 20px; } @media (max-width: 600px) { .basket-item-options { padding-top: 60px !important; flex-wrap: wrap; } } @media (max-width: 400px) { .basket-item-options { flex-direction: column; align-items: flex-start; gap: 10px; } } @media (max-width: 340px) { .basket-item-options { padding-top: 100px !important; } } .basket-item-options .btn-orange, .basket-item-options .btn-blue { width: max-content; font-size: 14px; padding: 10px 16px; height: auto; border-radius: 10px; } @media (max-width: 400px) { .basket-item-options .btn-orange, .basket-item-options .btn-blue { width: 100%; } } .basket-item-options .btn-orange:hover, .basket-item-options .btn-blue:hover { text-decoration: none; } .basket-item-options .btn-orange { background-color: rgba(251, 101, 53, 0.0392156863); } .basket-item-options .btn-orange:hover { background-color: #FB6535; } .basket-items-tooltip { position: relative; cursor: pointer; } .basket-items-tooltip:hover .basket-items-tooltip__icon { color: #FB6535; border-color: #FB6535; } .basket-items-tooltip:hover .basket-items-tooltip__text { opacity: 1; z-index: 2; visibility: visible; } .basket-items-tooltip__icon { width: 18px; height: 18px; font-size: 13px; border-radius: 50%; color: #000; border: 1px solid #000; display: flex; align-items: center; justify-content: center; line-height: 10px; font-weight: 500; cursor: pointer; } .basket-items-tooltip__text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 0; visibility: hidden; transition: 0.3s; } .basket-items-tooltip__text p { margin-left: 30px; width: max-content; max-width: 846px; color: #757575; background-color: #EEEEEF; padding: 8px 12px; border-radius: 4px; font-size: 16px; } @media (max-width: 1600px) { .basket-items-tooltip__text p { width: 400px; max-width: 50vw; font-size: 14px; } } @media (max-width: 1360px) { .basket-items-tooltip__text { position: absolute; bottom: 100%; top: auto; transform: translate(-50%, 0); left: 50%; opacity: 0; visibility: hidden; transition: 0.3s; } .basket-items-tooltip__text p { margin-left: 0; margin-bottom: 10px; } } @media (max-width: 600px) { .basket-items-tooltip { margin-right: 100%; } .basket-items-tooltip__text { position: absolute; bottom: 100%; top: auto; transform: translate(0, 0); left: 100%; opacity: 0; visibility: hidden; transition: 0.3s; } .basket-items-tooltip__text p { margin-left: 0; margin-bottom: 10px; max-width: 80vw; } } .disabled { pointer-events: none !important; border-radius: 10px; background: #f6f6f6 !important; color: #acacac !important; border-color: #f6f6f6 !important; } .search-result__container .row.bx-basket__main { width: 100%; } .vbox-close { display: none !important; } .vbox-content, .vbox-container { padding: 0 !important; } .basket-modal { padding: 16px; } @media (max-width: 600px) { .basket-modal { padding: 10px; } } .basket-modal .modal-inner { width: 100%; max-width: 1750px; padding-top: 50px; } .basket-modal .search-category { margin-bottom: 0; height: 100%; } .basket-modal .basket-common .bx-basket__main { width: 100%; } .basket-modal .modal-body { overflow-x: hidden; padding-top: 16px; padding-bottom: 16px; height: auto; max-height: 88vh; } .basket-modal .modal-body thead { background-color: transparent; } .basket-modal .search-result__box { width: 100%; max-width: 100%; padding-right: 10px; } .basket-modal .modal-body td { padding: 0; border: none; } .basket-modal .modal-body td.basket-items-list-item-available { margin-top: auto; } .basket-modal .modal-body td.basket-items-list-item-price, .basket-modal .modal-body td.basket-items-list-item-amount, .basket-modal .modal-body td.basket-items-list-item-price { margin-top: auto !important; } .basket-modal .modal-body td.basket-items-list-item-available { margin-left: auto !important; margin-right: 0 !important; } .basket-modal .modal-body .basket-items-list-table { margin-top: 0; } .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-amount { margin-right: 0 !important; } .basket-modal .basket-common .table-change .basket-items-list-item-container:first-child>td { margin-right: 0; } .basket-modal .modal-body .basket-items-list-wrapper { padding: 0; box-shadow: 0 0 0 0; } .basket-modal .modal-body .basket-title p { margin: 0; font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-top: 12px; margin-bottom: 12px; } .basket-modal .modal-body tbody:first-child tr:first-child .basket-title p { margin-top: 0; } .basket-modal .modal-body .basket-item-options { padding-top: 20px; } .basket-modal .basket-items-list { display: flex; flex-direction: column; gap: 30px; } .basket-modal .modal-body td:nth-child(2) { min-width: 200px; } .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-available, .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-price, .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-amount { bottom: 110px; } .basket-modal .search-result__all { margin-top: 30px; width: max-content; } @media (max-width: 768px) { .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-available { margin-right: 0 !important; } .basket-modal .basket-item-options { padding-top: 25px !important; } .basket-modal .basket-items-list-item-price { height: 71px; display: flex !important; flex-direction: column; justify-content: flex-end; } } @media screen and (max-width: 600px) { .basket-modal .basket-common .basket-items-list-item-container { justify-content: flex-start; align-items: flex-end; padding-bottom: 20px; } .basket-modal .basket-items-list-item-price { height: auto; } .basket-modal .modal-inner { padding: 25px 8px; } .basket-modal .basket-item-options { padding-top: 67px !important; } } @media screen and (max-width: 450px) { .basket-modal .modal-body td { padding: 0; height: auto; } .basket-modal .modal-body tr td:nth-child(1) { border-right: none; } .basket-modal .basket-common .basket-items-list-item-price-for-one.basket-items-list-item-price-retail { padding-left: 0; padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 400px) { .basket-modal .basket-item-options { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } } @media (max-width: 340px) { .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-available, .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-amount { bottom: 120px; } .basket-modal .basket-common .basket-items-list-item-container .basket-items-list-item-price { bottom: 93px; } .basket-modal .basket-item-options { padding-top: 80px !important; } } /* update 11.11.2025 end */ .brands-page { margin-top: 30px; display: flex; align-items: stretch; flex-wrap: wrap; gap: min(35px, 1.8vw); } @media screen and (max-width: 1440px) { .brands-page { gap: 20px; } } @media screen and (max-width: 768px) { .brands-page { gap: 10px; } } .brand-el { display: flex; align-items: center; justify-content: center; width: calc((100% - min(35px, 1.8vw) * 6) / 7); border-radius: 10px; border: 1px solid #F6F6F6; height: min(140px, 8vw); padding-left: min(55px, 2.85vw); padding-right: min(55px, 2.85vw); transition: 0.3s; } @media screen and (max-width: 1440px) { .brand-el { width: calc((100% - 100px) / 6); height: min(140px, 9.5vw); } } @media screen and (max-width: 1024px) { .brand-el { width: calc((100% - 80px) / 5); height: 11vw; } } @media screen and (max-width: 768px) { .brand-el { width: calc((100% - 30px) / 4); height: 14vw; padding-left: 22px; padding-right: 22px; } .brand-el img, .brand-el svg { max-width: 100%; } } @media screen and (max-width: 450px) { .brand-el { width: calc((100% - 20px) / 3); padding-left: 15px; padding-right: 15px; height: 19vw; } } .brand-el:hover { border-color: #0aaaf8; } .brand-info { margin-top: 30px; display: flex; align-items: flex-start; gap: 120px; } @media screen and (max-width: 1280px) { .brand-info { gap: 50px; } } @media screen and (max-width: 1024px) { .brand-info { flex-direction: column; } } @media screen and (max-width: 600px) { .brand-info { gap: 24px; align-items: center; } } @media screen and (max-width: 450px) { .brand-info { margin-top: 20px; } } .brand-info__img { display: flex; width: min(420px, 30vw); min-width: min(420px, 30vw); height: min(210px, 15vw); justify-content: center; align-items: center; border-radius: 10px; background: #F9F9F9; } @media screen and (max-width: 1024px) { .brand-info__img { width: 280px; min-width: 280px; height: 140px; } } @media screen and (max-width: 600px) { .brand-info__img { width: min(240px, 100%); min-width: min(240px, 100%); height: unset; aspect-ratio: 1/1; } } .brand-info__img img { width: 100%; height: 100%; object-fit: contain; display: block; object-position: center; } .brand-info__text { color: #1A1A1A; font-size: 20px; font-style: normal; font-weight: 500; line-height: 160%; flex-grow: 1; } @media screen and (max-width: 1024px) { .brand-info__text { font-size: 16px; width: 100%; } } @media screen and (max-width: 450px) { .brand-info__text { font-size: 14px; font-style: normal; font-weight: 500; line-height: 160%; } } .brand-info__text p { margin-bottom: 30px; } @media screen and (max-width: 600px) { .brand-info__text p { margin-bottom: 20px; } } .brand-info__text p:nth-last-child(1) { margin-bottom: 0; } .brand-tags { margin-top: 100px; display: flex; flex-direction: column; gap: 30px; align-items: flex-start; } @media screen and (max-width: 1024px) { .brand-tags { margin-top: 60px; } } @media screen and (max-width: 600px) { .brand-tags { gap: 16px; } } .brand-tags .tags-wrapper__inner { gap: 10px; display: flex; flex-wrap: wrap; margin-top: 12px; min-height: 0; } @media screen and (max-width: 600px) { .brand-tags .tags-wrapper__inner { margin-top: 0; transition: 0.3s; } } @media screen and (max-width: 600px) { .brand-tags .tags-wrapper { overflow-y: hidden; display: grid; transition: 0.3s; grid-template-rows: 0fr; } } .brand-tags .tag { margin: 0; } .brand-tags .tags__trigger { color: #000; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .brand-tags .tags__trigger { width: 100%; display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 16px; border-radius: 10px; background: rgba(10, 170, 248, 0.08); } } @media screen and (max-width: 600px) { .brand-tags .tags__trigger::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 9L12 14L16.5 9H7.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; display: block; width: 24px; height: 24px; } } .brand-tags .tags { margin-bottom: 0; } @media screen and (max-width: 600px) { .brand-tags .tags.drop .tags-wrapper { grid-template-rows: 1fr; } } @media screen and (max-width: 600px) { .brand-tags .tags.drop .tags__trigger::after { transform: scale(1, -1); } } @media screen and (max-width: 600px) { .brand-tags .tags.drop .tags-wrapper__inner { padding-top: 12px; } } .brand-tags__title { color: #000; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1280px) { .brand-tags__title { font-size: 36px; } } @media screen and (max-width: 1024px) { .brand-tags__title { font-size: 34px; } } @media screen and (max-width: 600px) { .brand-tags__title { margin-bottom: 14px; font-size: 28px; } } @media screen and (max-width: 450px) { .brand-tags__title { font-size: 24px; } } .brand-page { margin-top: 35px; } .brand-page .catalog-products { margin-top: 0; gap: 25px 20px; } @media screen and (max-width: 1280px) { .brand-page .catalog-products { gap: 15px 10px; } } .brand-page .catalog-products .popular__el { width: calc((100% - 100px) / 6); } @media screen and (max-width: 1280px) { .brand-page .catalog-products .popular__el { width: calc((100% - 40px) / 5); } } @media screen and (max-width: 1024px) { .brand-page .catalog-products .popular__el { width: calc((100% - 30px) / 4); } } @media screen and (max-width: 768px) { .brand-page .catalog-products .popular__el { width: calc((100% - 20px) / 3); } } @media screen and (max-width: 600px) { .brand-page .catalog-products .popular__el { width: calc((100% - 10px) / 2); } } @media screen and (max-width: 1280px) { .brand-page .popular__el_price-old { margin-top: 10px; } } .checkout .main-title { text-align: center; } .checkout .checkout__title { color: #1a1a1a; font-size: 20px; font-style: normal; font-family: Nunito; font-weight: 700; line-height: normal; min-height: unset; padding: 0; border-radius: unset; } @media screen and (max-width: 600px) { .checkout .checkout__title { font-size: 16px; } } .checkout__form { display: flex; flex-direction: column; align-items: stretch; max-width: 1150px; gap: 30px; margin: 30px auto 0; } @media screen and (max-width: 900px) { .checkout__form { flex-direction: column; gap: 40px; } } .checkout__main { flex: 1; border-radius: 10px; background: white; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); padding: 45px; } @media screen and (max-width: 1440px) { .checkout__main { padding: 30px; } } @media screen and (max-width: 900px) { .checkout__main { width: 100%; box-shadow: none; padding: 0; } } .checkout__main_delivery { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 25px; } @media screen and (max-width: 1700px) { .checkout__main_delivery { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 1024px) { .checkout__main_delivery { gap: 15px; } } @media screen and (max-width: 900px) { .checkout__main_delivery { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { .checkout__main_delivery { grid-template-columns: 1fr; gap: 10px; } } .checkout__main_delivery label { width: 100%; height: 100%; min-height: 130px; position: relative; } .checkout__main_delivery label * { cursor: pointer; } .checkout__main_delivery label input:checked~.checkout__main_delivery-option { border-radius: 5px; border: 1px solid #0aaaf8; background: rgba(10, 170, 248, 0.08); } .checkout__main_delivery label input:checked~.checkout__main_delivery-option .check-radio { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 16C13.1141 16 14.0593 15.6119 14.8356 14.8356C15.6119 14.0593 16 13.1141 16 12C16 10.8859 15.6119 9.94071 14.8356 9.16443C14.0593 8.38814 13.1141 8 12 8C10.8859 8 9.94071 8.38814 9.16442 9.16443C8.38814 9.94071 8 10.8859 8 12C8 13.1141 8.38814 14.0593 9.16442 14.8356C9.94071 15.6119 10.8859 16 12 16ZM12.0034 21C10.7588 21 9.58872 20.7638 8.4931 20.2915C7.39748 19.8192 6.44444 19.1782 5.63397 18.3685C4.82352 17.5588 4.18192 16.6066 3.70915 15.512C3.23638 14.4174 3 13.2479 3 12.0034C3 10.7588 3.23616 9.58872 3.70848 8.4931C4.18081 7.39748 4.82183 6.44444 5.63153 5.63398C6.44123 4.82353 7.39337 4.18192 8.48795 3.70915C9.58255 3.23638 10.7521 3 11.9966 3C13.2412 3 14.4113 3.23616 15.5069 3.70847C16.6025 4.18081 17.5556 4.82182 18.366 5.63152C19.1765 6.44122 19.8181 7.39337 20.2908 8.48795C20.7636 9.58255 21 10.7521 21 11.9966C21 13.2412 20.7638 14.4113 20.2915 15.5069C19.8192 16.6025 19.1782 17.5556 18.3685 18.366C17.5588 19.1765 16.6066 19.8181 15.512 20.2909C14.4174 20.7636 13.2479 21 12.0034 21ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='%230AAAF8'/%3E%3C/svg%3E"); } .checkout__main_delivery label a { color: #0aaaf8; text-decoration: underline; } .checkout__main_delivery input { opacity: 0; visibility: hidden; width: 0; height: 0; z-index: -1; position: absolute; } .checkout__main_delivery-title { font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } @media screen and (max-width: 600px) { .checkout__main_delivery-title { font-size: 14px; } } .checkout__main_delivery-text { font-size: 14px; font-style: normal; font-weight: 300; line-height: 150%; } @media screen and (max-width: 600px) { .checkout__main_delivery-text { font-size: 12px; } } .checkout__main_textarea { height: 110px; width: 100%; max-width: 800px; } .checkout__main_textarea .checkout__main_delivery-option { padding: 16px; } .checkout__main_textarea textarea { width: 100%; height: 100%; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; color: #1a1a1a; padding: 0; margin: 0; resize: none; } .checkout__main_textarea textarea::placeholder { color: #6e6e73; } .checkout__main_delivery-option { user-select: none; height: 100%; border-radius: 5px; border: 1px solid #86868b; padding: 19px 18px; padding-left: 62px; transition: 0.3s; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; } @media screen and (max-width: 1280px) { .checkout__main_delivery-option { padding-left: 50px; } } .checkout__main_delivery-option .check-radio { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0034 21C10.7588 21 9.58872 20.7638 8.4931 20.2915C7.39748 19.8192 6.44444 19.1782 5.63397 18.3685C4.82352 17.5588 4.18192 16.6066 3.70915 15.512C3.23638 14.4174 3 13.2479 3 12.0034C3 10.7588 3.23616 9.58872 3.70848 8.4931C4.18081 7.39748 4.82183 6.44444 5.63153 5.63398C6.44123 4.82353 7.39337 4.18192 8.48795 3.70915C9.58255 3.23638 10.7521 3 11.9966 3C13.2412 3 14.4113 3.23616 15.5069 3.70847C16.6025 4.18081 17.5556 4.82182 18.366 5.63152C19.1765 6.44122 19.8181 7.39337 20.2908 8.48795C20.7636 9.58255 21 10.7521 21 11.9966C21 13.2412 20.7638 14.4113 20.2915 15.5069C19.8192 16.6025 19.1782 17.5556 18.3685 18.366C17.5588 19.1765 16.6066 19.8181 15.512 20.2909C14.4174 20.7636 13.2479 21 12.0034 21ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='black'/%3E%3C/svg%3E"); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 1280px) { .checkout__main_delivery-option .check-radio { left: 12px; } } .checkout__line { margin-top: 40px; margin-bottom: 40px; display: block; height: 1px; width: 100%; background: rgba(10, 170, 248, 0.2); } @media screen and (max-width: 900px) { .checkout__line { background: none; margin: 0; height: 40px; } } .checkout__select { position: relative; width: 375px; max-width: 100%; } @media screen and (max-width: 1024px) { .checkout__select { width: 100%; } } @media screen and (max-width: 900px) { .checkout__select { width: 50%; } } @media screen and (max-width: 600px) { .checkout__select { width: 100%; } } .checkout__select_drop { opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; transition: 0.3s; position: absolute; background: white; left: 0; top: calc(100% + 4px); border-radius: 5px; border: 1px solid #86868b; width: 100%; padding: 10px 0; } .checkout__select_trigger { border-radius: 4px; border: 1px solid #86868b; background: #fff; display: flex; justify-content: space-between; align-items: center; height: 44px; padding-left: 16px; padding-right: 4px; cursor: pointer; overflow: hidden; color: #6e6e73; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; } .checkout__select_trigger._err { border-color: #eb3333; transition: 0.3s; } .checkout__select_trigger-text { cursor: pointer; } .checkout__select_trigger-arr { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 9L12 14L16.5 9H7.5Z' fill='%231A1A1A'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 24px; height: 24px; background-size: contain; min-width: 24px; cursor: pointer; } .show .checkout__select_drop { opacity: 1; visibility: visible; pointer-events: all; z-index: 1; } .show .checkout__select_trigger-arr { transform: scale(1, -1); } .checkout__label { margin-top: 10px; color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 4px; } @media screen and (max-width: 600px) { .checkout__label { font-size: 13px; } } .checkout__select_option { overflow: hidden; color: #6e6e73; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; width: 100%; padding: 5px 15px; cursor: pointer; transition: 0.3s; } .checkout__select_option:hover { background: rgba(10, 170, 248, 0.08); } .hide { display: none !important; } .checkout__shop_container { width: 100%; max-width: 800px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; row-gap: 16px; } @media screen and (max-width: 1600px) { .checkout__shop_container { column-gap: 20px; } } @media screen and (max-width: 1024px) { .checkout__shop_container { max-width: 100%; } } @media screen and (max-width: 900px) { .checkout__shop_container { grid-template-columns: repeat(2, 1fr); column-gap: 15px; } } @media screen and (max-width: 600px) { .checkout__shop_container { grid-template-columns: 1fr; } } .checkout__shop .checkout__select { width: 100%; } .checkout__shop[data-type="3"] .checkout__shop_item { grid-column: 1 / -1; } .checkout__select--store { width: 100%; max-width: 380px; } .checkout__select--store .checkout__select_trigger { height: auto; min-height: 44px; white-space: normal; overflow: visible; align-items: center; padding-top: 8px; padding-bottom: 8px; } .checkout__select--store .checkout__select_trigger-view { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; color: #6e6e73; } .checkout__select--store .checkout__select_trigger-view.is-filled { color: #1a1a1a; } .checkout__select--store .checkout__select_trigger-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .checkout__select--store .checkout__select_option { height: auto; white-space: normal; overflow: visible; text-overflow: unset; } .main-store-show { display: none; max-width: 100%; margin-top: 10px; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; } .main-store-show--main { color: #FB6535; } .checkout__input { height: 44px; width: 100%; border-radius: 4px; border: 1px solid #86868b; padding: 0 16px; display: flex; align-items: center; } .checkout__input::placeholder { color: #6e6e73; } .checkout__input._err { border-color: #eb3333; transition: 0.3s; } .checkout-order { width: 100%; flex: none; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); padding: 30px; background: white; display: flex; flex-direction: column; align-items: stretch; } @media screen and (max-width: 600px) { .checkout-order { padding: 20px; } } .checkout-order__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding-bottom: 25px; border-bottom: 1px dashed rgba(10, 170, 248, 0.5); } @media screen and (max-width: 600px) { .checkout-order__head { padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; } } .checkout-order__title { font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 600px) { .checkout-order__title { font-size: 14px; } } .checkout-order__link { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; color: #0aaaf8; transition: 0.3s; } .checkout-order__link:hover { opacity: 0.6; } .checkout-order__list { display: flex; flex-direction: column; align-items: stretch; } .checkout-order__item { padding: 29px 0; display: flex; align-items: flex-end; justify-content: flex-start; gap: 10px; border-bottom: 1px dashed rgba(10, 170, 248, 0.5); } @media screen and (max-width: 600px) { .checkout-order__item { padding: 14px 0; border-bottom: 1px solid #e9e9e9; flex-wrap: wrap; row-gap: 15px; column-gap: 10px; } } .checkout-order__name { font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; color: #000; margin-right: 29px; width: 300px; } @media screen and (max-width: 1280px) { .checkout-order__name { width: 500px; } } @media screen and (max-width: 900px) { .checkout-order__name { width: 400px; margin-right: auto; } } @media screen and (max-width: 600px) { .checkout-order__name { width: 230px; font-size: 12px; } } .checkout-order__count { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; color: #acacac; white-space: nowrap; } .checkout-order__cost { font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; color: #000; margin-left: auto; white-space: nowrap; } @media screen and (max-width: 600px) { .checkout-order__cost { margin: 0; } } .checkout-order__result { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: 25px; } @media screen and (max-width: 600px) { .checkout-order__result { margin-bottom: 15px; } } .checkout-order__sum { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; color: #0aaaf8; } @media screen and (max-width: 600px) { .checkout-order__sum { font-size: 16px; } } .checkout-order__submit { margin-top: 50px; } @media screen and (max-width: 600px) { .checkout-order__submit { margin-top: 30px; } } .p-404 { margin-top: 100px; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-right: 30px; padding-left: 30px; } @media screen and (max-width: 768px) { .p-404 { margin-top: 60px; } } @media screen and (max-width: 450px) { .p-404 { margin-top: 40px; } } .p-404 .search-form { display: flex; position: relative; } .p-404 .search-form::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M10.875 18.9412C15.2242 18.9412 18.75 15.4154 18.75 11.0662C18.75 6.71692 15.2242 3.19116 10.875 3.19116C6.52576 3.19116 3 6.71692 3 11.0662C3 15.4154 6.52576 18.9412 10.875 18.9412Z' stroke='%230AAAF8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4453 16.635L21.0016 21.1913' stroke='%230AAAF8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 24px; height: 25px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 600px) { .p-404 .search-form::before { width: 22px; height: 23px; } } .p-404 .search-form input { border: 1px solid #acacac; border-radius: 6px 0 0 6px; padding: 0 16px; padding-left: 35px; display: flex; align-items: center; height: 45px; width: 450px; max-width: 60vw; border-right: unset; font-size: 16px; } @media screen and (max-width: 600px) { .p-404 .search-form input { font-size: 14px; } } .p-404 .search-form .btn-blue { height: 45px; border-radius: 0 6px 6px 0; } @media screen and (max-width: 600px) { .p-404 .search-form .btn-blue { font-size: 14px; } } .b-error-page__title { width: 100%; display: flex; align-items: center; justify-content: center; } .b-error-page__title span { font-size: 28px; color: #1a1a1a; text-shadow: unset; margin-top: min(105px, 7.4vw); margin-left: 5px; text-shadow: unset; } @media screen and (max-width: 768px) { .b-error-page__title span { font-size: min(22px, 4vw); } } .b-error-page__title .b-error-page__title_404 { color: #0aaaf8; font-size: min(240px, 22vw); line-height: 1; text-shadow: 1px 1px 1px rgba(8, 8, 8, 0.8705882353); } .b-error-page__text { color: #1a1a1a; font-size: 16px; text-align: center; } @media screen and (max-width: 600px) { .b-error-page__text { font-size: 14px; } } .p-404__to-main.btn-orange { max-width: max-content; background: #fb6535; color: white; } @media screen and (max-width: 600px) { .p-404__to-main.btn-orange { height: 45px; } } .p-404__to-main.btn-orange:hover { background: transparent; color: #fb6535; } .search { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; padding-top: 24px; display: grid; align-items: flex-start; transition: 0.5s; opacity: 0; pointer-events: none; } @media screen and (max-width: 1280px) { .search { padding-bottom: 24px; } } @media screen and (max-width: 600px) { .search.wrapper { padding: 0; } } .search:not(.search-modal) { position: static; z-index: auto; padding: 0; padding-left: var(--padding); padding-right: var(--padding); opacity: 1; pointer-events: all; gap: 20px; display: flex; flex-direction: column; margin-bottom: 76px; height: fit-content; margin-top: 50px; } @media screen and (max-width: 900px) { .search:not(.search-modal) { gap: 20px; margin-bottom: 60px; margin-top: 20px; } } .search:not(.search-modal) .search__title { font-size: 40px; font-weight: 700; display: inline-block; } @media screen and (max-width: 600px) { .search:not(.search-modal) .search__title { font-size: 24px; } } .search:not(.search-modal) .search__title-count { color: #acacac; } .search:not(.search-modal) .search__container { padding: 0; flex-direction: column; align-items: stretch; gap: 40px; } @media screen and (max-width: 600px) { .search:not(.search-modal) .search__container { gap: 20px; } } .search:not(.search-modal) .search-result { opacity: 1; pointer-events: all; background-color: transparent; padding: 0; overflow: unset; } .search:not(.search-modal) .search-result__title { font-size: 24px; text-align: center; } @media screen and (max-width: 600px) { .search:not(.search-modal) .search-result__title { font-size: 16px; text-align: left; } } .search:not(.search-modal) .search-result__text { text-align: center; } @media screen and (max-width: 600px) { .search:not(.search-modal) .search-result__text { text-align: left; } } .search:not(.search-modal) .search-result__container { overflow: unset; height: fit-content; width: 100%; max-width: 1010px; } .search:not(.search-modal) .search-result__box { display: grid; max-width: 1450px; margin: 0 auto 0 0; } @media screen and (max-width: 900px) { .search:not(.search-modal) .search-result__box { display: flex; flex-direction: column; gap: 32px; } } .search:not(.search-modal) .search-result__box .search-result__title { text-align: left; font-size: 20px; } .search:not(.search-modal) .search-result__box .search-result__title-count { color: #0aaaf8; } .search:not(.search-modal) .search-result__box .search-result__text { text-align: left; font-size: 20px; } .search:not(.search-modal) .search-result__empty { display: flex; align-items: center; gap: 16px; margin-top: 22px; } @media screen and (max-width: 600px) { .search:not(.search-modal) .search-result__empty { align-items: flex-start; margin: 0; gap: 8px; } } .search:not(.search-modal) .search-category { height: fit-content; margin: 0; } .search:not(.search-modal) .search-category__container::before { content: none; } .search:not(.search-modal) .search-prod__btn { font-size: 0; } @media screen and (min-width: 601px) { .search:not(.search-modal) .search-prod__btn { padding: 10px 16px; background-color: #0aaaf8; color: #fff; font-size: 14px; font-weight: 500; width: fit-content; height: fit-content; border-radius: 10px; border: 1px solid #0aaaf8; width: 100%; display: flex; justify-content: center; } .search:not(.search-modal) .search-prod__btn:hover { background-color: #fff; color: #0aaaf8; opacity: 1; } .search:not(.search-modal) .search-prod__btn svg { display: none; } } .search._active { opacity: 1; pointer-events: all; } .search._loading .search-field__btn { pointer-events: none !important; } .search._loading .search-field__btn svg:nth-child(1) { opacity: 0; } .search._loading .search-field__btn svg:nth-child(2) { opacity: 1; } .search._result .search__container { border-radius: 10px 10px 0 0; } @media screen and (max-width: 600px) { .search._result .search__container { border-radius: 0; } } .search._result .search-result { opacity: 1; pointer-events: all; } .search._result_empty .search-result__empty { display: flex; } .search._result_empty .search-result__wrapper { display: none; } .search__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .search__wrapper { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .search__container { flex: none; width: 100%; border-radius: 20px; background-color: #fff; padding: 32px 60px; display: flex; flex-direction: column; gap: 20px; transition: 0.5s; } @media screen and (max-width: 1280px) { .search__container { padding: 32px 20px; } } @media screen and (max-width: 600px) { .search__container { border-radius: 0 0 10px 10px; gap: 0; padding: 16px; } } .search__container .tags .tag, .search__container .tags { margin-top: 0; margin-bottom: 0; } .search__container-top { flex: none; width: 100%; display: flex; align-items: center; gap: 70px; } @media screen and (max-width: 600px) { .search__container-top { border-radius: 0 0 10px 10px; flex-direction: column-reverse; align-items: flex-start; gap: 12px; padding: 16px; } } .search__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; } @media screen and (max-width: 600px) { .search__head { width: 100%; } } .search__title { font-size: 20px; font-weight: 700; display: none; } @media screen and (max-width: 600px) { .search__title { display: block; } } .search__btn.btn-blue:hover svg { stroke: #0aaaf8; } @media screen and (max-width: 600px) { .search__btn.btn-blue { font-size: 0; line-height: 0; padding: 11px; } } .search__btn svg { fill: none; stroke: #fff; width: 24px; height: 24px; display: none; } @media screen and (max-width: 600px) { .search__btn svg { display: block; } } .search__close { flex: none; width: 34px; height: 34px; transition: 0.3s; } @media (hover) { .search__close:hover { opacity: 0.6; } } @media screen and (max-width: 600px) { .search__close { width: 24px; height: 24px; } } .search__close svg { width: 100%; height: 100%; stroke: #191919; } .search__inner { flex: 1; display: flex; align-items: center; gap: 16px; } @media screen and (max-width: 600px) { .search__inner { width: 100%; gap: 8px; } } .search-field { flex: 1; display: flex; align-items: center; gap: 10px; padding: 11px 15px; border: 1px solid #0aaaf8; border-radius: 10px; } .search-field._not-empty .search-field__btn { opacity: 1; pointer-events: all; } .search-field__icon { flex: none; width: 24px; height: 24px; } .search-field__icon svg { fill: none; stroke: #0aaaf8; width: 100%; height: 100%; } .search-field__input { flex: 1; border: none; outline: none; font-size: 16px; font-weight: 400; line-height: normal; padding: 0; margin: 0; } @media screen and (max-width: 600px) { .search-field__input { font-size: 15px; } } .search-field__input::placeholder { color: #acacac; } .search-field__btn { width: 16px; height: 16px; flex: none; position: relative; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s; } @media (hover) { .search-field__btn:hover svg:nth-child(1) { fill: #1a1a1a; } } .search-field__btn svg { width: 100%; height: 100%; position: absolute; transition: 0.3s; pointer-events: none; } .search-field__btn svg:nth-child(1) { fill: #acacac; } .search-field__btn svg:nth-child(2) { fill: #0aaaf8; animation: spin 1s linear infinite; opacity: 0; } .search-result { width: 100%; overflow: hidden; background-color: #f9f9f9; border-radius: 0 0 10px 10px; padding: 30px 60px 40px; opacity: 0; pointer-events: none; transition: 0.5s; } @media screen and (max-width: 1280px) { .search-result { padding: 30px 20px; } } @media screen and (max-width: 900px) { .search-result { overflow: auto; } .search-result::-webkit-scrollbar { width: 8px; height: 8px; } .search-result::-webkit-scrollbar-track { background: transparent; } .search-result::-webkit-scrollbar-thumb { background-color: #0aaaf8; border-radius: 10px; border: none; } } @media screen and (max-width: 600px) { .search-result { padding: 16px 10px; border-radius: 0; } } .search-result__empty { display: flex; flex-direction: column; align-items: center; height: 100%; gap: 12px; display: none; } @media screen and (max-width: 600px) { .search-result__empty { gap: 8px; } } @media screen and (max-width: 600px) { .search-result__empty .search-result__container { overflow: visible; padding-bottom: 20px; } } .search-result__title { font-size: 17px; font-weight: 700; flex: none; } @media screen and (max-width: 900px) { .search-result__title { font-size: 16px; } } .search-result__text { font-size: 17px; font-weight: 500; margin-bottom: 28px; } @media screen and (max-width: 900px) { .search-result__text { font-size: 14px; } } .search-result__text a { color: #0aaaf8; transition: 0.3s; } @media (hover) { .search-result__text a:hover { opacity: 0.6; } } .search-result__wrapper { height: calc(100% - 100px); } .search-result__wrapper .tags { margin-bottom: 40px; } .search-result__box { width: 100%; height: 100%; max-width: 1426px; margin: 0 auto; display: grid; grid-template-columns: 340px 1fr; gap: 48px; } @media screen and (max-width: 1024px) { .search-result__box { gap: 24px; } } @media screen and (max-width: 900px) { .search-result__box { display: flex; flex-direction: column; height: fit-content; } } .search-result__box .search-result__title { font-size: 20px; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } @media screen and (max-width: 900px) { .search-result__box .search-result__title { font-size: 16px; } } .search-result__container { display: flex; flex-direction: column; align-items: stretch; gap: 16px; overflow: hidden; height: 100%; } @media screen and (max-width: 900px) { .search-result__container { height: fit-content; padding-bottom: 20px; } } .search-result__list { display: flex; flex-direction: column; align-content: stretch; padding: 26px 16px 16px; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); background-color: #fff; flex: 1; overflow: auto; } .search-result__list::-webkit-scrollbar { width: 8px; height: 8px; } .search-result__list::-webkit-scrollbar-track { background: transparent; } .search-result__list::-webkit-scrollbar-thumb { background-color: #0aaaf8; border-radius: 10px; border: none; } @media screen and (max-width: 900px) { .search-result__list { overflow: unset; flex: none; padding: 0; } } .search-result__all { flex: none; width: fit-content; margin: 16px auto 0; } @media screen and (max-width: 1280px) { .search-result__all { margin: 0 auto; } } .search-category { display: flex; flex-direction: column; align-items: stretch; gap: 12px; height: calc(100% + 40px); margin: 0 0 -40px 0; overflow: hidden; overflow-y: auto; position: relative; } .search-category::-webkit-scrollbar { width: 0; } @media screen and (max-width: 1280px) { .search-category { height: calc(100% + 30px); margin: 0 0 -30px 0; } } @media screen and (max-width: 900px) { .search-category { height: unset; margin: 0; } } .search-category::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 110px; background: linear-gradient(0deg, #f9f9f9 0%, rgba(249, 249, 249, 0.74) 58.86%); opacity: 0; } @media screen and (max-width: 900px) { .search-category::before { display: none; } } .search-category._scroll::after { position: absolute; content: ""; bottom: 25px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%; background-color: rgba(10, 170, 248, 0.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M11.1539 17.3237L12.0802 16.3974L20.0097 24.3269L27.9712 16.3974L28.8975 17.3237L20.0097 26.1795L11.1539 17.3237Z' fill='%230AAAF8'/%3E%3C/svg%3E"); background-position: center; } .search-category._scroll::before, .search-category._scroll::after { opacity: 1; } @media screen and (max-width: 900px) { .search-category._show-list .search-category__list { grid-template-rows: auto; } .search-category._show-list .search-category__link:nth-child(1n+6) { padding: 10px 20px; opacity: 1; } .search-category._show-list .search-category__btn::before { content: attr(data-close); } .search-category._show-list .search-category__btn::after { transform: scaleY(-1); } } .search-category__container { position: relative; } @media screen and (max-width: 900px) { .search-category__container { flex: none; overflow: initial; } } .search-category__container._scroll::before, .search-category__container._scroll::after { opacity: 1; } .search-category__container::before, .search-category__container::after { content: ""; position: absolute; opacity: 0; pointer-events: none; transition: 0.3s; } @media screen and (max-width: 900px) { .search-category__container::before, .search-category__container::after { content: none; } } .search-category__scroll { overflow: auto; max-height: 100%; } .search-category__scroll::-webkit-scrollbar { width: 0; height: 0; } .search-category__scroll::-webkit-scrollbar-track { background: transparent; } .search-category__scroll::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 0; border: none; } @media screen and (max-width: 900px) { .search-category__scroll { max-height: fit-content; } } .search-category__list { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding-bottom: 24px; } .search-category__link { padding: 4px 12px; display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; border-radius: 10px; transition: 0.3s; font-size: 14px; font-weight: 600; color: #1a1a1a; } @media (hover) { .search-category__link:hover { color: #0aaaf8; } } .search-category__link.active { color: #0aaaf8; } .search-category__btn { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #0aaaf8; padding: 6px 15px; margin: 0 auto; display: none; } @media screen and (max-width: 900px) { .search-category__btn { display: flex; } } .search-category__btn::before { content: attr(data-open); } .search-category__btn::after { content: ""; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M11.1539 17.3237L12.0802 16.3974L20.0097 24.3269L27.9712 16.3974L28.8975 17.3237L20.0097 26.1795L11.1539 17.3237Z' fill='%230AAAF8'/%3E%3C/svg%3E"); background-position: center; background-size: 80%; } .search-category__reset { color: #757575; font-size: 14px; font-weight: 700; position: absolute; top: 0; right: 0; z-index: 2; } .search-prod { padding: 15px; display: flex; align-items: center; gap: 25px; border-radius: 0px; border: 1px solid transparent; transition: 0.3s; border-bottom: 1px solid rgba(10, 170, 248, 0.2); } @media screen and (max-width: 768px) { .search-prod { align-items: flex-start; } } @media (hover) { .search-prod:hover { border-color: #0aaaf8; border-radius: 10px; } } @media screen and (max-width: 600px) { .search-prod { padding: 11px 7px; gap: 12px; } .search-prod:active { border-radius: 10px; border-color: #0aaaf8; } } .search-prod__img { width: 68px; height: 68px; flex: none; padding: 7.5px; } .search-prod__img img { object-fit: contain; object-position: center; width: 100%; height: 100%; } .search-prod__container { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; width: calc(100% - 93px); } @media screen and (max-width: 600px) { .search-prod__container { width: calc(100% - 80px); gap: 5px; } } .search-prod .search-prod__btn_wrap { width: 122px; min-width: 122px; display: flex; justify-content: center; } @media (max-width: 1150px) { .search-prod .search-prod__btn_wrap { width: auto; min-width: max-content; padding-left: 12px; } } .search-prod__info { font-size: 16px; font-style: normal; display: flex; align-items: flex-start; width: 100%; justify-content: space-between; } @media screen and (max-width: 600px) { .search-prod__info { color: #1a1a1a; font-size: 12px; font-style: normal; font-weight: 800; line-height: 150%; } } .search-prod .search-prod__info_row { display: flex; flex-wrap: wrap; gap: 4px; } .search-prod__name { color: #1a1a1a; font-weight: 600; display: inline; } .search-prod__id { font-weight: 400; color: #acacac; } .search-prod__btn { flex: none; width: 30px; height: 30px; transition: 0.3s; } @media (hover) { .search-prod__btn:hover { opacity: 0.6; } } .search-prod__btn svg { width: 100%; height: 100%; fill: #fb6535; } .search-prod__price { display: flex; align-items: center; gap: 6px; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; color: #0aaaf8; width: 100%; } @media (max-width: 1150px) { .search-prod__price { flex-wrap: wrap; } } @media screen and (max-width: 600px) { .search-prod__price { font-size: 18px; } } .search-prod__price .markdown { border-radius: 6px; background: #fb6535; padding: 1px 10px; color: #fff; font-size: 13px; font-style: normal; font-weight: 600; line-height: 160%; margin-left: 10px; } @media screen and (max-width: 450px) { .search-prod__price .markdown { margin-left: 0; } } .search-prod__price-last { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: line-through; color: #fb6535; } @media screen and (max-width: 600px) { .search-prod__price-last { font-size: 12px; } } .search-prod__price-current { display: flex; align-items: baseline; gap: 5px; } @media screen and (max-width: 600px) { .search-prod__price-current { width: 55%; } } .search-prod__price-current::after { content: attr(data-pref); font-size: 14px; } @media screen and (max-width: 600px) { .search-prod__price-current::after { font-size: 12px; } } @keyframes spin { from { transform: rotate(0); } to { transform: rotate(360deg); } } .search-prod__btns { display: flex; flex-grow: 1; justify-content: flex-end; align-items: center; gap: 10px 54px; } @media screen and (max-width: 768px) { .search-prod__btns { width: 100%; justify-content: space-between; gap: 10px; } } .search-prod__btns .amount-wrap { border-radius: 6px; border: 1px solid #0aaaf8; width: 122px; padding: 4px 5px; display: flex; color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; height: 34px; } @media screen and (max-width: 768px) { .search-prod__btns .amount-wrap { display: none; width: 90px; } } .search-prod__btns .amount-wrap.mobile { display: none; } @media screen and (max-width: 768px) { .search-prod__btns .amount-wrap.mobile { display: flex; } } .search-prod__btns .prod-amount-inp { width: 48px; text-align: center; } .search-prod__btns .btn-minus, .search-prod__btns .btn-plus { width: 32px; } .product-amount { position: relative; cursor: pointer; } .product-amount:hover .product-amount-block { opacity: 1; visibility: visible; z-index: 1; } @media screen and (max-width: 1024px) { .search-modal .product-amount-block { left: 0; top: unset; transform: unset; bottom: calc(100% + 3px); right: unset; } } .product-amount-block { position: absolute; border-radius: 4px; background: rgb(255, 240, 235); padding: 8px 12px; z-index: 2; display: flex; flex-direction: column; gap: 2px; color: #757575; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; width: max-content; max-width: 300px; right: 0; bottom: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s; z-index: -1; } @media (max-width: 1150px) { .product-amount-block { font-size: 14px; } } @media screen and (max-width: 768px) { .product-amount-block { left: 0; top: unset; transform: unset; bottom: calc(100% + 3px); right: unset; } } .product-amount-block p { display: flex; align-items: center; gap: 4px; } .product-amount-block p .black { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } @media (max-width: 1150px) { .product-amount-block p .black { font-size: 14px; } } .product-amount-block b { color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media (max-width: 1150px) { .product-amount-block b { font-size: 14px; } } .product-amount-btn { color: #757575; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-decoration-line: underline; display: flex; align-items: center; gap: 6px; } @media screen and (max-width: 600px) { .product-amount-btn { font-size: 12px; } } @media screen and (max-width: 900px) { .looking-box { display: none; } } .search-category__container._show-list .search-category__btn::before { content: attr(data-close); } .search-category__container._show-list .search-category__btn::after { transform: scaleY(-1); } .search-category__link._hide { display: none; } .category-box-filter { margin-bottom: 28px; } @media (max-width: 900px) { .category-box-filter { margin-bottom: 0; } } .category-box-filter .smart-filter-parameters-box { border-radius: 6px; background: #f9f9f9; padding: 15px; margin-bottom: 24px !important; } @media (max-width: 1024px) { .category-box-filter .smart-filter-parameters-box { background: transparent; padding: 10px 0 0; margin-bottom: 0px !important; } } @media (max-width: 1024px) { .category-box-filter .smart-filter-parameters-box .search-category__list { padding-bottom: 0; } } @media (min-width: 1025px) { .search-catalog-filters { width: 336px; flex: none; } } .itc-select__dropdown { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; position: absolute; } .itc-select__options { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; border-radius: 6px; -webkit-box-shadow: 0 0 4px #cbc8c8; box-shadow: 0 0 4px #cbc8c8; background: #fff; margin: 6px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 300px; } .itc-select_show .itc-select__dropdown { opacity: 1; max-height: unset; } @media screen and (max-width: 1024px) { .itc-select.select-sort .itc-select__dropdown { right: auto; left: 0; } } .search-result-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .search-result__wrapper .search-result-head .search-result__title { margin-bottom: 0; } @media (min-width: 900px) { .hide-desc { display: none; } } @media (max-width: 900px) { .hide-mobile { display: none; } } @media (max-width: 900px) { .show-3-el .search-category__link { display: none; } .show-3-el .search-category__link:nth-child(-n+3) { display: flex; } } .filter-panel { transition: all 0.3s; overflow: hidden; } .filter-box.bx-active .smart-filter-angles:before { transform: rotateX(180deg); } /* === Cookie consent (task-56527) === */ #bereg-cookie-root[hidden] { display: none !important; } .cookie-banner { position: fixed; z-index: 10050; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 1224px; max-width: calc(100% - 32px); padding: 20px 24px; border-radius: 16px; background: #fff; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12); } .cookie-banner[hidden] { display: none !important; } .cookie-banner__text { flex: 1 1 auto; min-width: 0; } .cookie-banner__text p { margin: 0 0 8px; color: #1a1a1a; font-size: 15px; line-height: 1.45; } .cookie-banner__text p:last-child { margin-bottom: 0; } .cookie-banner__text a { color: #0aaaf8; text-decoration: underline; } .cookie-banner__text a:hover { text-decoration: none; } .cookie-banner__btns { display: flex; flex-shrink: 0; gap: 12px; align-items: center; } .cookie-btn { appearance: none; cursor: pointer; border-radius: 10px; padding: 12px 22px; font-size: 15px; font-weight: 600; line-height: 1.2; border: 1px solid transparent; transition: background .2s, color .2s, border-color .2s; } .cookie-btn--primary { background: #0aaaf8; border-color: #0aaaf8; color: #fff; } .cookie-btn--primary:hover { background: #0896d9; border-color: #0896d9; } .cookie-btn--outline { background: #fff; border-color: #0aaaf8; color: #0aaaf8; } .cookie-btn--outline:hover { background: #f0f9ff; } .cookie-btn--muted { background: #fff; border-color: #cfcfcf; color: #1a1a1a; } .cookie-btn--muted:hover { border-color: #0aaaf8; color: #0aaaf8; } .cookie-overlay { position: fixed; inset: 0; z-index: 10060; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.45); } .cookie-overlay[hidden] { display: none !important; } body.cookie-modal-open { overflow: hidden; } .cookie-modal { width: 640px; max-width: 100%; max-height: calc(100vh - 32px); overflow: auto; background: #fff; border-radius: 16px; padding: 28px 28px 24px; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18); } .cookie-modal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 20px; } .cookie-modal__title { margin: 0; font-size: 22px; font-weight: 700; color: #1a1a1a; padding-right: 8px; } .cookie-modal__close { appearance: none; flex-shrink: 0; width: 36px; height: 36px; margin: -6px -8px 0 0; padding: 0; border: none; border-radius: 50%; background: transparent; color: #6b6b6b; font-size: 28px; line-height: 1; cursor: pointer; transition: color .2s, background .2s; } .cookie-modal__close:hover { color: #1a1a1a; background: #f3f3f3; } .cookie-cat { border: 1px solid #bfe6fb; border-radius: 12px; padding: 16px 18px; margin-bottom: 12px; } .cookie-cat__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .cookie-cat__name { appearance: none; display: block; width: 100%; margin: 0; padding: 0; border: none; background: none; text-align: left; font-size: 16px; font-weight: 700; color: #1a1a1a; cursor: default; line-height: 1.3; } .cookie-cat__desc { margin: 8px 0 0; font-size: 13px; line-height: 1.45; color: #6b6b6b; } .cookie-switch { position: relative; flex-shrink: 0; width: 48px; height: 28px; display: inline-block; } .cookie-switch input { opacity: 0; width: 0; height: 0; position: absolute; } .cookie-switch__ui { position: absolute; inset: 0; border-radius: 28px; background: #d0d0d0; cursor: pointer; transition: background .2s; } .cookie-switch__ui:before { content: ""; position: absolute; width: 22px; height: 22px; left: 3px; top: 3px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform .2s; } .cookie-switch input:checked + .cookie-switch__ui { background: #0aaaf8; } .cookie-switch input:checked + .cookie-switch__ui:before { transform: translateX(20px); } .cookie-switch--locked .cookie-switch__ui { cursor: not-allowed; opacity: 0.95; } .cookie-modal__note { margin: 16px 0 18px; font-size: 14px; color: #1a1a1a; } .cookie-modal__note a { color: #0aaaf8; text-decoration: underline; } .cookie-modal__btns { display: flex; gap: 12px; flex-wrap: wrap; } @media screen and (max-width: 768px) { .cookie-banner { flex-direction: column; align-items: stretch; bottom: 12px; padding: 16px; gap: 16px; } .cookie-banner__text p { font-size: 14px; } .cookie-banner__btns { width: 100%; } .cookie-banner__btns .cookie-btn { flex: 1 1 0; text-align: center; padding: 8px 14px; font-size: 13px; } .cookie-modal { padding: 20px 16px 16px; } .cookie-modal__title { font-size: 18px; } .cookie-cat { padding: 12px 14px; } /* на мобилке описание свёрнуто, тап по названию раскрывает */ .cookie-cat__head { font-size: 14px; } .cookie-cat__name { cursor: pointer; padding-right: 22px; position: relative; font-size: 14px; } .cookie-cat__name::after { content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border-right: 2px solid #0aaaf8; border-bottom: 2px solid #0aaaf8; transform: translateY(-65%) rotate(45deg); transition: transform .2s; } .cookie-cat.is-open .cookie-cat__name::after { transform: translateY(-20%) rotate(225deg); } .cookie-cat__desc { display: none; } .cookie-cat.is-open .cookie-cat__desc { display: block; } } @media screen and (max-width: 420px) { .cookie-banner__text p { font-size: 13px; } } .cookie { position: fixed; gap: 16px 24px; justify-content: center; display: flex; align-items: center; bottom: 32px; z-index: 30; left: 50%; transform: translateX(-50%); width: 1224px; max-width: calc(100% - 62px); padding: 16px; overflow: hidden; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 768px) { .cookie { flex-direction: column; } } .cookie .btn-bordered, .cookie .btn-blue { border-radius: 10px; } @media screen and (max-width: 450px) { .cookie .btn-bordered, .cookie .btn-blue { width: calc(50% - 8px); font-size: 14px; } } .cookie__inner { max-width: 899px; position: relative; z-index: 2; } .cookie__inner p { color: #757575; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 450px) { .cookie__inner p { font-size: 14px; } } .cookie__inner a { text-decoration: underline; color: #0AAAF8; display: inline; } .cookie__inner a:hover { text-decoration: none; } .cookie__btns { display: flex; align-items: stretch; gap: 16px; justify-content: center; position: relative; z-index: 2; } @media screen and (max-width: 600px) { .cookie__btns { flex-direction: row; } } @media screen and (max-width: 450px) { .cookie__btns { flex-wrap: wrap; width: 100%; } } .links-ind { padding: 15px; display: flex; flex-direction: column; gap: 15px; } .links-ind a { color: black; } .red { color: #eb3333; } a * { cursor: pointer; } body { display: flex; flex-direction: column; height: 100%; font-family: Nunito; color: #1a1a1a; } html { font-family: Nunito; color: #1a1a1a; height: 100%; } :root { --padding: min(85px, 4.5vw); } @media screen and (max-width: 1440px) { :root { --padding: 20px; } } @media screen and (max-width: 600px) { :root { --padding: 10px; } } .wrapper { padding-left: var(--padding); padding-right: var(--padding); } .mt120 { margin-top: 120px; } @media screen and (max-width: 1440px) { .mt120 { margin-top: 100px; } } @media screen and (max-width: 1280px) { .mt120 { margin-top: 80px; } } @media screen and (max-width: 600px) { .mt120 { margin-top: 60px; } } .btn-blue { border: 1px solid #0aaaf8; padding: 11px 16px; background: #0aaaf8; color: white; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; transition: 0.3s; } .btn-blue:hover { background: white; color: #0aaaf8; } .btn-blue.stroke { background-color: transparent; color: #0aaaf8; } .btn-blue.stroke:hover { color: white; background-color: #0aaaf8; } .btn-orange { border-radius: 10px; border: 1px solid #fb6535; background: white; padding: 15px 26px; color: #fb6535; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 10px; height: 50px; width: 100%; } .btn-orange:hover { background: #fb6535; color: white; } .btn-orange:hover svg { fill: white; } .btn-orange svg { width: 24px; height: 24px; fill: #fb6535; stroke: none; transition: 0.3s; } .btn-light { border: 1px solid transparent; padding: 11px 16px; border-radius: 6px; background: rgba(10, 170, 248, 0.08); color: #0aaaf8; display: flex; justify-content: center; align-items: center; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; transition: 0.3s; } .btn-light:hover { border-color: #0aaaf8; } .main-content { flex-grow: 1; padding-bottom: 100px; width: 100%; overflow-x: clip; } @media screen and (max-width: 1024px) { .main-content { padding-bottom: 80px; } } @media screen and (max-width: 450px) { .main-content { padding-bottom: 60px; } } .visually-hidden { opacity: 0; visibility: hidden; z-index: -1; width: 0; height: 0; position: absolute; left: -1px; } .page-title { color: #1a1a1a; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1440px) { .page-title { font-size: 38px; } } @media screen and (max-width: 1280px) { .page-title { font-size: 34px; } } @media screen and (max-width: 1024px) { .page-title { font-size: 30px; } } @media screen and (max-width: 768px) { .page-title { font-size: 26px; } } @media screen and (max-width: 600px) { .page-title { font-size: 20px; } } .btn-white { border-radius: 10px; border: 1px solid #acacac; color: #1a1a1a; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 18px 39px; transition: 0.3s; } @media screen and (max-width: 1280px) { .btn-white { padding: 16px 30px; } } @media screen and (max-width: 768px) { .btn-white { font-size: 15px; padding: 14px 20px; } } @media screen and (max-width: 600px) { .btn-white { padding: 10px 29px; font-size: 14px; } } .btn-white:hover { border: 1px solid #0aaaf8; color: #0aaaf8; } .tooltip { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 200px; padding: 6px 12px; border-radius: 4px; background: rgb(255, 240, 235); color: #1a1a1a; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; right: 0; bottom: calc(100% + 5px); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 9999; } .tooltip .remove { display: none; } .lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%); } .breadcrumbs { margin-top: 50px; margin-bottom: 17.5px; } @media screen and (max-width: 768px) { .breadcrumbs { margin-top: 30px; margin-bottom: 17px; } } @media screen and (max-width: 450px) { .breadcrumbs { margin-top: 22px; margin-bottom: 17px; } } .breadcrumbs__list { display: flex; flex-wrap: wrap; } .breadcrumbs__list a { color: #acacac; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; transition: 0.3s; } @media screen and (max-width: 450px) { .breadcrumbs__list a { font-size: 12px; } } .breadcrumbs__list a:hover { color: #0aaaf8; } .breadcrumbs__item { display: flex; align-items: center; } .breadcrumbs__item::after { content: ""; display: block; width: 24px; min-width: 24px; height: 24px; margin: 0 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3956 17.3076L9.83984 16.7518L14.5975 11.9941L9.83984 7.21715L10.3956 6.66138L15.7091 11.9941L10.3956 17.3076Z' fill='%23ACACAC'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; } @media screen and (max-width: 450px) { .breadcrumbs__item::after { width: 20px; min-width: 20px; height: 20px; } } .breadcrumbs__item:nth-last-child(1) a { color: #0aaaf8; } .breadcrumbs__item:nth-last-child(1)::after { content: none; } .mt30 { margin-top: 30px; } @media screen and (max-width: 1024px) { .mt30 { margin-top: 20px; } } .mt50 { margin-top: 50px; } @media screen and (max-width: 1024px) { .mt50 { margin-top: 30px; } } ol, .list-num { display: flex; flex-direction: column; gap: 30px; padding: 0; color: #000; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal; counter-reset: section; list-style-type: none; } @media screen and (max-width: 1280px) { ol, .list-num { font-size: 18px; } } @media screen and (max-width: 1024px) { ol, .list-num { font-size: 17px; } } @media screen and (max-width: 600px) { ol, .list-num { font-size: 16px; } } @media screen and (max-width: 450px) { ol, .list-num { font-size: 14px; } } ol li::before, .list-num li::before { counter-increment: section; content: counters(section, ".") ". "; } .columns { display: flex; gap: 20px; } @media screen and (max-width: 1024px) { .columns { gap: 10px; } } @media screen and (max-width: 768px) { .columns { flex-wrap: wrap; position: relative; max-width: 100%; overflow: hidden; } } .columns .swiper-wrapper { display: flex; gap: 20px; } @media screen and (max-width: 1024px) { .columns .swiper-wrapper { gap: 10px; } } @media screen and (max-width: 768px) { .columns .swiper-wrapper { flex-wrap: nowrap; gap: 0; } } .columns .swiper-notification { position: absolute; } .columns .swiper-pagination { display: none; } @media screen and (max-width: 768px) { .columns .swiper-pagination { display: flex; position: relative; bottom: unset; left: unset; margin: 15px auto; } } .columns .columns__col { flex-grow: 1; overflow: hidden; } .columns .columns__col .img-wrapper, .columns .columns__col .video-wrapper { width: 100%; border-radius: 10px; overflow: hidden; } .columns .columns__col .img-wrapper img, .columns .columns__col .img-wrapper video, .columns .columns__col .video-wrapper img, .columns .columns__col .video-wrapper video { height: 100%; width: 100%; object-fit: cover; display: block; } .columns.three .columns__col { width: calc((100% - 40px) / 3); } @media screen and (max-width: 1024px) { .columns.three .columns__col { width: calc((100% - 20px) / 3); } } @media screen and (max-width: 768px) { .columns.three .columns__col { width: 100%; } } .columns.three .img-wrapper, .columns.three .video-wrapper { height: min(360px, 20vw); } @media screen and (max-width: 768px) { .columns.three .img-wrapper, .columns.three .video-wrapper { height: 57vw; } } @media screen and (max-width: 450px) { .columns.three .img-wrapper, .columns.three .video-wrapper { height: 72vw; } } .columns.two .columns__col { width: calc((100% - 20px) / 2); } @media screen and (max-width: 1024px) { .columns.two .columns__col { width: calc((100% - 10px) / 2); } } @media screen and (max-width: 768px) { .columns.two .columns__col { width: 100%; } } .columns.two .img-wrapper, .columns.two .video-wrapper { height: min(544px, 30vw); } @media screen and (max-width: 768px) { .columns.two .img-wrapper, .columns.two .video-wrapper { height: 57vw; } } @media screen and (max-width: 450px) { .columns.two .img-wrapper, .columns.two .video-wrapper { height: 72vw; } } .columns.four .columns__col { width: calc((100% - 60px) / 4); } @media screen and (max-width: 1024px) { .columns.four .columns__col { width: calc((100% - 30px) / 4); } } @media screen and (max-width: 768px) { .columns.four .columns__col { width: 100%; } } .columns.four .img-wrapper, .columns.four .video-wrapper { height: min(265px, 15vw); } @media screen and (max-width: 768px) { .columns.four .img-wrapper, .columns.four .video-wrapper { height: 57vw; } } @media screen and (max-width: 450px) { .columns.four .img-wrapper, .columns.four .video-wrapper { height: 72vw; } } .main-title { color: #1a1a1a; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; } @media screen and (max-width: 1280px) { .main-title { font-size: 38px; } } @media screen and (max-width: 1024px) { .main-title { font-size: 36px; } } @media screen and (max-width: 600px) { .main-title { font-size: 30px; } } @media screen and (max-width: 450px) { .main-title { font-size: 24px; } } .text-normal { color: #000; font-size: 20px; font-style: normal; font-weight: 400; line-height: 170%; } @media screen and (max-width: 1280px) { .text-normal { font-size: 18px; } } @media screen and (max-width: 1024px) { .text-normal { font-size: 17px; } } @media screen and (max-width: 600px) { .text-normal { font-size: 16px; } } @media screen and (max-width: 450px) { .text-normal { font-size: 14px; } } .img__full-screen { width: 100%; height: min(600px, 34vw); border-radius: 10px; overflow: hidden; background: #d1d1d1; } @media screen and (max-width: 1024px) { .img__full-screen { height: 40vw; } } @media screen and (max-width: 768px) { .img__full-screen { height: 57vw; } } @media screen and (max-width: 450px) { .img__full-screen { height: 71vw; } } .img__full-screen img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .subtitle { color: #000; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 1024px) { .subtitle { font-size: 22px; } } @media screen and (max-width: 600px) { .subtitle { font-size: 18px; } } @media screen and (max-width: 450px) { .subtitle { font-size: 16px; } } .video-wrapper.full-screen { width: 100%; height: min(600px, 34vw); } @media screen and (max-width: 1024px) { .video-wrapper.full-screen { height: 40vw; } } @media screen and (max-width: 768px) { .video-wrapper.full-screen { height: 57vw; } } @media screen and (max-width: 450px) { .video-wrapper.full-screen { height: 72vw; } } .video-content__play.play-blue { width: 80px; height: 80px; background: rgba(10, 169, 248, 0.6); transition: 0.3s; } @media screen and (max-width: 768px) { .video-content__play.play-blue { width: 70px; height: 70px; } } @media screen and (max-width: 450px) { .video-content__play.play-blue { width: 46px; height: 46px; } } .video-content__play.play-blue::before { border: 14px solid transparent; border-left: 24px solid white; } @media screen and (max-width: 450px) { .video-content__play.play-blue::before { border: 8px solid transparent; border-left: 14px solid white; transform: translateX(6px); } } .video-content__play.play-blue:hover { background: rgb(10, 169, 248); } .documents { display: flex; gap: 30px; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .documents { gap: 10px; } } @media screen and (max-width: 450px) { .documents { gap: 30px; } } .document { width: calc((100% - 120px) / 5); display: flex; align-items: center; gap: 10px; color: #1a1a1a; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 1280px) { .document { width: calc((100% - 90px) / 4); font-size: 18px; } } @media screen and (max-width: 1024px) { .document { width: calc((100% - 20px) / 3); font-size: 16px; gap: 5px; } } @media screen and (max-width: 768px) { .document { width: calc(50% - 5px); } } @media screen and (max-width: 450px) { .document { width: 100%; gap: 10px; } } .document .document__icon { width: 48px; min-width: 48px; height: 48px; fill: #0aaaf8; } @media screen and (max-width: 1024px) { .document .document__icon { width: 40px; min-width: 40px; height: 40px; } } @media screen and (max-width: 450px) { .document .document__icon { width: 38px; min-width: 38px; height: 38px; } } .document .document__text { display: flex; flex-direction: column; gap: 5px; } .document .document__text_format { color: #acacac; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; } @media screen and (max-width: 1024px) { .document .document__text_format { font-size: 13px; } } @media screen and (max-width: 600px) { .document .document__text_format { font-size: 12px; } } .pagination { width: 100%; margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 2px; } @media screen and (max-width: 768px) { .pagination { margin-top: 40px; } } @media screen and (max-width: 450px) { .pagination { margin-top: 30px; } } .pagination a { color: #acacac; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; transition: 0.3s; border-radius: 4px; } @media screen and (max-width: 1024px) { .pagination a { font-size: 15px; } } @media screen and (max-width: 450px) { .pagination a { font-size: 14px; line-height: 144%; } } .pagination-pages { gap: 2px; display: flex; align-items: center; } .pagination-page { padding: 8px 15px; } @media screen and (max-width: 450px) { .pagination-page { padding: 6px 12px; } } .pagination-page:hover { background: rgba(10, 170, 248, 0.05); } .pagination-page:active { color: #0aaaf8; } .pagination-page.current { background: rgba(10, 170, 248, 0.05); color: #0aaaf8; } @media screen and (max-width: 768px) { .pagination-page.hide-mob { display: none; } } .pagination-prev, .pagination-next { padding: 8px 16px; display: flex; align-items: center; gap: 14px; } @media screen and (max-width: 600px) { .pagination-prev span, .pagination-next span { display: none; } } @media screen and (max-width: 600px) { .pagination-prev, .pagination-next { padding: 8px; } } .pagination-prev svg, .pagination-next svg { width: 16px; height: 16px; fill: #acacac; transition: 0.3s; } .pagination-prev:hover, .pagination-next:hover { background: rgba(10, 170, 248, 0.05); } .pagination-prev:active, .pagination-next:active { color: #0aaaf8; } .pagination-prev:active svg, .pagination-next:active svg { fill: #0aaaf8; } .pagination-next svg { transform: scale(-1, -1); } .page-top.basket-empty { margin-bottom: 20px; padding-bottom: 0; border-bottom: unset; } .basket-empty__wrap { max-width: 1300px; width: 100%; border-radius: 10px; padding: 70px; display: flex; flex-direction: column; align-items: center; background: white; background-image: url("data:image/svg+xml;utf8,"); position: relative; z-index: 2; } @media screen and (max-width: 600px) { .basket-empty__wrap { padding: 70px 30px; } } .basket-empty__wrap .btn-light { margin-top: 30px; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; padding: 10px 26px; } @media screen and (max-width: 600px) { .basket-empty__wrap .btn-light { font-size: 14px; } } .btn-bordered { border-radius: 10px; border: 0.5px solid #0aaaf8; height: 50px; color: #0aaaf8; font-size: 17px; font-style: normal; font-weight: 300; line-height: normal; display: flex; align-items: center; justify-content: center; transition: 0.3s; padding: 11px 16px; } @media screen and (max-width: 600px) { .btn-bordered { font-size: 14px; } } .btn-bordered:hover { background: #0aaaf8; color: white; text-decoration: none; } .basket-empty__title { color: #000; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } @media screen and (max-width: 600px) { .basket-empty__title { font-size: 20px; } } .basket-empty__text { margin-top: 20px; color: #333; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } @media screen and (max-width: 600px) { .basket-empty__text { font-size: 14px; } } .basket-empty__text svg { display: inline-block; width: 20px; height: 20px; transform: translateY(30%); fill: transparent; stroke: #fb6535; } /* Scroll to top button */ #scrollTopBtn { position: fixed; bottom: 2.5rem; left: 2.5rem; width: 40px; height: 40px; background-color: #fff; border: none; border-radius: 50%; box-shadow: 0 4px 8px #ccc; cursor: pointer; opacity: 0; visibility: hidden; display: flex; align-items: center; justify-content: center; transition: all 0.3s; transform: translateY(20px); z-index: 9999; } #scrollTopBtn.show { opacity: 1; visibility: visible; transform: translateY(0); } #scrollTopBtn:hover, #scrollTopBtn:focus { background-color: #f1f1f1; outline: none; transform: scale(1.05); transition: transform 0.2s ease; } /* Up arrow icon styling */ #scrollTopBtn svg { stroke: #0aaaf8; width: 24px; height: 24px; } .animtocart { position: absolute; background: #fb6535; width: 25px; height: 25px; border-radius: 50%; z-index: 9999; pointer-events: none; } .poster { width: 100%; display: block; margin: 10px 0; } .poster img { width: 100%; height: auto; object-fit: contain; } .poster.hidden-desk { display: none; } @media (max-width: 600px) { .poster.hidden-desk { display: block; } } @media (max-width: 600px) { .poster.hidden-mob { display: none; } } .text-page p { color: #000; font-size: 20px; font-style: normal; font-weight: 400; line-height: 170%; } @media screen and (max-width: 1280px) { .text-page p { font-size: 18px; } } @media screen and (max-width: 1024px) { .text-page p { font-size: 17px; } } @media screen and (max-width: 600px) { .text-page p { font-size: 16px; } } @media screen and (max-width: 450px) { .text-page p { font-size: 14px; } } .text-page img { width: 100%; max-height: min(600px, 34vw); object-fit: cover; border-radius: 10px; } @media screen and (max-width: 1024px) { .text-page img { max-height: 40vw; } } @media screen and (max-width: 768px) { .text-page img { max-height: 57vw; } } @media screen and (max-width: 450px) { .text-page img { max-height: 71vw; } } .text-page h2 { color: #000; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 20px; } @media screen and (max-width: 1024px) { .text-page h2 { font-size: 22px; } } @media screen and (max-width: 600px) { .text-page h2 { font-size: 18px; } } @media screen and (max-width: 450px) { .text-page h2 { font-size: 16px; } } .text-page h3 { color: #000; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 10px; } @media screen and (max-width: 1024px) { .text-page h3 { font-size: 20px; } } @media screen and (max-width: 600px) { .text-page h3 { font-size: 18px; } } @media screen and (max-width: 450px) { .text-page h3 { font-size: 16px; } } .recovery { padding: 150px var(--padding) 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } @media screen and (max-width: 1024px) { .recovery { padding-bottom: 70px; } } @media screen and (max-width: 600px) { .recovery { padding: 20px var(--padding) 0; min-height: 590px; } } @media screen and (max-width: 450px) { .recovery { justify-content: flex-start; gap: 30px; } } @media screen and (max-width: 450px) { .recovery .btn-blue { font-size: 14px; } } .recovery__title { width: 100%; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; text-align: center; max-width: 375px; } @media screen and (max-width: 450px) { .recovery__title { font-size: 20px; text-align: left; max-width: 100%; } } .recovery__container { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 375px; } @media screen and (max-width: 450px) { .recovery__container { max-width: 100%; } } .recovery__btn { margin-top: 24px; } .recovery-sent { display: flex; flex-direction: column; align-items: center; gap: 15px; max-width: 300px; margin: 0 auto; } .recovery-sent__icon { width: 60px; height: 60px; padding: 10px; border-radius: 50%; border: 1px solid #00c136; } .recovery-sent__icon svg { width: 100%; height: 100%; fill: #00c136; } .recovery-sent__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 170%; text-align: center; } @media screen and (max-width: 450px) { .recovery-sent__text { font-size: 14px; max-width: 260px; } } .recovery-sent__text a { color: #0aaaf8; transition: 0.3s; } .recovery-sent__text a:hover { opacity: 0.6; } .recovery .input-wrap._altern { position: relative; } .recovery .input-wrap._altern::after { content: attr(data-altern); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; color: #eb3333; } .favourites._selected .row.basket-side { opacity: 1; pointer-events: all; transform: translateY(0); } .favourites._selected .favourites-item:not([data-cart]) .favourites-item__cart-btn { opacity: 0; pointer-events: none; } .favourites-top-check { position: relative; cursor: pointer; margin: 0; } .favourites-top-check__input { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; } .favourites-top-check__input:checked+.favourites-top-check__btn::before { content: attr(data-checked); } .favourites-top-check__btn { display: block; background-color: transparent; border-color: #0aaaf8; color: #0aaaf8; } .favourites-top-check__btn:hover { color: white; background-color: #0aaaf8; } .favourites-top-check__btn::before { content: attr(data-unchecked); } .favourites-top .basket-top__amount::after { content: " " attr(data-text); } .favourites .basket-checkout__amount_num::after { content: " " attr(data-text); } .favourites .basket-coupon-block-total-price-current::after { content: " " attr(data-currency); font-size: 12px; font-weight: 400; } .favourites .row.basket-side { opacity: 0; pointer-events: none; transform: translateY(50px); transition: 0.5s; } .favourites__list { height: fit-content; display: flex; flex-direction: column; align-items: stretch; justify-content: center; border-radius: 10px; background: var(--, #fff); box-shadow: 0px 2px 10px 0px rgba(141, 141, 141, 0.25); } .favourites__list .basket-items-list-item-container { padding: 0; width: 100%; display: flex; flex-wrap: wrap; position: relative; } @media screen and (max-width: 1280px) { .favourites__list .basket-items-list-item-container { padding-left: 130px; } } @media screen and (max-width: 1024px) { .favourites__list .basket-items-list-item-container { padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 768px) { .favourites__list .basket-items-list-item-container { padding-left: 0; align-items: center; } } @media screen and (max-width: 600px) { .favourites__list .basket-items-list-item-container { align-items: flex-end; } } @media screen and (max-width: 450px) { .favourites__list .basket-items-list-item-container { border-radius: 10px; border: 1px solid rgba(10, 170, 248, 0.3); padding: 10px; } } .favourites__list .basket-items-list-item-container .basket-items-list-item-removed-container { flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 768px) { .favourites__list .basket-items-list-item-container div { text-align: center; } .favourites__list .basket-items-list-item-container div strong { display: block; } } .favourites-item { padding: 0 0 20px 0; margin: 20px 20px 0 20px; position: relative; display: flex; align-items: stretch; gap: 25px; } .favourites-item:hover .favourites-item__cart-btn { opacity: 1; pointer-events: all; } .favourites-item:not(:last-child) { border-bottom: 1px solid #0aaaf8; } .favourites-item[data-cart] .favourites-item-check { opacity: 0; pointer-events: none; } .favourites-item[data-cart] .favourites-item__cart-btn { opacity: 1; pointer-events: none; } .favourites-item[data-cart] .favourites-item__cart-btn[data-cart-text] { font-size: 0; background-color: white; color: #0aaaf8; } .favourites-item[data-cart] .favourites-item__cart-btn[data-cart-text]::before { content: attr(data-cart-text); font-size: 14px; line-height: normal; } .favourites-item__img { width: 140px; height: 140px; padding: 20px; flex: none; user-select: none; } .favourites-item__img img { object-fit: contain; object-position: center; width: 100%; height: 100%; } .favourites-item__container { flex: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; padding: 15px 15px 15px 0; } .favourites-item-check { position: absolute; top: 0; left: 0; width: 16px; height: 16px; flex: none; cursor: pointer; } .favourites-item-check__input { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; } .favourites-item-check__input:checked+.favourites-item-check__icon { border-color: #0aaaf8; background-color: #0aaaf8; } .favourites-item-check__input:checked+.favourites-item-check__icon svg { opacity: 1; } .favourites-item-check__icon { width: 100%; height: 100%; border-radius: 4px; border: 1px solid #acacac; transition: 0.3s; } .favourites-item-check__icon svg { fill: white; width: 100%; height: 100%; opacity: 0; } .favourites-item__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .favourites-item__title { font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; color: #1a1a1a; text-decoration: none; transition: 0.3s; } .favourites-item__title:hover { text-decoration: none; color: #0aaaf8; transition: 0.3s; } .favourites-item__del { width: 36px; height: 36px; border-radius: 50%; flex: none; display: flex; align-items: center; justify-content: center; background-color: #fafafa; transition: 0.3s; } .favourites-item__del:hover { background-color: #fff4f0; } .favourites-item__del:hover svg { fill: #eb3333; } .favourites-item__del svg { width: 20px; height: 20px; fill: #acacac; transition: 0.3s; } .favourites-item__inner { display: flex; align-items: flex-end; gap: 60px; } .favourites-item-price { display: flex; flex-direction: column; align-items: flex-start; margin-right: auto; } .favourites-item-price__last { font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: line-through; color: #fb6535; } .favourites-item-price__last::after { content: " " attr(data-currency); font-size: 12px; font-weight: 400; } .favourites-item-price__current { font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; } .favourites-item-price__current::after { content: " " attr(data-currency); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .favourites-item__cart-btn { padding: 9px 15px; border: 1px solid #0aaaf8; background-color: #0aaaf8; color: white; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 10px; transition: 0.3s; opacity: 0; pointer-events: none; } .favourites-item__cart-btn:hover { background-color: white; color: #0aaaf8; } .favourites-item-counter { display: flex; align-items: center; justify-content: space-between; width: 122px; padding: 2px 19px; border: 1px solid #0aaaf8; border-radius: 10px; } .favourites-item-counter__btn { font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; color: #9c9c9c; transition: 0.3s; } .favourites-item-counter__btn:hover { color: #1a1a1a; } .favourites-item-counter__input { padding: 0; margin: 0; text-align: center; border: none; outline: none; width: 40px; } .favourites-item__result { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; color: #0aaaf8; } .favourites-item__result::after { content: " " attr(data-currency); font-size: 16px; font-weight: 500; } .many-props.product-page__description_block.characteristics.active { display: flex; gap: 20px; } .few-props.product-page__description_block.characteristics.active { display: flex; gap: 50px; } .many-props .newchar { flex: 0 0 60%; box-sizing: border-box; } .few-props .newchar { flex: 0 0 25%; box-sizing: border-box; } .newdesc { flex: 1; box-sizing: border-box; } .product-page__char_table { display: flex; flex-wrap: wrap; gap: 10px 45px; max-width: none; } .product-page__char_table.topnv { display: block; } .many-props .product-page__char_row { width: calc(48% - 12px); margin: 0; box-sizing: border-box; } .fixed-button { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ccc; position: relative; vertical-align: top; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none } .css-arrow-icon_content { width: 2px; height: 24px; background-color: #ccc; position: absolute; top: 5%; left: 50%; margin-left: -1px; } .css-arrow-icon_content:before { right: 50%; transform-origin: top right; transform: rotate(-45deg); } .css-arrow-icon_content:after { left: 50%; transform-origin: top left; transform: rotate(45deg); } .css-arrow-icon_content:after, .css-arrow-icon_content:before { content: ''; display: block; position: absolute; top: 0; width: 15px; height: 2px; background-color: inherit; } .css-arrow-icon { display: inline-block; width: 24px; height: 27px; position: relative; } .fixed-button_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fixed-buttons { right: auto; right: 0%; margin-left: 620px; } .fixed-buttons { position: fixed; bottom: 20px; right: 14px; z-index: 5; transition: none; } .header__nav>.header__nav_item:nth-child(1) { display: none; } .mob-menu__list>.mob-menu__list_item:first-child>.mob-menu__list_link>a { font-weight: bold; } .categories-block .catalog__el_title { font-size: 22px; } .product-page__description h2, .product-page__description h3 { color: #1a1a1a !important; padding-top: 10px; } .product-page__description ul { padding: 10px 0; } .product-page__description ol { gap: 0px; } .product-page__description ol li { font-weight: 400; list-style-type: none; margin-left: 0px; } .product-page__description li { list-style: disc; margin-left: 20px; font-size: 16px; } .product-page__description a { color: #1a1a1a; } @media (min-width: 768px) and (max-width: 1440px) { .catalog__el_title { font-size: 21px !important; } } @media screen and (max-width: 768px) { .catalog__wrap .catalog__el_title { font-size: 17px !important; } .advantages__el_title { margin-top: 0px !important; } } @media screen and (max-width: 400px) { .catalog__wrap .catalog__el_title { font-size: 16px !important; } } @media screen and (max-width: 370px) { .catalog__wrap .catalog__el_title { font-size: 15px !important; } } @media screen and (min-width: 601px) { .search-prod__info.in-cart .search-prod__btn_add_basket_page { background-color: #fb6535 !important; border-color: #fb6535 !important; color: #fff !important; } } #basket-root .basket-items-list-item-container.change { margin-bottom: 50px } #basket-root .basket-items-list-item-container.change+.basket-items-list-item-container.change { margin-top: -30px } @media (max-width:600px) { #basket-root .basket-items-list-item-container.change { margin-bottom: 20px } #basket-root .basket-items-list-item-container.change+.basket-items-list-item-container.change { margin-top: -10px } } .categories-block.wrapper .product-page__description a { color: #0AAAF8; } .product-page__description_block.characteristics.active.many-props .text-normal a { color: #0AAAF8; } @media (min-width: 1441px) and (max-width: 1721px) { .categories-block .catalog__el_title { font-size: 19px !important; } } /* End */ /* Start:/local/templates/main/css/custom.css?1792932812202715*/ body { position: relative; margin: 0; overflow-x: hidden; font-size: 16px; line-height: 1.2; font-family: sans-serif; font-family: 'Nunito', sans-serif; } #wrapper { width: 100%; overflow: hidden; } ul { margin: 0; padding: 0; list-style: none; } a, :after, :before, .owl-nav>button, .owl-dots>button, input, svg path, svg rect { transition: ease 0.3s all; } .b-foot { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; padding: 15px; font-size: 12px; line-height: 16px; color: #424647; letter-spacing: 0.4px; border-top: 1px solid #CCCCCC; } .b-foot .made a { color: #0aaaf8; text-decoration: none; } .t-foot { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; padding: 15px; padding-right: 260px; } .t-foot .flogo { margin-bottom: 8px; } .t-foot .text { max-width: 300px; font-size: 14px; line-height: 20px; color: #424647; letter-spacing: 0.25px; } .t-foot .h4 { margin-bottom: 12px; font-weight: 600; font-size: 20px; line-height: 24px; color: #A6A6A6; letter-spacing: 0.15px; } .t-foot .tel { margin-bottom: 4px; } .t-foot .tel a { font-size: 16px; line-height: 20px; color: #0aaaf8; text-decoration: none; letter-spacing: 0.5px; } .t-foot .email { display: inline-block; margin-top: 4px; font-size: 12px; line-height: 16px; color: #0aaaf8; text-decoration: none; letter-spacing: 0.25px; } .t-foot .cc { height: 70px; margin-bottom: 15px; } .soc-list { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; } .soc-list li { margin-right: 8px; } .pay-list { max-width: 210px; } .pay-list li { display: inline-block; margin-right: 4px; margin-bottom: 8px; vertical-align: middle; } .tree-columns { display: flex; align-items: flex-start; width: 100%; } .aside-left, .aside-right { z-index: 20; flex-shrink: 0; width: 25%; } .aside-left-content { padding: 16px; background: #FFFFFF; border-radius: 0 16px 16px 0; } .aside-left-content .catalog-menu { margin: 0 -16px; } .aside-right-content { position: relative; z-index: 0; padding: 16px; } .aside-right-content:before { content: ""; position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #252947; border-radius: 16px 0 0 16px; transition: width 0s ease; pointer-events: none; } .authorized .aside-right-content { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: calc(100vh - 168px); padding: 0 0 16px; } .authorized .aside-right-content:before { top: auto; bottom: 0; height: calc(100% + 400px); } .aside-right-content>* { position: relative; z-index: 5; } .content-area { width: 50%; padding: 0 16px; } .main { padding: 16px 0; background: #FAFAFA; } .aside-right .h3 { font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; letter-spacing: 0.15px; } .aside-right .line { height: 1px; margin-top: 16px; margin-bottom: 16px; background: #434950; } .aside-right .text-bx .h4 { margin-bottom: 4px; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; letter-spacing: 0.15px; } .aside-right .text-bx p { margin: 0 0 8px; font-size: 14px; line-height: 20px; color: #e6e6e6; letter-spacing: 0.25px; } .aside-right .text-bx .more { font-weight: 500; font-size: 12px; line-height: 16px; color: #0AAAF8; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .aside-right .text-bx .more:hover { color: #FFFFFF; } .with-line-dots .owl-dots { display: table; align-items: center; width: 100%; margin-top: 12px; margin-right: -4px; margin-left: -4px; } .with-line-dots .owl-dots .owl-dot { display: table-cell; border-right: 4px solid #252947; border-left: 4px solid #252947; } .with-line-dots .owl-dots .owl-dot span { display: block; height: 4px; background: #434950; border-radius: 8px; border-radius: 8px; transition: ease 0.3s all; } .with-line-dots>.owl-dots .active span, .with-line-dots>.owl-dots .owl-dot:hover span { background: #0AAAF8; } .aside-right .text-bx .img { margin-bottom: 8px; } .image-slider .img { margin-bottom: 36px; overflow: hidden; border-radius: 8px; } .aside-right .image-slider.owl-carousel .owl-dots { position: absolute; top: calc((25vw - 32px) / 2.70122 + 2px); left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin: 0; -ms-align-items: center; } .text-slider .owl-dots { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin: 0; -ms-align-items: center; } .text-slider .owl-dots .owl-dot span { width: 100%; } .image-slider .owl-dots .owl-dot, .text-slider .owl-dots .owl-dot { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; margin-right: 8px; border: none; -ms-align-items: center; } .image-slider .owl-dots .owl-dot:last-child { margin-right: 0; } .image-slider .owl-dots .owl-dot span { width: 100%; } .filter-bx { margin-bottom: 16px; } .filter-opener { padding: 10px 16px; font-size: 14px; line-height: 20px; color: #0aaaf8; letter-spacing: 0.25px; background: #E7F6FE; background: #E7F6FE url(/local/templates/main/css/../img/arr1.svg) right 14px top 50% no-repeat; border-radius: 8px; cursor: pointer; } .filter-frame { position: relative; display: none; padding: 16px; background: #FFFFFF; border: 4px solid #0AAAF8; border-radius: 8px; } .filter-frame .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .filter-frame .h3 { margin-bottom: 16px; font-size: 14px; line-height: 20px; color: #252947; letter-spacing: 0.25px; } .check-item { margin-bottom: 8px; font-size: 12px; line-height: 16px; color: #292929; letter-spacing: 0.25px; } .check-item label { display: flex; align-items: center; cursor: pointer; } .check-item label:before { content: ""; display: block; width: 16px; height: 16px; margin-right: 5px; border: solid 1px #A6A6A6; border-radius: 1px; transition: none; } .check-item label:hover:before { border-color: #252947; } .check-item.checked label:before { background: url("/local/templates/main/css/../img/check-default.svg") center center no-repeat; border: none; } .check-item.checked label:hover:before { background-image: url("/local/templates/main/css/../img/check-hover.svg"); } .check-item.checked label:active:before { background-image: url("/local/templates/main/css/../img/check-active.svg"); } .check-item label input { display: none; } .btn_old { display: inline-block; height: 32px; padding: 0 16px; font-weight: 500; font-size: 12px; line-height: 32px; text-align: center; color: #FFFFFF; text-transform: uppercase; text-decoration: none; white-space: nowrap; background: #0aaaf8; border: 0; border-radius: 8px; outline: 0; cursor: pointer; } .btn-filter { display: inline-block; padding: 10px 16px; font-weight: 400; font-size: 14px; line-height: 20px; color: #8E9499; background: #EBEBEB; border-radius: 32px; } .btn-filter:hover { color: #232323; } .btn-filter.active { color: #232323; background: #FFFFFF; } .filter-frame .btns { display: flex; margin: 0 -2px; margin-top: 16px; } .filter-frame .btn { width: 50%; margin: 0 2px; } .btn-reset { color: #252947; background: #E7F6FE; } .btn-reset:hover { color: #0AAAF8; background: #FFF; box-shadow: inset 0 0 0 1px #0AAAF8; } .ts-item { position: relative; padding-right: 1px; } .ts-item .image { display: block; margin-bottom: 16px; overflow: hidden; border-radius: 16px; } .ts-item .image>img { display: block; width: 100%; } .stiker-spec { position: absolute; z-index: 1; top: 8px; right: 8px; display: flex; align-items: center; padding: 4px 10px 4px 4px; font-weight: 500; font-size: 10px; line-height: 16px; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.7px; background: #FF5018; border-radius: 16px; } .stiker-spec img { margin-right: 4px; } .ts-item .wr { display: flex; justify-content: space-between; align-items: center; padding-left: 147px; } .ts-item .name { max-width: 370px; font-weight: 600; font-size: 16px; line-height: 20px; color: #292929; letter-spacing: 0.15px; } .ts-item .name a { color: #292929; text-decoration: none; } .ts-item .name a:hover { color: #0aaaf8; } .with-arrow-bx .owl-nav { position: absolute; bottom: 0; left: 0; width: 135px; height: 40px; padding: 0; overflow: hidden; background: #E7F6FE; border-radius: 8px; } .with-arrow-bx .owl-nav>button.owl-prev, .with-arrow-bx .owl-nav>button.owl-next { float: left; width: 40px; height: 40px; text-indent: -9999px; background: url(/local/templates/main/css/../img/arr2.svg) 50% no-repeat; border: 1px solid transparent; border-radius: 8px; } .with-arrow-bx .owl-nav>button.owl-prev:hover, .with-arrow-bx .owl-nav>button.owl-next:hover { background-color: #FFFFFF; border: 1px solid #0aaaf8; } .with-arrow-bx .owl-nav>button:last-child { float: right; transform: rotate(-180deg); } .with-arrow-bx .owl-nav>button.owl-prev.disabled, .with-arrow-bx .owl-nav>button.owl-next.disabled { opacity: 0.3; pointer-events: none; } .slider-counter { position: absolute; bottom: 12px; left: 54px; z-index: 3; width: 30px; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: #0aaaf8; text-transform: uppercase; letter-spacing: 1px; } .top-slider-box { position: relative; margin-bottom: 32px; } .top-slider a { transition: none; } .top-slider:not(.owl-loaded) .item .image { width: 100%; padding-top: calc(100%*0.452); } .top-slider:not(.owl-loaded) img, .top-slider:not(.owl-loaded) .item:not(:first-child) { display: none; } .title-bx { margin-bottom: 16px; font-weight: 600; font-size: 34px; line-height: 40px; color: #292929; } .about-bx p { margin: 0 0 16px; font-size: 14px; line-height: 20px; color: #424647; letter-spacing: 0.25px; } .image-text-slider-wr { position: relative; margin-bottom: 16px; } .image-text-slider .t { padding: 8px 16px 0; /* padding-left: 147px; */ font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; } .image-text-slider .image { overflow: hidden; border-radius: 16px; } .about-bx { margin-bottom: 32px; } .tab-list { position: relative; height: 1%; margin: 0; padding: 0; } .tabset, .tab-set { position: relative; display: flex; width: 100%; margin: 0; margin-bottom: 16px; padding: 0; overflow: hidden; list-style: none; } .tabset li, .tab-set li { margin-right: 8px; } .tabset a, .tab-set a { display: block; padding: 4px 10px; font-size: 12px; line-height: 16px; color: #424647; text-decoration: none; letter-spacing: 0.25px; border: 1px solid #E2E2E3; border-radius: 24px; } .tabset a.active, .tab-set a.active { color: #0AAAF8; background: #FFFFFF; border: 1px solid #0AAAF8; } .tabset a:hover, .tab-set a:hover { color: #252947; background: #FFFFFF; border: 1px solid #252947; } .graf-bx-wr { position: relative; } .graf-bx-wr .image { position: relative; margin-bottom: 16px; padding-right: 216px; overflow: hidden; border-radius: 16px; } .graf-bx-wr .image img { display: block; width: 100%; } .graf-bx-wr .image .text { position: absolute; top: 0; right: 0; width: 216px; height: 100%; padding: 16px; background: #FFFFFF; } .graf-bx-wr .image .text .h4 { margin-bottom: 8px; font-weight: 600; font-size: 16px; line-height: 20px; color: #292929; } .graf-bx-wr .image .text p { margin: 0; font-size: 14px; line-height: 20px; color: #424647; letter-spacing: 0.25px; } .btn-text-panel { text-align: right; } .btn-text-panel .right { position: relative; text-align: right; } .btn-text-panel .btn { min-width: 150px; } .btn-text-panel .t { position: absolute; top: 10px; right: 150px; margin-right: 16px; font-size: 14px; line-height: 20px; color: #292929; letter-spacing: 0.25px; } .btn-bigger { height: 40px; font-size: 14px; line-height: 40px; } .row { margin-right: -8px; margin-left: -8px; } .row>div { padding-right: 8px; padding-left: 8px; } .state-slider-wr { position: relative; } .state-slider .state-item { margin-right: 1px; } .state-item { display: block; margin-bottom: 16px; overflow: hidden; text-decoration: none; border: 1px solid #FFFFFF; border: 4px solid rgba(10, 170, 248, 0); border-radius: 8px; transition: ease 0.3s all; } .state-item:hover { border-color: rgba(10, 170, 248, 1); } .state-item .img { height: 108px; overflow: hidden; } .state-item .img img { display: block; width: 100%; } .state-item .tt { padding: 8px; background: #FFFFFF; border-radius: 0 0 8px 8px; } .state-item .name { min-height: 40px; margin-bottom: 4px; font-weight: 600; font-size: 16px; line-height: 20px; color: #292929; letter-spacing: 0.15px; } .state-item .t { height: 48px; overflow: hidden; font-size: 12px; line-height: 16px; color: #424647; letter-spacing: 0.25px; } .state-slider .owl-nav { bottom: -56px; } .state-slider-counter { bottom: -44px; } .brand-counter { bottom: -28px; } .brand-slider { margin: 0 -1px; } .brand-slider .owl-nav { bottom: -40px; } .sale-counter { bottom: -28px; } .sale-slider .owl-nav { bottom: -40px; } .brand-item img { width: auto !important; } .brand-item { position: relative; display: flex; justify-content: center; align-items: center; height: 40px; margin: 8px 2px 12px 2px; text-align: center; background: #FFFFFF; border-radius: 8px; /* border: 4px solid rgba(10, 170, 248, 0); */ transition: ease 0.3s all; } .brand-item:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; outline: 2px solid #0AAAF8; border-radius: 8px; opacity: 0; pointer-events: none; } /*.brand-item:hover:after {*/ /* opacity: 1;*/ /*}*/ .sale-slider .owl-item img { display: inline-block; width: auto; } .sale-item { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; height: 100%; padding: 4px; background: #FFFFFF; border-radius: 8px; } .sale-item * { pointer-events: none; } .sale-item a, .sale-item button, .sale-item .btn { pointer-events: auto; } .sale-item .sale-item-link { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; } .sale-item .top { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; } .sale-item .top, .sale-item .bottom { position: relative; z-index: 5; } .sale-item .img { display: flex; justify-content: center; align-items: center; height: 130px; } .stiker-list { position: absolute; top: 8px; left: 8px; display: flex; } .stiker-list a { margin-right: 4px; } .cart-heading-bx .stiker-list { position: relative; top: auto; left: auto; margin-left: 10px; } .cart-heading-bx .stiker-list a { margin: 0 0 0 6px; } .cart-heading-bx .stiker-list img { height: 40px; } .sale-item .tt { position: relative; } .sale-item .tt:after { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .sale-item .name { margin-bottom: 4px; font-weight: 600; font-size: 14px; line-height: 20px; color: #292929; letter-spacing: 0.1px; } .sale-item .t, .sale-item .art { margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #424647; letter-spacing: 0.25px; } .sale-item .t a { color: inherit; text-decoration: none; } .sale-item .t a:hover { color: #252947; } .sale-item .art { margin-bottom: 10px; } .sale-item .price { text-align: right; } .sale-item .price .old { /*height: 16px;*/ font-size: 12px; line-height: 16px; color: #0aaaf8; letter-spacing: 0.25px; text-decoration-line: line-through; } .sale-item .price .new { font-weight: 600; font-size: 20px; line-height: 24px; color: #E3625A; letter-spacing: 0.1px; } .sale-item .price .new span, .sale-item .price .orig span { position: relative; top: -7px; font-weight: 400; font-size: 10px; line-height: 16px; } .sale-item .price .orig { font-weight: 600; font-size: 20px; line-height: 24px; color: #0586C5; letter-spacing: 0.1px; } .sale-item .btn-bx { display: none; margin-top: 10px; } .sale-item .bt-list { position: relative; display: flex; } .sale-item .bt-list .package { position: absolute; top: 0; right: -5px; background-color: #FFFFFF; } .sale-item .bt-list .package:hover { box-shadow: none; } .sale-item .bt-list a, .sale-item .bt-list>span { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-top: 0; margin-right: 4px; padding: 0; line-height: 24px; } .sale-item .bt-list>span { cursor: default; } .sale-item .btn { display: block; height: 24px; margin-bottom: 8px; padding: 0; font-size: 10px; line-height: 24px; text-align: center; } .sale-item .btn:last-child { margin-bottom: 0; } .sale-item:hover .img, .sale-item:hover .stiker-list { display: none; } .sale-item { border: 4px solid #FFFFFF; transition: ease 0.3s all; } .sale-item:hover { border-color: #0AAAF8; } .sale-item:hover .tt>div, .sale-item:hover .tt>a { white-space: initial; } .sale-item:hover .tt .name { display: none; } .sale-item:hover .tt .t { height: 64px; overflow: hidden; } .sale-item:hover .art { margin-bottom: 8px; } .sale-item:hover .tt:after { display: none; } .sale-item:hover .btn-bx { display: block; } .sale-slider .sale-item { margin-bottom: 16px; height: 300px; overflow-y: hidden; } .sale-slider .sale-item .t { font-size: 13px; } .catalog-bx { margin-bottom: 32px; } .brand-slider-wr { position: relative; } .catalog-item { position: relative; margin-bottom: 16px; padding: 8px; padding-bottom: 32px; background: #FFFFFF; border: 4px solid #FFFFFF; border-radius: 8px; transition: ease 0.3s all; } .catalog-item:hover { border-color: #0AAAF8; } .catalog-item .more { position: absolute; bottom: 8px; left: 8px; font-size: 12px; line-height: 16px; color: #0aaaf8; text-decoration: none; letter-spacing: 0.25px; } .catalog-item .more:hover { color: #000000; } .catalog-item .ico { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin-bottom: 8px; } .catalog-item .name { height: 40px; margin-bottom: 8px; overflow: hidden; } .catalog-item .name a { font-weight: 600; font-size: 15px; line-height: 20px; color: #292929; text-decoration: none; letter-spacing: 0.1px; } .catalog-item .name a:hover { color: #0aaaf8; } .catalog-item .list { position: relative; height: 168px; min-height: 168px; margin-right: -8px; margin-left: -8px; overflow: hidden; } .catalog-item .list:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .catalog-item .list li { border-bottom: 1px solid #F5F5F5; } .catalog-item .list a { display: flex; justify-content: space-between; padding: 4px 8px; font-size: 13px; line-height: 16px; color: #424647; text-decoration: none; letter-spacing: 0.25px; transition: none; } .catalog-item .list a:hover { color: #FFFFFF; background: #0AAAF8; } .catalog-item .list .s1 { position: relative; width: 100%; overflow: hidden; white-space: nowrap; } .catalog-item .list .s1:after { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transition: none; } .catalog-item .list a:hover .s1:after { background: linear-gradient(270deg, #0AAAF8 0%, rgba(255, 255, 255, 0) 100%); } .cat-row>div { position: relative; display: inline-block; float: none; margin-right: -4px; margin-bottom: 16px; vertical-align: top; } .catalog-item:hover .list { height: auto; } .catalog-item:hover { position: absolute; top: 0; left: 8px; z-index: 2; width: calc(100% - 16px); } .catalog-item:hover .list:after { display: none; } .btn-open-catalog:hover svg path { stroke: #FFFFFF; } .btn-open-catalog { position: absolute; right: 0; left: 0; width: calc(100% - 158px); } .btn-open-catalog svg { position: relative; top: -2px; margin-left: 10px; } .catalog-menu { position: relative; } .catalog-menu li { padding-bottom: 1px; /* border-bottom: 1px solid #f5f5f5; */ } .catalog-menu li a:before { content: ""; position: absolute; bottom: -1px; left: 16px; display: block; width: calc(100% - 32px); height: 1px; background: #F5F5F5; } .catalog-menu li a { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px 40px 12px 46px; font-size: 14px; line-height: 16px; color: #424647; text-decoration: none; letter-spacing: 0.25px; transition: none; } .catalog-menu>li>a .ico { position: absolute; /*top: 7px;*/ left: 16px; } .catalog-menu li a:hover { color: #FFFFFF; background: #252947; } .catalog-menu li a .n { color: #8E9499; } .catalog-menu li a .t { position: relative; width: 100%; /* overflow: hidden; white-space: nowrap;*/ } .catalog-menu li a .t:after { content: ""; position: absolute; top: 0; right: 0; width: 35px; height: 100%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transition: none; } .catalog-menu li a:hover .t:after { background: linear-gradient(270deg, #252947 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu li a:after { content: ""; position: absolute; /*top: 13px;*/ right: 22px; width: 6px; height: 12px; background: url(/local/templates/main/css/../img/arr3.svg) 50% no-repeat; transition: none; } .catalog-menu li a:hover:after { background: url(/local/templates/main/css/../img/arr4.svg) 50% no-repeat; } .cat-drop-list { position: absolute; top: 0; left: 100%; z-index: 5; display: none; width: 330px; height: 100%; background: #FFFFFF; border-left: 1px solid #0aaaf8; /* border-radius: 0 16px 16px 0; */ /*border-left: 1px solid #f5f5f5; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);*/ } .cat-second-list li a { padding: 12px 35px 12px 16px; } .cat-third-list li a:after { display: none; } .cat-third-list li a { padding: 12px 16px; } .catalog-menu li:hover>.cat-drop-list { display: block; } .header { height: 128px; } .header-pc { position: relative; top: 0; left: 0; z-index: 50; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 128px; padding-right: calc(25% + 16px); padding-left: 16px; background: url(/local/templates/main/css/../img/bg-head.png) 0 50% no-repeat; } .header-pc.fixed { position: fixed; } .header-pc .left .logo .logo-fixed { display: none; margin-right: 16px; } .header-pc.compact { height: 72px; } .header-pc.compact .left { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .header-pc.compact .left .logo { margin-bottom: 0; margin-top: 0; } .header-pc.compact .left .logo img { display: none; } .header-pc.compact .left .logo .logo-fixed { display: block; height: 26px; } .header-pc.compact .left .btn-bx a.btn { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 40px; padding: 0; -ms-align-items: center; } .header-pc.compact .left .btn-bx a.btn span { display: none; } .header-pc.compact .left .btn-bx a.btn svg, .header-pc.compact .left .btn-bx a.btn img { margin-right: 0; } .header-pc .right .nav-burger { display: none; width: 40px; height: 40px; background: #FFFFFF url("/local/templates/main/css/../img/burger-fixed.svg") 50% no-repeat; border-radius: 8px; } .header-pc.compact .right { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .header-pc.compact .right .nav-wr { margin-left: 24px; } .header-pc.compact .right .nav { display: none; } .header-pc.compact .right .nav-burger { display: block; } .header-pc.compact .cont-panel { margin-bottom: 0; } .lk-panel-bx { position: absolute; top: 0; right: 0; width: 25%; height: 100%; padding: 17px 20px; background: #252947; border-radius: 0 0 0 16px; } .authorized .lk-panel-bx { border-bottom: solid 1px #434950; border-radius: 0; } .header-pc.compact .lk-panel-bx { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; -ms-align-items: center; } .lk-enter-bx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 21px; } .lk-enter-bx .ava-link { display: flex; align-items: center; width: 100%; overflow: hidden; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF; text-decoration: none; letter-spacing: 0.1px; transition: none; } .lk-enter-bx .ava-link:hover { color: #0AAAF8; } .lk-enter-bx .ava-link .ava-block { display: -webkit-flex; display: -ms-flex; display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 40px; height: 40px; overflow: hidden; color: #0AAAF8; border-radius: 40px; -ms-align-items: center; } .lk-enter-bx .ava-link:hover .ava-block { color: #E7F6FE; } .lk-enter-bx .ava-link .ava-text { position: relative; width: 100%; margin-left: 11px; overflow: hidden; } .fixed.compact .lk-enter-bx .ava-link .ava-text { margin-left: 0; } .lk-enter-bx .ava-link .ava-text:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 16px; height: 100%; background: linear-gradient(270deg, #252947 62.96%, rgba(43, 50, 58, 0) 100%); pointer-events: none; } .lk-enter-bx .ava-link p { margin: 0; font-weight: 600; white-space: nowrap; } .lk-enter-bx .ava-link span { font-weight: 400; color: #e6e6e6; letter-spacing: 0.25px; white-space: nowrap; } .header-pc.compact .lk-enter-bx { margin-bottom: 0; } .header-pc.compact .lk-enter-bx .ava-link { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: #414952; border-radius: 8px; -ms-align-items: center; } .header-pc.compact .lk-enter-bx .ava-link img { width: 20px; height: 20px; } .header-pc.compact .lk-enter-bx .ava-link span { display: none; } .lk-enter-bx .link { font-weight: 500; font-size: 14px; line-height: 16px; color: #0AAAF8; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .lk-enter-bx .link.btn.grey { flex-shrink: 0; height: 40px; margin-left: 8px; padding: 12px 16px; color: #0AAAF8; background: #434D58; } .authorized .lk-enter-bx .link.btn.grey { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 40px; padding: 0; -ms-align-items: center; } .header-pc.compact .lk-enter-bx .link { display: none; } .lk-enter-bx .link.btn.grey:hover { color: #252947; background: #E7F6FE; } .lk-bask-bx { display: flex; justify-content: space-between; align-items: center; } .bask-price-bx { display: flex; align-items: center; width: 100%; overflow: hidden; font-weight: 600; font-size: 14px; line-height: 20px; color: #0AAAF8; letter-spacing: 0.1px; cursor: pointer; } .bask-price-bx:hover { color: #E7F6FE; } .bask-price-bx svg { margin-right: 11px; } .lk-bask-bx .bask-price-text { position: relative; width: 100%; overflow: hidden; color: #FFFFFF; transition: color 0.3s; } .lk-bask-bx .bask-price-bx:hover .bask-price-text { color: #0AAAF8; } .lk-bask-bx .bask-price-text:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 16px; height: 100%; background: linear-gradient(270deg, #252947 62.96%, rgba(43, 50, 58, 0) 100%); pointer-events: none; } .lk-bask-bx .bask-price-text p { margin: 0; font-weight: 600; white-space: nowrap; } .lk-bask-bx .bask-price-text span { font-weight: 400; color: #e6e6e6; white-space: nowrap; } .header-pc.compact .bask-price-bx { display: none; } .lk-bask-bx .btn-tobask { flex-shrink: 0; width: 40px; height: 40px; margin-left: 8px; padding: 0; font-size: 14px; line-height: 40px; background: #0AAAF8; } .lk-bask-bx .btn-tobask svg { width: 20px; margin-top: 10px; transition: transform 0.3s; } .btn-tobask.open svg { transform: rotateX(180deg); } .lk-bask-bx .btn-tobask:hover { background: #E7F6FE; } .lk-bask-bx .btn-tobask:hover svg path { stroke: #252947; } .lk-bask-bx .btn-tobask .bask-price-fixed { display: none; position: relative; } .lk-bask-bx .btn-tobask .bask-price-fixed img { margin-right: 8px; } .header-pc.compact .lk-bask-bx .btn-tobask .bask-price-fixed span { display: block; font-size: 14px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.5px; } .header-pc.compact .lk-bask-bx .btn-tobask:hover .bask-price-fixed span { color: #252947; } .lk-bask-bx .btn-tobask .bask-price-fixed:after { content: ''; display: block; position: absolute; top: 0; lefT: 0; width: 20px; height: 20px; } .lk-bask-bx .btn-tobask:hover .bask-price-fixed:after { background: url(/local/templates/main/css/../img/h-ic5-hover.svg) 50% no-repeat; } .header-pc.compact .lk-bask-bx, .header-pc.compact .lk-bask-bx .btn-tobask { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: calc(100% - 40px); padding: 0 8px; -ms-align-items: center; overflow: hidden; } .header-pc.compact .lk-bask-bx .btn-tobask svg { margin-top: 0; } .header-pc.compact .lk-bask-bx .btn-tobask span { display: none; } .header-pc.compact .lk-bask-bx .btn-tobask .bask-price-fixed { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin-right: 10px; -ms-align-items: center; } .logo { margin: 3px 0 13px 4px; } .logo img { height: 50px; } .header-pc .btn-bx { display: flex; align-items: center; } .header-pc .btn-bx>* { margin-right: 8px; } .btn-cat-opener>* { display: inline-block; vertical-align: middle; } .btn-cat-opener svg { margin-right: 6px; } .btn-cat-opener { height: 40px; padding: 4px 13px; font-size: 14px; letter-spacing: 1px; } .btn-sale>* { display: inline-block; vertical-align: middle; } .btn-sale svg { margin-right: 10px; } .btn-sale img { margin-right: 10px; } .btn-sale { height: 40px; padding: 4px 16px; font-size: 14px; color: #FFF; letter-spacing: 1px; background: #FB6535; } .btn-sale:hover { background: #FB6535; } .header-pc .left { margin-top: -8px; } .cont-panel { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 38px; } .cont-panel .bx { position: relative; margin-left: 30px; } .cont-panel .bx:first-child { margin-left: 0; } .cont-panel .cc-item { display: flex; align-items: center; font-size: 14px; line-height: 20px; color: #292929; letter-spacing: 0.25px; } .cont-panel .cc-item a { display: inline-block; color: #292929; text-decoration: none; border-bottom: 1px dashed #292929; } .cont-panel .cc-item img { margin-right: 5px; } .cont-panel .cc-item a:hover { color: #252947; border-bottom-color: #252947; } .nav { position: relative; display: flex; justify-content: flex-end; align-items: center; } .nav>li { position: relative; margin-left: 25px; } .nav>li:hover:after { display: block; } .nav>li>a { display: flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 16px; color: #292929; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .nav>li:first-child { margin-left: 0; } .nav>li>a img { margin-left: 5px; transition: ease 0.3s all; } .nav>li>a:hover, .nav>li:hover>a { color: #0AAAF8; } .nav>li:hover>a img, .nav>li>a:hover img { transform: rotate(-180deg); } .nav>li:hover .drop-list-bx { display: block; } .drop-list-bx { position: absolute; top: 100%; left: -67px; z-index: 5; display: none; padding-top: 27px; } .drop-list-bx .wave { content: ""; position: absolute; top: 5px; left: 0; display: none; width: 188px; height: 22px; background: url(/local/templates/main/css/../img/tring1.svg) 0 0 no-repeat; } .drop-list-bx ul:hover+.wave { display: block; } .drop-list-bx ul { display: flex; justify-content: space-between; align-items: center; padding: 4px; background: #0aaaf8; border-radius: 8px; } .drop-list-bx ul li { margin-right: 5px; } .drop-list-bx ul a { display: inline-block; padding: 10px 16px; font-size: 14px; line-height: 20px; color: #FFFFFF; text-decoration: none; letter-spacing: 0.25px; white-space: nowrap; border-radius: 8px; } .drop-list-bx ul a:hover { background: #252947; } .cat-bx:after, .town-panel-bx:after, .phone-panel-bx:after { content: ""; position: absolute; top: 100%; left: 50%; display: none; width: 188px; height: 22px; margin-left: -94px; background: url(/local/templates/main/css/../img/tring1.svg) 0 0 no-repeat; } .cat-bx:after { top: calc(100% + 1px); } .phone-panel-bx:hover:after, .town-panel-bx:hover:after, .cat-bx.opened:after { display: block; } .cat-bx { position: relative; } .catalog-menu-drop.opened { display: block; } .catalog-menu li:hover>a .t:after, .catalog-menu li>a:hover .t:after { background: linear-gradient(270deg, #1457B9 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu li:hover>a:hover .t:after { background: linear-gradient(270deg, #252947 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu li:hover>a:after, .catalog-menu li>a:hover:after { background: url(/local/templates/main/css/../img/arr6.svg) 50% no-repeat; } .catalog-menu li:hover>a, .catalog-menu li>a:hover { color: #85B5FF; background-color: #1457B9; } .catalog-menu li:hover>a .n, .catalog-menu li>a:hover .n { color: #85B5FF; } .catalog-menu li:hover>a:hover { color: #FFFFFF; background-color: #252947; } .catalog-menu li:hover>a:hover .n { color: #FFFFFF; } .catalog-menu ul ul li:hover>a, .catalog-menu ul ul li>a:hover { color: #FFFFFF; background-color: #252947; } .catalog-menu ul ul li:hover>a .t:after, .catalog-menu ul ul li>a:hover .t:after { background: linear-gradient(270deg, #252947 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu-drop { position: absolute; top: 133px; left: 0; z-index: 25; display: none; width: 330px; background: #0aaaf8; } .catalog-menu-drop li a { color: #FFFFFF; } .catalog-menu-drop li a .n { color: #FFFFFF; } .catalog-menu-drop li a .t:after { background: linear-gradient(270deg, #0aaaf8 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu-drop li:hover>a .t:after, .catalog-menu-drop li>a:hover .t:after { background: linear-gradient(270deg, #1457B9 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu-drop li a:after { background: url(/local/templates/main/css/../img/arr4.svg) 50% no-repeat; } .catalog-menu-drop li:hover>a:after, .catalog-menu-drop li>a:hover:after { background: url(/local/templates/main/css/../img/arr6.svg) 50% no-repeat; } .catalog-menu-drop li:hover>a, .catalog-menu-drop li>a:hover { color: #85B5FF; background-color: #1457B9; } .catalog-menu-drop li { border-bottom-color: #309BCD; } .catalog-menu-drop ul ul li:hover>a, .catalog-menu-drop ul ul li>a:hover { color: #FFFFFF; background-color: #252947; } .catalog-menu-drop ul ul li:hover>a .t:after, .catalog-menu-drop ul ul li>a:hover .t:after { background: linear-gradient(270deg, #252947 0%, rgba(255, 255, 255, 0) 100%); } .catalog-menu-drop .cat-drop-list { background: #0aaaf8; border-left-color: #309BCD; } .btn-cat-opener.act { background-color: #1457B9; } .town-panel-bx:hover .town-drop-bx { display: block; } .phone-panel-bx:hover .phone-drop-bx { display: block; } .phone-panel-bx { position: relative; } .phone-drop-bx, .town-drop-bx { position: absolute; top: 100%; left: 50%; z-index: 5; display: none; width: 230px; margin-left: -100px; padding-top: 22px; } .phone-drop-bx .wr, .town-drop-bx .wr { padding: 16px; background: #0aaaf8; border-radius: 8px; } .phone-drop-bx .t, .town-drop-bx .t { margin-bottom: 16px; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFFFFF; letter-spacing: 0.15px; } .town-drop-bx .list li { margin-bottom: 5px; } .town-drop-bx .list a { display: inline-block; display: block; padding: 10px 16px; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; text-decoration: none; letter-spacing: 0.25px; white-space: nowrap; border-radius: 8px; } .town-drop-bx .list a:hover, .town-drop-bx .list a.act { background: #E7F6FE; color: #252947; } .town-drop-bx .list a:focus { color: #252947; background: #1457B9; } .phone-drop-bx p { margin: 0 0 16px; font-size: 12px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.25px; } .phone-drop-bx .tel { position: relative; display: flex; align-items: center; font-size: 14px; line-height: 20px; color: #252947; text-decoration: none; letter-spacing: 0.25px; } .phone-drop-bx .tel:hover { /*color: #0aaaf8;*/ } .phone-drop-bx .tel:before { content: ""; display: inline-block; flex-shrink: 0; width: 20px; height: 20px; margin-right: 8px; background-color: #E7F6FE; background-repeat: no-repeat; background-size: contain; } .phone-drop-bx .tel--a1:before { background-image: url(/local/templates/main/css/../img/a1.jpg); } .phone-drop-bx .tel--mts:before { background-image: url(/local/templates/main/css/../img/mts.svg); } .phone-drop-bx .tel--phone:before { background-image: url(/local/templates/main/css/../img/phone-icon.svg); } .wr__wrap { padding: 5px; text-align: center; /*background-color: #E7F6FE;*/ border-radius: 8px; } .wr__wrap a { margin-bottom: 8px; color: #333333; } .wr__wrap a:hover { color: #0aaaf8; } .wr__wrap a:last-child { margin-bottom: 0; } .phone-drop-bx .line { margin: 16px 0; border-top: 1px solid #309BCD; } .phone-drop-bx .sc-list { display: flex; margin-bottom: 16px; } .phone-drop-bx .sc-list li { margin-right: 5px; } .phone-drop-bx .sc-list a { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 8px; } .phone-drop-bx .sc-list a:hover { background: #252947; } .phone-drop-bx .btn { display: block; height: 40px; padding: 0 10px; font-size: 14px; line-height: 36px; border: solid 2px #252947; background: #252947; } .phone-drop-bx .btn:hover { background: #E7F6FE; color: #252947; } .toggle_mnu.active { background: #000000 url(/local/templates/main/css/../img/close2.svg) 50% no-repeat; } .toggle_mnu { position: relative; z-index: 10; width: 40px; height: 40px; background: #0aaaf8 url(/local/templates/main/css/../img/burder2.svg) 50% no-repeat; border: none; border-radius: 8px; } .header-mob { position: relative; position: fixed; top: 0; left: 0; z-index: 50; display: flex; display: none; justify-content: space-between; align-items: center; width: 100%; height: 72px; padding: 0 16px; background: #FFFFFF url(/local/templates/main/css/../img/bg-head-mob.png) 100% 50% no-repeat; box-shadow: 0px 2px 1px #ebebeb; } .head-mob-bx { position: absolute; top: 100%; left: 0; z-index: 10; display: none; width: 100%; height: calc(100vh - 72px); overflow: auto; background-color: rgba(0, 0, 0, 0.6); } .lk-panel-bx-mob { position: static; width: 100%; height: auto; padding: 8px 16px; border-radius: 0; } .lk-panel-bx-mob .lk-enter-bx { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #4A4545; } .lk-panel-bx-mob .lk-bask-bx .btn-tobask { height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px; } .open-close-list { background: #FFFFFF; } .open-close-list>li { position: relative; border-top: 1px solid #F5F5F5; } .open-close-list .town-bx-opener { position: relative; display: flex; justify-content: space-between; padding: 10px 16px; padding-right: 40px; } .open-close-list .arrow-opener { position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; background: url(/local/templates/main/css/../img/arr1.svg) 50% no-repeat; } .open-close-list .town-bx-opener .t1 { font-size: 14px; line-height: 20px; color: #0aaaf8; letter-spacing: 0.25px; } .open-close-list .town-bx-opener .t2 { font-size: 14px; line-height: 20px; color: #161616; letter-spacing: 0.25px; } .open-close-list .town-bx-opener .t2 a { color: #161616; text-decoration: none; } .open-close-list .nav-link { display: block; padding: 12px 16px; padding-right: 40px; font-weight: 500; font-size: 14px; line-height: 16px; color: #161616; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .open-close-list .bt-link { display: flex; align-self: center; padding: 12px 16px; font-weight: 500; font-size: 14px; line-height: 16px; color: #E7F6FE; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; background: #0aaaf8; } .open-close-list .bt-link .ic { width: 20px; margin-right: 10px; text-align: center; } .open-close-list .arrow-opener-white { background: url(/local/templates/main/css/../img/arr7.svg) 50% no-repeat; } .open-close-list .sale-link { color: #0aaaf8; background: #FB6535; } .oc-drop-bx { display: none; } .oc-drop-bx .phone-drop-bx, .oc-drop-bx .town-drop-bx, .oc-drop-bx .drop-list-bx { position: static; display: block; width: auto; margin: 0; padding: 0; border-radius: 0; } .opened>.oc-drop-bx { display: block; } .oc-drop-bx .phone-drop-bx .wr, .oc-drop-bx .town-drop-bx .wr { border-radius: 0; } .oc-drop-bx .town-drop-bx .btn, .oc-drop-bx .phone-drop-bx .btn { background: #252947; } .opened>.arrow-opener { transform: rotate(-180deg); } .oc-drop-bx .drop-list-bx ul { display: block; padding: 10px; border-radius: 0; } .oc-drop-bx .catalog-menu-drop { position: static; display: block; width: auto; margin: 0; padding: 0; border-radius: 0; } .oc-drop-bx .cat-drop-list { position: static; width: auto; margin: 0; padding: 0; padding-left: 20px; border-radius: 0; } .oc-drop-bx .catalog-menu-drop li:hover>a:after, .oc-drop-bx .catalog-menu-drop li>a:hover:after { transform: rotate(90deg); } .oc-drop-bx .catalog-menu-drop .cat-drop-list { border-left: 0; } .oc-drop-bx .catalog-menu-drop .cat-third-list li:last-child { border-bottom: 0; } .oc-drop-bx .cat-drop-list { box-shadow: none; } .aside-mnu { margin: -16px; } .aside-mnu li { border-top: 1px solid #F5F5F5; } .aside-mnu li:first-child { border-top: 0; } .aside-mnu li:first-child a { border-radius: 0 16px 0 0; } .aside-mnu li:last-child a { border-radius: 0 0 16px 0; } .aside-mnu a { display: block; padding: 10px 16px; font-size: 14px; line-height: 20px; color: #161616; text-decoration: none; letter-spacing: 0.25px; } .aside-mnu a:hover { color: #FFFFFF; background: #252947; } .aside-mnu a.act { color: #85B5FF; background: #1457B9; } .state-full-box h1 { margin: 0 0 30px; font-weight: 600; font-size: 48px; line-height: 1.1; color: #161616; } .state-full-box h2 { margin: 32px 0 20px; font-weight: 600; font-size: 34px; line-height: 1.1; color: #161616; } .state-full-box h3 { margin: 0 0 12px; font-weight: 600; font-size: 20px; line-height: 1.1; color: #161616; letter-spacing: 0.15px; } .state-full-box h4 { margin: 0 0 12px; font-weight: 600; font-size: 16px; line-height: 1.2; color: #232323; letter-spacing: 0.5px; } .state-full-box p { margin: 0 0 20px; font-size: 16px; line-height: 1.2; color: #232323; letter-spacing: 0.5px; } .state-full-box p a { color: #0aaaf8; text-decoration: underline; } .state-full-box p a:hover { text-decoration: none; } .state-full-box ul a { color: #0aaaf8; text-decoration: underline; } .state-full-box ul a:hover { text-decoration: none; } .state-full-box .image { margin-bottom: 30px; } .state-full-box .image img { display: block; width: 100%; border-radius: 16px; } .state-full-box .num-list { margin-bottom: 30px; font-size: 16px; line-height: 20px; color: #232323; letter-spacing: 0.5px; } .state-full-box .num-list ul { margin-top: 5px; padding-left: 10px; } .state-full-box .num-list li { margin-bottom: 5px; } .state-full-box .num-list span { color: #0aaaf8; } .table-white { width: 100%; padding: 16px; border-collapse: initial; font-size: 16px; line-height: 20px; color: #232323; letter-spacing: 0.5px; background: #FFFFFF; border-radius: 16px; } .table-white td { padding: 8px; border: 1px solid #F5F5F5; } .table-wrap { width: 100%; margin-bottom: 30px; } .table-white tr:first-child td:first-child { border-radius: 16px 0 0 0; } .table-white tr:first-child td:last-child { border-radius: 0 16px 0 0; } .table-white tr:last-child td:first-child { border-radius: 0 0 0 16px; } .table-white tr:last-child td:last-child { border-radius: 0 0 16px 0; } .table-white tr:first-child td { background: #F5F5F5; } .state-full-box .list { margin: 0 0 20px; padding-left: 15px; list-style: disc; font-size: 16px; line-height: 1.2; color: #232323; letter-spacing: 0.5px; } .state-full-box .list ul { padding-left: 15px; list-style: disc; } .state-full-box .list ::marker { color: #0aaaf8; } .cite-bx { margin-bottom: 20px; padding: 16px; background: #FFFFFF; border-radius: 16px; } .cite-bx img { margin-bottom: 20px; } .cite-bx .c { margin-bottom: 16px; font-weight: 300; font-size: 16px; line-height: 20px; color: #232323; font-style: italic; letter-spacing: 0.5px; } .cite-bx .author { font-size: 16px; line-height: 20px; text-align: right; color: #232323; letter-spacing: 0.5px; } .state-full-box .image .img-t { margin-top: 5px; padding-right: 16px; padding-left: 16px; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; } .state-full-box .image-right img { width: auto; max-width: 100%; } .state-full-box .image-right { float: right; width: 325px; max-width: 100%; margin-bottom: 20px; margin-left: 20px; } .default-form { margin-bottom: 30px; } .default-form textarea, .default-form input[type="text"], .default-form select { width: 100%; height: 40px; margin-bottom: 16px; padding: 0 15px; font-size: 16px; color: #000000; background: #EBEBEB; border: 1px solid #EBEBEB; border-radius: 8px; outline: 0; } .default-form select { background-image: url(/local/templates/main/css/../img/arr1.svg); background-repeat: no-repeat; background-position: 98% 50%; -webkit-appearance: none; /* Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; /* ??????? ?????????? ????????? */ } .default-form textarea { width: 100% !important; height: 140px !important; padding: 15px; overflow: auto; } .default-form textarea:focus, .default-form input[type="text"]:focus, .default-form select:focus { background-color: #FFFFFF; border: 1px solid #252947; } .default-form textarea.error, .default-form input[type="text"].error, .default-form select.error { background-color: #FFEDEC; border: 1px solid #E3625A; } .default-form .lbl { margin-bottom: 4px; font-size: 12px; line-height: 16px; color: #161616; letter-spacing: 0.4px; } .default-form .lbl { overflow: hidden; } .default-form .lbl .er { float: right; font-size: 12px; line-height: 16px; color: #E3625A; letter-spacing: 0.4px; } .default-form .check { display: flex; align-items: center; margin-bottom: 20px; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.25px; } .default-form .check input { width: 16px; height: 16px; margin-right: 8px; } .default-form .check a { color: #0AAAF8; text-decoration: none; } .default-form .btn-wr { display: flex; justify-content: space-between; align-self: flex-end; } .default-form .kapcha-bx .inp-bx { display: flex; align-self: center; } .default-form .kapcha-bx .inp-bx input { width: 170px; margin-right: 16px; margin-bottom: 0; } .default-form .kapcha-bx .inp-bx .ico { margin-right: 16px; overflow: hidden; border-radius: 8px; } .refresh-btn { display: inline-block; width: 40px; height: 40px; background: #E7F6FE url(/local/templates/main/css/../img/ref.svg) 50% no-repeat; border-radius: 8px; cursor: pointer; } .default-form .btn { margin-top: 20px; } .tag-list { margin-bottom: 20px; } .tag-list li { display: inline-block; margin-right: 6px; margin-bottom: 10px; } .tag-list a { text-decoration: none !important; } .catalog-inner h2 { margin: 0 0 20px; font-weight: 600; font-size: 24px; line-height: 28px; color: #161616; letter-spacing: 0.18px; } .ci-tag-list { margin-bottom: 10px; } .ci-tag-list .btn { color: #161616; background: #FFFFFF; border: 1px solid #FFFFFF; } .ci-tag-list .btn:hover { border: 1px solid #0aaaf8; } .ci-tag-list .disabled { color: #8E9499; background: #EBEBEB; border: 0 !important; } .ci-item { position: relative; display: block; text-decoration: none; margin-bottom: 16px; padding: 8px; background: #FFFFFF; border: 4px solid #FFFFFF; border-radius: 8px; transition: ease 0.3s all; } .ci-item .over { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .ci-item:hover { border-color: #0AAAF8; } .ci-item .name { max-width: 150px; height: 70px; font-weight: 600; font-size: 12px; line-height: 16px; color: #161616; letter-spacing: 0.1px; } .ci-item .name a { color: #161616; text-decoration: none; } .ci-item i, .ci-item .link { font-style: normal; font-size: 12px; line-height: 16px; color: #0aaaf8; text-decoration: none; letter-spacing: 0.25px; } .ci-item .link:hover { color: #161616; } .ci-item .img { position: absolute; top: 8px; right: 8px; } .catalog-box {} .catalog-content-area { width: 75%; } .two-columns { display: flex; align-items: flex-start; width: 100%; } .catalog-box { width: 75%; padding-left: 16px; } .pagintion { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 16px; margin-left: 16px; font-size: 12px; line-height: 16px; color: #161616; letter-spacing: 0.25px; -ms-align-items: center; } .pagintion li { position: relative; display: inline-block; margin-right: 20px; } .pagintion li:after { content: ""; position: absolute; top: 5px; right: -16px; width: 12px; height: 6px; background: url(/local/templates/main/css/../img/arr8.svg) 50% no-repeat; } .pagintion li:last-child:after { display: none; } .pagintion li:first-child img { margin-top: -3px; } .pagintion a { color: #0aaaf8; text-decoration: none; transition: none; } .pagintion a:hover { color: #161616; } .pagintion .home { display: block; width: 16px; height: 16px; background: url("/local/templates/main/css/../img/home.svg") center center no-repeat; } .pagintion .home:hover { background-image: url("/local/templates/main/css/../img/home-hover.svg"); } .pagintion_mobile { display: none; } .pagintion_mobile li.back { padding-left: 20px; margin-right: 0; } .pagintion_mobile li.back:before { content: ""; position: absolute; top: 5px; left: 0; width: 12px; height: 6px; background: url(/local/templates/main/css/../img/arr8.svg) 50% no-repeat; transform: rotate(180deg); } .catalog-inner .btn-open-catalog { position: static; width: 100%; } .catalog-inner { margin-bottom: 16px; } .catalog-inner h2 { overflow: hidden; } .catalog-inner h2 .num { float: right; font-weight: normal; font-size: 14px; color: #232323; letter-spacing: 0.25px; } .cat-filt-bx { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; } .cat-filt-bx .tabset { margin-bottom: 0; } .sort-select { padding-right: 20px; font-size: 12px; line-height: 16px; color: #0aaaf8; letter-spacing: 0.25px; background: none; background-image: url(/local/templates/main/css/../img/arr1.svg); background-repeat: no-repeat; background-position: 100% 50%; border: 0; outline: 0; cursor: pointer; -webkit-appearance: none; /* Chrome */ -moz-appearance: none; /* Firefox */ appearance: none; /* ??????? ?????????? ????????? */ } .view-bx { display: flex; } .view-bx a { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-left: 10px; border: solid 1px #1457B9; border-radius: 24px; opacity: 0.7; -ms-align-items: center; } .view-bx a.act { opacity: 1; } .catalog-row { display: flex; flex-wrap: wrap; } @media (min-width: 1300px) { .catalog-row>div { width: 20%; } } @media (min-width: 1700px) { .catalog-row>div { width: 16.66666666%; } } .catalog-row>div { margin-bottom: 16px; float: none; } .pagin-bx { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; } .pager { display: flex; } .pager li { margin-left: 8px; } .pager .btn { width: 24px; height: 24px; padding: 0; line-height: 24px; text-align: center; } .pager .dots { background: none; border: 0; pointer-events: none; } .pager .act { color: #FFF; background: #0aaaf8; } .catalog-box { margin-bottom: 30px; } .btn-open-catalog:hover svg path { stroke: #0aaaf8; } .aside-filter-bx .bx { margin-bottom: 16px; } .aside-filter-bx .bx .lbl { margin-bottom: 8px; font-weight: 600; font-size: 12px; line-height: 16px; color: #161616; letter-spacing: 0.1px; } .aside-filter-bx .opened .ch-list li { display: block; } .aside-filter-bx .ch-list li { margin-top: 10px; } .aside-filter-bx .ch-list li:first-child { margin-top: 0; } .aside-filter-bx .ch-list .check { display: flex; align-items: center; font-size: 12px; line-height: 16px; color: #161616; letter-spacing: 0.25px; cursor: pointer; } .aside-filter-bx .ch-list .check:before { content: ""; display: block; width: 16px; height: 16px; margin-right: 5px; border: solid 1px #A6A6A6; border-radius: 1px; transition: none; } .aside-filter-bx .ch-list .check:hover:before { border-color: #252947; } .aside-filter-bx .ch-list .check.checked:before { background: url("/local/templates/main/css/../img/check-default.svg") center center no-repeat; border: none; } .aside-filter-bx .ch-list .check.checked:hover:before { background-image: url("/local/templates/main/css/../img/check-hover.svg"); } .aside-filter-bx .ch-list .check.checked:active:before { background-image: url("/local/templates/main/css/../img/check-active.svg"); } .aside-filter-bx .ch-list .check input { display: none; } .aside-filter-bx .ch-list .check span { width: 100%; } .aside-filter-bx .filters-expand { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: -4px; margin-top: 10px; border: solid 4px rgba(10, 170, 248, 0); border-radius: 8px; } .aside-filter-bx .filters-expand.opened { border-color: rgba(10, 170, 248, 1); } .aside-filter-bx .filters-expand .show-more-link { padding: 8px 32px 8px 12px; font-size: 12px; line-height: 16px; color: #0aaaf8; text-decoration: none; background: #E7F6FE url("/local/templates/main/css/../img/arr1.svg") right 10px top 50% no-repeat; border-radius: 8px; transition: none; } .aside-filter-bx .filters-expand.opened .show-more-link { background: url("/local/templates/main/css/../img/close.svg") right 4px top 50% no-repeat; } .aside-filter-bx .filters-expand .ch-list { position: relative; max-height: 0; margin: 0 20px; overflow-y: auto; opacity: 0; transition: 0.3s ease; } .aside-filter-bx .filters-expand .gradient { content: ""; position: sticky; bottom: 0; left: 0; display: block; width: 100%; height: 20px; margin-top: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .aside-filter-bx .filters-expand .ch-list::-webkit-scrollbar { width: 4px; } .aside-filter-bx .filters-expand .ch-list::-webkit-scrollbar-thumb { background: #0AAAF8; border-radius: 10px; } .aside-filter-bx .filters-expand.opened .ch-list { max-height: 326px; margin: 4px 20px 16px; opacity: 1; } .aside-filter-opener { display: none; } .aside-filter-bx .inp-bx .t { font-size: 12px; line-height: 16px; color: #232323; letter-spacing: 0.25px; } .aside-filter-bx .inp-bx input { width: 100%; height: 32px; padding: 0 15px; font-size: 12px; color: #000000; background: #EBEBEB; border: 1px solid #EBEBEB; border-radius: 8px; outline: 0; } .aside-filter-bx .inp-bx input:hover { background-color: #FFFFFF; border-color: #0aaaf8; } .cart-box .bx { margin-bottom: 16px; padding: 16px; background: #FFFFFF; border-radius: 16px; } .cart-heading-bx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .cart-heading-bx h1 { margin: 0; font-weight: 600; font-size: 34px; line-height: 1.1; color: #161616; } .cart-heading-bx .artikul { flex-shrink: 0; width: 136px; padding: 12px 0; font-size: 14px; line-height: 16px; text-align: center; color: #232323; background: #F5F5F5; border-radius: 8px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } .cart-heading-bx .artikul svg { display: none; margin-left: 5px; } .cart-heading-bx .artikul:hover svg { display: block; } .cart-main-bx:after { content: ""; display: block; clear: both; } .cart-images-bx-one { width: 100%; text-align: center; } .cart-images-bx-one img { max-width: 100%; } .cart-slider-bx { position: relative; float: left; width: 68%; padding-right: 16px; } .cart-descr-bx { float: left; width: 32%; } .brand-stiker { position: absolute; top: 8px; right: 24px; z-index: 5; } .stiker-list { z-index: 5; } #sync1 .item { text-align: center; } #sync1 .item img { display: inline-block; width: auto; max-width: 100%; max-height: 450px; } #sync2 .current .item { overflow: hidden; border: 3px solid #0AAAF8; border-radius: 8px; } #sync2 .owl-nav>div { position: absolute; top: 50%; left: -13px; display: block; width: 30px; height: 30px; margin-top: -15px; text-indent: -9999px; background: #0aaaf8 url(/local/templates/main/css/../img/arr4.svg) 50% no-repeat; border-radius: 8px; transform: rotate(-180deg); } #sync2 .owl-nav>div:last-child { right: -13px; left: auto; transform: rotate(0deg); } .number-bx>* { display: inline-block; vertical-align: middle; } .number-bx input { width: 72px; height: 40px; font-size: 16px; line-height: 20px; text-align: center; color: #0080BF; letter-spacing: 0.5px; background: #EBEBEB; border: 0; border-radius: 8px; } .number-bx span { width: 40px; height: 40px; background: #caedff 50% no-repeat; border: 1px solid #E7F6FE; border-radius: 8px; cursor: pointer; transition: ease 0.3s all; } .number-bx span:hover { border-color: #0aaaf8; } .number-bx .minus { background-image: url(/local/templates/main/css/../img/minus.svg); } .number-bx .plus { background-image: url(/local/templates/main/css/../img/plus.svg); } .cart-descr-bx .price-bx { display: flex; justify-content: space-between; align-items: center; } .cart-descr-bx .price-bx .t { margin-top: 15px; font-size: 16px; line-height: 20px; color: #161616; letter-spacing: 0.5px; } .cart-descr-bx .price-bx .pr .old { font-size: 16px; line-height: 18px; text-align: right; color: #0AAAF8; letter-spacing: 0.25px; text-decoration-line: line-through; } .cart-descr-bx .price-bx .pr .new { font-weight: 600; font-size: 34px; line-height: 1; color: #FB6535; } .cart-descr-bx .price-bx .pr .new sup, .cart-descr-bx .price-bx .pr .orig sup { top: -16px; font-weight: normal; font-size: 10px; } .cart-descr-bx .price-bx .pr .orig { font-weight: 600; font-size: 34px; line-height: 1; color: #0586C5; } .cart-descr-bx .line { margin: 10px 0; border-top: 2px solid #F0F0F0; } .cart-descr-bx .num-bx { display: flex; justify-content: space-between; align-items: center; } .cart-descr-bx .num-bx .t { display: flex; align-items: center; font-size: 16px; line-height: 20px; color: #161616; letter-spacing: 0.5px; } .cart-descr-bx .num-bx .t img { margin-left: 10px; } .cart-descr-bx .num-bx { margin-bottom: 8px; } .cart-descr-bx .btn-bx { display: flex; margin-bottom: 8px; } .cart-descr-bx .btn-bx .btn { width: 40px; margin-right: 8px; } .cart-descr-bx .btn-bx .btn-order { width: calc(100% - 96px); margin-right: 0; background: #0AAAF8; color: #FFF; box-shadow: none; } .cart-descr-bx .btn-bx .btn-order:hover { background: #252947; } .cart-descr-bx .btn-bx .openQuickOrderForm { background: #CAEDFF; color: #0080BF; } .cart-descr-bx .btn-bx .openQuickOrderForm:hover { color: #0AAAF8; background: #FFF; box-shadow: inset 0 0 0 1px #0aaaf8; } .cart-descr-bx .btn-bx .btn-detail { background: #caedff url(/local/templates/main/css/../img/cart-bt1.svg) 50% no-repeat; } .cart-descr-bx .btn-bx .btn-detail:hover { background: #FFFFFF url(/local/templates/main/css/../img/cart-bt1.svg) 50% no-repeat; } .cart-descr-bx .btn-bx .btn-like { background: #caedff url(/local/templates/main/css/../img/cart-bt2.svg) 50% no-repeat; } .cart-descr-bx .btn-bx .btn-like:hover { background: #FFFFFF url(/local/templates/main/css/../img/cart-bt2.svg) 50% no-repeat; } .cart-descr-bx .btn-bx .btn-like.active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzIwNzBlOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMS4zMDMzIDE4Ljk5NDZMMTEuMzAzMyAxOC45OTQ2TDExLjI5OTYgMTguOTkyMUM5LjIxMDQ2IDE3LjYyNjEgNy41MDExNSAxNi4xNDc1IDYuMzE4NjUgMTQuNjIzMkM1LjEzNjAzIDEzLjA5ODggNC41IDExLjU1NTQgNC41IDEwLjA0NTNDNC41IDcuMjkwNzkgNi4zOTMzOSA1LjUgOC42NTQxIDUuNUMxMC4wMTc4IDUuNSAxMS4wMTE4IDYuMDk4OTEgMTEuNTkyOSA2LjkzOTA0TDEyLjAwNTggNy41MzYwNEwxMi40MTY0IDYuOTM3NDRDMTIuOTk2OCA2LjA5MTI2IDEzLjk4MTUgNS41IDE1LjM0NTkgNS41QzE3LjYwNjYgNS41IDE5LjUgNy4yOTA3OSAxOS41IDEwLjA0NTNDMTkuNSAxMS41NTU3IDE4Ljg2NTcgMTMuMDk5MiAxNy42ODQzIDE0LjYyMzRDMTYuNTAyOSAxNi4xNDc1IDE0Ljc5MzggMTcuNjI2IDEyLjcwMDggMTguOTkxOUwxMi43MDA3IDE4Ljk5MThMMTIuNjk2NyAxOC45OTQ2QzEyLjUzMzUgMTkuMTAzNCAxMi4zNzU4IDE5LjE5OTIgMTIuMjM3MyAxOS4yNjYzQzEyLjE2ODYgMTkuMjk5NyAxMi4xMTE3IDE5LjMyMjQgMTIuMDY2OCAxOS4zMzYyQzEyLjAyNjYgMTkuMzQ4NiAxMi4wMDcgMTkuMzUwNCAxMi4wMDQxIDE5LjM1MDdDMTIuMDAzNyAxOS4zNTA3IDEyLjAwMzYgMTkuMzUwNyAxMi4wMDQxIDE5LjM1MDdDMTIuMDA0NCAxOS4zNTA3IDEyLjAwNDQgMTkuMzUwNyAxMi4wMDQgMTkuMzUwN0MxMi4wMDExIDE5LjM1MDQgMTEuOTgwNyAxOS4zNDg2IDExLjkzODcgMTkuMzM1OEMxMS44OTI2IDE5LjMyMTggMTEuODM0NCAxOS4yOTg3IDExLjc2NDcgMTkuMjY1M0MxMS42MjQzIDE5LjE5ODEgMTEuNDY0OCAxOS4xMDIyIDExLjMwMzMgMTguOTk0NloiIHN0cm9rZT0iIzIwNzBFOCIvPg0KPC9zdmc+DQo="); box-shadow: inset 0 0 0 1px #252947; } .favoriteButton.active, .favoriteButton.btn-reset.active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzIwNzBlOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMS4zMDMzIDE4Ljk5NDZMMTEuMzAzMyAxOC45OTQ2TDExLjI5OTYgMTguOTkyMUM5LjIxMDQ2IDE3LjYyNjEgNy41MDExNSAxNi4xNDc1IDYuMzE4NjUgMTQuNjIzMkM1LjEzNjAzIDEzLjA5ODggNC41IDExLjU1NTQgNC41IDEwLjA0NTNDNC41IDcuMjkwNzkgNi4zOTMzOSA1LjUgOC42NTQxIDUuNUMxMC4wMTc4IDUuNSAxMS4wMTE4IDYuMDk4OTEgMTEuNTkyOSA2LjkzOTA0TDEyLjAwNTggNy41MzYwNEwxMi40MTY0IDYuOTM3NDRDMTIuOTk2OCA2LjA5MTI2IDEzLjk4MTUgNS41IDE1LjM0NTkgNS41QzE3LjYwNjYgNS41IDE5LjUgNy4yOTA3OSAxOS41IDEwLjA0NTNDMTkuNSAxMS41NTU3IDE4Ljg2NTcgMTMuMDk5MiAxNy42ODQzIDE0LjYyMzRDMTYuNTAyOSAxNi4xNDc1IDE0Ljc5MzggMTcuNjI2IDEyLjcwMDggMTguOTkxOUwxMi43MDA3IDE4Ljk5MThMMTIuNjk2NyAxOC45OTQ2QzEyLjUzMzUgMTkuMTAzNCAxMi4zNzU4IDE5LjE5OTIgMTIuMjM3MyAxOS4yNjYzQzEyLjE2ODYgMTkuMjk5NyAxMi4xMTE3IDE5LjMyMjQgMTIuMDY2OCAxOS4zMzYyQzEyLjAyNjYgMTkuMzQ4NiAxMi4wMDcgMTkuMzUwNCAxMi4wMDQxIDE5LjM1MDdDMTIuMDAzNyAxOS4zNTA3IDEyLjAwMzYgMTkuMzUwNyAxMi4wMDQxIDE5LjM1MDdDMTIuMDA0NCAxOS4zNTA3IDEyLjAwNDQgMTkuMzUwNyAxMi4wMDQgMTkuMzUwN0MxMi4wMDExIDE5LjM1MDQgMTEuOTgwNyAxOS4zNDg2IDExLjkzODcgMTkuMzM1OEMxMS44OTI2IDE5LjMyMTggMTEuODM0NCAxOS4yOTg3IDExLjc2NDcgMTkuMjY1M0MxMS42MjQzIDE5LjE5ODEgMTEuNDY0OCAxOS4xMDIyIDExLjMwMzMgMTguOTk0NloiIHN0cm9rZT0iIzIwNzBFOCIvPg0KPC9zdmc+DQo="); box-shadow: inset 0 0 0 1px #252947; background-repeat: no-repeat; background-size: 16px 16px; background-position: 50% 50%; } .favoriteButton.active svg { display: none; } .cart-descr-bx .list { margin-bottom: 16px; padding: 0 8px; /*background: #F5F5F5;*/ border-radius: 8px; } .cart-descr-bx .list li { padding: 8px 0; font-size: 13px; line-height: 16px; color: #161616; letter-spacing: 0.25px; border-top: 2px solid #F0F0F0; } .cart-descr-bx .list li a { display: inline-block; color: #0aaaf8; text-decoration: none; border-bottom: 1px dashed #0aaaf8; } .cart-descr-bx .list li a:hover { border-bottom: none; color: #5894ee; } .cart-descr-bx .list li:first-child { border-top: 0; } .cart-descr-bx .list li img { margin-right: 8px; } .list-detail li { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 13px; line-height: 16px; color: #161616; letter-spacing: 0.25px; border-bottom: 1px solid #F0F0F0; } .list-detail .t2 { color: #161616; } .list-detail li:last-child { border-bottom: none; } .list-detail li:first-child { border-bottom: 1px solid #F0F0F0; } .doc-list li { display: flex; margin-bottom: 16px; } .doc-list li a { display: flex; align-items: center; font-size: 12px; line-height: 16px; color: #232323; text-decoration: none; letter-spacing: 0.25px; } .doc-list .ico { margin-right: 5px; } .doc-list .name { border-bottom: 1px solid #F0F0F0; } .doc-list a:hover .name { color: #1457B9; border-bottom: 1px solid #FFFFFF; } .cart-tabset { height: 21px; overflow: initial; border-bottom: 1px solid #E0E0E0; } .cart-tabset a { padding: 2px 5px; border: 0; border-bottom: 1px solid #E0E0E0; border-radius: 0; } .cart-tabset a.active, .cart-tabset a:hover { color: #0aaaf8; border: 0; border-bottom: 1px solid #0aaaf8; background: #E7F6FE; border-radius: 8px 8px 0 0; } .cart-sale-slider .owl-nav>div { position: absolute; top: 50%; left: -13px; display: block; width: 30px; height: 30px; margin-top: -15px; text-indent: -9999px; background: #0aaaf8 url(/local/templates/main/css/../img/arr4.svg) 50% no-repeat; border-radius: 8px; transform: rotate(-180deg); } .cart-sale-slider .owl-nav>div:last-child { right: -13px; left: auto; transform: rotate(0deg); } .cart-sale-slider .owl-nav { position: static; width: auto; background: none; } .cart-sale-slider { padding: 0 30px; } .back-bx { display: flex; justify-content: space-between; align-items: center; } .back-bx .t { font-size: 14px; line-height: 20px; color: #232323; letter-spacing: 0.25px; } .cart-table-bx.hidden { display: none; } .cart-table-placeholder { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; height: 400px; -ms-align-items: center; } .cart-table-placeholder p { margin: 0 0 5px; font-size: 16px; line-height: 20px; text-align: center; } .cart-table-placeholder p:last-child { margin-bottom: 0; } .cart-table-placeholder.hidden { display: none; } .cart-table-bx .more-bx { display: flex; justify-content: space-between; align-items: center; margin-top: -36px; margin-bottom: 4px; } .cart-table-bx .heading { margin-bottom: 16px; } .cart-table-bx .heading .t1 { margin-bottom: 4px; font-weight: 600; font-size: 16px; line-height: 20px; color: #161616; letter-spacing: 0.15px; } .cart-table-bx .heading .t2 { font-size: 11px; line-height: 16px; color: #232323; letter-spacing: 0.4px; } .cart-table-bx .heading .t2 span { font-size: 12px; color: #E3625A; } .cart-table-bx .table-wrap { margin-bottom: 16px; } .cart-table { width: 100%; table-layout: fixed; font-size: 11px; line-height: 16px; color: #161616; letter-spacing: 0.4px; } .cart-table.expand-2 td:nth-child(2) { background: #E2EDFE; } .cart-table.expand-3 td:nth-child(3) { background: #E2EDFE; } .cart-table.expand-4 td:nth-child(4) { background: #E2EDFE; } .cart-table.expand-5 td:nth-child(5) { background: #E2EDFE; } .cart-table.expand-6 td:nth-child(6) { background: #E2EDFE; } .cart-table.expand-7 td:nth-child(7) { background: #E2EDFE; } .cart-table.expand-8 td:nth-child(8) { background: #E2EDFE; } .cart-table.expand-9 td:nth-child(9) { background: #E2EDFE; } .cart-table.expand-2 .name:after, .cart-table.expand-8 .name:after { opacity: 0; } .cart-table.expand-2 tr:first-child td:nth-child(2) { background: #C1DAFF; } .cart-table.expand-3 tr:first-child td:nth-child(3) { background: #C1DAFF; } .cart-table.expand-4 tr:first-child td:nth-child(4) { background: #C1DAFF; } .cart-table.expand-5 tr:first-child td:nth-child(5) { background: #C1DAFF; } .cart-table.expand-6 tr:first-child td:nth-child(6) { background: #C1DAFF; } .cart-table.expand-7 tr:first-child td:nth-child(7) { background: #C1DAFF; } .cart-table.expand-8 tr:first-child td:nth-child(8) { background: #C1DAFF; } .cart-table.expand-9 tr:first-child td:nth-child(9) { background: #C1DAFF; } .cart-table.expand-2 tr:first-child .name:after, .cart-table.expand-3 tr:first-child .name:after, .cart-table.expand-4 tr:first-child .name:after, .cart-table.expand-5 tr:first-child .name:after, .cart-table.expand-6 tr:first-child .name:after, .cart-table.expand-7 tr:first-child .name:after, .cart-table.expand-8 tr:first-child .name:after, .cart-table.expand-9 tr:first-child .name:after { opacity: 0; } .cart-table.expand-2 tr:hover td:nth-child(2) { background: #C1DAFF; } .cart-table.expand-3 tr:hover td:nth-child(3) { background: #C1DAFF; } .cart-table.expand-4 tr:hover td:nth-child(4) { background: #C1DAFF; } .cart-table.expand-5 tr:hover td:nth-child(5) { background: #C1DAFF; } .cart-table.expand-6 tr:hover td:nth-child(6) { background: #C1DAFF; } .cart-table.expand-7 tr:hover td:nth-child(7) { background: #C1DAFF; } .cart-table.expand-8 tr:hover td:nth-child(8) { background: #C1DAFF; } .cart-table.expand-9 tr:hover td:nth-child(9) { background: #C1DAFF; } .cart-table td { padding: 4px; border: 1px solid #F5F5F5; transition: ease 0.3s all; } .cart-table .ico-link-bx { display: flex; align-items: center; -ms-align-items: center; } .cart-table .ico-link-bx a { position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle; } .cart-table .ico-link-bx a:last-child { margin-right: 0; } .cart-table .ico-link-bx a.ico1 { background: url(/local/templates/main/css/../img/t-ic1.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico1:hover, .cart-table .ico-link-bx a.ico1.active { background: url(/local/templates/main/css/../img/t-ic1-a.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico2 { background: url(/local/templates/main/css/../img/t-ic2.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico2:hover, .cart-table .ico-link-bx a.ico2.active { background: url(/local/templates/main/css/../img/t-ic2-a.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico3 { background: url(/local/templates/main/css/../img/t-ic3.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico3:hover, .cart-table .ico-link-bx a.ico3.active { background: url(/local/templates/main/css/../img/t-ic3-a.svg) 50% 50% no-repeat; } .cart-table .ico-link-bx a.ico1.active, .cart-table .ico-link-bx a.ico2.active, .cart-table .ico-link-bx a.ico3.active { background-color: #F4F7FC; border-radius: 4px; } .cart-table .ico-link-bx .ico:after, .cart-table td .arr:before, .cart-table tr:first-child .name:before, .cart-table .disc p { position: absolute; bottom: 0; left: -9999px; z-index: 12; display: block; padding: 4px 9px; font-size: 12px; line-height: 16px; color: #0aaaf8; white-space: nowrap; background: #FFFFFF; border-radius: 8px; transform: translate(-50%, 100%); opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s; pointer-events: none; } .cart-table .ico-link-bx .ico:hover:after, .cart-table td .arr:hover:before, .cart-table tr:first-child .name:hover:before, .cart-table .disc:hover p { left: 50%; opacity: 1; transition: opacity 0.3s ease, left 0s; } .cart-table .disc { position: absolute; top: 0; left: 0; cursor: pointer; } .cart-table .disc span { display: block; width: 16px; height: 16px; background: #FB6535 url("/local/templates/main/css/../img/discount-percent.svg") 50% no-repeat; border-radius: 4px; } .cart-table .disc p { margin: 0; color: #FB6535; } .cart-table .ico-link-bx .ico.favourite:after { content: "???????? ? ?????????"; } .cart-table .ico-link-bx .ico.active.favourite:after { content: "?????? ?? ?????????"; } .cart-table .ico-link-bx .ico.basket:after { content: "???????? ? ???????"; } .cart-table .ico-link-bx .ico.active.basket:after { content: "?????? ?? ???????"; } .cart-table .ico-link-bx .ico:hover:after, .cart-table tr:first-child .name:hover:before { opacity: 1; } .cart-table td:last-child, .cart-table td:first-child { background: #F5F5F5; } .cart-table td:first-child { padding-left: 6px; border-left: none; } .cart-table td:last-child { border-right: none; } .cart-table tr:first-child td { position: relative; background: #F5F5F5; border-top: none; } .cart-table tr:first-child td:first-child { background: none; border-left: none; } .cart-table tr:first-child td:last-child { background: none; border-right: none; } .cart-table tr:first-child td:first-child:before, .cart-table tr:first-child td:last-child:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #F5F5F5; } .cart-table tr:first-child td:first-child:before { border-radius: 4px 0 0 0; } .cart-table tr:first-child td:last-child:before { border-radius: 0 4px 0 0; } .cart-table .current-product { position: relative; } .cart-table .current-product, .cart-table .current-product input { color: #0aaaf8; } .cart-table .current-product td:first-child:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #0aaaf8; border-radius: 4px; pointer-events: none; } .number-bx-small input { width: 40px; height: 16px; font-size: 10px; border-radius: 4px; } .number-bx-small span { width: 16px; height: 16px; background-size: 16px !important; border-radius: 4px; } .number-bx-small { width: 80px; } .cart-table tr:not(:first-child):not(.table-footer):not(.table-pagination):hover td { background: #E7F6FE; } .cart-table tr:not(:first-child):hover .name:after { opacity: 0; } .cart-table .to-right { text-align: right; } .cart-table .name { position: relative; display: block; width: 100%; white-space: nowrap; cursor: pointer; } .cart-table .name:hover+.arr { background: url("/local/templates/main/css/../img/arr-table5.svg") 50% no-repeat; } .cart-table .name:hover+.arr.opened { background: url("/local/templates/main/css/../img/arr-table3.svg") 50% no-repeat; } .cart-table .name .t { display: block; width: 100%; overflow: hidden; white-space: nowrap; } .cart-table tr:first-child .name:before { content: "???????? ???????"; } [class~="cart-table"][class*="expand-"] tr:first-child .name:before { content: "?????? ???????"; } .cart-table tr:first-child td:first-child .name:before, .cart-table tr:first-child td:nth-last-child(1) .name:before, .cart-table tr:first-child td:nth-last-child(2) .name:before, .cart-table tr:first-child td:nth-last-child(3) .name:before { content: none; } .cart-table .name:after { content: ""; position: absolute; top: 0; right: 0; width: 45px; height: 100%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); opacity: 1; /* transition: none; */ } .cart-table .no-shad:after { display: none; } .cart-table tr:first-child .name:after { background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 53.3333%, rgba(245, 245, 245, 1) 100%); } .cart-table td .arr { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url(/local/templates/main/css/../img/arr-table.svg) 50% no-repeat; border-radius: 4px; cursor: pointer; transition: ease 0.3s all; } .cart-table td .arr:before { content: "???????? ???????"; } .cart-table td .arr:hover:before { opacity: 1; } .cart-table td .arr.opened:before { content: "?????? ???????"; } .cart-table td .arr:hover, .cart-table td .arr.active { background: #0aaaf8 url(/local/templates/main/css/../img/arr-table2.svg) 50% no-repeat; } .cart-table td .arr.active:hover { background-color: #0AAAF8; } .cart-table td .arr.opened { background: #FFFFFF url(/local/templates/main/css/../img/arr-table3.svg) 50% no-repeat; border: solid 1px #0aaaf8; } .cart-table td .arr.opened:hover, .cart-table td .arr.opened.active { background: #0aaaf8 url(/local/templates/main/css/../img/arr-table4.svg) 50% no-repeat; } .sale-item .img .marka { position: absolute; bottom: 0; left: 0; } .sale-item .img { position: relative; margin-bottom: 5px; } .sale-item .art { display: inline-block; margin-bottom: 22px; padding: 4px 8px; background: #F5F5F5; border-radius: 8px; } .btn-open-catalog.act svg { transform: rotate(-180deg); } .sale-item .bt-list .package .col { position: absolute; top: 115%; right: 0; display: none; padding: 2px 8px; font-size: 12px; color: #000000; text-transform: none; text-decoration: none; background: #FFFFFF; border-radius: 8px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); } .sale-item .bt-list .package:hover .col { display: block; } .pagintion+.tree-columns .aside-right { margin-top: -32px; } .sale-item .list { display: none; } .sale-item .list li { display: flex; justify-content: space-between; padding: 2px 0; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.25px; border-bottom: 1px solid #F5F5F5; } .sale-item .list .t2 { color: #161616; } .sale-item .list li:last-child { border-bottom: 0; } .sale-item .list li:first-child { border-bottom: 1px solid #F5F5F5; } .catalog-row-lined>div { width: 100% !important; } .catalog-row-lined .sale-item .img { flex-shrink: 0; width: 188px; min-width: 188px; margin-right: 8px; margin-bottom: 0; text-align: center; } .catalog-row-lined .sale-item { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; height: auto; } .catalog-row-lined .sale-item .top { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .catalog-row-lined .sale-item .bottom { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; } .catalog-row-lined .sale-item .text { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; width: 100%; margin-right: 8px; } .catalog-row-lined .sale-item .btn-bx { display: block; flex-shrink: 0; width: 156px; min-width: 156px; margin-top: 40px; } .catalog-row-lined .sale-item:hover .img, .catalog-row-lined .sale-item:hover .stiker-list { display: -webkit-flex; display: -ms-flex; display: -webkit-flex; display: -ms-flex; display: flex; } .catalog-row-lined .sale-item:hover .tt .t { height: auto; } .catalog-row-lined .sale-item .img .marka { top: 0; right: 0; bottom: auto; left: auto; } .catalog-row-lined .sale-item .list { display: block; max-width: 286px; } .catalog-row-lined .sale-item .tt:after { display: none; } .catalog-row-lined .sale-item .tt>div { white-space: initial; } .catalog-row-lined .sale-item .t { max-height: 60px; overflow: hidden; font-weight: 600; font-size: 16px; line-height: 20px; color: #232323; letter-spacing: 0.15px; } .catalog-row-lined .sale-item .art { margin-bottom: 11px; } .sale-item .stiker-list { top: 0; left: 0; } .files-bx { position: relative; margin-bottom: 16px; } .files-bx .add { position: absolute; right: 12px; bottom: 12px; } .files-bx .file-wr { position: relative; } .files-bx textarea { margin-bottom: 0; } .added-list { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; overflow: auto; } .added-list li { width: 79px; height: 24px; margin-right: 8px; padding: 4px 8px; font-size: 10px; line-height: 16px; color: #232323; letter-spacing: 0.4px; background: #EBEBEB; border-radius: 32px; } .product-fixed { position: fixed; top: 67px; left: -9999px; z-index: 45; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: calc(75% - 32px); height: 48px; padding: 8px; background: white; border: solid 4px #0AAAF8; border-radius: 8px; opacity: 0; transition: opacity 0.3s ease, top 0.3s ease, left 0s 0.3s; pointer-events: none; -ms-align-items: center; } .product-fixed.visible { top: 72px; left: 16px; opacity: 1; transition: opacity 0.3s ease, top 0.3s ease, left 0s; pointer-events: auto; } .product-fixed-info { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; max-width: 55%; -ms-align-items: center; } .product-fixed-info span { margin-right: 8px; padding: 4px 8px; font-weight: 400; font-size: 10px; line-height: 16px; white-space: nowrap; background: #F5F5F5; border-radius: 8px; } .product-fixed-info p { position: relative; margin: 0; overflow: hidden; font-weight: 600; font-size: 16px; line-height: 20px; white-space: nowrap; } .product-fixed-info p:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 20px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .product-fixed-price { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .product-fixed-price span { margin-right: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #0AAAF8; text-decoration: line-through; letter-spacing: 0.25; } .product-fixed-price p { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; margin: 0; font-weight: 600; font-size: 20px; line-height: 24px; color: #FB6535; -ms-align-items: flex-start; } .product-fixed-price p em { margin-left: 4px; font-weight: 400; font-size: 10px; line-height: 16px; font-style: normal; } .product-fixed-buttons { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .product-fixed-buttons>* { margin-right: 8px; } .product-fixed-buttons>*:last-child { margin-right: 0; } .product-fixed-buttons-row { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .product-fixed-buttons-row .btn { margin-right: 4px; } .product-fixed-buttons-row .btn:last-child { margin-right: 0; } .product-fixed-buttons .btn { min-width: 24px; height: 24px; padding: 0; line-height: 24px; text-align: center; } .product-fixed-buttons .btn-up, .product-fixed-buttons .btn-like, .product-fixed-buttons .btn-detail { background: #E7F6FE 50% no-repeat; } .product-fixed-buttons .btn-up:hover, .product-fixed-buttons .btn-like:hover, .product-fixed-buttons .btn-detail:hover { background-color: #FFFFFF; } .product-fixed-buttons .btn-up { background-image: url("/local/templates/main/css/../img/arr-up.svg"); } .product-fixed-buttons .btn-like { background-image: url("/local/templates/main/css/../img/heart.svg"); } .product-fixed-buttons .btn-detail { background-image: url("/local/templates/main/css/../img/cart-bt1.svg"); background-size: 18px; } .product-fixed-buttons .btn-package { background: url("/local/templates/main/css/../img/cat-package.svg") 50% no-repeat; } .product-fixed-buttons .btn-to-cart { width: 150px; font-size: 10px; line-height: 24px; } .cart-table .table-footer td { position: relative; width: auto; padding: 0; background: none; border: none; } .cart-table .table-footer td:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: #F5F5F5; border-radius: 0 0 4px 4px; } .table-footer ul { position: relative; z-index: 5; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; padding: 4px; -ms-align-items: center; } .table-footer ul li { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: 400; font-size: 10px; line-height: 16px; color: #232323; -ms-align-items: center; } .table-footer ul li i { display: block; width: 16px; height: 16px; margin-right: 6px; } .table-footer ul .table-calendar { background: url("/local/templates/main/css/../img/table-calendar.svg") 50% no-repeat; } .table-footer ul .table-tag { background: url("/local/templates/main/css/../img/table-tag.svg") 50% no-repeat; } .table-footer ul .table-percent { background: url("/local/templates/main/css/../img/table-percent.svg") 50% no-repeat; } .cart-table .table-pagination td { padding: 0; background: none; border: none; } .cart-table .table-pagination td div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; padding-top: 16px; -ms-align-items: center; } .cart-table .table-pagination td div span { width: 200px; } .cart-table .table-pagination td div .btn-more { height: auto; padding: 6px 8px; font-size: 10px; line-height: 12px; letter-spacing: 0.65px; } .sidebar-table-pagination { margin-bottom: 5px; margin-top: 13px; } .sidebar-table-pagination .pager { justify-content: flex-end; } .sidebar-table-pagination .pager .btn { background-color: #434D58; color: #E7F6FE; } .sidebar-table-pagination .pager .btn.act { color: #FFFFFF; background: #0AAAF8; } .cart-table.expand-2 td:nth-child(2) { width: 200px; } .cart-table.expand-3 td:nth-child(3) { width: 200px; } .cart-table.expand-4 td:nth-child(4) { width: 200px; } .cart-table.expand-5 td:nth-child(5) { width: 200px; } .cart-table.expand-6 td:nth-child(6) { width: 200px; } .cart-table.expand-7 td:nth-child(7) { width: 200px; } .cart-table.expand-8 td:nth-child(8) { width: 200px; } .cart-table.expand-9 td:nth-child(9) { width: 200px; } .cart-table-filters { position: absolute; top: 12px; right: 9999px; z-index: 15; width: 328px; padding: 9px 16px; background: #FFFFFF; border-radius: 0 8px 8px 8px; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.32); transform: translateX(100%); opacity: 0; transition: 0.3s ease, right 0s 0.3s, left 0s 0.3s; pointer-events: none; } .cart-table-filters form { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: calc(60vh - 18px); } .cart-table-filters.right { right: auto; left: -9999px; border-radius: 8px 0 8px 8px; transform: translateX(-100%); } .cart-table-filters.active { right: -8px; visibility: visible; opacity: 1; transition: 0.3s ease, right 0s, left 0s; pointer-events: auto; } .cart-table-filters.right.active { right: auto; left: -2px; } .cart-table-filters:before { content: ""; position: absolute; top: 0; left: -12px; display: block; width: 12px; height: 20px; background: url("/local/templates/main/css/../img/filters-left-corner.svg") 50% no-repeat; } .cart-table-filters.right:before { right: -12px; left: auto; background: url("/local/templates/main/css/../img/filters-right-corner.svg") 50% no-repeat; } .cart-table-filters h4 { margin: 0 0 8px; font-weight: 600; font-size: 12px; line-height: 16px; } .cart-table-filters p { font-weight: 400; font-size: 12px; line-height: 16px; color: #161616; } .cart-table-filters-controls { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart-table-filters-controls li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; border-bottom: solid 1px #F0F0F0; -ms-align-items: center; } .cart-table-filters-controls li:first-child { border-top: solid 1px #F0F0F0; } .cart-table-filters-controls a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-size: 10px; line-height: 16px; color: #A6A6A6; text-decoration: none; -ms-align-items: center; } .cart-table-filters-controls .reset:hover { color: #252947; text-decoration: underline; } .cart-table-filters-controls i { width: 24px; height: 24px; margin-right: 4px; } .cart-table-filters-controls .sort { background: url("/local/templates/main/css/../img/sorting.svg") 50% no-repeat; } .cart-table-filters-controls .sort.sorted-up { background: url("/local/templates/main/css/../img/sorted-up.svg") 50% no-repeat; } .cart-table-filters-controls .sort.sorted-up { background: url("/local/templates/main/css/../img/sorted-down.svg") 50% no-repeat; } .cart-table-filters-controls .filter { background: url("/local/templates/main/css/../img/filter.svg") 50% no-repeat; } .cart-table-filters-list { position: relative; padding-right: 12px; overflow: hidden auto; } .cart-table-filters-list::-webkit-scrollbar { width: 8px; } .cart-table-filters-list::-webkit-scrollbar-thumb { width: 8px; background: #E7F6FE; border-radius: 8px; } .cart-table-filters-list:before { content: ""; position: absolute; top: 0; right: -4px; display: block; width: 1px; height: 100%; background: #E9F1FD; } .cart-table-filters-list:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 20px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .cart-table-filters-list li { margin-bottom: 2px; padding: 4px; } .cart-table-filters-list li:last-child { margin-bottom: 0; } .cart-table-filters-list label { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; font-weight: 400; font-size: 12px; line-height: 16px; white-space: nowrap; cursor: pointer; -ms-align-items: center; } .cart-table-filters-list input { display: block; flex-shrink: 0; width: 16px; height: 16px; margin-right: 8px; border: solid 1px #A6A6A6; border-radius: 1px; } .number-bx input { outline: none; -moz-appearance: textfield; } .number-bx input::-webkit-outer-spin-button, .number-bx input::-webkit-inner-spin-button { -webkit-appearance: none; } .number-bx span:hover, .number-bx input:focus+.plus { background-color: #FFFFFF; border-color: #0aaaf8; } .number-bx input:focus { background: #FFFFFF; border: solid 1px #0aaaf8; } .number-bx .minus { background: #caedff; } .number-bx .minus:after { content: ""; display: block; width: 100%; height: 100%; background: url("/local/templates/main/css/../img/minus.svg") 50% no-repeat; background-size: 16px; pointer-events: none; } .number-bx .minus.disabled { pointer-events: none; } .number-bx .minus.disabled:after { opacity: 0.5; } .cart-table.drag-container { position: relative; height: 0 !important; } .cart-table.drag-container tr { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: calc(75% - 64px) !important; -ms-align-items: center; } .cart-table.drag-container tr .name:before, .cart-table.drag-container tr .name:hover:before { content: none; } .cart-table.drag-container td { width: 100%; } .cart-table.drag-container td:first-child, .cart-table.drag-container td:nth-last-child(1), .cart-table.drag-container td:nth-last-child(2), .cart-table.drag-container td:nth-last-child(3) { flex-shrink: 0; } .cart-table.drag-container td:first-child { width: 32px; } .cart-table.drag-container td:nth-last-child(1) { width: 72px; } .cart-table.drag-container td:nth-last-child(2) { width: 75px; } .cart-table.drag-container td:nth-last-child(3) { width: 92px; } .cart-table.drag-container .counter, .cart-table.drag-container .ico-link-bx { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .aside-right .owl-carousel .owl-dots { margin-top: 0; margin-bottom: -12px; } .aside-right .owl-carousel .owl-dots .owl-dot { height: 32px; vertical-align: middle; } .js-tabs { position: relative; } .tab-nav { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; width: 135px; height: 40px; padding: 0; overflow: hidden; background: #E7F6FE; border-radius: 8px; -ms-align-items: center; } .tab-nav div { float: left; width: 40px; height: 40px; text-indent: -9999px; background: url(/local/templates/main/css/../img/arr2.svg) 50% no-repeat; border: 1px solid transparent; border: solid 1px transparent; border-radius: 8px; cursor: pointer; transition: ease 0.3s all; } .tab-nav div.disabled { opacity: 0.5; pointer-events: none; } .tab-nav div:hover { background-color: #FFFFFF; border-color: #0aaaf8; } .tab-nav .tab-next { transform: rotate(180deg); } .tab-nav .tab-pages { position: absolute; bottom: 12px; left: 54px; z-index: 3; width: 30px; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: #0aaaf8; text-transform: uppercase; letter-spacing: 1px; } .about-bx:not(.news-bx) .tab-list .tab { display: none; } .about-bx:not(.news-bx) .tab-list .tab.active { display: block; } .main-article { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; width: 100%; -ms-align-items: flex-start; } .main-article-left { flex-shrink: 1; width: 100%; } .article-content { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; width: 100%; -ms-align-items: flex-start; } .article-nav { width: 100%; overflow: hidden; background: #FFFFFF; border-radius: 0 16px 16px 0; } .article-nav li a { display: block; width: 100%; padding: 10px 16px; font-size: 14px; line-height: 20px; color: #161616; text-decoration: none; } .article-nav li a:hover { color: #FFFFFF; background-color: #252947; } .article-nav li a.active { color: #FFF; background: #0AAAF8; pointer-events: none; } .article-page { width: 100%; padding: 0 16px; } .article-page>*:last-child { margin-bottom: 0; } .article { margin-bottom: 32px; } .article-header { margin-bottom: 32px; padding: 0 80px; } .article-header h1 { margin: 0 0 8px; font-weight: 600; font-size: 34px; line-height: 40px; color: #161616; } .article-header .date { font-weight: 400; font-size: 12px; line-height: 16px; color: #232323; } .article-main { margin-bottom: 122px; } @media only screen and (max-width: 991px) { .article-main { margin-bottom: 22px; } } .article-main h2 { margin: 32px 0 20px; padding: 0 80px; font-weight: 600; font-size: 24px; line-height: 28px; color: #161616; } .article-main p { margin: 0 0 12px; padding: 0 80px; font-weight: 400; font-size: 16px; line-height: 20px; color: #232323; } .article-main figure { margin-bottom: 12px; } .article-main figure img { max-width: 100%; margin: 0 0 8px; border-radius: 16px; } .article-main figure figcaption { margin: 0; padding: 0 16px; font-size: 12px; line-height: 16px; color: #8E9499; } .article-footer {} .article-footer h3 { margin: 0 0 12px; font-size: 16px; line-height: 20px; color: #161616; } .article-footer ul { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .article-footer ul li { margin-right: 10px; } .article-footer ul li:last-child { margin-right: 0; } .article-footer ul li a { display: block; padding: 8px 16px; font-size: 12px; line-height: 16px; color: #0aaaf8; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; background: #E7F6FE; border-radius: 8px; } .articles-list {} .articles-list h2 { margin: 0 0 16px; font-size: 34px; line-height: 40px; color: #161616; } .articles-list h3 { margin: 0 0 16px; font-size: 24px; line-height: 28px; color: #161616; } .articles-list ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin: 0 -8px -16px; -ms-align-items: center; } .articles-list li { width: calc(25% - 16px); margin: 0 8px 16px; } .article-preview { position: relative; display: block; overflow: hidden; border-radius: 8px; } .article-preview img { width: 100%; } .article-preview figcaption { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 8px; background: #0aaaf8; transition: top 0.75s ease; } .article-preview figcaption:before { content: ""; position: absolute; top: 8px; left: 0; display: block; width: 100%; height: 60px; background: url("/local/templates/main/css/../img/article-wave.svg") repeat-x; background-position: 0 100%; background-size: 101% auto; transform: translateY(-100%); transition: background-position 0.75s ease; } .article-preview:hover figcaption:before { background-position: 300px 100%; } .article-preview:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 8px; background: linear-gradient(to bottom, rgba(10, 170, 248, 0) 0%, rgba(10, 170, 248, 1) 71.42857%, rgba(10, 170, 248, 1) 100%); } .article-preview figcaption h3 { margin: 0 0 4px; font-size: 16px; line-height: 20px; color: #FFFFFF; } .article-preview figcaption p { margin: 0; font-size: 12px; line-height: 16px; color: #FFFFFF; } .state-slider .article-preview { margin-bottom: 16px; } .state-slider .article-preview:last-child { margin-bottom: 0; } .state-slider .owl-stage-outer { margin-bottom: 16px; } .aside-right .text-bx.flex { display: -webkit-flex; display: -ms-flex; display: flex; } .aside-right .text-bx.flex .img { margin-right: 16px; } .catalog-drop { position: absolute; top: calc(100% + 22px); left: -16px; display: none; } .compact .catalog-drop { left: -86px; } .catalog-drop.opened { display: block; } .catalog-list { position: relative; display: flex; margin-top: -8px; } .catalog-list>* { position: relative; z-index: 5; } .catalog-drop .catalog-list { margin-top: 0; } .catalog-drop.opened .catalog-list-close { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: transparent; } .catalog-drop .catalog-list-background { background: #0aaaf8; border-radius: 0 16px 16px 16px; } .compact .catalog-drop .catalog-list-background { border-radius: 16px; } .catalog-list.opened-2 .catalog-list-background { width: calc(100% + 330px); } .catalog-list.opened-3 .catalog-list-background { width: calc(100% + 660px); } .catalog-drop .catalog-list.opened-2 .catalog-list-background, .catalog-drop .catalog-list.opened-3 .catalog-list-background { width: 100%; } .catalog-list-1 { flex-shrink: 0; width: 100%; padding: 8px 0; } .catalog-drop .catalog-list-1 { width: 330px; } .catalog-drop .catalog-list-1, .catalog-drop .catalog-list-2, .catalog-drop .catalog-list-3 { max-height: 60vh; overflow-y: auto; } .catalog-drop .catalog-list-1::-webkit-scrollbar, .catalog-drop .catalog-list-2::-webkit-scrollbar, .catalog-drop .catalog-list-3::-webkit-scrollbar { width: 4px; } .catalog-drop .catalog-list-1::-webkit-scrollbar-thumb, .catalog-drop .catalog-list-2::-webkit-scrollbar-thumb, .catalog-drop .catalog-list-3::-webkit-scrollbar-thumb { background: #1457B9; border-radius: 4px; } .catalog-list.opened-2 .catalog-list-2, .catalog-list.opened-3 .catalog-list-3 { overflow: hidden; border-radius: 0 16px 16px 0; } .catalog-list-2, .catalog-list-3 { position: relative; display: none; flex-shrink: 0; width: 330px; padding: 8px 0; } .aside-left-content .catalog-list-2, .aside-left-content .catalog-list-3 { background-color: #FFFFFF; } .catalog-list-2.visible, .catalog-list-3.visible { display: block; } .catalog-list-2 ul, .catalog-list-3 ul { display: none; } .catalog-list-2 ul.visible, .catalog-list-3 ul.visible { display: block; } .catalog-list-2:before, .catalog-list-3:before { content: ""; position: absolute; top: 8px; left: 0; display: block; width: 1px; height: calc(100% - 16px); background: rgba(10, 170, 248, 0.6); pointer-events: none; } .catalog-drop .catalog-list-2:before, .catalog-drop .catalog-list-3:before { background: rgba(171, 205, 255, 0.6); } .catalog-drop .catalog-list a { color: #FFFFFF; } .counter-column { width: 84px; } .name-column { width: 400px; } .number-column { width: 32px; } .buttons-column { width: 66px; } .sidebar-cart { padding: 0 16px; } .sidebar-cart:last-child { border-bottom: none; } .sidebar-cart-inner { margin-bottom: 16px; } .sidebar-cart-inner:last-child { margin-bottom: 0; } .sidebar-cart-header { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; -ms-align-items: center; } .sidebar-cart-header:last-child { margin-top: 0; } .sidebar-cart-counter { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; -ms-align-items: center; } .sidebar-cart-counter h3 { margin: 0 4px 0 0; font-weight: 600; font-size: 14px; line-height: 20px; color: #D9D9D9; letter-spacing: 0.1px; } .sidebar-cart-counter p { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #D9D9D9; letter-spacing: 0.25px; } .sidebar-cart-order { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #8E9499; letter-spacing: 0.25px; } .sidebar-cart-header-note { margin: 2px 0 0; font-weight: 400; font-size: 10px; line-height: 10px; color: #8E9499; letter-spacing: 0.5px; } .sidebar-cart-btn { position: relative; display: block; width: 40px; height: 40px; background: #434D58; background-repeat: no-repeat; background-position: center center; border-radius: 8px; transition: 0.3s ease; } .sidebar-cart-btn.expand { background-image: url("/local/templates/main/css/../img/sidebar-cart-expand.svg"); } .sidebar-cart-btn.expand:after, .sidebar-cart-table td a.product-link:after { position: absolute; bottom: -8px; z-index: 50; display: block; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFF; letter-spacing: 0.25px; white-space: nowrap; background: #FB6535; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-cart-btn.expand:after { content: "?????????? ?? ???? ?????"; right: 24px; } .sidebar-cart-table td a.product-link:after { content: "???????"; left: 16px; } .sidebar-cart-btn.shrink { background-image: url("/local/templates/main/css/../img/sidebar-cart-shrink.svg"); } .sidebar-cart-btn.shrink:hover { background-image: url("/local/templates/main/css/../img/sidebar-cart-shrink-hover.svg"); } .sidebar-cart-btn.upload { width: 32px; height: 32px; background-image: url("/local/templates/main/css/../img/sidebar-cart-upload.svg"); } .sidebar-cart-btn.upload:after { content: "?????????? ????"; position: absolute; right: 8px; bottom: -8px; z-index: 50; display: block; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #232323; letter-spacing: 0.25px; white-space: nowrap; background: #FB6535; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-cart-btn:hover:after { opacity: 1; } .sidebar-cart-btn:hover { background-color: #0AAAF8; } .sidebar-cart-btn.expand:hover { background-image: url("/local/templates/main/css/../img/sidebar-cart-expand-hover.svg"); } .sidebar-cart-table td a.product-link:hover:after, .sidebar-cart-btn.expand:hover:after { opacity: 1; } .sidebar-cart-btn.upload:hover { background-image: url("/local/templates/main/css/../img/sidebar-cart-upload-hover.svg"); } .sidebar-cart-nav { position: relative; padding: 17px 0 0; } .sidebar-cart-nav.borderless { padding: 0; } .sidebar-cart-nav:before { content: ""; position: absolute; top: 0; left: -16px; display: block; width: calc(100% + 32px); height: 1px; background: #434950; } .sidebar-cart-nav.borderless:before { content: none; } .sidebar-cart-nav li { margin-bottom: 16px; } .sidebar-cart-nav li:last-child { margin-bottom: 0; } .sidebar-cart-nav a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; text-decoration: none; -ms-align-items: center; } .sidebar-cart-nav a:hover p, .sidebar-cart-nav a:hover span { color: #0AAAF8; } .sidebar-cart-nav p { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0; font-weight: 400; font-size: 12px; line-height: 16px; color: #D9D9D9; letter-spacing: 0.25px; -ms-align-items: center; } .sidebar-cart-nav .sidebar-cart-nav-icon { display: block; width: 24px; height: 24px; margin-right: 8px; } .sidebar-cart-nav span { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: 400; font-size: 10px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; -ms-align-items: center; } .sidebar-cart-nav span.new { color: #0AAAF8; } .sidebar-cart-nav span i { width: 16px; height: 16px; margin-left: 8px; background: url("/local/templates/main/css/../img/sidebar-cart-nav-arr.svg") center center no-repeat; } .sidebar-cart-nav-icon.favourite { background: url("/local/templates/main/css/../img/sidebar-cart-nav-favourite.svg") center center no-repeat; } .sidebar-cart-nav-icon.history { background: url("/local/templates/main/css/../img/sidebar-cart-nav-history.svg") center center no-repeat; } .sidebar-cart-nav-icon.personal { background: url("/local/templates/main/css/../img/sidebar-personal.svg") center center no-repeat; } .sidebar-cart-nav-icon.world { background: url("/local/templates/main/css/../img/sidebar-world.svg") center center no-repeat; } .popup-window .sidebar-cart-table { width: 100%; } .sidebar-cart-table { position: relative; margin-bottom: 8px; padding: 1px; } .sidebar-cart-table-border { position: relative; margin-bottom: 8px; padding: 1px; } .sidebar-cart-table-border:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #434950; border-radius: 4px; pointer-events: none; } .sidebar-cart-table table { width: 100%; table-layout: fixed; } .sidebar-cart-table .sidebar-cart-table-header .numb { width: 23px; } .popup-window .sidebar-cart-table .sidebar-cart-table-header .count { width: 84px; } .sidebar-cart-table .sidebar-cart-table-header .count { width: 32px; } .sidebar-cart-table .sidebar-cart-table-header .price { width: 62px; } .sidebar-cart-table .sidebar-cart-table-header .delete-all, .sidebar-cart-table .sidebar-cart-table-header .add-all { width: 24px; padding: 0; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a, .sidebar-cart-table .sidebar-cart-table-header .add-all a { display: block; width: 24px; height: 24px; border-radius: 4px; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a { background: url("/local/templates/main/css/../img/sidebar-cart-table-delete.svg") center center no-repeat; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a:hover { background: #FB6535 url("/local/templates/main/css/../img/sidebar-cart-table-delete-hover.svg") center center no-repeat; } .sidebar-cart-table .sidebar-cart-table-header .add-all a { background: url("/local/templates/main/css/../img/sidebar-cart-table-basket.svg") center center no-repeat; } .sidebar-cart-table .sidebar-cart-table-header .add-all a:hover { background: #1BBC61 url("/local/templates/main/css/../img/sidebar-cart-table-basket-hover.svg") center center no-repeat; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a:after, .sidebar-cart-table .sidebar-cart-table-header .add-all a:after { position: absolute; right: 16px; bottom: -4px; z-index: 50; display: block; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.25px; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a:after { content: "??????? ???"; background: #FB6535; } .sidebar-cart-table .sidebar-cart-table-header .add-all a:after { content: "??? ??????? ? ???????"; background: #1BBC61; } .sidebar-cart-table .sidebar-cart-table-header .delete-all a:hover:after, .sidebar-cart-table .sidebar-cart-table-header .add-all a:hover:after { opacity: 1; } .sidebar-cart-table .sidebar-cart-table-header td { font-weight: 400; font-size: 10px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; } .sidebar-cart-table td { position: relative; padding: 4px; font-weight: 400; font-size: 10px; line-height: 16px; color: #D9D9D9; letter-spacing: 0.4px; white-space: nowrap; border-right: 1px solid #434950; border-bottom: 1px solid #434950; } .sidebar-cart-table td:last-child { border-right: none; } .sidebar-cart-table tr:last-child td { border-bottom: none; } .popup-window .sidebar-cart-table input { width: 35px; } .sidebar-cart-table input { width: 28px; padding: 1px 3px; text-align: center; background: #363B44; border: 1px solid #54595E; border-radius: 4px; outline: none; -webkit-appearance: none; -moz-appearance: textfield; } .sidebar-cart-table input::-webkit-outer-spin-button, .sidebar-cart-table input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .sidebar-cart-table input:focus { border-color: #0AAAF8; } .sidebar-cart-table td.counter { padding: 2px; } .sidebar-cart-table td.counter .plus, .sidebar-cart-table td.counter .minus { position: relative; display: block; width: 20px; height: 20px; background: #363B44; border-radius: 4px; } .sidebar-cart-table td.counter .plus:hover, .sidebar-cart-table td.counter .minus:hover { background: #0AAAF8; } .sidebar-cart-table td.counter .plus:hover:before, .sidebar-cart-table td.counter .minus:hover:before, .sidebar-cart-table td.counter .plus:hover:after { background: #FFFFFF; } .sidebar-cart-table td.counter .minus.disabled { pointer-events: none; } .sidebar-cart-table td.counter .minus.disabled:before { background: #496794; } .sidebar-cart-table td.counter .plus:before, .sidebar-cart-table td.counter .minus:before, .sidebar-cart-table td.counter .plus:after { content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 12px; height: 2px; background: #0AAAF8; border-radius: 2px; transform: translate(-50%, -50%); } .sidebar-cart-table td.counter .plus:after { width: 2px; height: 12px; } .sidebar-cart-table td.counter .js-counter { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; -ms-align-items: center; } .sidebar-cart-table td.ta-right { text-align: right; } .sidebar-cart-table td span { position: relative; display: block; overflow-x: hidden; white-space: nowrap; } .sidebar-cart-table td span:after { content: ""; position: absolute; top: 0; right: -4px; display: block; width: 40px; height: 100%; background: linear-gradient(270deg, #252947 62.96%, rgba(43, 50, 58, 0) 100%); } .sidebar-cart-table td span .analog { color: #0AAAF8; text-decoration: none; border-bottom: 1px dashed #0AAAF8; font-size: 11px; } .sidebar-cart-table td span .analog:hover { border-bottom: none; } .sidebar-cart-table td a.product-link { position: absolute; top: 50%; right: 4px; margin-top: -8px; display: block; width: 16px; height: 16px; background: url("/local/templates/main/css/../img/sidebar-cart-product-link.svg") center center no-repeat; } .sidebar-cart-table td a.product-link:hover { background: url("/local/templates/main/css/../img/sidebar-cart-product-link-hover.svg") center center no-repeat; } .sidebar-cart-table td.delete, .sidebar-cart-table td.add { padding: 0; } .sidebar-cart-table td.delete a, .sidebar-cart-table td.add a { display: block; width: 24px; height: 24px; } .sidebar-cart-table td.delete a { background: url("/local/templates/main/css/../img/sidebar-cart-table-cross.svg") center center no-repeat; } .sidebar-cart-table td.add a { background: url("/local/templates/main/css/../img/sidebar-cart-table-add.svg") center center no-repeat; } .sidebar-cart-table td.delete a:hover { background: url("/local/templates/main/css/../img/sidebar-cart-table-cross-hover.svg") center center no-repeat; } .sidebar-cart-table td.add a:hover { background: url("/local/templates/main/css/../img/sidebar-cart-table-add-hover.svg") center center no-repeat; } .sidebar-cart-table td.delete a:after, .sidebar-cart-table td.add a:after { position: absolute; right: 16px; bottom: -4px; z-index: 20; display: block; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.25px; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-cart-table td.delete a:hover:after, .sidebar-cart-table td.add a:hover:after { opacity: 1; } .sidebar-cart-table td.delete a:after { content: "???????"; background: #FB6535; } .sidebar-cart-table td.add a:after { content: "???????? ? ???????"; background: #1BBC61; } .sidebar-cart-table-nav { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; -ms-align-items: center; } .sidebar-cart-table-nav li { width: 100%; margin-right: 8px; } .sidebar-cart-table-nav li:last-child { margin-right: 0; } .sidebar-cart-table-nav a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; height: 20px; -ms-align-items: center; } .sidebar-cart-table-nav a:after { content: ""; display: block; width: 100%; height: 4px; background: #434950; border-radius: 4px; pointer-events: none; } .sidebar-cart-table-nav a.active:after, .sidebar-cart-table-nav a:hover:after { background: #0AAAF8; } .popup-window .sidebar-cart-price { max-width: 305px; margin-left: auto; } .sidebar-cart-price { margin-bottom: 12px; } .sidebar-cart-price li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; -ms-align-items: center; } .sidebar-cart-price li { margin: 0; color: #8E9499; } .sidebar-cart-price li.discount { color: #D9D9D9; } .sidebar-cart-price li span:first-child { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.25px; } .sidebar-cart-price li span:last-child { display: -webkit-flex; display: -ms-flex; display: flex; align-items: flex-start; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.1px; -ms-align-items: flex-start; } .sidebar-cart-price li span em { margin-left: 4px; font-weight: 400; font-size: 10px; line-height: 16px; font-style: normal; letter-spacing: 0.4px; } .popup-window .sidebar-cart-btns { max-width: 305px; margin-left: auto; } .sidebar-cart-btns { margin-bottom: 8px; } .sidebar-cart-btns:last-child { margin-bottom: 0; } .sidebar-cart-btns li { margin-bottom: 4px; } .sidebar-cart-btns li:last-child { margin-bottom: 0; } .sidebar-cart-btns .btn { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; height: auto; padding: 12px; font-weight: 500; font-size: 14px; line-height: 16px; color: #FFFFFF; letter-spacing: 1px; background: #0AAAF8; -ms-align-items: center; } .sidebar-cart-btns .btn.grey { color: #0AAAF8; background: #434D58; } .sidebar-cart-btns .btn:hover { color: #252947; background: #E7F6FE; } .sidebar-cart-price-note { margin: 0 0 12px; font-weight: 400; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.25px; } .sidebar-cart-header-back { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; margin-bottom: 16px; font-weight: 400; font-size: 12px; line-height: 16px; color: #0AAAF8; text-decoration: none; letter-spacing: 0.25px; -ms-align-items: center; } .sidebar-cart-header-back:before { content: ""; display: block; width: 24px; height: 24px; margin-right: 8px; background: url("/local/templates/main/css/../img/sidebar-cart-back.svg") center center no-repeat; } .sidebar-cart-history { padding-top: 8px; } .sidebar-cart-history li { margin-bottom: 16px; } .sidebar-cart-history li:last-child { margin-bottom: 0; } .sidebar-cart-history a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; text-decoration: none; -ms-align-items: center; } .sidebar-cart-history .sidebar-cart-icon { display: block; width: 24px; height: 24px; margin-right: 8px; } .sidebar-cart-history .sidebar-cart-icon.approval { background: url("/local/templates/main/css/../img/sidebar-cart-approval.svg") center center no-repeat; } .sidebar-cart-history .sidebar-cart-icon.doc-yellow { background: url("/local/templates/main/css/../img/sidebar-cart-doc-yellow.svg") center center no-repeat; } .sidebar-cart-history .sidebar-cart-icon.paid { background: url("/local/templates/main/css/../img/sidebar-cart-paid.svg") center center no-repeat; } .sidebar-cart-history .sidebar-cart-icon.delivered { background: url("/local/templates/main/css/../img/sidebar-cart-delivered.svg") center center no-repeat; } .sidebar-cart-history .sidebar-cart-icon.canceled { background: url("/local/templates/main/css/../img/sidebar-cart-canceled.svg") center center no-repeat; } .sidebar-cart-history .left { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 16px; color: #D9D9D9; letter-spacing: 0.25px; -ms-align-items: center; } .sidebar-cart-history .right { font-weight: 400; font-size: 10px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; } .sidebar-cart-history .ch__order_num u { text-decoration: none; border-bottom: 1px dashed #D9D9D9; } .sidebar-cart-history .left b { display: block; color: #8E9499; font-weight: 600; margin-top: 4px; } .sidebar-cart-history .right svg { margin: 4px 0 0 6px; stroke: #0AAAF8; } .sidebar-cart-history a:hover u { border-bottom-color: transparent; } .sidebar-cart-history a:hover .right svg { stroke: #D9D9D9; } .sidebar-cart-user { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin-bottom: 8px; -ms-align-items: center; } .sidebar-cart-user:last-child { margin-bottom: 0; } .sidebar-cart-user .sidebar-cart-user-icon, .sidebar-cart-user .sidebar-cart-user-image { display: block; width: 40px; height: 40px; margin-right: 8px; } .sidebar-cart-user .sidebar-cart-user-icon.approval { background: url("/local/templates/main/css/../img/sidebar-cart-approval-big.svg") center center no-repeat; } .sidebar-cart-user .sidebar-cart-user-icon.doc-yellow { background: url("/local/templates/main/css/../img/sidebar-cart-doc-yellow-big.svg") center center no-repeat; } .sidebar-cart-user .sidebar-cart-user-icon.paid { background: url("/local/templates/main/css/../img/sidebar-cart-paid-big.svg") center center no-repeat; } .sidebar-cart-user .sidebar-cart-user-icon.delivered { background: url("/local/templates/main/css/../img/sidebar-cart-delivered-big.svg") center center no-repeat; } .sidebar-cart-user .sidebar-cart-user-icon.canceled { background: url("/local/templates/main/css/../img/sidebar-cart-canceled-big.svg") center center no-repeat; } .sidebar-cart-user .sidebar-cart-user-image { border-radius: 40px; } .sidebar-cart-user .sidebar-cart-user-text h2 { margin: 0; font-weight: 600; font-size: 14px; line-height: 20px; color: #D9D9D9; letter-spacing: 0.1px; } .sidebar-cart-user .sidebar-cart-user-text h3 { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #D9D9D9; letter-spacing: 0.25px; } .sidebar-cart-user .sidebar-cart-user-text p { margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; color: #8E9499; letter-spacing: 0.25px; } .sidebar-cart-files { margin-bottom: 8px; padding: 8px; border: solid 1px #434950; border-radius: 12px; } .sidebar-cart-files:last-child { margin-bottom: 0; } .sidebar-cart-files li { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; -ms-align-items: center; } .sidebar-cart-files li:last-child { margin-bottom: 0; } .sidebar-cart-files .left { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-start; align-items: center; width: calc(100% - 36px); -ms-align-items: center; } .sidebar-cart-files .left:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 40px; height: 100%; background: linear-gradient(270deg, #252947 62.96%, rgba(43, 50, 58, 0) 100%); } .sidebar-cart-files .left img { margin-right: 8px; } .sidebar-cart-files .left span { padding-bottom: 2px; overflow: hidden; font-weight: 400; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.25px; white-space: nowrap; border-bottom: solid 1px #5C646E; } .sidebar-cart-files .btn { flex-shrink: 0; width: 32px; height: 32px; margin-left: 4px; padding: 4px; background: #434D58; } .sidebar-cart-files-icon { display: block; width: 24px; height: 24px; } .sidebar-cart-files-icon.download { background: url("/local/templates/main/css/../img/sidebar-cart-download.svg") center center no-repeat; } .sidebar-exit { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; width: calc(100% - 32px); margin: 0 auto; padding: 8px 12px; font-weight: 500; font-size: 14px; line-height: 16px; color: #FB6535; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; background: #434D58; border-radius: 8px; -ms-align-items: center; z-index: 1; } .sidebar-exit-icon { display: block; width: 24px; height: 24px; margin-right: 8px; background: url("/local/templates/main/css/../img/sidebar-exit.svg") center center no-repeat; } .sidebar-form { margin-bottom: 16px; } .sidebar-form:last-child { margin-bottom: 0; } .sidebar-form-input { position: relative; width: 100%; margin-bottom: 4px; } .sidebar-form-input.disabled { pointer-events: none; } .sidebar-form-input:last-child { margin-bottom: 0; } .sidebar-form-input div { position: absolute; top: 16px; left: 16px; font-weight: 400; font-size: 14px; line-height: 20px; color: #8E9499; font-style: normal; letter-spacing: 0.25px; transition: 0.3s ease; pointer-events: none; } .sidebar-form-input.disabled div { color: #FFF; } .sidebar-form-input input { width: 100%; padding: 23px 15px 7px; font-weight: 400; font-size: 14px; line-height: 20px; color: #292929; letter-spacing: 0.25px; background: #FFF; border: solid 1px #FFF; border-radius: 8px; outline: none; } .sidebar-form-input.disabled input { background: #434d58; border-color: #434d58; } .sidebar-form-input input:focus, .sidebar-form-input:hover input { border-color: #0AAAF8; } .sidebar-form-input input:focus+div, .sidebar-form-input input:not(:placeholder-shown)+div { top: 12px; font-size: 10px; line-height: 10px; } .sidebar-form-input .clear, .sidebar-form-input .visibility { position: absolute; top: 16px; right: 8px; display: block; width: 24px; height: 24px; } .sidebar-form-input .clear { background: url("/local/templates/main/css/../img/sidebar-form-cross.svg") center center no-repeat; opacity: 0; pointer-events: none; } .sidebar-form-input .clear:after { content: "??????? ??????"; position: absolute; right: 16px; bottom: -8px; z-index: 20; display: block; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.25px; white-space: nowrap; background: #FB6535; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-form-input .clear:hover:after { opacity: 1; } .sidebar-form-input .clear:hover { background: url("/local/templates/main/css/../img/sidebar-form-cross-hover.svg") center center no-repeat; } .sidebar-form-input .visibility { background: url("/local/templates/main/css/../img/sidebar-form-eye.svg") center center no-repeat; } .sidebar-form-input input:not(:placeholder-shown)~.clear { opacity: 1; pointer-events: auto; } .sidebar-form-row { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; -ms-align-items: center; } .sidebar-form-row:last-child { margin-bottom: 0; } .sidebar-form-row .sidebar-form-input { margin-right: 4px; margin-bottom: 0; } .sidebar-form-row .sidebar-form-input:last-child { margin-right: 0; } .sidebar-form-checked { margin-bottom: 16px; padding-top: 20px; } #rc-anchor-classic-warning { display: none; } .grecaptcha-badge { visibility: hidden; } .itc-select_wr.disabled { pointer-events: none; } .form-val__err.custom.show-err, .form-val__err.custom.visible { display: block; color: #eb3333; font-size: 13px; margin-top: 8px; margin-bottom: 0; } .text-page .form-val__err { font-size: 13px; color: #eb3333; margin-top: 8px; margin-bottom: 0; } .modal-code__spam-hint { display: none; text-align: center; font-size: 12px; color: #fb6535; margin-top: 4px; line-height: 1.4; } .modal-code .authorization__btn.countdown ~ .modal-code__spam-hint.js-spam-hint-visible { display: block; } .modal-code .authorization__btn.countdown { justify-content: center; } .sidebar-form-checked label { position: relative; display: block; padding-left: 28px; font-weight: 400; font-size: 12px; line-height: 16px; color: #D9D9D9; letter-spacing: 0.25px; cursor: pointer; } .sidebar-form-checked label:before { content: ""; position: absolute; top: 0; left: 4px; display: block; width: 16px; height: 16px; border: solid 1px #0AAAF8; border-radius: 1px; } .sidebar-form-checked label.checked:before { background: url("/local/templates/main/css/../img/sidebar-form-check.svg") center center no-repeat; border: none; } .sidebar-form-checked label a { color: #0AAAF8; text-decoration: none; } .sidebar-form-checked label a:hover { text-decoration: underline; } .sidebar-form-checked label input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .sidebar-form-input-label { margin-bottom: 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: #8E9499; letter-spacing: 0.25px; } .sidebar-form-toggle { margin-bottom: 16px; padding: 4px 0; } .sidebar-form-toggle.margin-small { margin-bottom: 4px; } .sidebar-form-toggle.pt-16 { padding-top: 16px; } .sidebar-form-toggle label { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: 400; font-size: 10px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; -ms-align-items: center; } .sidebar-form-toggle label.checked span { background: #0AAAF8; } .sidebar-form-toggle label.checked span:after { left: 11px; } .sidebar-form-toggle label span { display: block; width: 24px; height: 16px; margin-right: 8px; background: #363B44; border: solid 1px #0AAAF8; border-radius: 10px; } .sidebar-form-toggle label span:after { content: ""; position: absolute; top: 3px; left: 3px; display: block; width: 10px; height: 10px; background: #FFFFFF; border-radius: 10px; } .sidebar-form-toggle label input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .sidebar-form-select { margin-bottom: 4px; } .sidebar-form-select.margin-big { margin-bottom: 16px; } .sidebar-form-select select { position: relative; width: 100%; height: 52px; padding: 16px; font-weight: 400; font-size: 14px; line-height: 20px; color: #363636; letter-spacing: 0.25px; background-color: #ffffff; background-image: url("/local/templates/main/css/../img/sidebar-form-select-arrow.svg"); background-repeat: no-repeat; background-position: top 14px right 8px; border: none; border: solid 1px #363B44; border-radius: 8px; outline: none; -webkit-appearance: none; appearance: none; } .sidebar-form-select select:valid { color: #363636; } .sidebar-form-select select option { color: #363636; } .sidebar-files { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: center; width: 100%; margin-bottom: 16px; padding-top: 4px; -ms-align-items: center; } .sidebar-files:last-child { margin-bottom: 0; } .sidebar-file { position: relative; width: 100%; padding: 4px 0; border-bottom: solid 1px #434950; } .sidebar-file:last-child { border-bottom: none; } .sidebar-file span { position: relative; display: block; width: calc(100% - 20px); overflow: hidden; font-weight: 400; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.4px; white-space: nowrap; } .sidebar-file span:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 12px; height: 16px; background: linear-gradient(270deg, #252947 4.17%, rgba(43, 50, 58, 0) 104.17%); } .sidebar-file a { position: absolute; top: 4px; right: 4px; z-index: 2; display: block; width: 16px; height: 16px; background: url("/local/templates/main/css/../img/sidebar-files-cross.svg") center center no-repeat; } .sidebar-file a:hover { z-index: 3; background: url("/local/templates/main/css/../img/sidebar-files-cross-hover.svg") center center no-repeat; } .sidebar-file a:before { content: "???????"; position: absolute; right: 8px; bottom: -8px; padding: 2px 6px; font-weight: 400; font-size: 12px; line-height: 16px; color: #FFFFFF; letter-spacing: 0.25px; background: #FB6535; border-radius: 4px; transform: translateY(100%); opacity: 0; pointer-events: none; } .sidebar-file a:hover:before { opacity: 1; } .popup-modal { position: fixed; top: 0; left: 0; z-index: 100; display: block; width: 100%; height: 100%; padding: 16px; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: 0.3s ease; pointer-events: none; } .popup-modal.visible { opacity: 1; pointer-events: auto; } .popup-window { position: absolute; top: 50%; left: 50%; display: block; padding: 16px; background: #252947; border-radius: 16px; transform: translate(-50%, -50%); opacity: 0; transition: 0.3s ease; pointer-events: none; } .popup-window.visible { opacity: 1; pointer-events: auto; } .popup-header { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; -ms-align-items: center; } .popup-header h2 { margin: 0; font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; letter-spacing: 0.15px; } .popup-header .close { position: relative; display: block; width: 24px; height: 24px; background: #47515C; border-radius: 6px; } .popup-header .close:before, .popup-header .close:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 1px; background: #292929; border-radius: 2px; } .popup-header .close:before { transform: translate(-50%, -50%) rotate(45deg); } .popup-header .close:after { transform: translate(-50%, -50%) rotate(-45deg); } .popup-order-number { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin-bottom: 12px; -ms-align-items: center; } .popup-icon { display: block; width: 24px; height: 24px; margin-right: 8px; } .popup-icon.approval { background: url("/local/templates/main/css/../img/sidebar-cart-approval.svg") center center no-repeat; } .popup-icon.doc-yellow { background: url("/local/templates/main/css/../img/sidebar-cart-doc-yellow.svg") center center no-repeat; } .popup-icon.paid { background: url("/local/templates/main/css/../img/sidebar-cart-paid.svg") center center no-repeat; } .popup-icon.delivered { background: url("/local/templates/main/css/../img/sidebar-cart-delivered.svg") center center no-repeat; } .popup-icon.canceled { background: url("/local/templates/main/css/../img/sidebar-cart-canceled.svg") center center no-repeat; } .popup-order-number p { margin: 0; font-weight: 400; font-size: 12px; line-height: 16px; color: #D9D9D9; letter-spacing: 0.25px; } .popup-note { max-width: 320px; margin: 0 0 12px; font-weight: 400; font-size: 14px; line-height: 20px; color: #D9D9D9; letter-spacing: 0.25px; } .popup-btns { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .popup-btns-row { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .popup-btns .btn { height: auto; margin-bottom: 4px; padding: 12px 16px; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1px; background: #0AAAF8; } .popup-btns .btn.grey { color: #0AAAF8; background: #434D58; } .popup-btns .btn:hover { color: #252947; background: #E7F6FE; } .popup-btns .btn:last-child, .popup-header:last-child, .popup-order-number:last-child, .popup-note:last-child { margin-bottom: 0; } .popup-btns-row .btn, .popup-btns-row .btn:last-child { margin-bottom: 4px; margin-left: 4px; } .sidebar-authorization {} .sidebar-authorization-header { margin-bottom: 16px; } .sidebar-authorization h3 { margin: 0 0 8px; font-weight: 600; font-size: 14px; line-height: 20px; text-align: left; color: #D9D9D9; letter-spacing: 0.1px; } .sidebar-authorization p { margin: 0 0 12px; font-weight: 400; font-size: 12px; line-height: 16px; text-align: left; color: #8E9499; font-style: normal; letter-spacing: 0.25px; } .sidebar-authorization h3:last-child, .sidebar-authorization p:last-child { margin-bottom: 0; } .sidebar-authorization-header h3:last-child, .sidebar-authorization-header p:last-child { margin-bottom: 0; } .sidebar-authorization p a { color: #0AAAF8; text-decoration: none; } .sidebar-authorization p a:hover { text-decoration: underline; } .sidebar-authorization p span { color: #0AAAF8; } .sidebar-authorization-list { margin-bottom: 16px; } .sidebar-authorization-list p { margin-bottom: 0; } .sidebar-authorization-list ul {} .sidebar-authorization-list ul li { font-weight: 400; font-size: 12px; line-height: 16px; color: #8E9499; letter-spacing: 0.25px; } .catalog-list a:hover mark { color: #FFFFFF; } .toggle_panel { display: none; } .no-scroll { overflow: hidden !important; } .sticky { position: sticky; top: 0; } .catalog-list__top { display: none; } #sync2 img { height: 100px; object-fit: contain; } .contacts { flex-grow: 1; } .contacts h1 { margin: 0 0 8px; font-weight: 600; font-size: 34px; line-height: 40px; color: #161616; } .contacts h2 { position: relative; display: inline-block; margin: 0 32px; } .contacts__header-wrap { width: 100%; margin-bottom: 32px; } .contacts__wrap { position: relative; width: 100%; padding: 32px; background-color: #FFFFFF; border-radius: 8px; } .contacts__item { border-bottom: 1px solid #F0F0F0; } .contacts__main { display: flex; /* justify-content: center; */ align-items: stretch; flex-direction: column; max-height: 0; overflow: hidden; transition: all 0.3s; } .contacts__top.open~.contacts__main { max-height: 1300px; padding: 32px 0; } .contacts__top { position: relative; padding: 16px 0; cursor: pointer; } .contacts__top h2 { font-weight: 400; color: #0aaaf8; text-decoration: dotted; } .contacts__top.open h2 { color: #333333; } .contacts__top:before { content: ""; position: absolute; top: calc(50% - 18px); left: -8px; width: 32px; height: 32px; background-image: url(/local/templates/main/css/../img/sidebar-cart-table-add.svg); background-repeat: no-repeat; background-size: contain; transition: transform 0.3s; } .contacts__top.open:before { transform: rotate(45deg); } .contacts__top-send { position: absolute; top: calc(50% - 22px); right: -70px; z-index: -1; width: 38px; height: 38px; background-color: #FFFFFF; background-image: url(/local/templates/main/css/../img/contact-send.svg); background-repeat: no-repeat; background-position: center; background-size: 60%; border: none; border-radius: 50%; outline: none; box-shadow: 0 0 1px 0 rgb(10 31 68 / 8%), 0 3px 4px 0 rgb(10 31 68 / 10%); opacity: 0; transition: all 0.3s; } .contacts__top.open .contacts__top-send { z-index: 1; opacity: 1; } .contacts__top-send:hover { background-color: #F2F2F2; } .contacts__list { min-width: 220px; margin-right: 32px; } .contacts__map { margin-left: 32px; font-size: 0; border: 1px solid #F0F0F0; } .contacts__list-item a { margin-bottom: 6px; color: inherit; text-decoration: none; } .contacts__list-item a:hover { color: #0aaaf8; } .contacts__list-item { position: relative; display: flex; flex-direction: column; margin-bottom: 20px; padding-left: 40px; font-size: 16px; line-height: 20px; color: #161616; } .contacts__icon { position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; } .contacts__icon--time { background-image: url(/local/templates/main/css/../img/contact-time.svg); } .contacts__icon--phone { background-image: url(/local/templates/main/css/../img/contact-phone.svg); } .contacts__icon--marker { background-image: url(/local/templates/main/css/../img/contact-marker.svg); } .contacts__icon--mail { background-image: url(/local/templates/main/css/../img/contact-mail.png); } .contacts__icon--pos { background-image: url(/local/templates/main/css/../img/contact-pos.svg); } .contacts__form-wrap { position: relative; margin-top: 80px; padding: 50px 40px; background: url(/local/templates/main/css/../img/form-bg.png) no-repeat 99% 1%; background-color: #FFFFFF; border: 1px solid #F0F0F0; } .contacts__form { display: flex; flex-wrap: wrap; margin: 0 -16px; } .contacts__form-select { width: 100%; height: 48px; padding: 10px 15px; font-size: 14px; border: 1px solid #E0E0E0; outline: none; } .contacts__form-col { flex-shrink: 0; width: 50%; margin-bottom: 16px; padding: 0 16px; } .contacts__form-col-right { flex-shrink: 0; margin-bottom: 16px; margin-left: auto; padding: 0 16px; } .contacts__form-col-wide { flex-shrink: 0; width: 100%; margin-bottom: 16px; padding: 0 16px; } .contacts__form-wrap h2 { margin: 0 0 32px; } .contacts__form-textarea { width: 100%; min-height: 100px; padding: 10px 15px; padding: 10px 15px; font-size: 14px; background: #F9F9F9; border: 1px solid #E0E0E0; outline: none; resize: none; } .contacts__form-textarea::placeholder { font-family: inherit; color: inherit; } .d-input { position: relative; } .d-input__input { width: 100%; height: 48px; padding: 10px 15px; font-size: 14px; background: #F9F9F9; border: 1px solid #E0E0E0; outline: none; } .d-input__input:focus, .input__input.not-empty { padding-top: 18px; } .has-error .d-input__input { color: #EB5757; border: 1px solid #EB5757; } .d-input__label { position: absolute; top: 50%; left: 15px; padding-right: 15px; font-size: 14px; transform: translateY(-50%); transition: all 0.3s; pointer-events: none; } .d-input__input:focus~.d-input__label, .d-input__input.not-empty~.d-input__label { top: 5px; font-weight: 300; font-size: 10px; color: #6D6D6D; transform: none; } .d-input__input:not(:placeholder-shown) { padding-top: 18px; } .d-input__input:not(:placeholder-shown)~.d-input__label { top: 5px; font-weight: 300; font-size: 10px; color: #6D6D6D; transform: none; } .d-footer .cc { margin-bottom: 14px; } .d-footer a:not(.d-footer__made) { display: block; margin-bottom: 10px; font-size: 16px; color: inherit; text-decoration: none; } .d-footer a:hover { color: #0aaaf8; } .d-footer__text { max-width: 300px; margin-top: 4px; } .d-footer__col { display: flex; flex-direction: column; width: 25%; padding: 0 16px; font-size: 14px; line-height: 20px; color: #424647; letter-spacing: 0.25px; } .d-footer__col .flogo { margin-bottom: 16px; } .d-footer__col .flogo img { height: 28px; } .d-footer__name { margin-bottom: 24px; font-weight: 600; font-size: 20px; line-height: 24px; color: #A6A6A6; letter-spacing: 0.15px; } .d-footer__bottom { display: flex; justify-content: center; align-items: center; width: 100%; padding: 15px 0 0; font-size: 12px; line-height: 16px; color: #424647; letter-spacing: 0.4px; border-top: 1px solid #CCCCCC; } .d-footer__made, .d-footer__copy { margin: 0 10px; } .d-footer__made { display: flex; font-size: 12px; color: #333333; text-decoration: none; cursor: pointer; transition: color 0.3s; } .d-footer__made span { margin-bottom: 0; margin-left: 6px; font-size: 12px; color: #0aaaf8; text-decoration: none; transition: color 0.3s; } .d-footer__made:hover, .d-footer__made:hover span { color: #0AAAF8; } .d-catalog { z-index: 0; background-color: #FFFFFF; } .catalog-list .d-catalog { z-index: 100; width: 330px; background-color: #0aaaf8; border-radius: 0 16px 16px 16px; } .d-catalog__list, .d-catalog__sublist { z-index: 10; list-style: none; } .d-catalog__item, .d-catalog__subitem { position: relative; } .d-catalog__item:after { content: ""; position: absolute; right: 16px; bottom: 0; left: 16px; height: 1px; background-color: #F0F0F0; transition: none; } .header-pc .d-catalog__item::after { background-color: #0AAAF8; transition: none; } .header-pc .d-catalog__item:hover::after { display: none; } .header-pc .d-catalog__item:hover>.d-catalog__link { background-color: #252947 !important; } .header-pc .d-catalog__item:hover>.d-catalog__link .d-catalog__link-text::after { background: linear-gradient(270deg, #252947 0%, rgba(0, 0, 0, 0) 100%) !important; } .header-pc .d-catalog__list>.d-catalog__item:first-child:hover>.d-catalog__link { border-radius: 0 16px 0 0; } .header-pc .d-catalog__list>.d-catalog__item:last-child:hover>.d-catalog__link { border-radius: 0 0 16px 16px; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__item:hover>.d-catalog__link { border-radius: 0; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__item:first-child:hover>.d-catalog__link { border-radius: 16px 16px 0 0; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__item:last-child:hover>.d-catalog__link { border-radius: 0 0 16px 16px; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__sublist .d-catalog__item:hover>.d-catalog__link { border-radius: 0; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__sublist .d-catalog__item:first-child:hover>.d-catalog__link { border-radius: 16px 16px 0 0; } .header-pc .d-catalog__list .d-catalog__sublist .d-catalog__sublist .d-catalog__item:last-child:hover>.d-catalog__link { border-radius: 0 0 16px 16px; } .d-catalog__link { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 41px; padding: 8px 40px 9px 16px; font-size: 14px; line-height: 17px; color: #161616; text-decoration: none; transition: none; pointer-events: auto; } .d-catalog__link:hover { color: #FFFFFF; background-color: #0AAAF8 !important; } .d-catalog__link:after { content: attr(data-more); position: absolute; right: 16px; color: #252947; transition: none; } .d-catalog__link:hover:after { color: currentColor; } .d-catalog__link-icon { flex-shrink: 0; width: 24px; height: 24px; margin-right: 6px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .d-catalog__link-text { position: relative; width: 100%; /* overflow: hidden; white-space: nowrap;*/ } .catalog-list .d-catalog__link { padding: 3px 40px 4px 16px; font-size: 13px; } .catalog-list .d-catalog__link-text { width: 223px; /*white-space: unset; min-height: 41px;*/ line-height: 18px; } .d-catalog__link-text:after { content: ""; position: absolute; top: 0; right: 0; width: 35px; height: 100%; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transition: none; } .d-catalog__link-count { flex-shrink: 0; margin-left: 6px; } .d-catalog__sublist { position: absolute; top: 0; left: 100%; width: 330px; background-color: #FFFFFF; border: 1px solid #A0A0A0; border-left: 1px solid #252947; transform: scaleX(0); transform-origin: left center; display: none; } .header-pc .d-catalog__sublist { background-color: #0aaaf8; border: 1px solid #0aaaf8; border-radius: 16px; } .header-pc .d-catalog__link-text:after { background: linear-gradient(270deg, #0aaaf8 0%, rgba(255, 255, 255, 0) 100%); } .d-catalog__item:hover>.d-catalog__sublist, .d-catalog__sublist.open { display: block; animation: showSubmenu 0.3s forwards; } .d-catalog__sublist.close { display: none; animation: hideSubmenu 0.3s forwards; } .d-catalog__item:hover>.d-catalog__link { color: #FFFFFF; background-color: #0aaaf8; } .d-catalog__link.active { color: #FFFFFF; background-color: #0aaaf8 !important; } .d-catalog__item:hover:after { background-color: #0aaaf8; } .d-catalog__item:hover>.d-catalog__link .d-catalog__link-text:after { background: linear-gradient(270deg, #0aaaf8 0%, rgba(255, 255, 255, 0) 100%); } .d-catalog__link.active .d-catalog__link-text:after { background: linear-gradient(270deg, #0aaaf8 0%, rgba(255, 255, 255, 0) 100%); } .d-catalog__link:hover .d-catalog__link-text:after { background: linear-gradient(270deg, #0AAAF8 0%, rgba(255, 255, 255, 0) 100%) !important; } .panel-close { display: none; } .d-like { flex-shrink: 0; width: 40px; height: 40px; /* background-image: url(/local/templates/main/css/../img/sidebar-cart-nav-favourite.svg); */ color: #0AAAF8; background-repeat: no-repeat; background-size: contain; border-radius: 8px; cursor: pointer; } .d-like svg { width: 100%; height: 100%; } .d-like:hover { color: #E7F6FE; } .lk-bask-bx .d-like { position: relative; } .lk-bask-bx .d-like:after { content: attr(data-count); position: absolute; top: 2px; right: -2px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; background-color: rgb(255, 255, 255); border-radius: 50%; color: #161616; transition: ease 0.2s all; } .lk-bask-bx .d-like:hover:after { background-color: #0AAAF8; color: #FFF; } .header-mob .d-like { position: relative; } .header-mob .d-like span { position: absolute; top: 2px; right: -2px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; background-color: rgb(255, 255, 255); border-radius: 50%; color: #161616; transition: ease 0.2s all; } .fixed.compact .d-like { background-color: #414952; } #mainPopup { /*width: calc(100% - 32px); max-width: 340px;*/ width: auto; max-width: unset; } @keyframes showSubmenu { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes hideSubmenu { from { transform: scaleX(1); } to { transform: scaleX(0); } } @media screen and (max-width: 1200px) { .panel-close.close { position: absolute; top: 15px; right: 20px; z-index: 100; display: block; width: 24px; height: 24px; background: #47515C; border-radius: 6px; } .panel-close.close:before, .panel-close.close:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 12px; height: 1px; background: #292929; border-radius: 2px; } .panel-close.close:before { transform: translate(-50%, -50%) rotate(45deg); } .panel-close.close:after { transform: translate(-50%, -50%) rotate(-45deg); } .pagintion { display: none; } .pagintion_mobile { display: block; } .pagintion li { display: none; } .pagintion li:first-child, .pagintion li:last-child { display: inline-block; } .d-footer__col { width: 50%; margin-bottom: 32px; } .contacts__form-col { width: 100%; } .contacts__map { display: none; } .no-mobile { display: none !important; } .aside-right .image-slider.owl-carousel .owl-dots { top: 175px; } /*.search-mobile {*/ /* position: relative;*/ /* display: flex;*/ /* margin-top: 72px;*/ /* padding: 16px 16px 0;*/ /*}*/ /*.search-mobile .search-form input[type="text"] {*/ /* padding: 0 16px;*/ /* background-color: #EBEBEB;*/ /* background-image: none;*/ /*}*/ /*.search-mobile .search-form {*/ /* flex-grow: 1;*/ /*}*/ /*.search-mobile img,*/ /*.search-mobile svg {*/ /* margin: 0;*/ /*}*/ /*.search-mobile .btn-cat-opener,*/ /*.search-mobile .btn-sale {*/ /* position: relative;*/ /* margin-right: 8px;*/ /*}*/ /*.search-mobile .btn-search-opener {*/ /* width: 40px;*/ /* height: 40px;*/ /* border-top-left-radius: 0;*/ /* border-bottom-left-radius: 0;*/ /*}*/ .catalog-drop__close { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /*.search-mobile .catalog-list-background {*/ /* border-radius: 0;*/ /*}*/ /*.search-mobile .catalog-list a {*/ /* color: #161616;*/ /*}*/ /*.search-mobile .catalog-list a:before {*/ /* background: #F0F0F0;*/ /*}*/ /*.search-mobile .catalog-list a .t:after {*/ /* background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);*/ /*}*/ /*.search-mobile .d-catalog {*/ /* max-width: 500px;*/ /*}*/ /*.search-mobile .catalog-drop {*/ /* position: fixed;*/ /* top: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* left: 0;*/ /* z-index: 100;*/ /* height: 100vh;*/ /* overflow-x: hidden;*/ /* background-color: rgba(0, 0, 0, 0.5);*/ /*}*/ /*.catalog-list__top,*/ /*.search-mobile .catalog-list {*/ /* max-width: 500px;*/ /*}*/ /*.search-mobile .catalog-list {*/ /* height: calc(100% - 68px);*/ /*}*/ /*.search-mobile .catalog-list-1 {*/ /* width: 100%;*/ /* max-height: 100%;*/ /*}*/ .catalog-list__top { display: flex; justify-content: space-between; align-items: center; height: 68px; padding: 24px 16px; background-color: #FFFFFF; border-bottom: 2px solid #F0F0F0; } .catalog-list__title { font-weight: 500; color: #161616; } .catalog-list__close { position: relative; width: 48px; height: 48px; } .catalog-list__close:before, .catalog-list__close:after { content: " "; position: absolute; top: 5px; left: 23px; width: 2px; height: 33px; background-color: #161616; ; } .catalog-list__close:before { transform: rotate(45deg); } .catalog-list__close:after { transform: rotate(-45deg); } .toggle_panel { position: relative; z-index: 10; display: block; width: 40px; height: 40px; margin-right: 8px; margin-left: 8px; background-image: url(/local/templates/main/css/../img/sidebar-cart-table-basket.svg); background-repeat: no-repeat; background-position: center; background-size: 26px; border: 1px solid #54595E; border-radius: 10px; } .toggle_panel:after, .header-mob .d-like:after { content: attr(data-count); position: absolute; top: -10px; right: -10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 12px; color: #FFFFFF; background-color: #0aaaf8; border-radius: 50%; } .d-like { margin-left: auto; color: #54595E; border: 1px solid #54595E; border-radius: 10px; } .aside-right.opened { position: fixed; top: 72px; right: 0; bottom: 0; display: block; width: 100vw; overflow-x: hidden; background-color: rgba(0, 0, 0, 0.5); } .aside-right-content__close { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .aside-right-content { max-width: 500px; margin-right: 0; margin-left: auto; } .aside-right-content:before { border-radius: 0; } .sidebar-cart-header-back { padding-top: 16px; } } @media screen and (max-width: 1199px) { .openModalBasket { display: none; } .pagintion+.tree-columns .aside-right { margin-top: 0; } .sidebar-authorization { padding-top: 20px; } } @media screen and (min-width: 1200px) { .bask-price-bx { margin-left: 8px; } } @media screen and (max-width: 480px) { .d-footer__col { width: 100%; } } .ico-eye { width: 15px; height: 12px } .ico-fav { width: 12px; height: 11px } .ico-compare { width: 16px; height: 17px } .main-article-error { margin: 4em auto; padding: 0 3em; max-width: 1200px; text-align: center; } .b-error-page__message { margin-bottom: 6em; } .b-error-page__title { margin: 0; font-size: 12em; font-weight: 700; color: #0aaaf8; line-height: 0.8em; } .b-error-page__title span { display: inline-block; font-size: 32px; color: #333333; text-align: left; margin-left: 2rem; line-height: 1em; } .b-error-page__description { font-weight: 400; font-size: 18px; margin-top: 3rem; } @media screen and (max-width: 480px) { .main-article-error { padding: 0 1em; } .b-error-page__title { line-height: 0.7em; } .b-error-page__title span { font-size: 26px; } .b-error-page__description { font-size: 14px; } } .sidebar-cart-table .sidebar-cart-table-header .count_unedit { width: 45px; } .popup-window .repeat-price { max-width: unset; margin-left: auto; } .popup-window .old_price { text-decoration: line-through; color: #e3625a; font-style: normal; display: block; } .popup-window .cart-table-missing_product td { text-decoration: line-through; color: #8E9499; background-color: #434950; } .popup-window .cart-table-missing_product td a.product-link::after { content: "????? ???????????, ??????? ? ???????? ???????"; } .popup-window .cart-table-missing_product td span::after { background: linear-gradient(270deg, #434950 62.96%, rgba(43, 50, 58, 0) 100%); } .sidebar-cart-text { font-weight: 400; font-size: 14px; line-height: 20px; color: #D9D9D9; margin: 10px 0 20px 0; } .sidebar-cart-text p { padding: 0; margin: 0; } .sidebar-cart-text a { color: #0AAAF8; } .sidebar-cart-text a:hover { text-decoration: none; } p.success___p, p.error___p { position: relative; padding-left: 36px; margin-bottom: 12px !important; font-size: 14px; } p.success___p { color: #37bd80; } p.error___p { color: #FB6535; } .success___p::before, .error___p::before { content: "!"; display: block; width: 26px; height: 26px; position: absolute; top: 0; left: 0; background-color: #37bd80; border-radius: 50%; color: #252947; text-align: center; font-weight: 900; font-size: 20px; padding-top: 5px; } .error___p::before { background-color: #FB6535; } .js-sticky { will-change: min-height; } .StickySidebar { transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; } .article-main { overflow: auto; } .article-content img, .about-bx img { max-width: 100%; border-radius: 16px; } @font-face { font-family: 'Glyphicons Halflings'; src: url(/local/templates/main/css/../fonts/glyphicons-halflings-regular.eot); src: url(/local/templates/main/css/../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/local/templates/main/css/../fonts/glyphicons-halflings-regular.woff) format('woff'), url(/local/templates/main/css/../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/local/templates/main/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } #getAct .row { margin: 0 -24px; } #getAct .row>div { padding: 0 8px; } #getAct label { display: inline-block; max-width: 100%; margin-bottom: 10px; font-weight: bold; } #getAct .form-group { margin-bottom: 15px; } .bootstrap-datetimepicker-widget { color: #000; } #getAct { margin-top: 20px; } #getAct .bootstrap-datetimepicker-widget table td.active, #getAct .bootstrap-datetimepicker-widget table td.active:hover { background-color: #0AAAF8; } #getAct .btn { width: 100%; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%); } .input-group { position: relative; display: table; border-collapse: separate; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group.date .input-group-addon { cursor: pointer; } .input-group-addon:last-child { border-left: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: #777; } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open>.dropdown-menu { display: block; } .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 5px; } .cart-descr-links { margin-top: 10px; } .cart-descr-links ul { list-style-type: none; margin: 0; padding: 0; } .cart-descr-links li a { font-size: 14px; line-height: 16px; color: #0aaaf8; text-decoration: none; } .cart-descr-links li a:hover { color: #5894ee; text-decoration: underline; } .btn-green { margin: 10px 0; border: 1px solid #37bd80; padding: 11px 16px; background: #37bd80; color: white; border-radius: 6px; display: flex; justify-content: center; align-items: center; font-size: 17px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; transition: 0.3s; } .btn-green:hover { background: white; color: #37bd80; } /* ===== Profile Save Popup ===== */ .modal-profile-save .modal-inner { max-width: 436px; } .modal-profile-save .modal-body { text-align: center; } .modal-profile-save__icon { display: flex; justify-content: center; margin-bottom: 20px; } .modal-profile-save__icon svg { width: 40px; height: 40px; } .modal-profile-save__icon--ok, .modal-profile-save__icon--partial { display: none; } .modal-profile-save.is--ok .modal-profile-save__icon--ok { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #27AE60; margin: 0 auto; } .modal-profile-save.is--ok .modal-profile-save__icon--ok svg { width: 38px; height: 38px; fill: #27AE60; } .modal-profile-save.is--partial .modal-profile-save__icon--partial { display: block; } .modal-profile-save__errors { margin: 10px 0 0; padding: 0; text-align: center; list-style: none; } .modal-profile-save__errors:empty { display: none; } /* UNP field loader */ .input-wrap--with-loader { position: relative; } .unp-loader { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border: 2px solid #ddd; border-top-color: #0aaaf8; border-radius: 50%; animation: unp-spin 0.7s linear infinite; pointer-events: none; } @keyframes unp-spin { to { transform: translateY(-50%) rotate(360deg); } } .modal-profile-save__errors li { font-size: 13px; line-height: 20px; color: #FF0000; margin-bottom: 2px; } .modal-profile-save__btn { display: inline-block; margin-top: 24px; } /* Save button: no unsaved changes */ .btn-blue.btn-profile-saved, .btn-blue.btn-profile-saved:hover, .btn-blue.btn-profile-saved:focus { background: #F7F8F9; color: #ACACAC; border-color: #F7F8F9; box-shadow: none; } /* ===== UF_COUNTERPARTY_TIED banner ===== */ .counterparty-banner { margin: 14px 0; padding: 16px 24px; border-radius: 10px; font-size: 14px; max-width: 820px; } .counterparty-banner__text { margin: 0; } .counterparty-banner__title { display: block; margin-bottom: 10px; } .counterparty-banner__line { display: block; } .counterparty-banner__line:last-child { margin-bottom: 0; } .counterparty-banner__note { margin-top: 8px; } .counterparty-banner--red { background: #FFEFEA; } .counterparty-banner--green { background: #E6FEEB; } .text-page p.modal-text { color: #1a1a1a; font-size: 14px; } @media screen and (max-width: 600px) { .sign-in .modal-inner, .sign-up .modal-inner { width: 100%; } } .modal-text__danger { color: #e32d2d; } .modal__del-account { display: flex; justify-content: center; gap: 12px; max-width: 300px; margin: auto 0; } .modal__del-account button.btn-blue.stroke, .modal__del-account .modal__close.btn-blue { flex: 1; width: unset; } .modal__del-account button.btn-blue.stroke { border: 1px solid #0aaaf8; } .modal__del-account .modal__close.btn-blue { background: #0aaaf8; color: white; } .modal__del-account .modal__close.btn-blue:hover { background: transparent; color: #0aaaf8; } .contacts-block { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; } .contacts-block__label { font-size: 16px; } @media screen and (max-width: 1024px) { .contacts-block__label { font-size: 14px; } } .contacts-block__email-row { flex-basis: 100%; display: flex; justify-content: center; } @media screen and (max-width: 600px) { .contacts-block { flex-direction: column; align-items: center; } .contacts-block .header__catalog { min-width: unset; width: 80%; justify-content: center; } .contacts-block__email-row { flex-basis: auto; width: 80%; } .contacts-block__email-row .header__catalog { width: 100%; } } .tags-flex-wrap { display: block; margin-top: 20px; margin-bottom: 20px; } .tags-flex-wrap__inner { display: flex; flex-wrap: wrap; gap: 6px; transition: max-height 0.3s ease; } .tags .tag { margin-top: 2px !important; margin-bottom: 2px !important; } .tags-flex-toggle { display: block; margin-top: 6px; cursor: pointer; color: #0aaaf8; font-size: 14px; } .tags-flex-wrap--hidden { display: none; } @media (max-width: 768px) { .tags-flex-wrap__inner { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .tags-flex-wrap__inner::-webkit-scrollbar { display: none; } .tags-flex-wrap__inner .tag { white-space: nowrap; } } /* Tooltip "????? / ??????????????????" ??? ???????????????? ????????????? */ /* ????????? ???? ??????????? ????? ????? ??????? ? ????????, ???????? :hover */ .header__btns .header-person:not(.reg) .modal__in-bridge { position: absolute; top: 100%; right: 50%; transform: translateX(50%); width: 260px; height: 25px; pointer-events: none; } @media screen and (max-width: 1440px) { .header__btns .header-person:not(.reg) .modal__in-bridge { right: -30px; transform: none; } } @media screen and (max-width: 1024px) { .header__btns .header-person:not(.reg) .modal__in-bridge { width: max-content; min-width: 200px; } } @media screen and (max-width: 600px) { .header__btns .header-person:not(.reg) .modal__in-bridge { right: 10px; } } .header__btns .header-person:not(.reg):hover .modal__in-bridge { pointer-events: auto; } /* ???????? ?????? ??? ????????? */ .header__btns .header-person:not(.reg):hover .modal__in { opacity: 1; transform: translate(50%, 20px); visibility: visible; z-index: 4; pointer-events: all; } @media screen and (max-width: 1440px) { .header__btns .header-person:not(.reg):hover .modal__in { transform: translate(0, 20px); } } @media screen and (max-width: 600px) { .header__btns .header-person:not(.reg):hover .modal__in { transform: translate(0, 0); } } /* ?????? ?????? ??? ????? (active) ? ??????????? ????? ????? */ .header__btns .header-person.active:not(.reg) .modal__in { opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } /* ?? ???-??????????? ??????? ??? ??????: ??? ?? ?????? ????? ????????? ????? ?????, ????? :hover ?????????? ????? ???? ? ?????? ????? ?????? ???????? */ @media (hover: none) { .header__btns .header-person:not(.reg) .modal__in, .header__btns .header-person:not(.reg):hover .modal__in { opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } .header__btns .header-person:not(.reg) .modal__in-bridge { display: none; } } /* ===== ???????? (task-56766) ===== */ .contacts-page-top { margin-bottom: 40px; } .contacts__banner--v2 { margin-bottom: 0; align-items: stretch; min-height: 320px; } .contacts__banner--v2 .contacts__banner_content { padding: 48px 48px 48px 56px; flex: 0 0 62%; width: 62%; max-width: 62%; gap: 0; box-sizing: border-box; align-items: stretch; } .contacts__banner--v2 .contacts__banner_col { padding-top: 0; display: flex; flex-direction: column; align-items: flex-start; height: 100%; align-self: stretch; flex: 1 1 0; width: 50%; min-width: 0; box-sizing: border-box; } .contacts__banner--v2 .contacts__banner_col:nth-child(1) { padding-right: min(64px, 4vw); } .contacts__banner--v2 .contacts__banner_col:nth-child(2) { padding-left: min(64px, 4vw); } .contacts__banner--v2 .contacts__banner_title { margin-bottom: 20px; font-size: 22px; line-height: 1.3; position: relative; z-index: 2; } .contacts__banner--v2 .contacts__banner_address { margin-bottom: 16px; } .contacts__banner--v2 .contacts__banner_phones { margin-bottom: 16px; gap: 8px; } .contacts__banner--v2 .contacts__banner_schedule { margin-bottom: 16px; } .contacts__banner--v2 .contacts__banner_mail { margin-bottom: 0; } /* ?????? ??????????? ??????? ? ???? ??????? + ?????? 28px ?? ???????? */ .contacts__banner_more { margin-top: auto; margin-bottom: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; height: 52px; padding: 0 32px; border-radius: 10px; background: rgba(10, 170, 248, 0.12); color: #0aaaf8; font-size: 18px; font-weight: 500; line-height: 1; text-decoration: none; border: none; transition: 0.3s; box-sizing: border-box; } .contacts__banner_more:hover { background: #0aaaf8; color: #fff; } /* ?????: 62% ??? ??????, 50/50 ???????, ????? = ????? ??????, gap 64px ?? ????? */ .contacts__ribbon { width: 100%; background: #0aaaf8; color: #1a1a1a; border-radius: 10px; margin: 20px 0 0; box-sizing: border-box; } .contacts__ribbon_inner { display: flex; align-items: center; width: 100%; padding: 24px 0; box-sizing: border-box; } .contacts__ribbon_main { --ribbon-gap: 64px; display: flex; align-items: center; flex: 0 0 62%; width: 62%; max-width: 62%; min-width: 0; padding: 0 48px 0 56px; box-sizing: border-box; } .contacts__ribbon_title { flex: 1 1 0; width: 50%; min-width: 0; padding-right: var(--ribbon-gap); font-family: Nunito, sans-serif; font-size: 28px; font-weight: 700; line-height: 1.25; color: #1a1a1a; box-sizing: border-box; } .contacts__ribbon_mid { flex: 1 1 0; width: 50%; min-width: 0; padding-left: var(--ribbon-gap); display: grid; grid-template-columns: max-content max-content; grid-template-rows: auto auto auto; /* ??? ?????????? ????? ?? ?????? title ?? ?????? (~175px), ?? box title */ column-gap: 176px; row-gap: 2px; align-items: center; box-sizing: border-box; } .contacts__ribbon_phone { grid-column: 1; grid-row: 2; color: #1a1a1a; font-size: 18px; font-weight: 400; line-height: 1.35; text-decoration: none; white-space: nowrap; } .contacts__ribbon_phone:hover { text-decoration: underline; } .contacts__ribbon_hours_label { grid-column: 2; grid-row: 1; font-size: 18px; font-weight: 700; line-height: 1.3; color: #1a1a1a; } .contacts__ribbon_hours--wd { grid-column: 2; grid-row: 2; } .contacts__ribbon_hours--we { grid-column: 2; grid-row: 3; } .contacts__ribbon_hours { font-size: 16px; font-weight: 400; line-height: 1.35; color: #1a1a1a; } .contacts__ribbon_hours b { font-weight: 700; } /* ?????? ?? ?????? ????? = ??????/??????? ???????? */ .contacts__ribbon_cta { flex: 1 1 auto; display: flex; align-items: center; justify-content: flex-end; min-width: 0; box-sizing: border-box; } .contacts__ribbon_cta_slot { width: 318px; margin-right: 100px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .contacts__ribbon_btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 180px; height: 52px; padding: 0 28px; border-radius: 10px; background: #fff; color: #0aaaf8; font-size: 18px; font-weight: 500; line-height: 1; text-decoration: none; box-sizing: border-box; transition: 0.3s; white-space: nowrap; } .contacts__ribbon_btn:hover { background: #e8f7fe; color: #0aaaf8; } @media (max-width: 1700px) { .contacts__ribbon_cta_slot { margin-right: 60px; } } .contacts-map-anchor, #contacts-trade-objects, .contacts-section { scroll-margin-top: 120px; } .contacts-main-map { margin-top: 32px; margin-bottom: 48px; } .contacts-main-map .stores-map-block { margin-left: var(--padding) !important; margin-right: var(--padding) !important; margin-bottom: 0 !important; max-width: 100%; margin-top: 0; display: flex; flex-wrap: nowrap; gap: 0; border-radius: 10px; background: #fff; box-shadow: 0 0 14px 12px rgba(0, 0, 0, 0.08); overflow: hidden; } .contacts-main-map .stores-list { flex: 0 0 38%; padding: 28px 24px; max-height: 640px; display: flex; flex-direction: column; overflow-y: auto; box-sizing: border-box; } .contacts-main-map .stores-scroll { flex-grow: 1; } .contacts-main-map .stores-map { flex: 1; position: relative; min-height: 640px; } .contacts-main-map #map-custom-modal { width: 100%; height: 100%; } .contacts-main-map .modal__contacts_phones { display: block !important; } .contacts-main-map .mapnewall.modal__contacts { width: 100% !important; margin: 0 !important; } .contacts-main-map .modal__location-block { cursor: pointer; padding: 18px 12px; margin-bottom: 0; box-sizing: border-box; } .contacts-main-map .modal__location-block:not(.highlighted) { border-top: 1px solid #d9d9d9; } .contacts-main-map .modal__location-block:first-of-type { border-top: 0 !important; } .contacts-main-map .highlighted { background-color: #f0f8ff; border-top: 1px solid #0aaaf8; border-bottom: 1px solid #0aaaf8; padding: 18px 12px; transition: background-color 0.5s ease-out; } .contacts-main-map .mapnewall .modal__contacts_title { font-size: 20px; margin: 0 0 12px; font-weight: 700; line-height: 1.3; } .contacts-main-map .modal__contacts_address { color: #000 !important; font-size: 16px !important; font-weight: 400 !important; margin: 0 0 10px !important; line-height: 1.4 !important; } .contacts-main-map .modal__contacts_schedule { color: #000 !important; font-size: 15px !important; font-weight: normal !important; margin: 10px 0 !important; line-height: 1.45 !important; } .contacts-main-map .modal__contacts_mail { color: #0aaaf8 !important; font-size: 18px !important; font-weight: 400 !important; display: inline-block; margin-top: 8px; } .contacts-main-map .modal__contacts_tel { display: inline-block; margin: 4px 0; } .contacts-main-map .modal__contacts_quantity { display: none; } .contacts-main-map .baloon-title { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .contacts-page-sections.shops-wrapper { gap: 16px; margin-top: 8px; margin-bottom: 48px; } .contacts-section { margin-bottom: 48px; display: flex; flex-direction: column; gap: 16px; } .contacts-section__title { font-family: Nunito, sans-serif; font-size: 28px; font-weight: 700; color: #1a1a1a !important; margin: 0; line-height: 1.25; } .contacts-section--more .contacts-section__extra { display: flex; flex-direction: column; gap: 16px; } .contacts-section--more .contacts-section__extra[hidden] { display: none !important; } .contacts-section__more-btn { align-self: center; margin-top: 8px; display: inline-flex; align-items: center; justify-content: center; min-width: 220px; height: 48px; padding: 0 28px; border: 0; border-radius: 10px; background: rgba(10, 170, 248, 0.12); color: #0aaaf8; font-family: Nunito, sans-serif; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } .contacts-section__more-btn:hover { background: rgba(10, 170, 248, 0.2); color: #0894d8; } .contacts-page-sections .shop-el__schedule b, .contacts-page-sections .shop-el__schedule strong { font-weight: 700; } .contacts-page-sections .shop-el { padding: 28px 32px; gap: 24px; align-items: center; } .contacts-page-sections .shop-el__location { min-height: auto; padding-right: 12px; } .contacts-page-sections .shop-el__location_name { margin-bottom: 8px; } .contacts-page-sections .shop-el__info { padding: 0 12px; } .contacts-page-sections .shop-el__schedule { line-height: 1.45; } .shop-el__more--map { cursor: pointer; flex-shrink: 0; } .shop-el__mail { display: block; color: #0aaaf8; font-size: 16px; margin-top: 10px; } @media screen and (max-width: 1280px) { .contacts__banner--v2 .contacts__banner_content { padding: 36px 28px; } .contacts__ribbon_inner { padding: 20px 0; } .contacts__ribbon_main { --ribbon-gap: 28px; padding: 0 28px; } .contacts__ribbon_title { font-size: 22px; } .contacts__ribbon_mid { column-gap: 48px; } .contacts__ribbon_phone, .contacts__ribbon_hours_label { font-size: 16px; } .contacts__ribbon_hours { font-size: 14px; } .contacts__ribbon_cta_slot { width: auto; min-width: 160px; margin-right: 28px; } } /* ???????: mid ? ???????, ????? ?????? ?? ???????? ?? ???? */ @media screen and (max-width: 1100px) { .contacts__ribbon_main { --ribbon-gap: 20px; flex: 1 1 auto; width: auto; max-width: none; padding: 0 20px; } .contacts__ribbon_title { flex: 0 1 auto; width: auto; max-width: 42%; font-size: 20px; line-height: 1.3; } .contacts__ribbon_mid { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 1 auto; width: auto; padding-left: var(--ribbon-gap); } .contacts__ribbon_phone, .contacts__ribbon_hours_label, .contacts__ribbon_hours--wd, .contacts__ribbon_hours--we { grid-column: auto; grid-row: auto; } .contacts__ribbon_cta_slot { margin-right: 20px; } } @media screen and (max-width: 1024px) { .contacts-section__title { font-size: 24px; } .contacts__banner_more { min-width: 160px; height: 48px; font-size: 16px; padding: 0 24px; } .contacts__ribbon_btn { min-width: 160px; height: 48px; font-size: 16px; padding: 0 24px; } .contacts-page-sections .shop-el { padding: 22px 20px; gap: 16px; } .shop-el__info, .contacts-page-sections .shop-el__info { align-items: flex-start; text-align: left; } } @media screen and (max-width: 768px) { .contacts__banner--v2 .contacts__banner_content { padding: 28px 20px; max-width: unset; } .contacts__banner--v2 .contacts__banner_col:nth-child(1), .contacts__banner--v2 .contacts__banner_col:nth-child(2) { padding-left: 0; padding-right: 0; width: 100%; } .contacts__banner_more { width: 100%; margin-top: 24px; } .contacts-main-map { margin-top: 24px; margin-bottom: 32px; } .contacts-main-map .stores-map-block { flex-direction: column; max-width: 100% !important; margin-left: var(--padding) !important; margin-right: var(--padding) !important; } .contacts-main-map .stores-list { flex: 1 1 100%; max-height: 400px; padding: 20px 16px; } .contacts-main-map .stores-map { min-height: 330px; height: 400px; padding-top: 0; } .contacts-main-map #map-custom-modal { height: 100% !important; } .contacts-section { margin-bottom: 32px; gap: 12px; } .contacts-section__title { font-size: 22px; margin: 0; } .contacts__ribbon_title { font-size: 22px; } .contacts__ribbon { border-radius: 8px; } .contacts__ribbon_inner { flex-direction: column; align-items: stretch; gap: 20px; padding: 20px; } .contacts__ribbon_main { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; max-width: unset; width: 100%; gap: 16px; padding: 0; } .contacts__ribbon_title { width: 100%; padding-right: 0; } .contacts__ribbon_mid { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; width: 100%; padding-left: 0; } .contacts__ribbon_phone, .contacts__ribbon_hours_label, .contacts__ribbon_hours--wd, .contacts__ribbon_hours--we { grid-column: auto; grid-row: auto; } .contacts__ribbon_cta { justify-content: flex-start; flex: 0 0 auto; width: 100%; } .contacts__ribbon_cta_slot { width: 100%; margin-right: 0; } .contacts__ribbon_btn { width: 100%; } .contacts-page-sections .shop-el { padding: 20px 16px; } .contacts-page-sections .shop-el__info, .shop-el__info { align-items: flex-start; text-align: left; } .contacts-page-sections .shop-el__info { padding-left: 0; padding-right: 0; } .shop-el__contacts, .shop-el__contact_tel, .shop-el__info a.shop-el__contact_tel { align-self: flex-start; text-align: left; justify-content: flex-start; } } @media screen and (max-width: 600px) { .contacts-section__title { font-size: 20px; } .contacts__ribbon_title { font-size: 20px; } .contacts__ribbon_phone, .contacts__ribbon_hours_label { font-size: 16px; } .contacts__banner--v2 .contacts__banner_title { font-size: 18px; margin-bottom: 14px; } } /* price125 manager — light-blue block with headset (mockup) */ .product-price125-manager { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; padding: 12px 14px; border-radius: 8px; background: #E8F7FE; color: #1a1a1a; } .product-price125-manager__icon { flex: 0 0 40px; width: 40px; height: 40px; aspect-ratio: 1 / 1; line-height: 0; align-self: center; overflow: hidden; } .product-price125-manager__icon img { display: block; width: 40px !important; height: 40px !important; max-width: none !important; object-fit: contain; } .product-price125-manager__text { min-width: 0; flex: 1 1 auto; } .product-price125-manager__text p { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.35; color: #1a1a1a; } .product-price125-manager__text strong { font-weight: 700; } .product-price125-manager--detail { margin-top: 4px; padding: 14px 16px; width: 100%; max-width: 100%; } .product-page__prices .product-price125-manager--detail { width: 100%; max-width: none; box-sizing: border-box; } .product-price125-manager--detail .product-price125-manager__text p { font-size: 15px; line-height: 1.4; } .product-price125-manager--card { margin-top: 4px; padding: 10px 12px; gap: 10px; } .product-price125-manager--card .product-price125-manager__icon { flex-basis: 32px; width: 32px; height: 32px; } .product-price125-manager--card .product-price125-manager__icon img { width: 32px !important; height: 32px !important; } .product-price125-manager--card .product-price125-manager__text p { font-size: 12px; font-weight: 500; line-height: 1.3; } .product-price125-manager--search { margin: 0; padding: 6px 10px; gap: 8px; width: auto; max-width: 460px; flex: 1 1 auto; min-width: 0; } .product-price125-manager--search .product-price125-manager__icon { flex: 0 0 24px; width: 24px; height: 24px; } .product-price125-manager--search .product-price125-manager__icon img { width: 24px !important; height: 24px !important; } .product-price125-manager--search .product-price125-manager__text p { font-size: 12px; line-height: 1.3; white-space: normal; } .popular__el .product-price125-manager { pointer-events: none; } .search-prod__price .product-price125-manager { width: auto; max-width: min(460px, calc(100% - 130px)); flex: 1 1 auto; min-width: 0; } .search-prod__price .search-prod__btns { flex: 0 0 auto; flex-grow: 0; white-space: nowrap; } .search-prod__price .product-amount-btn { white-space: nowrap; } /* Mobile / search modal: full-width plate, stock on next row */ @media screen and (max-width: 768px) { .product-price125-manager--search { width: 100%; max-width: 100%; flex: 1 1 100%; padding: 8px 10px; } .search-prod__price .product-price125-manager { width: 100%; max-width: 100%; flex: 1 1 100%; } .search-prod__price:has(.product-price125-manager) { flex-wrap: wrap; align-items: flex-start; gap: 8px; } .search-prod__price:has(.product-price125-manager) .search-prod__btns { width: 100%; flex: 1 1 100%; justify-content: flex-start; white-space: nowrap; } .product-price125-manager--search .product-price125-manager__text p { font-size: 12px; line-height: 1.35; } .product-price125-manager--card { width: 100%; max-width: 100%; } } .product-personal_skidka--125 { border: 0; border-radius: 0; padding: 0; background: transparent; color: inherit; vertical-align: middle; } .product-personal_skidka--125:hover { background: transparent; color: inherit; } .product-personal_skidka--125 .product-personal_skidka_svg, .product-personal_skidka_svg--125 { border: 0; border-radius: 0; padding: 0; width: 28px; height: 30px; display: block; overflow: visible; } /* * ?????? ?????? ????? ??? ??????? ???????: ? .catalog-filters z-index: 2, * ? ????? ??? z-index ? ????? z-index ?????? ???????? ??? ????? ???? ???????. */ @media screen and (min-width: 1025px) { .catalog-filters { z-index: 0; } .catalog-products__wrap, .catalog-products { position: relative; z-index: 3; } .catalog-products .product-personal_skidka .tooltip, .catalog-products .product-personal_skidka:hover .tooltip { right: auto !important; left: 0; bottom: calc(100% + 6px) !important; z-index: 30; } } .catalog-products .popular__el { position: relative; } .catalog-products .popular__el:hover { z-index: 4; } /* Logo 30 let (user file): proportions are narrower than previous logo, limit by height so header does not grow; block width stays 280px */ .header .header__top_logo img { height: 45px; width: auto; max-width: 100%; } @media screen and (max-width: 600px) { .header .header__top_logo img { height: 34px; } } /* End */ /* Start:/local/templates/main/components/arturgolubev/search.title/ml.search.title/style.css?179274746714075*/ /* !* div.title-search-result { display: block !important; } *! .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { !* Fix of input shadow for IOS browsers. *! background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; !* border-top: 0 none; *! border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; !* display: block !important; *! } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } !*========================*! .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ !* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; *! display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; !* font-weight: bold; *! } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; margin-right: 5px; position: relative; } .bx_smart_searche .bx_item_block_item_image img { position: absolute; top: 0; left:0; right:0; bottom:0; margin: auto; max-width: 100%; max-height: 100%; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { !* padding-left: 39px; *! } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } !* preloader base *! .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; !* display: block; *! } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_orange.gif) center center no-repeat; } !* blue *! .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } !* black *! .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { !* border:1px solid #333; *! border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } !* green *! .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } !* red *! .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } !* yellow *! .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/ml.search.title/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } */ /* End */ /* Start:/local/templates/main/components/bitrix/system.auth.form/ml.auth.form/style.css?1792747467443*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/system.auth.form/ml.auth.form/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/system.auth.form/ml.auth.form/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/main/components/bitrix/main.register/ml.register/style.css?1792747467545*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/main.register/ml.register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/main.register/ml.register/images/sec-unlocked.png);}.modal__sign-up_tab input:checked ~ .modal__sign-up_tab-text{background: #0aaaf8;} /* End */ /* Start:/local/templates/main/styles.css?17927474677528*/ /* Главная - слайдер, фон поверх изображения */ .main-intro__content { background: none !important; } /* Главное меню - уменьшен отступ слева */ .header__nav { margin-left: 20px; } /* Скрыт логотип magnum на мелких девайсах*/ @media screen and (max-width: 601px) { .magnumhead { display: none; } } .main-intro__bg { z-index: 3 !important; height: auto !important; } .main-intro.wrapper { margin-top: 30px; } .advantages.wrapper { margin-top: 30px; } .mt120 { margin-top: 60px; } /* Главная - слайдер, скрыл заголовок слайдера */ .main-intro__title { display: none; } /* Слайдер на главной - уменьшена высота */ .main-intro.wrapper .main-intro__content { height: min(340px, 21vw) !important; } .swiper-button-next, .swiper-button-prev { display: block !important; background: #f9f9f98c !important; } .swiper-pagination { background: #f9f9f98c !important; } /* Скрыта нижняя пагинация у брендов */ .brands__wrap.swiper-horizontal .swiper-pagination { display: none; } /* Скрыта кнопка оставить отзыв */ .new-review { display: none !important; } /* Уменьшен отступ */ .main-content { padding-bottom: 40px; } /* Изменён фон футера */ .footer { background: #252947 !important; } /* доп.стили для футера */ .footer-inner__col2 { max-width: 50% !important; } .footer__payments2 { display: flex; gap: 10px; } .footer__payments2 img { height: 55px !important; } @media screen and (max-width: 1700px) { .footer__payments2 { flex-wrap: wrap; } } @media screen and (max-width: 600px) { .footer-inner__col2 { max-width: 100% !important; } } @media screen and (min-width: 601px) { .footer__link { margin-bottom: 20px; } } .footer__contacts_tel { margin-top: 0 !important; } .tiktokfooter { width: 16px !important; height: 16px !important; } @media screen and (max-width: 800px) { .tiktokfooter { width: 22px !important; height: 22px !important; } } /* Скрыта кнопка "Play" в видеоролике */ .video-content__play { display: none !important; } /* Немного стилизована кнопка применения фильтра по запросу пользователей */ .smart-filter-popup-result { border: 2px solid #0AAAF8 !important; background: rgba(255, 255, 255, 0.8) !important; padding: 15px 30px !important; font-size: 15px; } /* фикс скроллинга модалки поиска в мобильной версии */ .search-modal { overflow: scroll !important; } /* На странице контактов и магазинов скрыл номера телефонов в модалке - они некорректные */ .modal__contacts_phones { display: none !important; } /* В меню каталога убрал отступ для пунктов, у которых есть дочерние элементы */ .submenu__list_item>a.submenu__list_trigger { margin-top: 0px !important; } /* Меню каталога, зафиксирована позиция вложенных пунктов. Агро-решение, переделать */ @media screen and (min-width: 1024px) { .submenu { position: fixed; left: min(460px, 50vw); } } /* Шапка, иконка корзины не рассчитана на отображение более 99 товаров */ .header__btns .header-basket__amount { width: auto !important; max-width: 36px; padding: 0px 5px; right: -10px; min-width: 17px; } /* Страница Где купить, зафиксирована ширина блока время работы */ .shop-el__info .shop-el__schedule { width: 450px; } /* Избранное - уменьшено изображение, т.к. на мобильном всё уезжает */ .favourites-item__img { width: 110px !important; height: 110px !important; } .favourites-item__container { width: 70% !important; } .footer__payments span { height: 54px !important; } /* Бренды - уменьшен отступ от заголовка страницы */ .brand-tags { margin-top: 50px; } /* В мобильной версии изменена картинка ЧБ на главной странице */ @media screen and (max-width: 600px) { .video-wrapper { height: 50vw !important; } } /* Старая страница акции */ .cat-row>div { width: 300px; } .catalog-item .list .s1 { white-space: normal; } /* каталог - сортировка на мобильном уезжала за пределы экрана */ @media screen and (max-width: 1024px) { .itc-select.select-sort .itc-select__dropdown { right: auto; } } /* страница news */ .articles-list li { width: calc(20% - 16px); margin: 0 8px 16px; } .article-preview figcaption::before { background-size: 105% auto; !important; } .article-header { margin-bottom: 32px; padding: 0; } .article-preview figcaption { position: relative !important; height: 80px !important; justify-content: center !important; } .article-preview img { margin-bottom: -10px; } @media screen and (max-width: 1024px) { .articles-list li { width: calc(50% - 16px); margin: 0 8px 16px; } } /* .text-page img { width: auto !important; } */ /* карточка товара - инфо про кредит */ .credithover { background: rgba(251, 101, 53, 0.1); } .credithover:hover { background: rgba(251, 101, 53, 0.2) !important; } .submenu__title_name { display: inline; } /* Страница поиска на ПК, разъехавшаяся кнопка в корзину */ @media screen and (min-width: 601px) { .search:not(.search-modal) .search-prod__btn { width: auto; } } /* корзина, возможно не догрузили стили */ .basket-items-list-item-available { order: 3; padding-left: 10px; padding-top: 20px; padding-right: 20px; } /* .product-amount-btn img {filter: grayscale(1) brightness(0);} */ /* Таблица другие товары категории - расширение третей колонки вместо второй */ .product-page__similar.wrapper td:nth-child(2) { min-width: auto; } .product-page__similar.wrapper td:nth-child(3) { min-width: 18vw; } [hidden] { display: none !important; } /*.swiper-navigation {display:none;}*/ .brand__el { max-width: 221px; } .catalog__el_title { background: none !important; } /* 30.04 - правки по файлу от Яны */ .favourites-top { text-align: center; } @media screen and (max-width: 800px) { .basket-top__reset { gap: 5px; flex-wrap: wrap; align-items: stretch; justify-content: center; } .basket-common .basket-item-info-name, .basket-common .basket-item-info-name-link { font-size: 14px; } } @media screen and (max-width: 800px) { .text-page h2 { font-size: 24px; } } /* .catalog__el_amount {display:none;} .catalog__el_title {font-size:22px;} */ .product-page__char_descr.code { background: none !important; color: #333333 !important; padding: 0 !important; } /* На главной уменьшен размер заголовков */ .page-title { font-size: 32px !important; } /* End */ /* /local/templates/main/libs/lightbox.min.css?17927474672564 */ /* /local/templates/main/libs/swiper.min.css?179274746716467 */ /* /local/templates/main/libs/venobox.min.css?179274746715368 */ /* /local/templates/main/css/fonts.css?17927476402863 */ /* /local/templates/main/css/main.css?1792747640473983 */ /* /local/templates/main/css/custom.css?1792932812202715 */ /* /local/templates/main/components/arturgolubev/search.title/ml.search.title/style.css?179274746714075 */ /* /local/templates/main/components/bitrix/system.auth.form/ml.auth.form/style.css?1792747467443 */ /* /local/templates/main/components/bitrix/main.register/ml.register/style.css?1792747467545 */ /* /local/templates/main/styles.css?17927474677528 */