/* Start:/local/templates/techkitchen/assets/libs/swiper/swiper-bundle.min.css?174612516215612*/ /** * Swiper 7.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 27, 2021 */ @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-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-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:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;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-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-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.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%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{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} .swiper { -webkit-text-size-adjust: none; } /* End */ /* Start:/local/templates/techkitchen/assets/libs/nice-select2/nice-select2.css?17461251624291*/ .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 38px; line-height: 36px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all .2s ease-in-out; user-select: none; white-space: nowrap; width: auto } .nice-select:hover { border-color: #dbdbdb } /*.nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999 }*/ .nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all .15s ease-in-out; width: 5px } .nice-select.open:after { transform: rotate(-135deg) } .nice-select.open .nice-select-dropdown { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0) } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none } .nice-select.disabled:after { border-color: #ccc } .nice-select.wide { width: 100% } .nice-select.wide .nice-select-dropdown { left: 0 !important; right: 0 !important } .nice-select.right { float: right } .nice-select.right .nice-select-dropdown { left: auto; right: 0 } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px } .nice-select.small:after { height: 4px; width: 4px } .nice-select.small .option { line-height: 34px; min-height: 34px } .nice-select .nice-select-dropdown { margin-top: 4px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, .11); pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(19px); transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9; opacity: 0 } .nice-select .list { border-radius: 5px; box-sizing: border-box; overflow: hidden; padding: 0; max-height: 210px; overflow-y: auto } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all .2s } .nice-select .option.selected { background-color: #f6f6f6 !important; } .nice-select .option.selected { font-weight: bold } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default } .nice-select .optgroup { font-weight: bold } .no-csspointerevents .nice-select .nice-select-dropdown { display: none } .no-csspointerevents .nice-select.open .nice-select-dropdown { display: block } .nice-select .list::-webkit-scrollbar { width: 0 } .nice-select .has-multiple { white-space: inherit; height: auto; padding: 7px 12px; min-height: 36px; line-height: 22px } .nice-select .has-multiple span.current { border: 1px solid #ccc; background: #eee; padding: 0 10px; border-radius: 3px; display: inline-block; line-height: 24px; font-size: 14px; margin-bottom: 3px; margin-right: 3px } .nice-select .has-multiple .multiple-options { display: block; line-height: 24px; padding: 0 } .nice-select .nice-select-search-box { box-sizing: border-box; width: 100%; padding: 5px; pointer-events: none; border-radius: 5px 5px 0 0 } .nice-select .nice-select-search { box-sizing: border-box; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; display: inline-block; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100%; min-height: 36px; line-height: 22px; height: auto; outline: 0 !important; font-size: 14px } /* End */ /* Start:/local/templates/techkitchen/assets/libs/nouislider/nouislider.min.css?17461251624220*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/techkitchen/assets/css/start.css?17461251622707*/ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; } ul, ol { padding: 0; list-style: none; } body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd { margin: 0; } html, body { height: 100%; } h1, h2, h3, h4, h5, h6, p { margin: 0; } .container { max-width: 100%; margin: 0 auto; } svg { display: block; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } body { font-size: 16px; position: relative; line-height: normal; min-width: 320px; } .img { display: block; max-width: 100%; height: auto; } .df { display: -webkit-box; display: -ms-flexbox; display: flex; } .dif { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .db { display: block; } .dib { display: inline-block; } .aifs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .aife { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .w100 { width: 100%; } .cursor { cursor: pointer; } .jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .jcfs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .jcsb { justify-content: space-between; } .fxw, .fxww { -ms-flex-wrap: wrap; flex-wrap: wrap; } .posr { position: relative; } .posa { position: absolute; } .vam { vertical-align: middle; } .maxw, .max-width { max-width: 100%; } .m-auto { margin: 0 auto; } .link { text-decoration: none; outline: none; } .transition { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .index { position: relative; } .direction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pointer { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hide, .hidden { display: none; } .center { text-align: center; } .white { color: #fff; } .bold { font-weight: bold; } .overflow, .ovh { overflow: hidden; } .radius { border-radius: 100%; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .col { padding: 0 10px; } /* End */ /* Start:/local/templates/techkitchen/assets/css/main.css?174738115134263*/ @font-face { font-family: "NTSomic"; font-weight: 400; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Regular.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 500; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Medium.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 600; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Semibold.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 700; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Bold.ttf"); } @font-face { font-family: "Gilroy"; font-weight: 600; src: url("/local/templates/techkitchen/assets/css/../fonts/Gilroy-Semibold.woff2"); } input, button, textarea, select { font-family: "TTCommons", sans-serif; } body { font-family: "NTSomic", sans-serif; color: #fff; } html, body { padding: 0; margin: 0; height: 100vh; height: var(--doc-height); } .modal { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 999; opacity: 1; } .modal-overlay { width: 100%; height: 100vh; position: fixed; background: rgba(0, 0, 0, 0.6); } .modal-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; overflow-y: auto; } .modal-container { width: 500px; position: relative; z-index: 3; max-width: 100%; background: #fff; border-right: 10px; margin: auto; padding: 40px; text-align: center; } .modal-close { position: absolute; right: 10px; top: 10px; cursor: pointer; z-index: 2; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .page-wrapper { overflow: hidden; position: relative; } .page-wrapper::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -4; background: #202328; } .page-wrapper::after { content: ""; position: absolute; left: 50%; top: 99px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 1920px; background: #3C424A; -webkit-filter: blur(167.3000030518px); filter: blur(167.3000030518px); width: 1920px; height: 1096px; z-index: -3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container { width: 1920px; max-width: 100%; padding: 0 50px; } .header-list { height: 118px; } .header-address { color: #FFF; font-size: 16px; font-weight: 400; line-height: normal; width: 240px; } .header-address img { margin-right: 7px; } .header-phone { color: #FFF; font-size: 20px; font-weight: 600; line-height: normal; } .header-phone:hover { text-decoration: underline; } .header-right { width: 240px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-link { margin-left: 24px; } .header-link:hover { opacity: 0.7; } .main-link { width: 100%; } .main-link img { width: 100%; height: auto; border-radius: 20px; } .main .swiper-pagination, .brands .swiper-pagination, .stocks .swiper-pagination { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px; z-index: 3; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; padding: 0 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 20px; border: 1px solid #FFF; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .main .swiper-pagination-bullet, .brands .swiper-pagination-bullet, .stocks .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 100%; opacity: 1; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 29px; background: #454C56; margin: 0 2px; } .main .swiper-pagination-bullet-active, .brands .swiper-pagination-bullet-active, .stocks .swiper-pagination-bullet-active { width: 19px; height: 10px; background: #986FF0; } .about-text { width: 1206px; max-width: 100%; color: #EFEFEF; font-size: 20px; font-weight: 600; line-height: 30px; font-family: "Gilroy", sans-serif; margin: 0 auto 50px; } .about-block { width: 16.6666666667%; margin-top: 20px; } .about-item { min-height: 100%; padding: 39px 15px 28px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.3); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .about-item__text { color: #FFF; font-size: 20px; font-weight: 400; line-height: 30px; margin-top: 14px; } .text-img { padding: 70px 16px 62px; } .text-img__item { width: 100%; } .title { color: #FFF; font-size: 64px; font-weight: 200; line-height: normal; } .categories { padding: 140px 0 150px; } .categories-block { width: 16.6666666667%; margin-top: 40px; } .categories-list { padding-top: 16px; } .categories-item { padding: 30px 6px 19px; text-align: center; min-height: 100%; border-radius: 20px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .categories-item__icon { margin: 0 auto 24px; } .categories-item__name { color: #FFF; font-size: 20px; font-weight: 400; line-height: 30px; } .categories-item__link { left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .categories-item:hover { opacity: 0.8; } .btn { display: inline-block; text-decoration: none; text-align: center; padding: 12px; outline: none; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left top, right top, from(#B79B85), to(#DAC5B3)); background: linear-gradient(90deg, #B79B85 0%, #DAC5B3 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: relative; width: 100%; color: #FFF; font-size: 20px; font-weight: 400; line-height: 1; } .btn b { right: 4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 86px; height: 52px; border-radius: 20px; border: 1px solid #FFF; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: absolute; } .btn:hover { opacity: 0.9; } .view-wrapper { overflow: hidden; border-radius: 20px; padding: 20px 20px 101px; } .view-bg { left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .view-box { width: 553px; max-width: 100%; padding: 57px 50px 67px; border-radius: 20px; background: #272A2F; } .view-text { margin: 18px 0 19px; color: #FFF; font-size: 20px; font-weight: 400; line-height: 30px; } .view-item { right: 240px; top: 148px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 9px; width: 346px; max-width: 100%; } .view-item__img { border: 1px solid rgba(255, 255, 255, 0.2); padding: 4px; border-radius: 10px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-right: 15px; } .view-item__img img { width: 70px; min-width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain; } .view-item__name { color: #FFF; font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 6px; } .view-item__price { color: #FFF; font-size: 20px; font-weight: 600; line-height: normal; } .view-item__bottom { white-space: nowrap; } .view-item__old { text-decoration: line-through; color: #B7B7B7; font-size: 13px; font-weight: 400; line-height: normal; } .view-item__percent { padding: 3px 6px 0; border-radius: 24px; background: #E93398; height: 14px; color: #FFF; font-size: 12px; font-weight: 600; line-height: normal; margin-left: 6px; } .view-item__arrow { margin-left: 11px; margin-right: 6px; } .view-item__link { left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .view-item:hover { border-color: #fff; } .view-item:hover .view-item__img { border-color: #fff; } .brands { border-radius: 30px; background: #25282D; padding: 70px 0 80px; margin: 150px 0; } .brands-top { margin-bottom: 56px; } .brands-arrows { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .brands-arrow { height: 100%; width: 40px; } .brands-arrow img { width: 10px; } .brands-arrow:hover { opacity: 0.8; } .brands-prev img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .brands .swiper-pagination { display: none; } .brands-item { width: calc(50% - 10px); border-radius: 20px; border: 1px solid rgba(214, 170, 130, 0.2); height: 110px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .brands-item div { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .brands-item img { display: inline-block; width: auto; max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .footer { background: #25282D; position: relative; padding-top: 37px; border-radius: 20px 20px 0 0; } .footer-bottom { padding: 142px 0; } .footer-bottom__img { padding: 0 16px; width: 100%; height: auto; } .footer-text { margin-top: 31px; color: #768092; font-size: 12px; font-weight: 300; line-height: 16px; } .footer-copy { color: #768092; font-size: 14px; font-weight: 300; line-height: 40px; } .footer-policy { color: #768092; font-size: 14px; font-weight: 300; line-height: 40px; } .footer-policy:hover { color: #fff; } .footer-center { margin-top: 33px; padding-top: 36px; border-top: 1px solid #768092; } .footer-item { margin-right: 150px; } .footer-item__title { color: #FFF; font-size: 16px; font-weight: 300; line-height: 40px; } .footer-item__text { color: #FFF; font-size: 20px; font-weight: 600; line-height: 40px; margin-top: -8px; position: relative; z-index: 2; } .footer-item__text a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; color: #fff; } .footer-item__text a:hover { text-decoration: underline; } .footer-soc { margin-left: auto; } .footer-soc__title { margin-bottom: 3px; color: #FFF; font-size: 16px; font-weight: 300; line-height: 40px; } .footer-soc__item { margin-left: 20px; width: 180px; height: 44px; border-radius: 4px; border: 1px solid rgba(118, 128, 146, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 20px; font-weight: 600; line-height: 40px; } .footer-soc__item img { margin-right: 12px; } .footer-soc__item:hover { border-color: #fff; } .to-top { height: 40px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 16px; font-weight: 600; line-height: 30px; } .to-top img { right: 16px; top: calc(50% - 7px); } .copy { width: 24px; height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: url("/local/templates/techkitchen/assets/css/../../images/copy.svg"); } .contact-wrapper { padding: 50px; border-radius: 20px; background: #25282D; } .contact-title { color: #FFF; font-size: 40px; font-weight: 600; line-height: 40px; margin-bottom: 12px; } .contact .footer-item { margin: 37px 0 0 0; width: 50%; } .contact-left { width: calc(50% - 10px); } .contact-map { width: calc(50% - 10px); } .contact-map iframe { width: 100%; height: 100%; border: none; border-radius: 20px; overflow: hidden; } .contact .footer-soc { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; } .contact .footer-soc__title { width: 100%; } .contact .footer-soc__item { margin: 0 20px 0 0; } .contact .copy { margin-left: 20px; } .copy-text { -webkit-transition: all 0.4s; transition: all 0.4s; } .copy-text.color-green { color: green !important; } .stocks { padding: 0 0 150px; } .stocks-title { margin-bottom: 15px; } .stocks-item { border-radius: 20px; overflow: hidden; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); border: 1px solid rgba(255, 255, 255, 0.2); min-height: 100%; } .stocks-item__img { display: block; padding-top: 44.3%; } .stocks-item__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0; } .stocks-item__percent { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-left: 20px; color: #FFF; font-size: 14px; font-weight: 300; line-height: 20px; height: 35px; } .stocks-item__percent p { margin: 0 12px; padding-top: 3px; } .stocks-item__percent span { font-size: 16px; font-weight: 400; line-height: 20px; padding-top: 3px; } .stocks-item__wrapper { padding: 20px; } .stocks-item__title { color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; } .stocks-item__text { margin-top: 10px; color: #FFF; font-size: 16px; font-weight: 400; line-height: 20px; max-width: 440px; } .stocks-item__icon { width: 64px; min-width: 64px; margin-left: 12px; } .stocks .swiper-pagination { display: none; } .mobile-menu { padding: 33px 15px 20px; overflow-y: auto; max-width: 100%; border: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: fixed; z-index: 30; right: 0; top: 0; height: 100%; display: none; } .mobile-menu__close { right: 0; top: 10px; z-index: 3; } .mobile-menu__soc-title { color: #FFF; font-size: 16px; font-weight: 300; line-height: 40px; } .mobile-menu__soc-item { margin-right: 16px; width: 48px; height: 48px; } .mobile-menu .footer-item { margin: 0 0 10px 0; width: 100%; } .mobile-menu .copy { margin-left: 10px; } .mobile-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 19; display: none; } .banners { padding: 150px 0; } .banners-left { width: calc(50% - 10px); padding: 61px 73px; border-radius: 20px; overflow: hidden; } .banners-left__desktop { right: 0; min-width: 100%; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } .banners-left__title { color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .banners-left__text { margin: 20px 0 30px; font-size: 40px; font-weight: 400; line-height: 90.5%; letter-spacing: -0.979px; background: -webkit-gradient(linear, left top, left bottom, color-stop(6.63%, #FFF), color-stop(56.73%, #7177E9), color-stop(103.92%, #EADAFF)); background: linear-gradient(180deg, #FFF 6.63%, #7177E9 56.73%, #EADAFF 103.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 330px; max-width: 100%; } .banners-left__btn { width: 200px; height: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left top, right top, from(#3354EC), to(#9FB1FF)); background: linear-gradient(90deg, #3354EC 0%, #9FB1FF 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #F8F4F4; font-size: 16px; font-weight: 400; line-height: 100%; position: relative; } .banners-left__btn::before { content: ""; position: absolute; left: 0; border-radius: 20px; top: 0; width: 100%; height: 100%; background: #3354EC; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .banners-left__btn img { margin-right: 10px; } .banners-left__btn:hover::before { opacity: 1; } .banners-right { padding: 61px 73px; border-radius: 20px; width: calc(50% - 10px); } .banners-right__desktop { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; min-height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 100%; } .banners-right__title { font-size: 40px; font-weight: 400; line-height: 90.5%; letter-spacing: -0.979px; } .banners-right__title span { display: block; width: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(6.63%, #FFF), color-stop(56.73%, #52547E), color-stop(103.92%, #EADAFF)); background: linear-gradient(180deg, #FFF 6.63%, #52547E 56.73%, #EADAFF 103.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banners-right__title span:last-child { background: -webkit-gradient(linear, left top, left bottom, color-stop(6.63%, #FFF), color-stop(56.73%, #CB9F5E), color-stop(103.92%, #FFF0C9)); background: linear-gradient(180deg, #FFF 6.63%, #CB9F5E 56.73%, #FFF0C9 103.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banners-right__text { margin: 20px 0 30px; color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .banners-right__input { height: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.11) -6.48%, rgba(255, 255, 255, 0.11) 21.56%, rgba(255, 255, 255, 0.08) 74.05%, rgba(255, 255, 255, 0.24) 106.26%, rgba(255, 255, 255, 0.12) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 100%; padding-left: 19px; color: #F8F4F4; font-size: 14px; font-weight: 400; line-height: 100%; padding-top: 2px; } .banners-right__input::-webkit-input-placeholder { color: #F8F4F4; } .banners-right__input::-moz-placeholder { color: #F8F4F4; } .banners-right__input:-ms-input-placeholder { color: #F8F4F4; } .banners-right__input::-ms-input-placeholder { color: #F8F4F4; } .banners-right__input::placeholder { color: #F8F4F4; } .banners-right__btn { height: 36px; width: 146px; right: 3px; top: 2px; border-radius: 20px; background: -webkit-gradient(linear, left top, right top, from(#B79B85), to(#DAC5B3)); background: linear-gradient(90deg, #B79B85 0%, #DAC5B3 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: none; color: #F8F4F4; font-size: 14px; font-weight: 600; line-height: 100%; position: absolute; z-index: 2; } .banners-right__btn::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; background: #DAC5B3; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .banners-right__btn:hover::before { opacity: 1; } .banners-right__form { width: 384px; max-width: 100%; } .stocks .view-btn { width: 386px; margin: 79px auto 0; } @media (min-width: 993px) { .mobile-menu, .mobile-overlay { display: none !important; } } @media (min-width: 768px) { .stocks .swiper-slide { height: auto !important; } .stocks .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (min-width: 1201px) { .stocks-list { margin-left: -10px; margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stocks-block { width: 33.333%; padding-left: 10px; padding-right: 10px; margin-top: 40px; } } @media (max-width: 1800px) { .banners-left__desktop { right: auto; left: -241px; } } @media (max-width: 1700px) { .about-item { padding: 19px 9px 16px; } .about-item__icon { width: 53px; } .about-item__text { font-size: 16px; line-height: 18px; margin-top: 14px; } .about-text { width: 1000px; font-size: 16px; line-height: 30px; margin-bottom: 30px; } .categories-block { width: 20%; } .title { font-size: 52px; } .view-item { top: 120px; right: 120px; } .footer-item { margin-right: auto; } .banners-right__desktop { height: 100%; right: -20px; min-width: calc(100% + 20px); } } @media (max-width: 1400px) { .categories-block { width: 25%; } .view-item { right: 80px; } .contact .footer-item { width: 100%; margin-top: 3px; } .contact-wrapper { padding: 30px; border-radius: 20px; } .contact-title { margin-bottom: 20px; font-size: 40px; line-height: 40px; } .contact-left { width: 40%; } .contact-map { width: 60%; } .contact .footer-soc { margin-top: 9px; } .banners-left, .banners-right { padding: 60px 24px; } .banners-left__desktop { left: -288px; } .banners-right__desktop { right: -50px; min-width: calc(100% + 50px); } } @media (max-width: 1200px) { .container { width: 960px; padding: 0; } .banners-left { width: 100%; } .banners-left__desktop { left: auto; right: 0; } .contact-list { display: block; } .contact-left { width: 100%; } .contact-map { width: 100%; height: 381px; margin-top: 48px; } .row { margin-left: -8px; margin-right: -8px; } .col { padding-left: 8px; padding-right: 8px; } .about-text { text-align: center; } .about-block { width: 33.333%; } .categories { padding: 43px 0 48px; } .categories-list { margin-left: -10px; margin-right: -10px; padding-top: 15px; } .categories-block { margin-top: 20px; padding-left: 10px; padding-right: 10px; } .categories-item { padding: 20px 15px 15px; border-radius: 10px; } .categories-item__icon { width: 48px; margin: 0 auto 14px; } .categories-item__name { font-size: 14px; line-height: 16px; } .title { font-size: 36px; } .view-item { right: 15px; top: 38px; padding: 4px; width: 200px; border-radius: 12px; } .view-item__img { padding: 2px; margin-right: 7px; border-radius: 4px; } .view-item__img img { width: 34px; height: 34px; min-width: 34px; } .view-item__name { font-size: 9px; margin-bottom: 2px; line-height: 12px; } .view-item__content { width: calc(100% - 45px); } .view-item__price { font-size: 12px; } .view-item__arrow { margin: 0 2px 2px; width: 4px; } .view-item__old { font-size: 10px; } .view-item__percent { font-size: 8px; height: 10px; margin-left: 4px; } .brands { margin: 0; padding: 50px 0; background: transparent; } .brands-arrows { display: none; } .brands-top { margin-bottom: 32px; } .brands-items { display: block; } .brands-item { border-radius: 10px; margin-top: 16px; width: 100%; } .brands-item:first-child { margin-top: 0; } .brands .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .brands .swiper-pagination { position: static; margin: 13px 0 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; border: none; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .brands .swiper-pagination-bullet { width: 6px; height: 6px; } .brands .swiper-pagination-bullet-active { width: 12px; height: 6px; } .footer { background: #25282D; padding-bottom: 64px; } .footer-text { font-size: 12px; line-height: 16px; margin-bottom: 42px; margin-top: 0; } .footer-center { border: none; padding: 0; margin: 0; } .footer-center__list { display: block; } .footer-copy { font-size: 14px; line-height: 40px; } .footer-mobile { margin: 48px 0 35px; display: block; width: 100%; } .footer__policy { position: relative; z-index: 2; margin: -8px 0 5px; } .footer-list { display: block; } .footer-item { margin: 0 0 3px 0; display: block; } .footer-item__title { font-size: 16px; line-height: 40px; } .footer-item__text { font-size: 20px; line-height: 40px; } .footer .copy { margin-left: 16px; } .footer-soc { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; } .footer-soc__title { display: block; width: 100%; margin-bottom: 3px; color: #FFF; font-size: 16px; font-weight: 300; line-height: 40px; } .footer-soc__item { width: 140px; height: 60px; font-size: 20px; margin: 0 16px 0 0; } .footer-bottom { display: none; } .stocks .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 16px 0; position: static; height: auto; display: flex; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; border: none; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .stocks { padding: 0 0 72px; } .stocks .view-btn { display: none; } .banners-right { width: 100%; margin-top: 48px; } .banners-right__desktop { right: 0; min-width: 100%; } } @media (max-width: 992px) { .container { width: 730px; } .header { padding: 43px 0 29px; } .header-list { height: auto; } .header-logo img { display: none; } .header-logo img:last-child { display: block; } .header-right { display: none; } .header-address { display: none; } .header-burger { display: block; } .main .swiper-pagination { position: static; margin: 13px 0 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; border: none; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .main .swiper-pagination-bullet { width: 6px; height: 6px; } .main .swiper-pagination-bullet-active { width: 12px; height: 6px; } .main-link img { border-radius: 10px; } .text-img { padding: 55px 16px 42px; } .page-wrapper::after { border-radius: 1181px; background: #3C424A; -webkit-filter: blur(167.3000030518px); filter: blur(167.3000030518px); width: 1181px; height: 421px; top: 104px; } .btn { height: 60px; padding-left: 24px; font-size: 20px; line-height: 30px; padding-right: 3px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; } .btn b { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .view-wrapper { border-radius: 10px; overflow: hidden; padding: 0; background: #272A2F; } .view-top { height: 260px; position: relative; } .view-box { border-radius: 0; background: transparent; padding: 21px 20px 30px; width: 100%; } .view-text { margin: 7px 0 24px; font-size: 16px; line-height: 26px; } .view-btn { width: 400px; margin: 0 auto; } .to-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact .footer-soc__item { margin-right: 16px; } .stocks { padding: 0 0 48px; } .stocks-title { margin-bottom: 37px; } .stocks-item__percent { padding: 14px 16px 12px; border: none; } .stocks-item__percent img { width: 14px; min-width: 14px; } .stocks-item__percent p { margin: 0 5px 0 4px; font-size: 10px; line-height: 20px; padding-top: 2px; } .stocks-item__percent span { font-size: 12px; line-height: 20px; padding-top: 2px; } .stocks-item__wrapper { padding: 0 12px 10px 16px; } .stocks-item__title { font-size: 14px; line-height: normal; } .stocks-item__text { margin: 12px 0 0 0; font-size: 12px; line-height: 16px; } .stocks-item__icon { width: 52px; min-width: 52px; height: 52px; margin-left: 24px; } .banners-left__desktop { right: -65px; } .banners { padding: 48px 0; } } @media (max-width: 767px) { .container { width: 540px; } .main-link img { display: none; } .main-link img:last-child { display: block; } .categories-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .categories-block { width: 33.333%; } .banners-left { padding: 24px; } .banners-left__desktop { right: -135px; } .banners-right__desktop { right: -100px; min-width: calc(100% + 100px); } } @media (max-width: 576px) { .container { width: 100%; padding: 0 16px; } .about-block { width: 50%; } .categories-item { padding-left: 3px; padding-right: 3px; } .brands-title { display: none; } .brands-mobile { display: block; } .contact .footer-soc { margin-right: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contact .footer-soc__item { margin: 0; width: calc(50% - 5px); } .banners-left { padding: 30px 20px 240px; } .banners-left__desktop { display: none; } .banners-left__mobile { display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banners-left__mobile { display: block; } .banners-left__title { text-align: center; } .banners-left__text { margin: 16px auto 26px; text-align: center; width: 300px; max-width: 100%; font-size: 36px; line-height: 90%; letter-spacing: -0.979px; } .banners-left__btn { margin: 0 auto; } .banners-right { padding: 30px 20px 245px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banners-right__mobile { display: block; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .banners-right__desktop { display: none; } .banners-right__text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 8px 0 0 0; text-align: center; } .banners-right__form { margin: 22px 0 0 0; width: 100%; } .banners-right__btn { width: 96px; font-size: 14px; } .banners-right__title { font-size: 32px; line-height: 90%; text-align: center; letter-spacing: -0.979px; } } @media (max-width: 389px) { .categories-item__name { font-size: 13px; } .btn { padding-left: 16px; } } @media (max-width: 360px) { .about-text { font-size: 14px; line-height: 24px; } .footer-soc__item { width: 130px; font-size: 18px; } .categories-block { width: 50%; } .title { font-size: 32px; } .btn { padding-left: 12px; font-size: 18px; height: 50px; border-radius: 16px; padding-right: 2px; } .btn b { height: 44px; width: 50px; border-radius: 14px; } .btn b img { width: 8px; } .contact .footer-item__text { font-size: 18px; line-height: 32px; } .contact-map { height: 300px; } .contact-wrapper { padding: 20px; } .banners-left__text { font-size: 32px; } .banners-right__title { font-size: 26px; } .banners-right { margin-top: 32px; } } /* End */ /* Start:/local/templates/techkitchen/assets/css/new.css?1746125162160371*/ @font-face { font-family: "NTSomic"; font-weight: 400; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Regular.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 500; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Medium.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 600; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Semibold.ttf"); } @font-face { font-family: "NTSomic"; font-weight: 700; src: url("/local/templates/techkitchen/assets/css/../fonts/NTSomic-Bold.ttf"); } a { text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .font-wrapper { font-family: "NTSomic"; } .blockBenefits { padding: 152px 0; } .blockBenefits .about-list { margin-top: -20px; } .blockBenefits .about-item { padding: 0; border: none; background: transparent; } .blockBenefits .about-item__text { margin-top: 20px; font-size: 14px; line-height: 20px; } .catalog { padding-top: 69px; } .catalog-left { width: 257px; } .catalog-right { width: calc(100% - 257px - 28px); } .catalog-block { padding: 19px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-cats__title { margin-bottom: 7px; color: #FFF; font-size: 14px; font-weight: 500; line-height: 30px; } .catalog-cats__label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-cats__label input { display: none; } .catalog-cats__label span { color: #5A616B; font-size: 13px; font-weight: 400; line-height: 26px; } .catalog-cats__label span::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 7px; border-radius: 100%; background: #6033D6; -webkit-filter: drop-shadow(0px 0px 5.1px #6033D6); filter: drop-shadow(0px 0px 5.1px #6033D6); opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .catalog-cats__label input:checked + span { color: #fff; padding-left: 18px; } .catalog-cats__label input:checked + span::before { opacity: 1; } .catalog-right__top { margin-bottom: 30px; } .catalog-right__select { width: 179px; min-width: 179px; position: relative; z-index: 4; } .catalog-parameters { margin-top: -10px; } .catalog-parameters__item { margin-left: 10px; margin-top: 10px; height: 40px; padding: 0 15px; border-radius: 37px; background: #15181C; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 14px; font-weight: 400; line-height: 22px; } .catalog-parameters__item a { width: 10px; margin-left: 13px; } .catalog-parameters__item a img { width: 10px; height: 10px; } .catalog-parameters__item a:hover { opacity: 0.5; } .select { position: relative; height: 40px; width: 100%; } .select select { display: none; } .select .nice-select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; padding-left: 15px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 14px; font-weight: 400; line-height: 22px; background: transparent; } .select .nice-select::after { display: none; } .select .nice-select::before { content: ""; width: 8px; height: 5px; background-image: url("/local/templates/techkitchen/assets/css/../../images/arrow.svg"); background-repeat: no-repeat; background-position: center; right: 15px; position: absolute; top: calc(50% - 2px); -webkit-transition: all 0.4s; transition: all 0.4s; } .select .nice-select.open::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .select .nice-select .nice-select-dropdown { background: transparent; border: none; width: 100%; border-radius: 0; } .select .nice-select .list { padding: 5px 0; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: #292D32; -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); max-height: 300px; } .select .nice-select .option { padding: 0; width: 100%; display: block; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 15px 16px; color: #838FA3; font-size: 14px; font-weight: 500; line-height: 10px; } .select .nice-select .option.selected { background: transparent !important; color: #BBA1FF; } .catalog-filterBtn { margin-left: 16px; width: 40px; height: 40px; min-width: 40px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-filterBtn span { right: -4px; top: -9px; width: 18px; height: 18px; border-radius: 100%; border-radius: 10px; border: 1px solid #363C44; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 10px; font-weight: 600; line-height: normal; } .page-wrapper { background: #202328; } .catalog-right__block { margin-top: 30px; width: 20%; padding-left: 15px; padding-right: 15px; } .catalog-right__list { margin-left: -15px; margin-right: -15px; margin-top: -30px; } .catalog-item { padding: 17px 19px 19px; min-height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .catalog-item { -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: hidden; } .catalog-item:hover { background: #26292E; border-color: #26292E; -webkit-box-shadow: 0px 4px 30px 0px rgba(82, 90, 104, 0.6); box-shadow: 0px 4px 30px 0px rgba(82, 90, 104, 0.6); } .catalog-item__top { height: 185px; margin-bottom: 15px; aspect-ratio: 1; } .catalog-item__top::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 177px; height: 177px; border-radius: 100%; background: #647285; -webkit-filter: blur(86px); filter: blur(86px); } .catalog-item__img { position: absolute; height: 100%; left: 0; top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 3; } .catalog-item__img img { margin: 0; max-width: 100%; max-height: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .catalog-item__status { color: #00C172; font-size: 12px; font-weight: 400; line-height: normal; margin-top: auto; } .catalog-item__status img { margin-right: 6px; } .catalog-item__status.red-color { color: #FF4343; } .catalog-item__status.yellow-color { color: #C1B100; } .catalog-item__new { color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; white-space: nowrap; } .catalog-item__old { margin-left: 8px; color: #525A68; font-size: 13px; font-weight: 400; line-height: normal; text-decoration: line-through; padding-left: 14px; background-image: url("/local/templates/techkitchen/assets/css/../../images/old-price.svg"); background-repeat: no-repeat; background-position: left center; white-space: nowrap; } .catalog-item__price { margin: 16px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-item__stock { margin-right: 7px; color: #FFF; font-size: 12px; font-weight: 600; line-height: normal; height: 14px; padding: 0 4px; border-radius: 24px; background: #E20004; color: #FFF; font-size: 12px; font-weight: 600; line-height: normal; } .catalog-item__code { margin-bottom: 16px; color: #525A68; font-size: 12px; font-weight: 400; line-height: 20px; height: 24px; padding: 0 8px; border-radius: 5px; -webkit-transition: all 0.4s; transition: all 0.4s; } .catalog-item__code .copy { width: 14px; min-width: 14px; height: 14px; background-size: 14px; } .catalog-item__code:hover { background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-box-shadow: 0px 0px 10px 0px #525A68; box-shadow: 0px 0px 10px 0px #525A68; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-item__code.color-green:hover { -webkit-box-shadow: 0px 0px 10px 0px #4e7c19; box-shadow: 0px 0px 10px 0px #4e7c19; } .catalog-item__gray { color: #838FA3; font-size: 10px; font-weight: 400; line-height: 20px; } .catalog-item__title { color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 15px; } .catalog-item__title:hover { text-decoration: underline; color: #fff; } .catalog-item__add { border-radius: 10px; background: #6033D6; height: 38px; width: 122px; color: #FFF; font-size: 14px; font-weight: 500; line-height: 22px; } .catalog-item__add span, .catalog-item__add small { font-size: 14px; } .catalog-item__add small { display: none; } .catalog-item__add b { display: block; background-image: url("/local/templates/techkitchen/assets/css/../../images/cart-1.svg"); width: 24px; min-width: 24px; margin-right: 8px; height: 24px; } .catalog-item__add:hover { -webkit-box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.25); box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.25); } .catalog-item__add.active { pointer-events: none; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.25); box-shadow: 0px 0px 12px 0px rgba(211, 211, 211, 0.25); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-item__add.active b { background-image: url("/local/templates/techkitchen/assets/css/../../images/cart-2.svg"); } .catalog-item__add.active small { display: block; } .catalog-item__add.active span { display: none; } .catalog-item__comparison { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-image: url("/local/templates/techkitchen/assets/css/../../images/comparison-1.svg"); margin: 0 auto; } .catalog-item__comparison.active { background-image: url("/local/templates/techkitchen/assets/css/../../images/comparison-2.svg"); } .catalog-item__favorite { background-image: url("/local/templates/techkitchen/assets/css/../../images/favorite-1.svg"); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; margin-left: auto; } .catalog-item__favorite.active { background-image: url("/local/templates/techkitchen/assets/css/../../images/favorite-2.svg"); } .catalog-item__solo { z-index: 6; top: 20px; left: 20px; } .catalog-item__cat { margin-bottom: 5px; width: 100%; } .catalog-item__cat:last-child { margin-bottom: 0; } .catalog-item__cat-item { background: #851480; color: #FFF; font-size: 11px; font-weight: 400; line-height: normal; padding: 0 7px; height: 18px; white-space: nowrap; border-radius: 37px; } .catalog-item__cats { left: 0; top: 0; -webkit-transition: all 0.4s; transition: all 0.4s; top: 0; left: 0; width: 100%; z-index: 6; padding: 20px; } .catalog-item__cats .cats-toggler { width: 18px; height: 18px; background-image: url("/local/templates/techkitchen/assets/css/../../images/cat-arrow-1.svg"); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center; margin-left: 8px; display: none; left: calc(100% + 6px); top: 0; position: absolute; cursor: pointer; } .catalog-item__cats .catalog-item__cat { display: none; } .catalog-item__cats .catalog-item__cat-item { position: relative; } .catalog-item__cats .catalog-item__cat:first-child .cats-toggler { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .catalog-item__cats .catalog-item__cat:nth-child(1), .catalog-item__cats .catalog-item__cat:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-item__cats.active { background: linear-gradient(83deg, rgba(42, 45, 50, 0.02) -6.48%, rgba(42, 45, 50, 0.02) 21.56%, rgba(42, 45, 50, 0.01) 74.05%, rgba(42, 45, 50, 0.04) 106.26%, rgba(42, 45, 50, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-item__cats.active .catalog-item__cat { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-item__cats.active .catalog-item__cat:first-child .cats-toggler { display: none; } .catalog-item__cats.active .catalog-item__cat:last-child .cats-toggler { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-image: url("/local/templates/techkitchen/assets/css/../../images/cat-arrow-2.svg"); } .catalog-item__added { padding: 10px 20px 16px; border-radius: 20px; background: rgba(58, 63, 71, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 100%; left: 0; top: 0; z-index: 7; } .catalog-item__added-title { color: #FFF; font-size: 13px; font-weight: 400; line-height: 22px; } .catalog-item__added-close { width: 8px; height: 8px; background-image: url("/local/templates/techkitchen/assets/css/../../images/card-cancel.svg"); background-repeat: no-repeat; background-position: center; } .catalog-item__added-btn { width: 100%; height: 36px; border-radius: 17px; border: 1px solid rgba(255, 255, 255, 0.2); color: #FFF; font-size: 16px; font-weight: 400; line-height: 22px; margin-top: 16px; } .catalog-item__added-btn:hover { opacity: 0.7; } .catalog-item__added-btn::after { content: ""; position: absolute; right: 11px; top: 0; height: 100%; width: 10px; background-image: url("/local/templates/techkitchen/assets/css/../../images/btn-dots.svg"); background-repeat: no-repeat; background-position: center; } .catalog-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-pagination span, .catalog-pagination a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; outline: none; -webkit-transition: all 0.4s; transition: all 0.4s; width: 60px; height: 60px; border-radius: 10px; color: #525A68; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid transparent; } .catalog-pagination a:hover { color: #fff; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-pagination span.current { color: #fff; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-pagination .prev, .catalog-pagination .next { font-size: 0; position: relative; } .catalog-pagination .prev::before, .catalog-pagination .next::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/local/templates/techkitchen/assets/css/../../images/next.svg"); background-repeat: no-repeat; background-position: center; } .catalog-pagination .prev::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-bottom { margin-top: 84px; } .catalog-bottom__buttons { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .catalog-bottom__btn { width: 255px; height: 60px; margin-right: 16px; margin-left: auto; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 16px; font-weight: 400; line-height: 20px; } .catalog-bottom__btn:hover { border: 1px solid #fff; } .catalog-bottom__btn::after { content: ""; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background-image: url("/local/templates/techkitchen/assets/css/../../images/plus.svg"); background-repeat: no-repeat; } .catalog-bottom__dots { width: 60px; height: 60px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-bottom__dots:hover { border: 1px solid #fff; } .catalog-inStock { margin: 0 0 25px; } .catalog-inStock__label { padding: 4px 0; color: #FFF; font-size: 14px; font-weight: 500; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .catalog-inStock__label b { width: 36px; min-width: 36px; height: 22px; border-radius: 26px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(218, 210, 210, 0.75); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } .catalog-inStock__label b::before { content: ""; position: absolute; left: 1px; top: 1px; z-index: 3; width: 18px; height: 18px; background: #fff; border-radius: 100%; } .catalog-inStock__label input:checked + span + b { background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); } .catalog-inStock__label input:checked + span + b::before { left: auto; right: 1px; } .catalog-filter { padding-bottom: 135px; padding-top: 0; overflow: hidden; } .catalog-filter__bottom { position: absolute; left: 0; bottom: 0; z-index: 3; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 22px 19px 17px; width: 100%; } .catalog-filter__btn { width: 108px; height: 34px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.15); background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 13px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 30px; } .catalog-filter__btn:hover { opacity: 0.8; } .catalog-filter__cancel { width: 98px; height: 34px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: #30343C; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 13px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 30px; } .catalog-filter__cancel:hover { opacity: 0.8; } .catalog-filter__item { margin-top: 26px; } .catalog-filter__item-content { display: none; } .catalog-filter__item-title { color: #FFF; font-size: 14px; font-weight: 500; line-height: 18px; margin-bottom: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .catalog-filter__item-title::after { content: ""; display: block; width: 8px; min-width: 8px; height: 8px; margin-left: auto; background-image: url("/local/templates/techkitchen/assets/css/../../images/arrow-2.svg"); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-filter__item-title b { width: 4px; min-width: 4px; height: 4px; border-radius: 100%; margin-left: 6px; background: #6033D6; -webkit-filter: drop-shadow(0px 0px 5.1px #6033D6); filter: drop-shadow(0px 0px 5.1px #6033D6); opacity: 0; } .catalog-filter__item.active .catalog-filter__item-content { display: block; } .catalog-filter__item.active .catalog-filter__item-title::after { -webkit-transform: none; -ms-transform: none; transform: none; } .catalog-filter__item.active .catalog-filter__item-title b { opacity: 1; } .catalog-filter__item-color { margin-top: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-filter__item-color:first-child { margin-top: 0; } .catalog-filter__item-color input { display: none; } .catalog-filter__item-color b { min-width: 24px; width: 24px; height: 24px; border-radius: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-filter__item-color b::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/local/templates/techkitchen/assets/css/../../images/checked.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .catalog-filter__item-color span { margin: 0 8px; color: #FFF; font-size: 11px; font-weight: 400; line-height: 14px; } .catalog-filter__item-color small { width: 50px; margin-left: auto; color: #5A616B; font-size: 12px; font-weight: 400; } .catalog-filter__item-color input:checked + b { -webkit-box-shadow: 0px 0px 8px 0px rgba(134, 84, 204, 0.6); box-shadow: 0px 0px 8px 0px rgba(134, 84, 204, 0.6); } .catalog-filter__item-color input:checked + b::before { opacity: 1; } .catalog-filter__item-labels { overflow-y: auto; max-height: 260px; } .catalog-filter__item-label { margin-top: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-filter__item-label:first-child { margin-top: 0; } .catalog-filter__item-label input { display: none; } .catalog-filter__item-label b { width: 20px; min-width: 20px; height: 20px; border-radius: 5px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); /*-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);*/ position: relative; } .catalog-filter__item-label b::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/local/templates/techkitchen/assets/css/../../images/checked-2.svg"); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .catalog-filter__item-label span { margin: 0 6px; color: #FFF; font-size: 12px; font-weight: 400; margin-top: -1px; } .catalog-filter__item-label small { width: 50px; margin-left: auto; color: #5A616B; font-size: 12px; font-weight: 400; margin-top: -1px; } .catalog-filter__item-label input:checked + b { background: #6033D6; } .catalog-filter__item-label input:checked + b::before { opacity: 1; } .catalog-filter__item-search { margin-bottom: 19px; } .catalog-filter__item-search input { width: 100%; height: 40px; border-radius: 41px; border: 1px solid rgba(136, 137, 139, 0.2); background: #30343C; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 3px 0 0 15px; color: #FFF; font-size: 12px; font-weight: 500; } .catalog-filter__item-search input::-webkit-input-placeholder { color: #fff; } .catalog-filter__item-search input::-moz-placeholder { color: #fff; } .catalog-filter__item-search input:-ms-input-placeholder { color: #fff; } .catalog-filter__item-search input::-ms-input-placeholder { color: #fff; } .catalog-filter__item-search input::placeholder { color: #fff; } .catalog-filter__item-search img { right: 10px; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .catalog-filter__input { width: calc(50% - 5px); position: relative; } .catalog-filter__input input { width: 100%; padding: 0; padding-left: 14px; padding-top: 17px; height: 40px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: #30343C; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 13px; font-weight: 500; line-height: 30px; display: block; } .catalog-filter__input span { position: absolute; top: 3px; left: 14px; color: #5A616B; font-size: 11px; z-index: 3; font-weight: 500; line-height: 14px; pointer-events: none; } .catalog-filter__range { margin-top: 22px; } .catalog-filter .noUi-connects { border-radius: 30px; background: transparent; height: 4px; width: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; } .catalog-filter .noUi-connect { border-radius: 5px; background: #6033D6; } .catalog-filter .noUi-base { height: 4px; } .catalog-filter .noUi-target { border-radius: 5px; background: #31353C; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: 4px; width: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; border: none; } .catalog-filter .noUi-horizontal .noUi-handle { width: 12px; height: 12px; border-radius: 12px; border: none; -webkit-box-shadow: none; box-shadow: none; background: #6033D6; top: -4px; cursor: pointer; right: -7px; } .catalog-filter .noUi-horizontal .noUi-handle::before, .catalog-filter .noUi-horizontal .noUi-handle::after { display: none; } .catalog-filter .noUi-touch-area { display: none !important; } .catalog-filter *::-webkit-scrollbar { width: 4px; } .catalog-filter *::-webkit-scrollbar-track { background: #31353C; border-radius: 5px; } .catalog-filter *::-webkit-scrollbar-thumb { border-radius: 5px; background: #6033D6; } .catalogMain { padding: 152px 0 40px; min-height: 490px; } .catalogMain-bg { left: 0; top: 0; width: 100%; height: 100%; transition: all .2s; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .show-menu .catalogMain-bg { opacity: .1; } .catalogMain-list { margin-top: 36px; } .catalogMain-title { color: #FFF; font-size: 32px; font-weight: 500; line-height: normal; margin-right: 20px; } .catalogMain-subtitle { color: #FFF; font-size: 16px; font-weight: 400; line-height: normal; } .breadcrumbs { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs li { position: relative; margin-right: 20px; color: #FFF; font-size: 13px; font-weight: 400; line-height: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .breadcrumbs li::after { content: ""; position: absolute; top: 5px; height: 100%; width: 6px; background-image: url("/local/templates/techkitchen/assets/css/../../images/breadcrumbs.svg"); background-repeat: no-repeat; left: calc(100% + 8px); } .breadcrumbs li:last-child::after { display: none; } .breadcrumbs li a { text-decoration: none; outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #8C8C8C; -webkit-transition: all 0.4s; transition: all 0.4s; } .breadcrumbs li a:hover { color: #fff; } .otherCatalog { margin: -60px 0; } .otherCatalog .catalog-right__block { width: 16.6666666667%; } .otherCatalog-title { margin-bottom: 24px; color: #FFF; font-size: 20px; font-weight: 600; line-height: normal; } .catalog-page__wrapper .header { position: absolute; left: 0; top: 0; width: 100%; z-index: 19; } .card { padding-top: 135px; position: relative; } .card::before { content: ""; position: absolute; top: -69px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1110px; height: 790px; border-radius: 1110px; background: #3C424A; -webkit-filter: blur(167px); filter: blur(167px); opacity: 0.5; } .card-top { border-top: 1px solid #363B42; border-bottom: 1px solid #363B42; padding: 13px 0; } .card-top__items { color: #525A68; font-size: 14px; font-weight: 400; line-height: normal; } .card-top__link { margin-left: 125px; color: #525A68; } .card-top__link:hover { color: #fff; } .card-top__link:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .card-top__link, .card-top__info { white-space: nowrap; } .card-top__link img, .card-top__info img { margin-right: 8px; } .card-left { width: 430px; padding-top: 30px; padding-bottom: 30px; } .card-right { width: 430px; padding-top: 30px; padding-bottom: 30px; } .card-center { width: calc(100% - 860px); border-left: 1px solid #363B42; border-right: 1px solid #363B42; padding-bottom: 30px; padding-top: 30px; } .card-brand { padding: 15px 18px; height: 50px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-rating { margin: 22px 0 28px; color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .card-rating img { margin-right: 4px; } .card-rating span { margin-left: 13px; } .card-line { height: 1px; position: relative; } .card-line__char { margin: 29px 0; } .card-line__doc { margin: 30px 0 17px; } .card-line span { width: 2000px; background: #363B42; height: 1px; position: absolute; right: 0; top: 0; } .card-char { padding-right: 30px; } .card-char__title { color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; margin-bottom: 12px; } .card-char__item { padding: 8px 0; border-bottom: 1px dashed #525A68; color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .card-char__item span { color: #99A3AE; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card-char__item p { width: 146px; min-width: 146px; } .card-char__link { margin-top: 20px; color: #FFF; font-size: 14px; font-weight: 400; text-decoration-line: underline; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .card-char__link:hover { text-decoration: none; } .card-doc { padding-right: 30px; } .card-doc__item { padding: 10px 0; border-bottom: 1px dashed #525A68; } .card-doc__item:first-child { padding-top: 0; } .card-doc__item:last-child { border: none; padding-bottom: 0; } .card-doc__item-icon { margin-right: 10px; } .card-doc__item-arrow { margin-left: auto; -webkit-transition: all 0.4s; transition: all 0.4s; } .card-doc__item-title { color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .card-doc__item-subtitle { color: #525A68; font-size: 12px; font-weight: 400; line-height: normal; margin-top: 2px; } .card-doc__item-link { left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .card-doc__item:hover .card-doc__item-arrow { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .card-title { padding-right: 30px; } .card-cats { margin: -6px -3px 0; } .card-cat { margin: 6px 3px 0; padding: 0 6px; border-radius: 37px; background: #4C1E87; color: #FFF; font-size: 11px; font-weight: 400; line-height: normal; white-space: nowrap; } .card-slider { width: 470px; max-width: 100%; margin: 0 auto; } .card-slider .swiper-pagination { display: none; } .card-img { aspect-ratio: 1; } .card-img img { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; -o-object-fit: contain; object-fit: contain; } .card-thumb { position: static; } .card-thumb .swiper-slide { border-radius: 10px; border: 1px solid #525A68; -webkit-transition: border 0.4s; transition: border 0.4s; padding: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-thumb .swiper-slide-thumb-active { border-color: #fff; } .card-thumb__prev { right: calc(100% + 46px); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-thumb__prev:hover { opacity: 0.7; } .card-thumb__next { left: calc(100% + 46px); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-thumb__next:hover { opacity: 0.7; } .card-thumb__wrapper { width: 430px; max-width: 100%; margin: 0 auto; } .card-list { position: relative; } .card-list::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 3000px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #363B42; height: 1px; } .card-list__bottom .card-center, .card-list__bottom .card-right { padding-top: 16px; } .card-connection__title { margin-bottom: 20px; color: #FFF; font-size: 16px; font-weight: 400; line-height: normal; padding-left: 30px; } .card-connection__item { padding: 28px 0 28px 30px; width: 390px; max-width: 100%; border-bottom: 1px solid #363B42; } .card-connection__item-img { min-width: 86px; width: 86px; height: 86px; margin-right: 24px; } .card-connection__item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-connection__item-title { color: #525A68; font-size: 12px; font-weight: 400; line-height: normal; } .card-connection__item-subtitle { color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; margin: 3px 0 13px; } .card-connection__item-price { color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; } .card-connection__item-favorite { margin-left: auto; background-size: 20px; background-image: url("/local/templates/techkitchen/assets/css/../../images/favorite-1.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; } .card-connection__item-favorite.active { background-image: url("/local/templates/techkitchen/assets/css/../../images/favorite-2.svg"); } .card-connection__item-favorite:hover { opacity: 0.7; } .card-connection__item-bottom { padding-right: 20px; } .card-connection__item-comparison { margin-left: 20px; background-size: 20px; background-image: url("/local/templates/techkitchen/assets/css/../../images/comparison-1.svg"); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; } .card-connection__item-comparison.active { background-image: url("/local/templates/techkitchen/assets/css/../../images/comparison-2.svg"); } .card-connection__item-comparison:hover { opacity: 0.7; } .card-connection__item-plus { background-image: url("/local/templates/techkitchen/assets/css/../../images/plus-2.svg"); margin-left: 11px; margin-right: auto; width: 24px; height: 24px; } .card-connection__item-plus:hover { opacity: 0.7; } .card-center__wrapper { padding: 0 30px; } .card-tab { color: #525A68; font-size: 16px; font-weight: 400; line-height: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 10px; margin-right: 72px; position: relative; } .card-tab::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; border-radius: 99px; background: #7F53F6; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .card-tab.active { color: #8F5DF7; } .card-tab.active::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .card-chars__block { margin-top: 30px; } .card-chars__title { margin-bottom: 20px; color: #FFF; font-size: 16px; font-weight: 600; line-height: 22px; } .card-chars__item { color: #99A3AE; font-size: 14px; font-weight: 400; line-height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-chars__item-line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; top: 16px; border: 1px dashed #525A68; margin: 0 12px 0 8px; } .card-chars__item-right { width: 163px; color: #FFF; } .card-content { display: none; } .card-content:first-child { display: block; } .card-description { margin-top: 30px; } .card-description__top { color: #FFF; font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 40px; } .card-description__img { width: 367px; min-width: 367px; margin-right: 31px; border-radius: 10px; } .card-description__title { color: #FFF; font-size: 18px; font-weight: 600; line-height: 24px; } .card-description__text { margin-top: 10px; color: #FFF; font-size: 14px; font-weight: 400; line-height: 22px; } .card-description__item { margin-top: 56px; } .card-description__item:nth-child(even) .card-description__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; margin-left: 31px; } .card-showroom { padding: 31px 0 31px 30px; } .card-showroom__icon { margin-right: 10px; } .card-showroom__title { color: #FFF; font-size: 14px; font-weight: 600; line-height: normal; } .card-showroom__subtitle { margin-top: 2px; color: #A7A7A7; font-size: 12px; font-weight: 400; line-height: normal; } .card-showroom__link { margin-left: auto; } .card-showroom__link:hover { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .card-line__auto { margin-top: auto; } .card-line__auto span { right: auto; left: 0; } .card-line__right span { right: auto; left: 0; } .card-benefits { margin-bottom: -30px; } .card-benefits__item { width: 50%; padding: 30px 0 30px 30px; } .card-benefits__item:last-child { margin-left: 10px; border-left: 1px solid #363B42; } .card-benefits__item-top { color: #FFF; font-size: 14px; font-weight: 600; line-height: normal; margin-bottom: 14px; white-space: nowrap; } .card-benefits__item-top img { margin-right: 8px; } .card-benefits__item-text, .card-benefits__item-link { color: #FFF; font-size: 14px; font-weight: 400; line-height: 18px; } .card-benefits__item-link { text-decoration: underline; } .card-benefits__item-link img { margin-left: 8px; } .card-inStock { padding: 24px 0 24px 29px; } .card-inStock__img { margin-right: 8px; } .card-inStock__text { margin-right: auto; color: #00C172; font-size: 14px; font-weight: 500; line-height: normal; } .card-inStock__numbers { margin-right: 8px; color: #00C172; font-size: 12px; font-weight: 500; padding-bottom: 2px; } .card-inStock__line { margin-left: 4px; width: 30px; border-radius: 19px; height: 2px; } .card-info { padding: 30px 0 30px 30px; } .card-info .catalog-item__stock { margin: 0; } .card-info .catalog-item__old { margin: 0 20px 0; } .card-info__top { margin-bottom: 16px; } .card-info__price { margin-bottom: 16px; color: #FFF; font-size: 28px; font-weight: 600; line-height: normal; } .card-info .catalog-item__add { width: 254px; height: 48px; font-size: 16px; margin-right: 14px; border-radius: 70px; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } .card-info .catalog-item__add:hover { opacity: 0.8; } .card-info .catalog-item__add span { display: block !important; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 10px; } .card-info .catalog-item__add img { margin: 0; } .card-info .catalog-item__favorite, .card-info .catalog-item__comparison { width: 48px; height: 48px; background-size: 48px; margin-left: 16px; margin-right: 0 !important; } .card-colors { padding: 23px 0 30px 30px; } .card-colors__title { color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; padding-left: 32px; background-image: url("/local/templates/techkitchen/assets/css/../../images/colors.svg"); background-repeat: no-repeat; background-position: left center; white-space: nowrap; } .card-colors__gray { margin-left: auto; color: #99A3AE; font-size: 12px; font-weight: 400; line-height: normal; white-space: nowrap; } .card-colors__items { margin-right: -10px; } .card-colors__item { margin-right: 10px; width: 48px; height: 48px; min-width: 48px; padding: 4px; border-radius: 10px; border: 1px solid #525A68; } .card-colors__item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; } .card-colors__item.active, .card-colors__item:hover { border: 1px solid #6034D5; -webkit-box-shadow: 0px 0px 6px 0px #B095F6; box-shadow: 0px 0px 6px 0px #B095F6; } .card-colors__top { margin-bottom: 23px; } .card-mobileMenu { padding: 9px 4px; min-height: 60px; position: fixed; z-index: 19; bottom: 4px; border-radius: 75px; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(32, 35, 40, 0.05); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .card-mobileMenu b { position: absolute; left: 47%; top: -6px; padding-top: 2px; border-radius: 10px; border: 1px solid #2A2E34; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 10px; font-weight: 600; line-height: normal; width: 18px; height: 18px; border-radius: 100%; } .card-mobileMenu__item { color: #838FA3; font-size: 12px; font-weight: 400; line-height: normal; position: relative; } .card-mobileMenu__item img { margin: 0 auto; } .card-mobileMenu__item.active { color: #fff; } .card-mobileMenu__item.active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .card-mobileInfo { height: 48px; width: 960px; z-index: 19; position: fixed; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 23px 0 19px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 75px; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(32, 35, 40, 0.05); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-mobileInfo .catalog-item__price { margin: 0; } .card-mobileInfo .catalog-item__new { margin: 0 13px 0 0; } .card-mobileInfo .catalog-item__old { margin: 0; } .card-mobileInfo .catalog-item__buttons { margin: 0; } .card-mobileInfo .catalog-item__add { width: 32px; height: 32px; border-radius: 70px; border: 1px solid rgba(255, 255, 255, 0.15); background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-mobileInfo .catalog-item__add b { margin: 0 !important; background-size: 18px; background-repeat: no-repeat; background-position: center; } .card-mobileInfo .catalog-item__add span, .card-mobileInfo .catalog-item__add small { display: none !important; } .card-mobileInfo .catalog-item__favorite, .card-mobileInfo .catalog-item__comparison { width: 32px; min-width: 32px; height: 32px; margin: 0 0 0 10px; background-size: 20px; border-radius: 57px; border: 1px solid #525A68; } .catalogFooter { padding-top: 50px; overflow: hidden; } .catalogFooter::before { content: ""; position: absolute; bottom: -266px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 1920px; background: #3C424A; -webkit-filter: blur(167px); filter: blur(167px); width: 1920px; height: 1096px; opacity: 0.2; } .catalogFooter-buttons { margin-left: auto; } .catalogFooter-btn { width: 164px; height: 40px; color: #FFF; color: #FFF; font-size: 16px; font-weight: 600; padding-top: 3px; line-height: 30px; border-radius: 10px; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } .catalogFooter-btn:hover { opacity: 0.7; } .catalogFooter-dots { width: 40px; height: 40px; border: 1px solid #768092; border-radius: 100%; margin-left: 14px; } .catalogFooter-dots img { width: 10px; } .catalogFooter-dots:hover { opacity: 0.7; } .catalogFooter .footer-item__title { color: #525A68; } .catalogFooter .footer-policy { margin-left: 404px; } .catalogFooter-list { padding: 26px; margin-top: 42px; border-top: 1px solid #464C57; margin-bottom: 72px; } .catalogFooter-soc { width: 218px; } .catalogFooter-soc__title { margin-bottom: 14px; color: #FFF; font-size: 16px; font-weight: 600; line-height: 40px; } .catalogFooter-soc__item { width: 40px; height: 40px; } .catalogFooter-soc__item:hover { opacity: 0.8; } .catalogFooter .footer-center { padding-top: 0; margin-top: 0; border: none; } .catalogFooter-nav { margin-right: 120px; } .catalogFooter-nav__title { margin-bottom: 20px; color: #FFF; font-size: 16px; font-weight: 600; line-height: 40px; } .catalogFooter-nav ul { padding: 0; margin: 0 -58px 0 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 260px; } .catalogFooter-nav ul li { display: block; color: #768092; font-size: 14px; font-weight: 400; line-height: 30px; width: 172px; margin-right: 58px; } .catalogFooter-nav ul li a { text-decoration: none; outline: none; color: #768092; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.4s; transition: all 0.4s; } .catalogFooter-nav ul li a:hover { color: #fff; } .blockHeader { position: absolute; left: 0; top: 0; width: 100%; z-index: 1; border-bottom: 1px solid #363B42; } .header-without-lines .blockHeader { border-bottom: none; } .show-menu .blockHeader { z-index: 17; } .blockHeader-nav { padding: 0; margin: 0; } .blockHeader-nav ul { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blockHeader-nav ul li { margin-right: 21px; color: #8B96A3; font-size: 13px; font-weight: 400; line-height: normal; } .blockHeader-nav ul li a { text-decoration: none; outline: none; color: #8B96A3; -webkit-transition: all 0.4s; transition: all 0.4s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .blockHeader-nav ul li a:hover { color: #fff; } .blockHeader-border { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); padding-right: 8px; padding-left: 5px; height: 32px; color: #FFF; font-size: 14px; font-weight: 700; line-height: 30px; margin-right: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .blockHeader-border:hover { opacity: 0.8; } .blockHeader-border span { margin-right: 22px; margin-left: 17px; } .blockHeader-soc__item { margin-left: 12px; } .blockHeader-soc__item:hover { opacity: 0.7; } .blockHeader-contact { margin-left: auto; } .blockHeader-phone { margin-left: 20px; margin-right: 15px; color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; } .blockHeader-phone:hover { text-decoration: underline; } .blockHeader-time { color: #FFF; font-size: 13px; font-weight: 400; line-height: normal; } .blockHeader-time span { color: #838FA3; font-weight: 600; } .blockHeader-top { border-bottom: 1px solid #363B42; } .header-without-lines .blockHeader-top { border-bottom: none; } .blockHeader-top__list { height: 66px; } .blockHeader-bottom { height: 68px; } .blockHeader-catalog { color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; } .blockHeader-catalog img { margin-right: 8px; } .blockHeader-catalog:hover { opacity: 0.7; } .blockHeader-logo { width: 339px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .blockHeader-navs__item { margin-left: 50px; } .blockHeader-navs__item span { right: -15px; top: -15px; color: #CA81E9; font-size: 13px; font-weight: 400; line-height: normal; } .blockHeader-navs__item img { -webkit-transition: all 0.4s; transition: all 0.4s; } .blockHeader-navs__item:hover img { opacity: 0.7; } .blockHeader-search { width: 100%; right: 0; top: 50%; position: absolute; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transform: scale(0) translateY(-50%); -ms-transform: scale(0) translateY(-50%); transform: scale(0) translateY(-50%); } .blockHeader-search.active { -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .blockHeader-search input { height: 40px; width: 100%; padding-left: 14px; border-radius: 5px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 13px; font-weight: 400; line-height: normal; } .blockHeader-search input::-webkit-input-placeholder { color: #fff; } .blockHeader-search input::-moz-placeholder { color: #fff; } .blockHeader-search input:-ms-input-placeholder { color: #fff; } .blockHeader-search input::-ms-input-placeholder { color: #fff; } .blockHeader-search input::placeholder { color: #fff; } .blockHeader-search__btn { right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; padding: 0; cursor: pointer; background: url("/local/templates/techkitchen/assets/css/../../images/search-2.svg"); background-repeat: no-repeat; background-position: center; z-index: 3; position: absolute; width: 18px; height: 18px; } .catalog-page__wrapper .main { margin-top: 170px; } .page-pt { padding-top: 152px; } .article-left { width: 255px; padding: 19px; border: 1px solid rgba(136, 137, 139, 0.2); border-radius: 20px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .article-right { width: calc(100% - 285px); } .article-link { padding: 13px 15px; border-radius: 10px; border: 1px solid transparent; color: #838FA3; font-size: 14px; font-weight: 400; line-height: normal; } .article-link::after { content: ""; width: 7px; height: 10px; min-width: 7px; margin-left: 16px; background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .article-link:hover { border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(255, 255, 255, 0.05); } .article-link.active { background: #4D3C88; color: #fff; border: 1px solid rgba(136, 137, 139, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .article-link.active::after { opacity: 1; } .article-list { margin-top: 34px; } .article-content { color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: -24px; } .article-content p { margin-bottom: 24px; } .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { margin-bottom: 12px; font-size: 20px; font-weight: 600; line-height: normal; } .article-content a { color: #fff; text-decoration: underline; } .article-content ul { padding: 0; margin: -18px 0 24px; list-style-type: none; } .article-content ul li { display: block; position: relative; padding-left: 21px; } .article-content ul li::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 8px; top: 9px; background: #986FF0; } .article-title { color: #FFF; font-size: 32px; font-weight: 600; line-height: normal; margin-bottom: 24px; } .page-contact .article-title { margin-bottom: 60px; } .page-contact__map { height: 494px; border-radius: 20px; margin: 40px 0 50px; } .page-contact__map iframe { width: 100%; height: 100%; display: block; border: none; } .page-contact__info { padding: 24px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .page-contact__info-bold { color: #FFF; font-size: 20px; font-weight: 500; line-height: 120%; } .page-contact__info-item { width: 655px; margin-right: 30px; margin-top: 24px; max-width: calc(50% - 15px); } .page-contact__info-item:nth-child(even) { margin-right: 0; } .page-contact__info-title { color: #838FA3; font-size: 14px; font-weight: 400; line-height: 120%; } .page-contact__info-text { margin-top: 4px; color: #FFF; font-size: 16px; font-weight: 500; line-height: 120%; } .block-line { margin-bottom: 24px; height: 1px; margin-top: 15px; } .block-line::before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 1px; width: 3000%; background: #363B42; } .page-contact__top { padding: 26px 30px; border: 1px solid rgba(136, 137, 139, 0.2); border-radius: 20px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .page-contact__item { margin-right: 120px; } .page-contact__text { color: #FFF; font-size: 24px; font-weight: 500; line-height: 120%; } .page-contact__text a { color: #fff; text-decoration: none; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .page-contact__text a:hover { text-decoration: underline; } .page-contact__soc { margin-left: auto; } .page-contact__soc-item { width: 40px; height: 40px; margin-right: 10px; } .page-contact__soc-item:hover { opacity: 0.7; } .page-contact .catalogFooter-btn { margin: 0 0 0 10px; border-radius: 40px; width: 164px; height: 48px; font-size: 16px; padding: 0; } .modal { height: 100%; opacity: 1; } .modal-overlay { height: 100%; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(41, 45, 50, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .modal-list { height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .modal-container { border-radius: 20px 0px 0px 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: #292D32; -webkit-box-shadow: -12px 0px 42px 0px rgba(0, 0, 0, 0.2); box-shadow: -12px 0px 42px 0px rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); height: auto; padding: 50px 44px; margin-right: 0; margin-top: 0; height: 100%; overflow-y: auto; width: 517px; text-align: left; } .modal-close { width: 40px; height: 40px; background-image: url("/local/templates/techkitchen/assets/css/../../images/close-mobile.svg"); cursor: pointer; position: static; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modal-title { color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; } .modal-btn { height: 48px; width: 100%; margin: 26px 0 0 0; border-radius: 70px; border: 1px solid rgba(255, 255, 255, 0.15); background: #5F33D6; -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; position: relative; } .modal-btn::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 70px; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); } .modal-btn:hover::before { opacity: 0; } .modal-border { margin-top: 20px; border: 1px solid #986FF0; -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #986FF0; background: transparent; } .modal-border::before { opacity: 0; } .modal-border:hover { color: #fff; border: 1px solid rgba(255, 255, 255, 0.15); } .modal-border:hover::before { opacity: 1; } .modal-tar { text-align: right; } .modal-link { margin-top: 16px; color: #986FF0; font-size: 12px; font-weight: 400; line-height: 20px; } .modal-link:hover { text-decoration: underline; } .modal-mb-50 { margin-bottom: 50px; } .modal-mb-30 { margin-bottom: 30px; } .mb-30 { margin-bottom: 30px; } .form-field { position: relative; margin-bottom: 30px; } .form-field input, .form-field textarea { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; border-radius: 45px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); /*-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);*/ padding-left: 19px; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; height: 48px; } .form-field input::-webkit-input-placeholder, .form-field textarea::-webkit-input-placeholder { color: #838FA3; } .form-field input::-moz-placeholder, .form-field textarea::-moz-placeholder { color: #838FA3; } .form-field input:-ms-input-placeholder, .form-field textarea:-ms-input-placeholder { color: #838FA3; } .form-field input::-ms-input-placeholder, .form-field textarea::-ms-input-placeholder { color: #838FA3; } .form-field input::placeholder, .form-field textarea::placeholder { color: #838FA3; } .form-field input:focus, .form-field textarea:focus { border: 1px solid rgba(191, 167, 255, 0.6); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-box-shadow: 0px 0px 20px 0px rgba(109, 68, 219, 0.3); box-shadow: 0px 0px 20px 0px rgba(109, 68, 219, 0.3); } .form-field textarea { height: 190px; resize: none; padding: 19px; border-radius: 20px; } .form-field .help-block { display:none; } .form-field.has-error .help-block { position: absolute; display: block; margin-top: 3px; color: #FF4346; font-size: 11px; font-weight: 400; line-height: 20px; } .form-main-error { font-size: 14px; color: #FF4346; } .form-field.has-error input { border: 1px solid rgba(255, 67, 70, 0.6); } .btn-switch-show-password { position: absolute; right: 20px; top: 50%; border: 0; background-color: transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; width: 20px; height: 20px; background-image: url("/local/templates/techkitchen/assets/css/../../images/eye-1.svg"); background-repeat: no-repeat; cursor: pointer; } .btn-switch-show-password.active { background-image: url("/local/templates/techkitchen/assets/css/../../images/eye-2.svg"); } .modal-subtitle.w100 { width: 100%; margin-top: -20px; } .modal-mb-20 { margin-bottom: 20px; } .modals { font-family: "NTSomic"; } .modal-policy { color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 20px; } .modal-policy a { text-decoration: underline; color: #986FF0; text-decoration-line: underline; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .modal-policy a:hover { text-decoration: none; } .modal-subtitle { width: 285px; color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 20px; } .modal-back { background-image: url("/local/templates/techkitchen/assets/css/../../images/modal-dots.svg"); min-height: 12px; top: calc(100% + 4px); left: 0; position: absolute; color: #986FF0; font-size: 12px; font-weight: 400; line-height: 20px; background-repeat: no-repeat; background-position: left center; padding-left: 16px; } .modal-close { -webkit-transition: all 0.4s; transition: all 0.4s; } .modal-close:hover { opacity: 0.7; } .modal-forgot .modal-border { border: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #838FA3; } .modal-forgot .modal-border:hover { color: #fff; border: 1px solid rgba(255, 255, 255, 0.15); } .modal-forgot .modal-border:hover::before { opacity: 1; } .lc-title { margin: 30px 0 60px; color: #FFF; font-size: 32px; font-weight: 600; line-height: normal; } .lc-left { width: 400px; margin-right: 30px; padding: 19px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); /*-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);*/ } .lc-profile { padding: 35px 0; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 20px; } .lc-profile__logo { width: 72px; height: 72px; border-radius: 59px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin: 0 auto; } .lc-profile__name { margin: 16px 0; color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; } .lc-profile__phone { color: #838FA3; font-size: 16px; font-weight: 400; line-height: normal; } .lc-profile__phone:hover { text-decoration: underline; color: #fff; } .lc-link { height: 48px; width: 100%; border: 1px solid transparent; color: #838FA3; font-size: 14px; font-weight: 400; line-height: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 10px; position: relative; padding-left: 11px; } .lc-link span { margin-left: 11px; } .lc-link .icon-stroke { stroke: #8B96A3; } .lc-link .icon-fill { fill: #8B96A3; } .lc-link::after { content: ""; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 10px; background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); background-repeat: no-repeat; z-index: 2; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .lc-link b { background: #6033D6; -webkit-filter: drop-shadow(0px 0px 11.9px #6033D6); filter: drop-shadow(0px 0px 11.9px #6033D6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 24px; height: 24px; border-radius: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 31px; color: #FFF; font-size: 11px; font-weight: 700; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: normal; z-index: 2; } .lc-link.router-link-active, .lc-link:hover { border: 1px solid rgba(136, 137, 139, 0.2); background: #4D3C88; color: #fff; } .lc-link.active .icon-stroke, .lc-link:hover .icon-stroke { stroke: #fff; } .lc-link.active .icon-fill, .lc-link:hover .icon-fill { fill: #fff; } .lc-link.active b, .lc-link:hover b { background: #fff; color: #6033D6; } .lc-link.router-link-active::after { opacity: 1; } .lc-right { margin-left: auto; width: 255px; } .lc-right__label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 19px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 12px; font-weight: 400; line-height: 14px; margin: 0 0 20px; } .lc-right__label input { display: none; } .lc-right__label b { width: 20px; min-width: 20px; height: 20px; margin-right: 8px; border-radius: 5px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .lc-right__label b::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/local/templates/techkitchen/assets/css/../../images/check.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .lc-right__label input:checked + b { background: #6033D6; } .lc-right__label input:checked + b::before { opacity: 1; } .lc-right .modal-border { width: 100%; margin: 0; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; } .lc-right .modal-border:hover { color: #fff; background: #6033D6; } .lc-box { width: 825px; max-width: calc(100% - 430px - 285px); } .lc-center { width: 100%; max-width: calc(100% - 430px - 285px); border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 19px; } .lc-center__title { margin-bottom: 30px; color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; } .lc-center__block { width: calc(50% - 8px); } .lc-center__list .catalog-right__block { width: 33.333%; } .lc .catalog-bottom__btn { margin-right: auto; margin-left: 0; } .lc .catalog-bottom__buttons { margin-top: 60px; } .lc .modal-btn { width: 100%; margin: 0; } .lc-current__title { margin-bottom: 16px; color: #FFF; font-size: 20px; font-weight: 600; line-height: normal; } .lc-current__item { margin-top: 30px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 19px; } .lc-current__item:first-child { margin-top: 0; } .lc-current__item-info { color: #838FA3; font-size: 12px; font-weight: 400; line-height: 20px; } .lc-current__item-info b { color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; } .lc-current__item-status { padding: 0 8px; border-radius: 10px; border: 1px solid rgba(149, 255, 0, 0.2); background: linear-gradient(83deg, rgba(149, 255, 0, 0.04) -6.48%, rgba(149, 255, 0, 0.04) 21.56%, rgba(149, 255, 0, 0.03) 74.05%, rgba(149, 255, 0, 0.08) 106.26%, rgba(149, 255, 0, 0.04) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #95FF00; font-size: 10px; font-weight: 400; line-height: 20px; height: 27px; } .lc-current__item-status.canceled { border: 1px solid rgba(255, 67, 67, 0.2); background: linear-gradient(83deg, rgba(255, 67, 67, 0.04) -6.48%, rgba(255, 67, 67, 0.04) 21.56%, rgba(255, 67, 67, 0.03) 74.05%, rgba(255, 67, 67, 0.08) 106.26%, rgba(255, 67, 67, 0.04) 108.05%); color: #FF4343; } .lc-current__item-status.wait { border: 1px solid rgba(0, 208, 255, 0.2); background: linear-gradient(83deg, rgba(0, 208, 255, 0.04) -6.48%, rgba(0, 208, 255, 0.04) 21.56%, rgba(0, 208, 255, 0.03) 74.05%, rgba(0, 208, 255, 0.08) 106.26%, rgba(0, 208, 255, 0.04) 108.05%); color: #00D0FF; } .lc-current__item-status.new { border: 1px solid rgba(255, 174, 0, 0.2); background: linear-gradient(83deg, rgba(255, 174, 0, 0.04) -6.48%, rgba(255, 174, 0, 0.04) 21.56%, rgba(255, 174, 0, 0.03) 74.05%, rgba(255, 174, 0, 0.08) 106.26%, rgba(255, 174, 0, 0.04) 108.05%); color: #FFAE00; } .lc-current__item-bottom { border-radius: 10px; background: #2B3036; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 20px; } .lc-current__item-pays p { margin-right: 74px; color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; } .lc-current__item-pays p span { margin-top: 8px; display: block; color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; } .lc-current__item-btn { padding: 0 26px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; height: 32px; } .lc-current__item-btn::before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); width: 9px; height: 12px; background-size: 9px 12px; } .lc-current__item-btn:hover { border-color: rgba(255, 255, 255, 0.3); } .lc-current__item-center { margin-bottom: 29px; } .lc-current__item-center { margin-right: -12px; } .lc-current__item-product { padding: 9px; margin-right: 12px; width: calc(11.1111111111% - 12px); aspect-ratio: 1; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: none; } .lc-current__item-product:nth-child(-n+8) { display: block; } .lc-current__item-product img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .lc-current__item-other { width: calc(11.1111111111% - 12px); aspect-ratio: 1; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(96, 51, 212, 0.3))); background: linear-gradient(to bottom, transparent, rgba(96, 51, 212, 0.3)); color: #FFF; font-size: 20px; font-weight: 400; line-height: normal; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 9px; } .lc-current__item-other span { z-index: 2; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lc-current__item-other img { max-width: 100%; max-height: 100%; opacity: .1; -o-object-fit: contain; object-fit: contain; } .lc-current__item-top { margin-bottom: 21px; padding-bottom: 21px; border-bottom: 1px solid #5B6069; } .lc-current__block { margin-top: 30px; } .lc-current__block:first-child { margin-top: 0; } .lc-current__item-bold { margin-bottom: 6px; color: #FFF; font-size: 14px; font-weight: 700; line-height: normal; } .lc-current__item-card { padding: 20px 0; border-bottom: 1px solid #5B6069; } .lc-current__item-card:last-child { border: none; padding-bottom: 0; } .lc-current__item-card__img { width: 86px; height: 86px; min-width: 86px; margin-right: 22px; -o-object-fit: contain; object-fit: contain; display: block; } .lc-current__item-card__right { width: 75px; margin-left: auto; } .lc-current__item-card__right .catalog-item__comparison { margin: 0; } .lc-current__item-card__right .catalog-item__favorite { margin: 0 12px 0 0; } .lc-current__item-card__numbers { margin-top: 12px; height: 24px; width: 40px; border-radius: 35px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .lc-current__item-card__price { position: absolute; right: 0; bottom: 20px; color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; } .lc-current__item-card__top { color: #525A68; font-size: 12px; font-weight: 400; line-height: normal; } .lc-current__item-card__title { color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; margin-top: 6px; width: 400px; max-width: 100%; } .lc-right__order { border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 19px; color: #838FA3; margin-bottom: 20px; } .lc-right__order:last-child { margin-bottom: 0; } .lc-right__order-text { font-size: 12px; font-weight: 400; line-height: 14px; } .lc-right__order-text a { display: block; margin-top: 8px; color: #838FA3; text-decoration: none; } .lc-right__order-text a:hover { text-decoration: underline; } .lc-right__order-title { font-size: 16px; font-weight: 500; line-height: normal; } .lc-right__order-subtitle { margin: 18px 0 10px; font-size: 14px; font-weight: 600; line-height: 20px; } .lc-right__order-item { margin-top: 16px; color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; } .lc-right__order-item p { color: #fff; } .lc-right__order-item p.pink-color { color: #FF266C; } .lc-right__order-item b { color: #FFF; font-size: 16px; font-weight: 700; line-height: normal; } .lc-right__order-item:first-child { margin-top: 0; } .lc-compare { width: 1110px; max-width: calc(100% - 430px); } .lc-compare .catalog-inStock__label span { margin-right: 15px; } .lc-compare__top { border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 30px; padding: 19px; } .lc-compare__clear { color: #ED1844; font-size: 14px; font-weight: 400; line-height: normal; } .lc-compare__clear img { margin-right: 10px; } .lc-compare__clear:hover { text-decoration: underline; } .lc-compare__bottom { margin-top: 26px; } .lc-compare__bottom-title { color: #FFF; font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 8px; padding: 0 20px; } .lc-compare__bottom-text { padding: 8px 20px; color: #FFF; font-size: 12px; font-weight: 400; line-height: 20px; position: relative; } .lc-compare__bottom-text::before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 100%; width: 5000px; background: #303439; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .lc-compare__bottom-text span, .lc-compare__bottom-text p { position: relative; z-index: 2; } .lc-compare__bottom-text span { color: #99A3AE; font-size: 12px; font-weight: 400; line-height: 20px; } .lc-compare__bottom-text:hover::before { opacity: 1; } .lc-compare__bottom-block { margin-top: 26px; } .lc-compare__bottom-block:first-child { margin-top: 0; } .lc-compare__arrow { top: 215px; right: -24px; z-index: 4; width: 48px; height: 48px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lc-compare__arrow::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url("/local/templates/techkitchen/assets/css/../../images/slider-arrow.svg"); background-repeat: no-repeat; background-position: center; } .lc-compare__prev { right: auto; left: -24px; } .lc-compare__prev::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .lc-compare__slider { position: static; } .checkout-promocode { margin-bottom: 20px; } .checkout-promocode .catalogFooter-btn { position: absolute; z-index: 3; top: 4px; right: 4px; height: 40px; border: none; cursor: pointer; border-radius: 70px; width: 100px; font-size: 14px; } .checkout-promocode input { width: 100%; height: 48px; border-radius: 45px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 14px; font-weight: 400; line-height: 20px; color: #fff; padding-left: 16px; } .checkout-promocode input::-webkit-input-placeholder { color: #838FA3; } .checkout-promocode input::-moz-placeholder { color: #838FA3; } .checkout-promocode input:-ms-input-placeholder { color: #838FA3; } .checkout-promocode input::-ms-input-placeholder { color: #838FA3; } .checkout-promocode input::placeholder { color: #838FA3; } .checkout-login { padding: 19px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; } .checkout-login a { color: #BFA7FF; text-decoration: none; } .checkout-login a:hover { text-decoration: underline; } .checkout .lc-right__label { padding: 0; border: none; -webkit-backdrop-filter: none; backdrop-filter: none; margin: 14px 0 0 0; background: transparent; } .checkout .lc-right__label span { -webkit-transition: all 0.4s; transition: all 0.4s; color: #525A68; } .checkout .lc-right__label input:checked + b + span { color: #fff; } .checkout .lc-right__label a { color: #986FF0; text-decoration-line: underline; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .checkout .lc-right { width: 400px; } .checkout-right { margin: 20px 0; } .checkout-right__list { margin-right: -12px; } .checkout-right__list .lc-current__item-product { display: none !important; } .checkout-right__list .lc-current__item-product:nth-child(-n+8) { display: block !important; } .checkout-right__list .lc-current__item-product, .checkout-right__list .lc-current__item-other { width: calc(33.333% - 12px); } .checkout-right__top { margin-bottom: 24px; } .checkout-right__title { color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; } .checkout-right__title span { width: 18px; height: 18px; min-width: 18px; border-radius: 70px; border: 1px solid rgba(136, 137, 139, 0.2); background: -webkit-gradient(linear, left bottom, left top, from(#5F33D6), to(#5F33D6)), rgba(255, 255, 255, 0.05); background: linear-gradient(0deg, #5F33D6 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 13px; font-weight: 400; line-height: 30px; margin-left: 6px; } .checkout-right__link { color: #838FA3; font-size: 14px; font-weight: 500; line-height: normal; text-decoration: none; } .checkout-right__link:hover { text-decoration: underline; } .checkout-left { width: 100%; max-width: calc(100% - 530px); } .checkout-btn { width: 100%; cursor: pointer; border: none; margin-top: 20px; border-radius: 70px; height: 48px; } .checkout-box { padding: 19px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 30px; } .checkout-box:last-child { margin-bottom: 0; } .checkout-bold { color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; margin-bottom: 15px; } .checkout-inputs__block { width: 100%; } .checkout-inputs__label { padding: 29px 19px 29px 19px; border-radius: 10px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 100%; } .checkout-inputs__label input { display: none; } .checkout-inputs__label-content { margin-right: auto; } .checkout-inputs__label b { width: 26px; min-width: 26px; height: 26px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 39px; margin-left: 11px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.4s; transition: all 0.4s; } .checkout-inputs__label b::before { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border-radius: 39px; background: #6033D6; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; } .checkout-inputs__label-img { margin-left: 12px; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.4s; transition: all 0.4s; } .checkout-inputs__label-title { color: #FFF; font-size: 14px; font-weight: 600; line-height: normal; } .checkout-inputs__label-text { margin-right: 3px; color: #838FA3; font-size: 12px; font-weight: 400; line-height: normal; } .checkout-inputs__label > * { z-index: 3; } .checkout-inputs__label small { border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); left: 0; top: 0; width: 100%; border-radius: 10px; height: 100%; pointer-events: none; -webkit-transition: all 0.4s; transition: all 0.4s; } .checkout-inputs__label input:checked + b { border-color: #6033D6; } .checkout-inputs__label input:checked + b::before { opacity: 1; } .checkout-inputs__label input:checked + b + small + span + img { -webkit-filter: grayscale(0); filter: grayscale(0); } .checkout-inputs__label input:checked + b + small { opacity: 1; border: 1px solid #6033D6; -webkit-box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); } .checkout-tabs { border-radius: 45px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 3px; margin-bottom: 30px; } .checkout-tab { width: 50%; height: 40px; border-radius: 38px; color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; } .checkout-tab.active { background: rgba(95, 51, 214, 0.5); color: #fff; } .checkout-content { display: none; } .checkout-content:first-child { display: block; } .checkout-mt { } .checkout-checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 23px 19px; border-radius: 20px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); min-height: 100%; } .checkout-checkbox__img { width: 80px; min-width: 80px; } .checkout-checkbox__img img { -webkit-transition: all 0.4s; transition: all 0.4s; } .checkout-checkbox__img::before { content: ""; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); left: 0; top: 0; width: 100%; border-radius: 20px; height: 100%; pointer-events: none; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 1; z-index: 2; position: absolute; } .checkout-checkbox b { width: 32px; min-width: 32px; height: 32px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-radius: 39px; margin-left: 12px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.4s; transition: all 0.4s; } .checkout-checkbox b::before { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border-radius: 39px; background: #6033D6; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 0; background-repeat: no-repeat; background-position: center; } .checkout-checkbox__flex { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .checkout-checkbox__text { color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; } .checkout-checkbox small { width: 120px; min-width: 120px; height: 32px; border-radius: 40px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 16px; font-weight: 500; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: normal; } .checkout-checkbox input:checked + .checkout-checkbox__img img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .checkout-checkbox input:checked + .checkout-checkbox__img::before { opacity: 1; border-color: #6033D6; -webkit-box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); } .checkout-checkbox input:checked + span + span + b { border: #6033D6; } .checkout-checkbox input:checked + span + span + b::before { opacity: 1; background-image: url("/local/templates/techkitchen/assets/css/../../images/check-2.svg"); } .checkout-checkbox input:checked + span + span small { opacity: 1; background: #6033D6; color: #fff; -webkit-box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); box-shadow: 0px 0px 12px 0px rgba(129, 91, 226, 0.25); } .checkout-inputs__block.w25 { width: calc(25% - 11px); } .checkout-inputs__block.w50 { width: calc(50% - 11px); } .modal-title span { width: 19px; height: 19px; margin-left: 8px; border-radius: 70px; border: 1px solid rgba(255, 255, 255, 0.15); background: -webkit-gradient(linear, left bottom, left top, from(#5F33D6), to(#5F33D6)), rgba(255, 255, 255, 0.05); background: linear-gradient(0deg, #5F33D6 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 13px; font-weight: 400; margin-top: 2px; line-height: 30px; } .modal-cart .modal-container { width: 660px; padding-bottom: 0 !important; } .modal-cart__bottom { left: 0; bottom: 0; z-index: 8; padding: 20px 42px 24px 32px; border-radius: 20px 20px 0px 20px; background: rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px -4px 23.3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px -4px 23.3px 0px rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 100%; } .modal-cart__bottom .modal-btn { margin: 0; width: 310px; height: 48px; border-radius: 70px; font-size: 16px; } .modal-cart__price span { color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .modal-cart__price p { margin-top: 12px; color: #FFF; font-size: 16px; font-weight: 700; line-height: normal; } .modal-cart__wrapper { margin-top: 45px; } .modal-cart__scroll { overflow-y: auto; max-height: calc(100vh - 200px); padding-right: 20px; padding-bottom: 60px; } .modal-cart__scroll::-webkit-scrollbar { width: 4px; } .modal-cart__scroll::-webkit-scrollbar-track { background: #31353C; border-radius: 5px; } .modal-cart__scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #6033D6; } .modal-cart__item { padding: 19px 19px 14px; margin-top: 20px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .modal-cart__item:first-child { margin-top: 0; } .modal-cart__item-close { right: 20px; top: 20px; z-index: 3; } .modal-cart__item-img { width: 114px; height: 114px; min-width: 114px; margin-right: 18px; } .modal-cart__item-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .modal-cart__item-top { color: #838FA3; font-size: 10px; font-weight: 400; line-height: 20px; } .modal-cart__item-title { color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; width: 230px; max-width: 100%; } .modal-cart__item-title:hover { text-decoration: underline; } .modal-cart__item-bottom { margin-top: 25px; } .modal-cart__item-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .modal-cart__item-price { text-align: right; } .modal-cart__item-price .catalog-item__new { margin: 0; } .modal-cart__item-price .catalog-item__old { margin: 0 0 4px; } .modal-cart__item-links { margin-right: 20px; margin-left: auto; } .counter { width: 106px; } .counter-minus, .counter-plus { border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; width: 32px; height: 32px; min-width: 32px; padding: 0; } .counter-minus:hover, .counter-plus:hover { opacity: 0.7; } .counter-minus { background-image: url("/local/templates/techkitchen/assets/css/../../images/counter-minus.svg"); } .counter-plus { background-image: url("/local/templates/techkitchen/assets/css/../../images/counter-plus.svg"); } .counter-result { width: 42px; border: none; background: transparent; color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .bottomMenu { position: fixed; display: none; z-index: 1000; left: 0; bottom: 0; width: 100%; overflow: hidden; border-radius: 20px 20px 0px 0px; border: 1px solid rgba(136, 137, 139, 0.2); background: #202328; -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .bottomMenu-list { min-height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottomMenu-link { margin: 0 13px; color: #838FA3; font-size: 12px; font-weight: 400; text-decoration: none; line-height: normal; } .bottomMenu-link::before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: calc(100% + 4px); width: 70px; height: 70px; border-radius: 100%; background: #6033D4; -webkit-filter: blur(6.75px); filter: blur(6.75px); opacity: 0; } .bottomMenu-link__icon { width: 24px; margin: 0 auto; } .bottomMenu-link .icon-active { display: none; } .bottomMenu-link__span { margin-top: 3px; } .bottomMenu-link__number { right: -6px; top: -5px; z-index: 2; width: 19px; height: 19px; border-radius: 10px; border: 1px solid #2A2E34; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 100%; color: #FFF; font-size: 10px; font-weight: 600; line-height: normal; } .bottomMenu-link.active { color: #fff; } .bottomMenu-link.active::before { opacity: 1; } .bottomMenu-link.active .icon-default { display: none; } .bottomMenu-link.active .icon-active { display: block; } .mobMenu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 39; border-radius: 0px 0px 10px 10px; background: rgba(41, 45, 50, 0.05); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .mobMenu { position: fixed; left: 0; bottom: 0; width: 100%; max-height: 100%; z-index: 40; overflow-y: auto; border-radius: 20px 20px 0px 0px; border: 1px solid rgba(136, 137, 139, 0.2); background: #292D32; -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 20px 0 90px; } .mobMenu::-webkit-scrollbar { display: none; } .mobMenu-close { right: 20px; top: 20px; z-index: 3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 40px; height: 40px; background-image: url("/local/templates/techkitchen/assets/css/../../images/close-mobile.svg"); } .mobMenu-contact { margin-bottom: 20px; } .mobMenu-contact__title { color: #525A68; font-size: 14px; font-weight: 400; line-height: normal; } .mobMenu-contact__link { color: #FFF; font-size: 16px; font-weight: 700; line-height: normal; margin-top: 3px; } .mobMenu-contacts { padding: 0 20px; } .mobMenu .catalogFooter-soc { padding: 0 20px; margin: 26px 0 0 0; } .mobMenu .catalogFooter-soc__list { width: 267px; max-width: 100%; } .mobMenu .catalogFooter-soc__title { font-size: 14px; line-height: 20px; margin-bottom: 24px; font-weight: 600; } .mobMenu-nav { border-top: 1px solid #3D424A; } .mobMenu-nav__item { height: 52px; border-bottom: 1px solid #3D424A; padding-left: 20px; padding-right: 20px; color: #838FA3; font-size: 14px; font-weight: 400; line-height: normal; width: 100%; } .mobMenu-nav__item-icon { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; margin-right: 12px; } .mobMenu-nav__item-number { width: 24px; height: 24px; background: #6033D6; -webkit-filter: drop-shadow(0px 0px 11.9px #6033D6); filter: drop-shadow(0px 0px 11.9px #6033D6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 100%; color: #FFF; font-size: 11px; font-weight: 700; line-height: normal; margin-left: auto; } .blockCatalog { background: #292D32; position: absolute; left: 0; top: 136px; width: 100%; z-index: 19; display: none; border-top: 1px solid #363B42; } .blockCatalog-left { width: 300px; padding: 20px 42px 20px 0; } .blockCatalog-right { width: calc(100% - 300px); } .blockCatalog-link { border-radius: 10px; border: 1px solid transparent; padding: 11px 9px; color: #FFF; font-size: 14px; font-weight: 400; line-height: normal; } .blockCatalog-link::after { content: ""; width: 7px; height: 10px; right: 19px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .blockCatalog-link span { margin-top: 2px; } .blockCatalog-link img { margin-right: 11px; -webkit-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 768px) { .blockCatalog-link.active { border: 1px solid rgba(136, 137, 139, 0.2); background: #4D3C88; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .blockCatalog-link.active::after { opacity: 1; } .blockCatalog-link.active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } } .blockCatalog-right { position: relative; } .blockCatalog-right::before { content: ""; position: absolute; left: 0; top: 0; width: 3000px; height: 100%; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .blockCatalog-item { padding: 20px 0 20px 30px; display: none; } .blockCatalog-item__title { margin-bottom: 36px; color: #FFF; font-size: 24px; font-weight: 700; line-height: normal; } .blockCatalog-item__flex { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .blockCatalog-item__img { border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); width: 483px; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; } .blockCatalog-item__navs { width: calc(100% - 560px); } .blockCatalog-item__navs-block { width: 50%; margin-bottom: -36px; } .blockCatalog-item__navs-block ul { padding: 0; margin: 0; list-style-type: none; } .blockCatalog-item__navs-block ul li { display: block; margin-bottom: 36px; } .blockCatalog-item__navs-block ul li a { color: #FFF; font-size: 16px; font-weight: 700; line-height: normal; text-decoration: none; outline: none; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; } .blockCatalog-item__navs-block ul li a:hover { text-decoration: underline; } .blockCatalog-item__navs-block ul li ul { padding-top: 16px; } .blockCatalog-item__navs-block ul li ul li { margin: 0; } .blockCatalog-item__navs-block ul li ul li a { color: #838FA3; font-size: 14px; font-weight: 400; line-height: 28px; } .blockCatalog-item__navs-block ul li ul li a:hover { text-decoration: none; color: #fff; } .blockCatalog-item__logos { margin-bottom: 74px; } .blockCatalog-item__logos-list { margin-left: -6px; margin-right: -6px; margin-top: -12px; } .blockCatalog-item__logos-block { padding-left: 6px; padding-right: 6px; margin-top: 12px; width: 12.5%; } .blockCatalog-item__logo { height: 48px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); padding: 5px; -webkit-transition: all 0.4s; transition: all 0.4s; } .blockCatalog-item__logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; -o-object-fit: contain; object-fit: contain; } .blockCatalog-item__logo:hover { border-color: rgba(255, 255, 255, 0.4); } .mobMenu-overlay { z-index: 17; } .blockHeader-catalog img { display: none; } .blockHeader-catalog img:first-child { display: block; } .blockHeader-catalog.active img { display: block; } .blockHeader-catalog.active img:first-child { display: none; } .bottomMenu-link__span { white-space: nowrap; } .successCategories { padding-bottom: 0 !important; } .page-success { overflow: hidden; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 0 24px 23px; width: 400px; max-width: 100%; margin: 0 auto; position: relative; padding-top: 270px; } .page-success__title { color: #FFF; font-size: 18px; font-weight: 500; line-height: normal; } .page-success__subtitle { margin: 4px 0 16px; color: #4EB91C; font-size: 16px; font-weight: 500; line-height: normal; } .page-success__text { color: #838FA3; font-size: 16px; font-weight: 400; line-height: normal; } .page-success__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .blockSearch { z-index: 40; padding-top: 45px; left: 0; top: 0; width: 100%; height: 100%; position: fixed; overflow-y: auto; display: block; } .blockSearch-wrapper { width: 1110px; max-width: 100%; padding: 29px; background: #292D32; background: 1px solid rgba(136, 137, 139, 0.2); -webkit-filter: drop-shadow(-12px 0px 42px rgba(0, 0, 0, 0.2)); filter: drop-shadow(-12px 0px 42px rgba(0, 0, 0, 0.2)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin: 0 auto; border-radius: 20px; } .blockSearch-close { right: 56px; top: 93px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 5; } .blockSearch-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(41, 45, 50, 0.8); } .blockSearch-input { border-radius: 45px; border: 1px solid rgba(191, 167, 255, 0.6); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-transition: all 0.4s; transition: all 0.4s; padding-left: 19px; color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; width: 100%; height: 48px; padding-top: 2px; } .blockSearch-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } .blockSearch-input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .blockSearch-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .blockSearch-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .blockSearch-input::placeholder { color: rgba(255, 255, 255, 0.6); } .blockSearch-input:focus { -webkit-box-shadow: 0px 0px 20px 0px rgba(109, 68, 219, 0.3); box-shadow: 0px 0px 20px 0px rgba(109, 68, 219, 0.3); } .blockSearch-btn { width: 100px; height: 40px; right: 4px; top: 4px; border-radius: 70px; border: 1px solid rgba(255, 255, 255, 0.15); background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; } .blockSearch-btn:hover { opacity: 0.8; } .blockSearch-clear { z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background-image: url("/local/templates/techkitchen/assets/css/../../images/clear-2.svg"); background-repeat: no-repeat; right: 126px; -webkit-transition: all 0.4s; transition: all 0.4s; padding-top: 2px; } .blockSearch-clear:hover { opacity: 0.8; } .blockSearch-top { margin-bottom: 26px; } .blockSearch-bold { color: #FFF; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 16px; } .blockSearch-link { color: #838FA3; font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 10px; border: 1px solid transparent; margin-top: 8px; padding: 8px 7px; } .blockSearch-link:first-child { margin-top: 0; } .blockSearch-link::before { content: ""; display: block; width: 32px; height: 32px; min-width: 32px; margin-right: 8px; background-image: url("/local/templates/techkitchen/assets/css/../../images/search-3.svg"); background-repeat: no-repeat; background-position: center; border: 1px solid transparent; border-radius: 5px; -webkit-transition: all 0.4s; transition: all 0.4s; } .blockSearch-link::after { content: ""; display: block; width: 24px; height: 24px; background-image: url("/local/templates/techkitchen/assets/css/../../images/arrow-3.svg"); background-repeat: no-repeat; margin-left: auto; } .blockSearch-link:hover { background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .blockSearch-link:hover::before { border: 1px solid rgba(136, 137, 139, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); } .blockSearch-block { width: calc(50% - 30px); } .blockSearch-mt { margin-top: 48px; } .blockSearch-brand { margin-top: -20px; } .blockSearch-brand__block { width: 33.333%; margin-top: 20px; } .blockSearch .lc-current__item-card__right { position: static; } .blockSearch .lc-current__item-card__price { position: static; } .blockSearch .lc-current__item-card__mobile { margin-top: 7px; } .blockSearch-cart { margin-right: 12px; } .blockSearch-cart:hover { opacity: 0.8; } .blockSearch .lc-current__item-card__right { width: auto; position: relative; right: auto; left: auto; top: auto; z-index: 5; } .blockSearch-products { margin-top: -24px; } .blockSearch-products__link { left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .blockSearch-other__btn { margin-top: 30px; width: 100%; height: 48px; border-radius: 44px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #FFF; font-size: 14px; font-weight: 400; line-height: 20px; } .blockSearch-other__btn::after { content: ""; position: absolute; right: 17px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 14px; background-size: 10px 14px; background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); background-repeat: no-repeat; } .blockSearch-other__btn:hover { border-color: #fff; } .blockSearch-tab__item { margin-top: 18px; margin-right: 10px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #FFF; font-size: 14px; font-weight: 400; line-height: 22px; height: 30px; padding: 0 9px; } .blockSearch-tab__list { margin-top: -18px; margin-right: -10px; } @media (max-width: 1599px) { .card-inStock__line { width: 20px; } } @media (min-width: 993px) { .modal-cart__item-links .catalog-item__comparison { margin: 0; } .modal-cart__item-links .catalog-item__favorite { margin: 0 10px 0 0; } .modal-cart__item-links .catalog-item__comparison, .modal-cart__item-links .catalog-item__favorite { width: 32px; height: 32px; border-radius: 100%; border: 1px solid rgba(136, 137, 139, 0.2); background-color: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } @media (max-width: 1800px) { .catalog-right__block { width: 25%; padding-left: 8px; padding-right: 8px; } .catalog-right__list { margin-left: -8px; margin-right: -8px; } .card-top__link { margin-left: 60px; } .card-description__img { width: calc(50% - 10px); min-width: calc(50% - 10px); margin-right: 20px; } .card-description__item:nth-child(even) .card-description__img { margin-left: 20px; } } @media (max-width: 1600px) { .otherCatalog { margin: -60px 0; } .otherCatalog .catalog-right__block { width: 25%; display: none; } .otherCatalog .catalog-right__block:nth-child(-n+4) { display: block; } .card-left, .card-right { width: 340px; } .card-center { width: calc(100% - 680px); } .card-description__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-benefits__item-top { white-space: normal; } .card-inStock__text { font-size: 12px; } .card-inStock__numbers { font-size: 10px; margin-right: 0; } .card-inStock__img { margin-right: 4px; } .card-colors__title { font-size: 14px; } .catalogFooter-nav { margin-right: 60px; } .catalogFooter-nav ul li { margin-right: 24px; } .page-contact__item { margin-right: 32px; } .page-contact__text { font-size: 20px; } .lc-center__list .catalog-right__block { width: 50%; } .lc-current__item-product:nth-child(-n+8) { display: none; } .lc-current__item-product:nth-child(-n+6) { display: block; } .lc-current__item-product, .lc-current__item-other { width: calc(14.2857142857% - 12px); } .lc-current__item-btn { width: 66px; height: 54px; font-size: 0; } .lc-current__item-btn::before { width: 10px; height: 14px; background-size: 10px 14px; top: 50%; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .lc-current__item-pays p { margin-right: 32px; } .lc-current__item-pays p:last-child { margin-right: 0; } .lc-current__item-card__title { width: auto; } .checkout-checkbox__flex { display: block; } .checkout-checkbox small { margin: 8px 0 0 0; } .checkout-checkbox__img { width: 60px; min-width: 60px; } .blockCatalog-item__img { width: 300px; } .blockCatalog-item__navs { width: calc(100% - 340px); } .blockCatalog-item__logos-block { width: 20%; } } @media (max-width: 1380px) { .card-thumb__next { left: calc(100% + 10px); } .lc-current__item-pays p { margin: 8px 0 0 0; } .lc-current__item-pays p:first-child { margin-top: 0; } .lc-current__item-pays { display: block; } .card-thumb__prev { right: calc(100% + 10px); } .card-thumb__wrapper { width: 320px; } .card-slider { width: 340px; } .card-chars__item-right { width: 140px; } .card-center__wrapper { padding: 0 20px; } .card-tab { margin-right: 32px; } .lc-center, .lc-box { max-width: calc(100% - 330px - 285px); } .lc-left { width: 300px; } .lc-current__item-pays { width: calc(100% - 87px); } .lc-current__item-pays p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 300px; max-width: 100%; } .lc-current__item-pays p span { margin: 0; } .blockCatalog-item__img { display: none; } .blockCatalog-item__navs { width: 100%; } .blockCatalog-item__logos-block { width: 25%; } .blockSearch-close { right: 20px; top: 20px; } .blockSearch-wrapper { max-width: calc(100% - 40px); } } @media (max-width: 1340px) { .catalog-right__block { width: 33.333%; } .card-description__item { display: block; margin-top: 20px; } .card-description__img { width: 100% !important; min-width: 100% !important; margin: 0 0 20px !important; } } @media (max-width: 1200px) { .catalog-right__block { width: 50%; } .catalog-bottom { display: block; margin-top: 30px; } .catalog-bottom__buttons { margin-bottom: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-bottom__btn { height: 42px; font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 10px; margin-right: 12px; margin-left: 0; } .catalog-bottom__btn::before { right: 20px; } .catalog-bottom__dots { width: 42px; height: 42px; border-radius: 10px; } .catalog-bottom__dots img { width: 14px; } .catalog-pagination { margin: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-pagination a, .catalog-pagination span { width: 42px; height: 42px; border-radius: 10px; font-size: 14px; line-height: 20px; } .catalog-pagination .prev, .catalog-pagination .next { border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-top__items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 14px; } .card-mobile__title { margin: 14px 0 14px; color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; display: block; } .card-top__list .breadcrumbs { margin: 0; padding: 0; } .card-top__list { display: block; } .card-top__link { margin: 0; } .card-left { display: none; } .card-right { width: 100%; } .card-list { display: block; } .card-center { width: 100%; padding: 9px 9px 29px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-cats { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -6px; } .card-cat { height: 18px; font-size: 11px; margin-left: 0; margin-right: 6px; } .card-slider { width: 470px; max-width: calc(100% - 70px); margin-top: 10px; padding-bottom: 26px; } .card-slider .swiper-pagination { bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-slider .swiper-pagination-bullet { width: 4px; height: 4px; border-radius: 29px; margin: 0 1px !important; -webkit-transition: all 0.4s; transition: all 0.4s; opacity: 1; background: #838FA3; } .card-slider .swiper-pagination-bullet-active { width: 16px; background: #6034D3; } .card-thumb { display: none; } .card-top { border: none; padding: 0; } .card-list::before { display: none; } .card-connection__item { padding: 20px 0; width: 100%; } .card-connection__title { margin: 0 0 5px; padding: 0; font-size: 16px; } .card-list__bottom .card-center { border: none; background: transparent; padding: 0; } .card-list__bottom .card-right { padding-top: 40px; } .card-chars__item { font-size: 12px; line-height: 26px; } .card-chars__item-right { width: 205px; } .card-center__wrapper { padding: 0; } .card-tabs { padding: 2px; border-radius: 56px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-tab { margin: 0; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 38px; padding-top: 4px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #525A68; font-size: 16px; font-weight: 400; line-height: normal; width: calc(50% - 1px); } .card-tab::before { display: none; } .card-tab.active { background: rgba(95, 51, 214, 0.5); color: #fff; } .card-chars__title { padding-bottom: 12px; 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; cursor: pointer; color: #FFF; font-size: 14px; font-weight: 500; line-height: 22px; border-bottom: 1px solid #3D424A; margin: 0; } .card-chars__title::after { content: ""; width: 10px; height: 10px; background-image: url("/local/templates/techkitchen/assets/css/../../images/char-arrow.svg"); margin-left: auto; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .card-chars__items { display: none; padding-top: 20px; } .card-chars__block.active .card-chars__title::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .card-chars__block.active .card-chars__items { display: block; } .card-char { padding: 0; } .card-description__title { font-size: 16px; line-height: 20px; } .card-description__text { font-size: 14px; line-height: 18px; } .card-line__right, .card-line__auto { display: none; } .card-showroom { padding: 19px; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(32, 35, 40, 0.8); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin: 20px 0; } .card-showroom__icon { width: 30px; } .card-showroom__title { font-size: 14px; } .card-showroom__subtitle { font-size: 12px; } .card-showroom__link img { width: 24px; } .card-benefits { border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(32, 35, 40, 0.8); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin: 0; } .card-benefits__item { padding: 20px; } .card-benefits__item:last-child { margin-left: 0; } .card-benefits__item-top { display: block; font-size: 12px; } .card-benefits__item-top img { margin: 0 0 8px; } .card-benefits__item-text { margin: 0; } .card-benefits__item-text, .card-benefits__item-link { font-size: 12px; line-height: 18px; } .card-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 17px; margin-top: 20px; border-radius: 10px; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-mobile__logo { max-width: 136px; margin-right: auto; } .card-mobile__dots { margin-left: 23px; } .card-mobile span { color: #FFF; font-size: 12px; font-weight: 400; line-height: 18px; } .card-inStock { padding: 0; margin: 0 0 20px; } .card-inStock__line { display: none; } .card-inStock__numbers { display: none; } .card-inStock__text { font-size: 14px; } .card-inStock__img { margin-right: 8px; } .card-right__mobileBox { padding: 19px; margin: 20px 0 0; border-radius: 20px; border: 1px solid rgba(136, 137, 139, 0.2); background: rgba(32, 35, 40, 0.8); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .card-info { padding: 0; } .card-info__price { font-size: 28px; } .card-info .catalog-item__add { width: 189px; height: 48px; margin-right: 0; } .card-colors__top { margin-bottom: 23px; } .card-colors__gray { font-size: 12px; } .card-colors { padding: 0; margin: 0; } .card-colors__items { margin-right: -12px; margin-top: -12px; } .card-colors__item { margin-right: 12px; margin-top: 12px; } .card-mobileMenu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 960px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .card-mobileInfo { display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 69px; } .catalogFooter .footer-policy { margin-left: 0; } .catalogFooter-buttons { display: none; } .catalogFooter { padding-top: 30px; } .catalogFooter::before { bottom: 0; } .catalogFooter-nav { margin-right: 40px; } .catalogFooter-nav ul li { margin-right: 10px; } .catalogFooter-pb { padding-bottom: 140px !important; } .blockHeader-logo { left: 40%; } .page-contact__top { display: block; } .page-contact__item { width: 100%; margin: 0 0 24px 0; } .page-contact__text { font-size: 18px; } .lc-list { display: block; } .lc-left { width: 100%; } .lc-center { margin: 40px 0; width: 100%; max-width: 100%; } .lc-right { width: 100%; } .lc-box { margin: 40px 0; width: 100%; } .lc-center__list .catalog-right__block { width: 33.333%; margin-top: 20px; } .lc-box { max-width: 100%; } .lc-compare { width: 100%; max-width: 100%; margin-top: 20px; } .lc-compare__top { margin-bottom: 20px; } .checkout-left { width: 100%; } .checkout-list { display: block; } .checkout .lc-right { width: 100%; margin: 20px 0 0 0; } .checkout-right__list { width: 300px; } .checkout .lc-title { margin-bottom: 0; } .checkout-list { padding-top: 190px; } .checkout-right { position: absolute; top: 20px; z-index: 3; left: 0; width: 100%; margin: 0; } .checkout-login { margin-bottom: 20px; } .checkout-left { width: 100%; max-width: 100%; } } @media (max-width: 992px) { .catalog { padding-top: 29px; } .card-mobileMenu, .card-mobileInfo { width: 730px; } .blockBenefits { padding: 60px 0; } .blockBenefits .about-item__text { margin-top: 16px; font-size: 16px; line-height: 18px; } .blockBenefits .about-item { padding: 20px 10px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-list { display: block; } .catalog-right, .catalog-left { width: 100%; } .catalog-left { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; border: 1px solid rgba(136, 137, 139, 0.2); background: #292D32; -webkit-backdrop-filter: none; backdrop-filter: none; z-index: 30; } .catalog-cats { display: none; } .catalog-inStock { margin-top: 0; padding: 0; margin-bottom: 30px; } .catalog-block { background: transparent; border: none; padding: 0; } .catalog-filter__item { padding-top: 24px; margin-top: 24px; border-top: 1px solid #3D424A; } .catalog-filter__item:first-child { margin-top: 0; padding-top: 0; border: none; } .catalog-filterBtn { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-parameters { display: none; } .catalog-parameters__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-right__select { min-width: 100px; width: 100%; } .select .nice-select { padding: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .select .nice-select::before { display: block; position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 20px; } .catalog-filter__range { width: calc(100% - 16px) !important; margin-left: 8px; } .catalog-filter { padding: 39px 16px; padding-bottom: 100px !important; -webkit-backdrop-filter: none; backdrop-filter: none; } .catalog-filter__bottom { position: fixed; left: 16px; width: calc(100% - 32px); bottom: 16px; top: auto; z-index: 34; -webkit-backdrop-filter: none; backdrop-filter: none; background: #2C3035; border-radius: 20px; padding: 9px; } .catalog-filter__btn { width: calc(65% - 5px); } .catalog-filter__btn span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 3px; } .catalog-filter__cancel { width: calc(35% - 5px); } .catalog-left { display: none; } .catalog-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 39px 16px 0; } .catalog-left .catalog-parameters { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 16px 39px; margin-right: -10px; margin-top: -14px; } .catalog-left .catalog-parameters__item { margin: 14px 10px 0 0; height: 32px; padding: 0 10px; font-size: 14px; line-height: 22px; } .catalog-left .catalog-parameters__item a { margin-left: 11px; } .catalog-left .catalog-parameters__item a img { width: 8px; } .catalog-inStock { padding: 0 16px 0; margin: 0; } .page-pt { padding-top: 161px; } .catalogMain { padding: 161px 0 0; min-height: 80px; } .catalogMain-bg { display: none; } .catalogMain-title { color: #FFF; font-size: 20px; font-weight: 500; line-height: normal; } .catalogMain-list { display: block; margin-top: 20px; } .catalogMain-subtitle { display: none; } .breadcrumbs li { font-size: 13px; font-weight: 400; } .otherCatalog { display: none; } .catalogFooter-navs { display: block; } .catalogFooter-nav { margin-right: 0; width: 100%; border-bottom: 1px solid #3D424A; padding: 16px 0; margin: 0; } .catalogFooter-nav li { margin: 0; } .catalogFooter-nav ul { max-height: 9999px; display: none; margin-top: 27px; } .catalogFooter-nav.active ul { display: block; } .catalogFooter-nav__title { 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; cursor: pointer; color: #FFF; font-size: 16px; font-weight: 600; line-height: 24px; margin: 0; } .catalogFooter-nav__title::after { content: ""; width: 10px; height: 10px; background-image: url("/local/templates/techkitchen/assets/css/../../images/char-arrow.svg"); margin-left: auto; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalogFooter-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalogFooter-navs { width: 100%; } .catalogFooter-soc { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; max-width: 100%; margin: 35px 0 24px; } .catalogFooter-soc__title { font-size: 14px; margin-bottom: 24px; } .catalogFooter-list { border: none; padding: 0; margin: 0 0 40px; } .blockHeader-logo { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 204px; } .blockHeader-burger { display: block; } .blockHeader-navs, .blockHeader-catalog { display: none; } .blockHeader { border: none; } .blockHeader-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 43px; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blockHeader-top { display: none; } .blockHeader-search { width: 100%; margin-top: 26px; -webkit-transform: none; -ms-transform: none; transform: none; position: relative; top: auto; left: auto; right: auto; } .card { padding-top: 160px; } .blockHeader-nav { margin: 0 0 32px; padding-top: 10px; } .blockHeader-nav ul { padding: 0; margin: 0; display: block; } .blockHeader-nav ul li { display: block; margin: 12px 0 0 0; } .article-list { display: block; margin-top: 16px; } .article-title { font-size: 20px; line-height: 120%; margin-bottom: 24px; } .article-right { width: 100%; margin-top: 24px; } .article-left { width: 100%; padding: 8px; border-radius: 12px; } .article-link { padding: 8px; border-radius: 8px; } .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 { font-size: 18px; } .page-contact .article-title { margin-bottom: 24px; } .page-contact__map { margin: 30px 0; } .page-contact__info { padding: 14px; } .page-contact .breadcrumbs, .page-contact .block-line, .article .breadcrumbs, .article .block-line { display: none; } .modal-list { padding: 40px 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal-container { padding: 19px 19px 39px; width: 400px; max-width: 100%; margin: 0 auto; overflow: visible; max-height: none; height: auto; border-radius: 20px; } .modal-btn { text-align: center; min-height: 48px; height: auto; padding: 10px; } .modal-policy { font-size: 10px; line-height: 14px; } .lc-title { margin: 20px 0 30px; font-size: 20px; font-weight: 500; line-height: normal; } .lc-compare__arrow { display: none; } .modal-cart .modal-container { margin-top: auto; } .modal-cart .modal-list { padding-bottom: 0; padding-top: 50px; } .modal-cart__price { 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: 0; } .modal-cart__bottom { padding: 23px 15px; display: block; text-align: center; } .modal-cart__bottom .modal-btn { margin: 24px auto; width: 400px; max-width: 100%; } .modal-cart__close { color: #FFF; font-size: 16px; font-weight: 400; line-height: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .modal-cart__scroll { padding: 0; } .modal-cart__scroll::-webkit-scrollbar { display: none; } .modal-cart__item-img { width: 80px; min-width: 80px; height: 80px; margin-right: 11px; } .modal-cart__item-content { padding-top: 32px; } .modal-cart__item-links { position: absolute; left: 0; top: 0; } .modal-cart__wrapper { margin-top: 20px; } .modal-cart__item-price { margin-left: auto; } .counter-minus, .counter-plus { width: 24px; min-width: 24px; height: 24px; background-size: 24px; } .counter { width: 78px; } .counter-result { width: 30px; font-size: 14px; } .modal-cart__item-bottom { margin-top: 15px; } .modal-cart__item-top { font-size: 10px; line-height: 20px; } .modal-cart__item { padding: 15px; margin-top: 16px; } .modal-cart__item .catalog-item__favorite { margin: 0; } .modal-cart__item .catalog-item__comparison { margin: 0 0 0 15px; } .modal-cart__item-close { right: 16px; top: 22px; } .modal-cart__item-title { font-size: 14px; line-height: 20px; } .modal-cart__item-title { width: 100%; } .modal-cart .modal-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; height: 100%; } .modal-cart__scroll { padding-bottom: 150px; } .bottomMenu { display: block; } .mobMenu-overlay { z-index: 39; } .blockCatalog { position: fixed; z-index: 40; top: 0; border-radius: 0; padding: 15px 15px 80px; background: #292D32; overflow-y: auto; height: 100%; } .blockCatalog::-webkit-scrollbar { display: none; } .blockCatalog .container { padding: 0 !important; width: 100% !important; } .blockCatalog-list { display: block; } .blockCatalog-left { width: 100%; padding: 0; min-width: 100%; } .blockCatalog-link::after { background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots-gray.svg"); right: 0px; opacity: 1; } .blockCatalog-right { width: 100%; display: none; } .blockCatalog-right::before, .blockCatalog-right::after { display: none; } .blockCatalog-right { padding: 0; } .blockCatalog-link { padding: 10px 0; } .blockCatalog-item { padding: 0; } .blockCatalog-item__list { display: block; } .blockCatalog-item__title { margin: 0 0 24px; text-align: center; font-weight: normal; font-size: 16px; line-height: normal; position: relative; } .blockCatalog-item__title::before { content: ""; position: absolute; left: 0; top: calc(50% - 5px); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 7px; height: 10px; background-image: url("/local/templates/techkitchen/assets/css/../../images/right-dots.svg"); } .blockCatalog-item__logos { margin: 0; } .blockCatalog-item__logos-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 0 -16px; width: calc(100% + 32px); padding: 0 0 0 16px; overflow-x: auto; } .blockCatalog-item__logos-list::-webkit-scrollbar { display: none; } .blockCatalog-item__logos-block { width: 152px; min-width: 152px; height: 48px; padding: 0; margin: 10px 14px 0 0; } .blockCatalog-item__navs-block ul li { width: 100%; } .blockCatalog-item__navs-block { width: 100%; margin-bottom: 0; } .blockCatalog-item__navs-block ul li { margin-bottom: 20px; } .blockSearch-close { display: none; } .blockSearch { padding: 0 0 60px; } .blockSearch-wrapper { width: 100%; max-width: 100%; border-radius: 0; background: #292D32; padding: 30px 15px; } .blockSearch-input { border-radius: 45px; background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding-left: 19px; } .blockSearch-clear { display: none; } .blockSearch-btn { display: none; } .blockSearch-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .blockSearch-top__close { margin-left: 9px; margin-right: 8px; width: 24px; min-width: 24px; height: 24px; background-image: url("/local/templates/techkitchen/assets/css/../../images/back.svg"); background-repeat: no-repeat; background-position: center; display: block; } .blockSearch-bold { margin-bottom: 14px; font-size: 14px; font-weight: 400; line-height: 20px; } .blockSearch-band__block { width: 50%; } .blockSearch-block { width: 100%; } .blockSearch-block:last-child { margin-top: 36px; } .blockSearch-list { display: block; } .blockSearch .lc-current__item-card__content { width: calc(100% - 110px); } .blockSearch .lc-current__item-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .card-chars__item-left { margin-right: auto; } .blockSearch-brand__block { width: 50%; } .card-chars__item-line { display: none; } .card-chars__item-right { width: 50%; } .card-mobileMenu, .card-mobileInfo { width: 540px; } .page-contact__info-item { width: 100%; margin-right: 0; max-width: 100%; margin-top: 20px; } .lc-center__list .catalog-right__block { width: 50%; } .checkout-inputs__block { width: 100%; margin-top: 20px; } .checkout-inputs__label-img { max-width: 80px; } .checkout-inputs__label { padding: 15px; } .checkout-bold { padding-bottom: 16px; font-size: 16px; } .checkout-inputs__label b { width: 20px; min-width: 20px; height: 20px; margin-left: 4px; } .checkout-mt { margin-top: 20px; } .checkout-inputs__block.w25 { width: calc(50% - 10px); } } @media (max-width: 576px) { .catalog-right__block { width: 100%; } .checkout-right__list { width: auto; } .page-contact__top { padding: 16px; } .card-mobileMenu, .card-mobileInfo { width: calc(100% - 32px); } .card-chars__item-left { padding-right: 10px; } .card-chars__item-right { width: 105px; } .catalog-item__bottom { 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; } .catalog-item__price { margin: 0; } .catalog-item__favorite { margin: 0 24px; } .catalog-item__add { width: 52px; } .catalog-item__add span, .catalog-item__add small { display: none !important; } .catalog-item__add b { margin: 0; } .catalog-item__price { -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-item__stock { display: none; } .catalog-item__old { width: 100%; margin: 0 0 3px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .catalog-item__status { margin-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .catalog-item__title { text-align: center; margin-bottom: 20px; } .catalog-item__code { height: auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .catalog-item__code .copy { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; } .catalog-bottom__btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .catalog-pagination { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-info .catalog-item__stock { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: static; } .card-info .catalog-item__old { margin-right: 10px; margin-left: 0; width: auto; } .card-mobileInfo .catalog-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .card-mobileInfo .catalog-item__new { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 12px; } .catalogFooter-soc { width: 100%; max-width: 100%; } .lc-left { -webkit-backdrop-filter: none; backdrop-filter: none; background: transparent; padding: 0; border: none; } .lc-profile { -webkit-backdrop-filter: none; backdrop-filter: none; background: transparent; padding: 0; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lc-profile__phone { display: none; } .lc-profile__logo { width: 40px; min-width: 40px; height: 40px; margin: 0 12px 0 0; font-size: 20px; } .lc-profile__name { font-size: 16px; } .lc-profile__name a { display: block; margin-top: 8px; color: #986FF0; font-size: 14px; font-weight: 400; line-height: normal; text-decoration-line: underline; text-decoration-style: solid; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .lc-quit { display: block; width: 40px; height: 40px; background-image: url("/local/templates/techkitchen/assets/css/../../images/quit.svg"); background-repeat: no-repeat; margin-left: auto; } .lc-link { height: 50px; padding-left: 16px; font-size: 14px; border-radius: 0; border-right: none; border-left: none; } .lc-links { margin-left: -16px; width: calc(100% + 32px); } .lc-center__block { width: 100%; } .lc-center { -webkit-backdrop-filter: none; backdrop-filter: none; background: transparent; padding: 0; border: none; } .lc-center__list .catalog-right__block { width: 100%; } .lc-current__item-product:nth-child(-n+6) { display: none; } .lc-current__item-product:nth-child(-n+3) { display: block; } .lc-current__item-product, .lc-current__item-other { width: calc(25% - 12px); } .lc-current__block { margin-top: 24px; } .lc-current__title { margin-bottom: 24px; font-size: 20px; } .lc-current__item { padding: 9px; } .lc-current__item-bottom { padding: 10px; } .lc-current__item-bottom .lc-current__item-pays p span { white-space: nowrap; margin-left: 8px; } .lc-current__item-bottom { padding: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } .lc-current__item-center { margin-bottom: 16px; } .lc-current__item-top { padding-bottom: 10px; margin-bottom: 10px; } .lc-current__item-card__mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lc-current__item-card__img { width: 114px; min-width: 114px; height: 114px; margin-right: 18px; } .lc-current__item-card__title { margin: 4px 0 20px; } .lc-current__item-card__numbers { margin: 0; } .lc-current__item-card__right { display: none; } .lc-current__item-card__price { position: static; margin: 0 0 0 14px; } .lc-compare__top { padding: 9px; display: block; text-align: center; } .catalog-inStock__label { width: 175px; margin: 0 auto 10px; } .lc-compare__slider { width: 580px; min-width: 580px; overflow: visible; } .lc-compare__slider-top { padding-left: 16px; margin-left: -16px; width: calc(100% + 32px); } .checkout-right__list { width: 400px; max-width: calc(100% + 12px); } .checkout-checkbox b { width: 20px; min-width: 20px; border-radius: 20px; height: 20px; } .checkout-checkbox small { width: 80px; min-width: 80px; height: 24px; font-size: 12px; } .checkout-checkbox { padding: 15px; } .page-success__title { font-size: 16px; } .page-success__subtitle, .page-success__text { font-size: 14px; } .page-success__img { margin-bottom: -80px; } .blockSearch .lc-current__item-card__price { margin: 0; } .blockSearch .lc-current__item-card__mobile { display: block; } .blockSearch .lc-current__item-card__right { margin: 8px 0 0 0; } .lc-current__item-card__title { margin-bottom: 10px; } } @media (max-width: 360px) { .catalog-item__favorite { margin: 0 12px; } .page-contact .catalogFooter-btn { margin-left: 0; width: 140px; font-size: 15px; } .page-contact__soc-item { margin-right: auto; } .card-slider { max-width: calc(100% - 24px); } .card-connection__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-connection__item-comparison { margin-left: 12px; } .card-connection__item-img { width: 62px; min-width: 62px; height: 62px; margin-right: 10px; } .card-tab { font-size: 14px; padding-top: 8px; } .card-mobile { padding: 16px 10px; } .card-mobile__logo { max-width: 116px; } .card-mobile__dots { margin-left: 10px; } .card-info .catalog-item__add span { margin-right: 5px; } .card-info .catalog-item__favorite, .card-info .catalog-item__comparison { width: 40px; height: 40px; background-size: 40px; margin-left: 8px; } .card-colors__gray { font-size: 10px; } .card-colors__title { font-size: 13px; } .card-mobileInfo { padding: 0 9px; } .card-mobileInfo .catalog-item__favorite, .card-mobileInfo .catalog-item__comparison { margin-left: 5px; } .card-mobileInfo .catalog-item__new { margin-right: 6px; font-size: 14px; } .modal-cart__item-bottom { display: block; } .modal-cart__item-price { text-align: left; margin: 10px 0 0 0; } } @media (max-width: 767px) { .checkout-inputs__block.w50 { width: 100%; margin-top: 0; } .checkout-inputs__block { margin-top: 0; } } /* End */ /* Start:/local/templates/techkitchen/assets/css/tk.css?17473339979485*/ .fade-enter-active, .fade-leave-active { transition: opacity 0.2s ease; } .fade-enter-from, .fade-leave-to { opacity: 0; } a { text-decoration: none; transition: .2s all; } .breadcrumbs li::after { content: ""; position: absolute; top: 2px; height: 100%; width: 6px; background-image: url(/local/templates/techkitchen/assets/css/../../images/breadcrumbs.svg); background-repeat: no-repeat; left: calc(100% + 8px); } .catalog-cats__item a { color: #5A616B; font-size: 13px; font-weight: 400; line-height: 26px; } .catalog-cats__item a:hover { color: #fff; } /*.catalog-block { -webkit-backdrop-filter: none; backdrop-filter: none; }*/ .catalog-filter { overflow: inherit;!important; } .catalog-filter-result__popup { align-items: center; gap: 5px; padding: 15px 10px; border-radius: 10px; color: #5A616B; border: 1px solid rgba(136, 137, 139, 0.2); background: linear-gradient(83deg, rgba(255, 255, 255, 0.02) -6.48%, rgba(255, 255, 255, 0.02) 21.56%, rgba(255, 255, 255, 0.01) 74.05%, rgba(255, 255, 255, 0.04) 106.26%, rgba(255, 255, 255, 0.02) 108.05%); -webkit-box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -12px 10.1px 0px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .catalog-filter-result__count { color: #fff; } .catalog-filter-result__btn { color: #FFF; border-radius: 10px; padding: 7px 12px 6px; background: radial-gradient(66.67% 103.95% at 50% -42.76%, #BBA5F4 0%, #5F33D6 100%), rgba(255, 255, 255, 0.05); -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); } .catalog-item__overlays { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .card-title { margin-bottom: 22px; } .card-rating { margin: 0 0 28px; } .card-brand { max-width: 200px; } .yellow-color .card-inStock__text, .yellow-color .card-inStock__numbers { color: #C1B100; } .red-color .card-inStock__text, .red-color .card-inStock__numbers { color: #FF4343; } .card-inStock__line { background-color: #525A68; } .card-inStock__line.checked { background-color: #00C172; } .yellow-color .card-inStock__line.checked { background-color: #C1B100; } .red-color .card-inStock__line.checked { background-color: #FF4343; } .catalog-item__add.active span { display: block;!important; } .catalog-item__add.active { pointer-events: all; } .progress { position: relative; } .progress>svg { width: 70%; height: 70%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .progress-circular__underlay { stroke: #fff; } .progress-circular__overlay { stroke: #986FF0; } .progress-loader { height: 70%; aspect-ratio: 1; border-radius: 50%; border: 5px solid lightblue; border-right-color: #fff; animation: l2 1s infinite linear; } .progress-loader.inline { height: 20px; display: inline-block; margin-bottom: -6px; } .progress-loader.small { height:32px; } .progress-loader.absolute { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes l2 {to{transform: rotate(1turn)}} .modal-btn:disabled { pointer-events: none; } .not-auth__title { font-size: 24px; font-weight: bold; margin-bottom: 15px; } .not-auth__subtitle a { color: #fff; text-decoration: underline; } .my__empty-title { font-size: 24px; font-weight: bold; margin-bottom: 15px; } .my__empty-subtitle a { color: #fff; text-decoration: underline; } .bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.2; } .bg-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.2; } .suggestions-wrapper { position: relative; } .suggestions-wrapper input { position: relative; z-index: 99; background-color: #282b30; } .suggestions__items { position: absolute; width: calc(100% + 10px); background-color: #282b30; z-index: 2; border: 1px solid #3e4146; top: -5px; left: -5px; padding: 70px 10px 10px; border-radius: 27px; } .suggestions-item { padding: 7px 10px; cursor: pointer; } .suggestions-item.selected, .suggestions-item:hover { background-color: rgba(95, 51, 214, 0.5); } .suggestions-item + .suggestions-item { border-top: 1px solid #3e4146; } .privacy-message { padding-top: 30px; color: #fff; font-size: 13px; } .privacy-message a { color: #986FF0; text-decoration: underline; font-size: 13px; } .order__payment-message { display: flex; padding: 5px 12px; color: #FF4343; font-size: 12px; background: linear-gradient(82.78deg, rgba(255, 67, 67, 0.036) -6.48%, rgba(255, 67, 67, 0.038) 21.56%, rgba(255, 67, 67, 0.028) 74.05%, rgba(255, 67, 67, 0.079) 106.26%, rgba(255, 67, 67, 0.04) 108.05%); border: 1px solid #FF4343; backdrop-filter: blur(10px); border-radius: 10px; align-items: center; } .order__payment-message svg { margin-right: 8px; } .button { display: inline-block; width: auto; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.15); background: #5F33D6; -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); color: #FFF; font-size: 16px; font-weight: 600; line-height: normal; position: relative; cursor: pointer; } .button.button-sm { font-size: 14px; padding: 8px 30px; } .button.block { display: block; width: 100%; } .button.button-cancel { background: linear-gradient(82.78deg, rgba(255, 67, 67, 0.036) -6.48%, rgba(255, 67, 67, 0.038) 21.56%, rgba(255, 67, 67, 0.028) 74.05%, rgba(255, 67, 67, 0.079) 106.26%, rgba(255, 67, 67, 0.04) 108.05%); border: 1px solid #FF4343; backdrop-filter: blur(10px); border-radius: 35px; color: #FF4343; padding: 18px 10px; } .button.button-cancel .progress-loader { display: inline-block; height: 25px; border: 5px solid #fff; border-right-color: #FF4343; } .order__error-text { font-size: 14px; color: #FF4343; margin-bottom: 20px; } .card-share { position: relative; } .card-share__modal { position: absolute; min-width: 200px; top: -30px; right: -10px; z-index: 10; padding-top: 30px; opacity: 0; pointer-events: none; transition: all .2s; } .card-share__content { width: 100%; border-radius: 10px; background-color: #202328; border: 1px solid #363B42; } .card-share:hover .card-share__modal { opacity: 1; pointer-events: all; top: 0; } .card-share__item { padding: 8px 10px; color: #525A68; cursor: pointer; } .card-share__item:hover { color: #fff; } .card-share__item + .card-share__item { border-top: 1px solid #363B42; } .btn-open-seo { position: fixed; top: 250px; right: -9px; transform: rotate(-90deg); background-color: transparent; color: #838fa3; border: 1px solid #838fa3; cursor: pointer; font-size: 11px; padding: 3px 6px; } .form-field__label { position: absolute; top: -7px; left: 21px; font-size: 11px; background-color: #292d32; color: #838FA3; } p.error-text, .error-text { color: #FF4346;!important; font-size: 12px;!important; } button:disabled { pointer-events: none;!important; opacity: .2;!important; } .brand-detail__logo { text-align: center; margin-bottom: 30px; } .brand-detail__logo img { max-height: 50px; } .brand-detail__description { margin-bottom: 50px; } .brand-detail__buttons { text-align: center; } .filter-brands { margin-bottom: 30px; border-radius: 10px; padding: 30px; } .filter-brands__letters { display: flex; flex-wrap: wrap; justify-content: space-between; } .filter-brands__letters + .filter-brands__letters { margin-top: 30px; } .filter-brands__letters span, .filter-brands__letters a { display: inline-block; } .filter-brands__letters span { color: rgba(226, 226, 226, 0.3); font-weight: bold; } .filter-brands__letters a { color: #fff; font-weight: bold; } .filter-brands__letters a.active, .filter-brands__letters a:hover { color: #6033D6 } @media (max-width: 767px) { .filter-brands { overflow-x: auto; padding: 15px; } .filter-brands__letters { display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 10px; } .filter-brands__letters-item { width: 40px; padding: 0 7px; } } .brand-list__item { display: flex; margin-bottom: 50px; } .brand-list-item__logo { flex: 0 0 auto; width: 20%; } .brand-list-item__logo img { max-width: 200px; max-height: 70px; } .brand-list-item__title { margin-bottom: 15px; } .brand-list-item__content { margin-bottom: 15px } .brand-list-item__buttons .btn { display: inline-block; padding: 6px 24px; font-size: 16px; width: auto; } /* End */ /* Start:/local/components/bitrix/search.title/templates/visual/style.min.css?17461066663445*/ .bx-searchtitle{margin:10px 0 0}.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-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:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;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-ios .bx-searchtitle .bx-input-group .bx-form-control{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}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-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:#1484ce}div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none;background-image:url('/local/components/bitrix/search.title/templates/visual/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_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0} /* End */ /* /local/templates/techkitchen/assets/libs/swiper/swiper-bundle.min.css?174612516215612 */ /* /local/templates/techkitchen/assets/libs/nice-select2/nice-select2.css?17461251624291 */ /* /local/templates/techkitchen/assets/libs/nouislider/nouislider.min.css?17461251624220 */ /* /local/templates/techkitchen/assets/css/start.css?17461251622707 */ /* /local/templates/techkitchen/assets/css/main.css?174738115134263 */ /* /local/templates/techkitchen/assets/css/new.css?1746125162160371 */ /* /local/templates/techkitchen/assets/css/tk.css?17473339979485 */ /* /local/components/bitrix/search.title/templates/visual/style.min.css?17461066663445 */