/* Start:/local/templates/ezetek/js/swiper/swiper-bundle.min.css?176659034418454*/ /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/ezetek/libraries/slick.css?17665903441776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/ezetek/css/main.css?1768228813111817*/ :root { --bg-color: #fff; --Black_1: #141414; --Black_2: #373435; --Blue_1: #0439E8; --Blue_2: #353D6B; --Blue_3: #354E9E; --Blue_4: #8ED6F5; --Blue_5: #0FD9EF; --Green: #A3E263; --Grey_1: #838383; --Grey_2: #D9D9D9; --Grey_3: #ECECEC; --Grey_4: #F4F4F4; --Red: #FB472F; --Red_2: #E76352; --White: #FFFFFF; --WhiteA: rgba(255, 255, 255, 0.8); } * { padding: 0px; margin: 0px; border: 0px; outline:none!important; } .btn:focus { box-shadow: none!important; } p { margin-bottom: 0; } *, *::before, *::after { box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } html, body { height: 100%; } body { color: #373435; line-height: 1; font-family: 'Gotham Pro'; font-size: 16px; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, button, textarea { font-family: 'Gotham Pro'; font-size: inherit; line-height: inherit; color: inherit; background-color: transparent; } input, textarea { width: 100%; } textarea { resize: none; } button, select, option, label { cursor: pointer; } a { color: inherit; text-decoration: none; } p a { color: var(--Blue_3); text-decoration: underline; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } /* * { padding: 0px; margin: 0px; border: 0px; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: var(--bg-color); } body, html { height: 100%; } body, html, p { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; font-size: inherit; } img { pointer-events: none; vertical-align: top; } strong { font-weight: inherit; } html { scrollbar-gutter: stable; } a { color: inherit; text-decoration: none; } ul { margin: 0; padding: 0; } ul li { list-style: none; } input, button, textarea { cursor: pointer; outline: none; border: none; font-size: inherit; line-height: inherit; color: inherit; background-color: transparent; padding: 0; } */ input[type="search"]::-webkit-search-cancel-button { display: none; } html.lock, html.popup-thanks-lock { overflow: hidden; touch-action: none; overscroll-behavior: none; } .wrapper { min-height: 100%; display: flex; flex-direction: column; overflow: hidden; }#canv2{    display: block;
    margin: 0 auto;
    /* margin-left: 60%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center; */
}
#canvnew{
     display: block;
    margin: 0 auto;
    width:auto;
}

#itog,#itog2{
   display: block;
   padding: 20px 0;
   text-align: center;
   color: #5e1315;
   text-align: center;
   font-weight: bold;
   font-stretch: ultra-expanded;
} @supports (overflow: clip) { .wrapper { overflow: clip; } } .wrapper > main { flex: 1 1 auto; } .wrapper > * { min-width: 0; } .header { background: #fff; position: fixed; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; z-index: 99; } .container { width: 100%; } ._container { max-width: 1750px; margin: 0 auto; padding: 0 15px; } ._font-size-30 { font-weight: 700; font-size: 30px; line-height: 1.2; } ._pt-50 { padding-top: 50px; } ._pb-50 { padding-bottom: 50px; } ._title-30 { font-family: 'Gotham Pro'; font-weight: 700; font-size: 30px; } ._title-18 { font-weight: 700; font-size: 18px; line-height: 1.5; } ._title-14 { font-weight: 700; font-size: 14px; line-height: 1.5; } ._text { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } ._text p:not(:last-child) { margin-bottom: 20px; } .pad-container { padding: 0 15px; } .header__container { display: flex; width: 100%; gap: 20px; align-items: center; height: 50px; } .header__logo { margin-right: auto; } .header__logo-img { } .header__btn { position: relative; } .header__btn-img { } .header__btn-count { position: absolute; display: block; top: -3px; right: -5px; display: flex; align-items: center; justify-content: center; min-width: 14px; padding: 0 2px; aspect-ratio: 1 / 1; background: var(--Red_2); border-radius: 50%; color: #fff; font-size: 11px; } .main-first { padding-top: 50px; background-color: var(--Grey_4); overflow: hidden; position: relative; } .main-first__bot-cont { height: 538px; background-image: url("/local/templates/ezetek/css/../img/prod.jpg"); /* background-size: 100%; */ background-size: cover; background-repeat: no-repeat; background-position: bottom center; padding-top: 57px; } .container { } .main-first__top { display: flex; gap: 10px; align-items: center; padding-top: 10px; margin-bottom: 17px; position: absolute; width: 100%; z-index: 20; } .main-first__bot { display: flex; flex-direction: column; gap: 10px; color: var(--White); } .main-first__title { } .main-first__bot-price-dop { font-size: 20px; } .title-mob { font-family: Gotham Pro; font-size: 20px; font-weight: 700; line-height: 22px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: var(--Black_2); margin-bottom:40px; /*padding: 0 15px;*/ } .main-first__bot-price { font-size: 40px; font-weight: 800; line-height: 40px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: var(--Blue_4); } .font10-400-mob { font-size: 10px; font-weight: 400; line-height: 12.1px; letter-spacing: 0.1em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .font12-400-mob { font-size: 12px; font-weight: 400; line-height: 18px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .font14-600-mob { font-size: 14px; font-weight: 600; line-height: 16.94px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .font16-700-mob { font-size: 16px; font-weight: 700; line-height: 22.4px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: var(--Black_2); } .main-first__bot-text { /* color: var(--Grey_1); */ min-height: 72px; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; } .main-first__title.title-mob { color: var(--White); } .main-first__bot-btn { background: var(--Blue_3); width: 100%; border: none; outline: none; color: var(--White); padding: 17px; border-radius: 60px; cursor: pointer; text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; gap: 12px; margin: 10px 0; } .slider-btns { display: flex; gap: 20px; } .slider-btns__item { width: 40px; height: 40px; background: var(--White); border-radius: 50%; border: none; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; } .back { } .next { } .main-first__top-soc { width: 30px; height: 30px; /* background: var(--Blue_3); */ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; padding-right: 2px; cursor: pointer; box-shadow: 0px 0px 30px 0px #0000001A; } .main-first__top-soc.tg { padding-right: 3px; } .catalog-btn { background: var(--Grey_3); border-radius: 50px; height: 30px; display: flex; align-items: center; padding: 0 15px; margin-right: auto; text-transform: uppercase; gap: 10px; cursor: pointer; transition: background-color 0.3s; } .catalog-btn:hover { background-color: var(--Grey_2); } .main-first__banner { display: flex; transition: 0.3s ease; } .banner__slide { min-width: 100%; } .banner-btns { position: absolute; /* top: 268px; */ top: 278px; padding: 0 15px; z-index: 9; width: 100%; } .main-second__text { color: var(--Grey_1); line-height: 16.8px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; } .main-second { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } .main-second__title { margin-bottom: 20px; } /* .main-second__content { display: flex; flex-direction: column; gap: 10px; } */ .main-second__btns button { background: var(--Grey_4); } .banner { display: flex; transition: 0.3s ease; } .main-second_banner { gap: 20px; padding: 0 15px; } .main-second__btns { margin-top: 23px; margin-bottom: 20px; } .main-second__more-news { } .main-second__more-news-btn { border: 1px solid var(--Blue_3); width: 100%; display: block; padding: 16px; border-radius: 50px; text-transform: uppercase; color: var(--Blue_3); text-decoration: none; display: flex; align-items: center; gap: 12px; justify-content: center; } /* Скрываем стандартный слайдер */ #slider-range { display: none; } /* Стиль для кастомного слайдера */ .custom-slider { position: relative; width: calc(100% - 30px); left: 30px; background: var(--Grey_2); height: 1px; border-radius: 5px; cursor: pointer; margin: 35px 0; } /* Прогресс бар */ .custom-slider-progress { position: absolute; top: 0; left: 0; height: 100%; background: var(--Blue_4); border-radius: 5px; } /* Ползунок */ .custom-slider-thumb { position: absolute; width: 25px; height: 25px; background: var(--White); border-radius: 50%; top: 50%; border: 6px solid var(--Blue_4); transform: translate(-50%, -50%); cursor: grab; z-index: 15; } .custom-slider-thumb:active { cursor: grabbing; } .custom-slider::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--Blue_4); display: block; position: absolute; left: -1px; transform: translateY(-50%); } .custom-slider::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--Grey_2); display: block; position: absolute; top: 0; right: -1px; transform: translateY(-50%); } .list { display: flex; gap: 10px; padding: 10px; } .list-item { min-width: 300px; background: var(--White); box-shadow: 0px 5px 30px 0px #0000001A; border-radius: 20px; padding: 30px; } .list-container { width: 100%; overflow: hidden; padding-left: 5px; } .mini-cart__image { width: 240px; height: 212px; margin-bottom: 40px; } .mini-cart__img { width: 100%; object-fit: cover; object-position: center; } .mini-cart__name { text-decoration: none; line-height: 19.2px; border-top: 2px solid var(--Grey_2); padding-top: 20px; transition: color 0.3s; } .mini-cart__name:hover { color: var(--Blue_3); } .mini-cart { text-decoration: none; } .mini-cart__bot { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; margin-bottom: 30px; } .mini-cart__price { font-size: 25px; font-weight: bold; line-height: 120%; color: var(--Blue_4); } .mini-cart__art { font-size: 12px; font-weight: regular; line-height: 120%; color: var(--Grey_1); } .mini-cart__btns { display: flex; width: 100%; max-width: 100%; align-items: flex-end; justify-content: space-between; gap: 26px; } .mini-cart_btns-item { display: flex; width: auto; flex-grow: 1; min-width: 70%; gap: 10px; } .mini-cart__input.num { width: 100%; border: 1px solid var(--Grey_2); border-radius: 50px; text-align: center; color: var(--Black_2); font-size: 16px; font-weight: 400; max-width: 80px; outline: none; } .mini-cart__input.btn { min-width: 40px; height: 40px; border: 1px solid var(--Grey_2); border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0px; background: var(--White); cursor: pointer; } .mini-cart__input .mini-cart_btns-add-cart { min-width: 30%; } .mini-cart__add-cart { width: 50px; height: 50px; border-radius: 50%; /* background: var(--Blue_3); */ border: none; display: flex; align-items: center; justify-content: center; transition: all 0.3s; cursor: pointer; } /* .mini-cart__add-cart:hover { background: var(--Blue_4); } */ .main-three__botbtn-link { background: var(--Blue_3); color: var(--White); cursor: pointer; margin-top: 20px; margin-bottom: 40px; } .main-three__botbtn { padding: 0 15px; } .four-main__item-icon { position: absolute; top: 33px; right: 33px; } .four-main__item { box-shadow: 0px 5px 30px 0px #0000001A; border-radius: 20px; padding: 33px; padding-top: 30px; padding-bottom: 0; overflow: hidden; position: relative; } .four-main__item:hover .four-main__item-hover { opacity: 1; pointer-events: all; } .four-main__item-img { width: 100%; } .four-main__item-title { font-size: 16px; text-transform: uppercase; } .four-main__item-hover { background: var(--WhiteA); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 40px; padding-bottom: 47px; backdrop-filter: blur(10px); z-index: 5; font-size: 14px; font-weight: 400; pointer-events: none; display: flex; flex-direction: column; gap: 15px; opacity: 0; transition: 0.3s ease; } .four-main__item-row { transition: 0.3s ease; cursor: pointer; } .four-main__item-row:hover { color: var(--Blue_3); } .four-main__item-line { width: 100px; height: 1px; background: var(--Blue_3); margin-top: auto; } .four-main__list { display: flex; flex-direction: column; gap: 20px; } .footer { background: var(--Grey_3); margin-top: 40px; padding: 40px 15px; position: relative; z-index: 3; } .footer__menu { display: grid; row-gap: 25px; /* grid-template-columns: 50% 50%; */ grid-template-columns: 42.5% 57.5%; margin: 30px 0; } .footer__menu-item { font-size: 9px; color: var(--Black_2); letter-spacing: 0.1em; font-size: 9px; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: color 0.3s; } .footer__menu-item:hover { color: var(--Blue_3); } .footer__menu-item.two { grid-column: 1; } .footer__menu-item.one { grid-column: 2; } .footer__tel-item { font-size: 16px; display: flex; align-items: center; gap: 10px; transition: color 0.3s; } .footer__tel-item:hover { color: var(--Blue_3); } .footer__tel-icon { flex: 0 0 21px; width: 21px; height: 20px; position: relative; } .footer__tel-icon img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .footer__tel-container { display: flex; flex-direction: column; gap: 20px; } .footer__contacts { display: flex; justify-content: space-between; align-items: flex-start; } .footer__tel-item.email { font-size: 14px; font-weight: 400; } .main-second__more-news-btn.footer-btn { margin-top: 30px; margin-bottom: 25px; background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border: transparent; } .footer__soc { display: flex; align-items: center; gap: 33px; } .footer__undertext { font-size: 10px; line-height: 15px; color: var(--Grey_1); font-weight: 400; } .footer__form-title { font-size: 14px; line-height: 18.2px; margin-top: 30px; margin-bottom: 20px; } .footer__email { position: relative; } .footer__email-input { width: 100%; height: 40px; background: var(--White); border-radius: 50px; border: none; outline: none; padding-left: 20px; padding-right: 50px; } .footer__email-btn { width: 40px; height: 40px; /* background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); */ background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-small.webp') center / cover no-repeat; border-radius: 50%; border: none; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; } .footer__email-btn span, .footer__email-btn svg { position: relative; z-index: 2; } .footer__email-btn::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; overflow: hidden; opacity: 0; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-small-hover.webp') center / cover no-repeat; transition: opacity 0.3s; z-index: 1; } .footer__email-btn:hover::after { opacity: 1; } .footer__bot-info-item { display: flex; align-items: center; gap: 10px; margin-top: 44px; } .footer__bot-info-img { min-width: 20px; } .footer__bot-info-text { font-size: 12px; color: var(--Black_2); } .footer__bot-info-text.dop { margin-left: auto; color: var(--Grey_1); } .footer__bot-info-item.mob { display: none; } .desc-container { max-width: 1720px; margin: 0 auto; } .desc-list-title { margin-bottom:20px; } .desc-list-title .desc { display: none; } .desc_bottom { display: block; } .main-first__cash-slide { max-width: 1720px; width: 100%; margin: 0 auto; } .header__top, .header__menu-list { display: none; } .mini-cart { position: relative; } .item-tag { background: var(--Blue_4); width: 100px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 6px; text-align: center; position: absolute; top: 30px; left: 0; color: var(--White); text-transform: uppercase; z-index: 20; } .item-tag.orange { background: var(--Red_2); } .four-main.catalog { } .cart-item-tag.item-tag { font-size: 9px; line-height: 10px; width: 54px; top: 15px; } .four-main.catalog .four-main__item { width: 100%; /*aspect-ratio: 1 / 1;*/ } .catalog-link { position: absolute; inset: 0; z-index: 3; } .four-main.catalog .four-main__item-title { font-size: 14px; min-height:100px; } .top-title { margin-top: 80px; padding: 0 15px; } .head-title { } .breadcrumbs { list-style-type: none; display: flex; gap: 25px; padding: 0; margin: 0; /* margin-top: 20px; */ margin-top: 24px; /* margin-bottom: 20px; */ overflow: hidden; } .breadcrumbs__item { line-height: 17px; color: var(--Black_2); position: relative; letter-spacing: normal; } .breadcrumbs__item:last-child { color: var(--Grey_1); overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item-link { color: inherit; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .breadcrumbs__item::after { content: ""; width: 6px; height: 6px; display: block; border-radius: 50%; background: var(--Grey_2); position: absolute; top: 50%; transform: translateY(-50%) translateX(100%); right: -10px; } .breadcrumbs__item:last-child::after { display: none; } .catalog-top { padding: 0; position: static; margin-bottom: 26px; } .catalog .four-main__item-img { padding: 10px; } .category-first { padding: 0 15px; margin: 25px 0; } .category-first__btn { font-size: 12px; font-weight: 500; line-height: 14px; display: flex; gap: 10px; align-items: center; background: transparent; border: none; outline: none; color: #354E9D; padding: 0; cursor: pointer; } .category__container { padding: 0 15px; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; align-items: flex-start; } .category-item { width: calc(50% - 12px); min-width: 0; border-radius: 10px; padding: 15px; box-shadow: 0px 5px 30px 0px #0000001A; } .category-item .mini-cart__image { width: 100%; height: auto; margin-bottom: 8px; } .category-item .item-tag { font-size: 9px; line-height: 10px; width: 54px; top: 15px; } .category-item .mini-cart__name { font-size: 11px; line-height: 13.2px; padding-top: 8px; border-top: 1px solid var(--Grey_2); } .category-item .mini-cart__price { font-size: 14px; line-height: 17px; text-wrap: nowrap; } .category-item .mini-cart__art { font-size: 8px; line-height: 10px; } .category-item .mini-cart__bot { margin: 10px 0; } .category-item .mini-cart__input.btn { width: 20px; height: 20px; min-width: 20px; padding: 4px; } .category-item .mini-cart__input.num { font-size: 12px; width: 33px; text-align: center; } .category-item .mini-cart__input.num { -moz-appearance: textfield; } .category-item .mini-cart__input.num::-webkit-inner-spin-button, .category-item .mini-cart__input.num::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .category-item .mini-cart_btns-item { gap: 5px; } .category-item .mini-cart__add-cart { width: 30px; min-width: 30px; height: 30px; padding: 8px; } .category-item .mini-cart__btns { gap: unset; } .category-list { background: var(--Grey_4); padding: 20px 15px; overflow: hidden; position: relative; } .category-list__cont { display: flex; gap: 10px; } .category-list__item { padding: 17px 20px; background: #fff; min-width: 200px; border-radius: 10px; display: flex; align-items: center; gap: 10px; box-shadow: 0px 0px 20px 0px #0000000D; position: relative; } .category-list__item-link { position: absolute; inset: 0; } .category-list__item-img { width: 45px; height: 45px; object-fit: cover; object-position: center; } .category-list__item-text { font-size: 13px; font-weight: 500; line-height: 15.6px; } .category__filter { display: flex; position: fixed; top: 0; left: 0; padding: 30px; flex-direction: column; gap: 20px; z-index: 1000; background: var(--Grey_4); overflow-y: scroll; max-height: 100vh; transform: translateX(-110%); transition: 0.4s ease; width: 100%; } .category__filter-bg { content: ""; background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(1.5px); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; pointer-events: none; opacity: 0; transition: 0.4s ease; } .category__filter-bg.active { opacity: 1; pointer-events: all; cursor: pointer; } .category__filter.active { transform: translateX(0); } .categoty__filter-close { position: absolute; top: 15px; cursor: pointer; right: 15px; } .hidden-input { display: none; } .custom-check { width: 20px; height: 20px; border-radius: 3px; border: 1px solid var(--Grey_1); background: var(--White); display: flex; justify-content: center; align-items: center; } .custom-check__dot { width: 10px; height: 10px; border-radius: 1px; background: var(--Blue_4); opacity: 0; transition: 0.3s ease; } .hidden-input:checked + .custom-check .custom-check__dot { opacity: 1; } .custom-label { cursor: pointer; display: flex; gap: 10px; align-items: center; font-size: 14px; line-height: 21px; color: var(--Grey_1); } .category__filter-title { font-size: 14px; font-weight: 700; line-height: 21px; color: var(--Black_1); margin-bottom: 10px; } .category__filter-item { gap: 10px; display: flex; flex-direction: column; } .next-button, .prev-button { display: none; } .show-more { margin: 0 auto; margin-top: 20px; padding: 0 15px; max-width: 360px; margin-top: 0px; } .show-more__btn { font-size: 14px; font-weight: 600; line-height: 17px; text-align: center; color: var(--Blue_3); padding: 16px; border-radius: 50px; border: 1px solid var(--Blue_3); display: block; text-decoration: none; text-transform: uppercase; display: inline-block; margin: auto; min-width: 345px; margin-top: 60px; } .category-footer { margin-top: 25px; } .body-article__content ul { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .body-article__content ul li { list-style: disc; font-size: 14px; line-height: 21px; color: var(--Grey_1); } .body-article__content a { color: #354E9E; } .cart-img { padding: 0 15px; padding-top: 30px; display: flex; overflow: hidden; flex-direction: column; } .cart-img__main { /*height: 261px;*/ box-shadow: 0px 5px 30px 0px #0000001A; border-radius: 20px; /*overflow: hidden;*/ padding: 30px; position: relative; } .cart-img__main a { display:block; } .cart-img__img { /*width: 100%; height: 100%; object-fit: cover; object-position: center; transition: 0.3s ease;*/ transition: 0.3s ease; max-height: 500px; margin: auto; display: block; } .cart-img__other { display: flex; gap: 14px; justify-content: flex-start; transition: 0.3s ease; z-index: 10; } .cart-img__img2 { width: calc(25% - 10.5px); padding: 2px; background: #fff; aspect-ratio: 1 / 1; border-radius: 10px; box-shadow: 0px 4px 20px 0px #0000001A; pointer-events: all; transition: 0.3s ease; opacity: 0; pointer-events: none; cursor: pointer; } .cart-img__img2.active-thumb { opacity: 1; pointer-events: all; } .cart-img__img2.active { border: 1px solid #354e9e; box-shadow: 0px 0px 10px #354e9e59; } .cart-img__other-cont { padding: 15px 5px; margin: 0 40px; position: relative; } .cart-img__next, .cart-img__prev { background: transparent; border: none; outline: none; cursor: pointer; padding: 0; pointer-events: all; display: flex; } .cart-img__btns { position: absolute; top: 0; left: -40px; width: calc(100% + 80px); display: flex; align-items: center; justify-content: space-between; height: 100%; pointer-events: none; z-index: 15; } .cart-desc { padding: 0 15px; margin-top: 7px; display: flex; flex-direction: column; gap: 20px; } .cart-art { font-size: 14px; margin-bottom:20px; } .cart-art.nal { font-size: 12px; position: relative; } .cart-art.nal::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--Green); position: absolute; top: calc(50% - 1px); /* transform: ; */ left: -10px; transform: translateX(-100%) translateY(-50%); display: block; } /* .cart-desc__top, .cart-desc__mid { display: flex; justify-content: space-between; }*/ .cart-desc__mid { align-items: center; gap: 30px; } .cart-desc__price { line-height: 36px; height: 36px; } .cart-desc__input { width: 50%; min-width: 0; } .desc__bot-btn { background: var(--Blue_3); outline: none; border: none; border-radius: 50px; padding: 16px; width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 14px; font-weight: 600; color: var(--White); text-transform: uppercase; line-height: 17px; cursor: pointer; } .cart-info { padding: 0 15px; margin-top: 50px; } .cart-info__akk { display: flex; justify-content: space-between; max-width: 274px; border-bottom: 1px solid #D9D9D9; position: relative; } .cart-info__akk-item { padding-bottom: 15px; transition: 0.3s ease; border-bottom: 3px solid transparent; position: relative; bottom: -1px; cursor: pointer; } .cart-info__akk-item.active { border-bottom: 3px solid var(--Blue_3); } .cart-info__akk-item-name { text-transform: uppercase; } .cart-info__akk-item-text { display: none; } .cart-info__akk-content { transition: 0.3s ease; color: var(--Grey_1); } .cart-list-title { display: block; padding: 0 15px; margin-bottom: 15px; } .list { padding-top: 15px; } .cart-list { margin-top: 50px; } .mini-cart__input.num { -moz-appearance: textfield; /* Firefox */ } .mini-cart__input.num::-webkit-inner-spin-button, .mini-cart__input.num::-webkit-outer-spin-button { -webkit-appearance: none; /* Chrome, Safari, Edge */ } .main-three__botbtn.desc.cart { /* display: none; */ } .header__hover-item { } .header__menu-item { position: relative; display: flex; align-items: center; height: 40px; transition: 0.3s ease; } .header__menu-item:hover { color: var(--Blue_3); } .header__menu-item:hover .header__menu-item-hover, .header__menu-item-hover:hover { pointer-events: all; opacity: 1; } .header__menu-item-hover { position: absolute; top: 100%; transform: translateY(27px) translateX(-50%); left: 50%; background: var(--White); width: max-content; display: flex; flex-direction: column; gap: 20px; z-index: 200; padding: 30px; border-radius: 10px; box-shadow: 0px 0px 30px 0px #0000001A; pointer-events: none; opacity: 0; transition: 0.3s ease; } .header__menu-item-hover:before { content: ""; top: 0; transform: translateY(-100%); left: 0; width: 100%; height: 30px; background: transparent; position: absolute; } .header__menu-item-hover:after { content: ""; width: 22px; height: 22px; background: var(--White); transform: rotate(45deg) translateX(-50%); display: block; position: absolute; left: 50%; top: -3px; } .header__menu-item-link { position: absolute; inset: 0; } .header__hover-item { text-transform: none; font-size: 14px; font-weight: 400; line-height: 17px; text-decoration: none; color: var(--Black_2); transition: 0.3s ease; } .header__hover-item:hover { color: var(--Blue_3); } .mob-menu__wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000099; z-index: 1010; display: flex; justify-content: flex-end; transform: translateX(110%); transition: 0.4s ease; } .mob-menu__wrapper.active { transform: translateX(0); } .mob-menu { width: 57%; background: var(--White); padding: 30px; position: relative; padding-top: 60px; display: flex; flex-direction: column; justify-content: space-between; } .mob-menu__top { display: flex; flex-direction: column; gap: 20px; } .mob-menu__link { line-height: 15px; color: var(--Black_2); text-decoration: none; } .mob-menu__bot { display: flex; flex-direction: column; gap: 10px; padding-top: 15px; border-top: 1px solid var(--Grey_2); } .mob-menu__bot-item { font-size: 13px; line-height: 16px; color: var(--Black_2); text-decoration: none; display: flex; align-items: center; gap: 7px; } .mob-menu__close { position: absolute; top: 20px; right: 16px; cursor: pointer; } .main-second__content-img { object-fit: cover; object-position: center; border-radius: 10px; /* display: none; */ } .catalog-btn.desc { transition: 0.3s ease; } .catalog-btn.desc:hover { background: var(--Grey_2); } .catalog-btn p { margin-bottom:0; } .news-slider-container { overflow: hidden; margin: 0 15px; } .header__search-btn { background: #fff; } .four-main.catalog.calcs .four-main__item { aspect-ratio: unset; } .order { background-image: url("/local/templates/ezetek/css/../img/zbg.svg"); background-repeat: no-repeat; background-size: contain; background-position-x: 10vw; background-position-y: 30%; } .order__left { margin-top: 50px; } .order__right { } .order__right-text, .order__right-item { font-size: 14px; line-height: 21px; color: var(--Grey_1); } .order__right-adv { font-size: 18px; color: var(--Black_2); line-height: 27px; font-weight: 700; } .order__right-list { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .order__right-item::marker { color: #354E9E; } .order__left-input, .order__left-area { background: var(--Grey_4); width: 100%; height: 40px; border-radius: 5px; padding: 10px 15px; border: none; outline: none; border: 1px solid var(--Grey_3); } .order__left-area { min-height: 100px; min-width: 100%; max-width: 100%; } .order__left-form { display: flex; flex-direction: column; gap: 15px; background: #fff; box-shadow: 0px 5px 30px 0px #0000001A; border-radius: 20px; padding: 40px 30px; } .order__left-input-cont { position: relative; } .order__left-input-cont::after { content: "*"; font-size: 14px; line-height: 21px; color: var(--Grey_1); position: absolute; top: 2px; right: 5px; } .order__left-title { font-family: Gotham Pro; font-size: 16px; line-height: 19px; text-align: center; font-weight: 700; color: var(--Black_2); margin-bottom: 15px; } .order__left-btn-cust { /* background: var(--Black_2); */ background: linear-gradient(270deg, #6B6A6A 0%, #373435 100%); font-size: 14px; line-height: 17px; font-weight: 600; text-transform: uppercase; padding: 16px 30px; text-align: center; width: 100%; display: block; color: var(--White); border-radius: 50px; cursor: pointer; margin-top: 15px; min-height: 50px; } .order__left-btn-cust b { font-size: 18px; } .order__left-subbtn { border: none; outline: none; /* background: linear-gradient(90deg, #354E9E 0%, #8ED6F5 33.33%, #354E9E 100%); */ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); display: flex; gap: 12px; justify-content: center; align-items: center; margin-top: 0; } .order__left-checkbox-cust { width: 20px; height: 20px; background: var(--White); border: 1px solid var(--Grey_3); border-radius: 3px; display: flex; justify-content: center; align-items: center; } .order__left-cust-pin { width: 10px; height: 10px; background: var(--Blue_4); opacity: 0; transition: 0.3s; border-radius: 1px; } .hidden-input:checked + .order__left-checkbox-cust .order__left-cust-pin { opacity: 1; } .order__left-checkbox { display: flex; gap: 10px; align-items: center; margin-top: 15px; cursor: pointer; } .order__left-cust-text { font-size: 10px; line-height: 15px; font-weight: 400px; } .order__left-cust-text a { text-decoration: none; color: var(--Blue_3); } .articles { width: 100%; overflow: hidden; } .articles-wrapper { max-width: 1750px; padding: 0; margin: 0 auto; padding: 0 15px; } .articles__slider-select { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--Grey_3); border-radius: 5px; padding: 13px 20px; padding-right: 40px; color: var(--Grey_1); font-size: 12px; background-image: url("/local/templates/ezetek/css/../img/art_arr.svg"); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; } .articles__nav { display: flex; /*width: 100%; max-width: 881px;*/ justify-content: space-between; border-bottom: 1px solid var(--Grey_2); margin-bottom: 50px; gap: 20px; overflow-x: auto; max-width: 100%; width: fit-content; white-space: nowrap; } .articles__slider-select { width: 100%; } .articles__nav-item { font-size: 14px; font-weight: 700; line-height: 16.8px; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; color: var(--Black_2); transition: 0.3s ease; padding-bottom: 18px; cursor: pointer; border-bottom: 3px solid transparent; } .articles__nav-item.active { border-bottom: 3px solid var(--Blue_3); } .articles__slider { display: flex; transition: 0.3s ease; align-items: flex-start; margin-top: 20px; } .articles__slider-item { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; row-gap: 40px; min-width: 100%; column-gap: calc((100% / 3 - 32%) * 3 / 2); align-items: flex-start; } .articles__slider-object { display: flex; flex-direction: column; width: 100%; gap: 10px; padding-right: 0; border-bottom: 1px solid var(--Grey_2); padding-bottom: 30px; position: relative; } .slider-object__href { position: absolute; inset: 0; } .articles__slider-object-left img { display: block; max-width: 100%; height: auto; /*aspect-ratio: 330 / 200;*/ max-width: 150px; } .four-main { margin-top: 80px; } .articles__slider-object-left { } .main-second__content-img { } .mini-cart__name, .mini-cart__image { display: block; } .mini-cart__image { margin-left: auto; margin-right: auto; } .articles__slider-object-right { display: flex; flex-direction: column; gap: 10px; } .articles__slider-object-right .main-second__text, .articles__slider-object-right .main-second__name { margin: 0; } .articles__slider-object-right .main-second__name { margin-bottom: auto; } .main-second__name { transition: color 0.3s; } .main-second__name:hover { color: var(--Blue_3); } .font16-700-mob { } .main-second__text { } .font12-400-mob { } .limited-text { } .breadcrumbs.articles { margin-top: 20px; margin-bottom: 20px; } .docs { max-width: 1750px; padding: 0 15px; margin: 0 auto; display: flex; flex-direction: column; gap: 50px; } .docs > div { display: flex; flex-direction: column; gap: 30px; max-width: 1137px; } .docs__title { font-size: 18px; font-weight: 700; color: var(--Black_2); line-height: 27px; } .docs__item { display: flex; gap: 14px; position: relative; } .docs__item-link { position: absolute; inset: 0; z-index: 3; } .docs__item-left { } .docs__item-img { } .docs__item-right { font-size: 14px; line-height: 18.8px; } .docs__item-name { font-weight: 700; color: var(--Black_2); } .docs__item-desc { color: var(--Grey_1); } .docs__item-desc.atten { color: var(--Black_2); } .order.bim { background-image: none; } .bim-search { position: relative; } .bim-search__input { width: 100%; border: none; border-bottom: 1px solid var(--Grey_2); padding: 12px 15px; padding-right: 50px; outline: none; } .bim-search__btn { position: absolute; right: 15px; top: 50%; padding: 0; transform: translateY(-50%); background: transparent; border: none; outline: none; cursor: pointer; } .bim-items { display: flex; flex-direction: column; gap: 10px; margin-top: 30px; } .bim-item { display: flex; gap: 20px; align-items: center; padding: 20px; border-radius: 15px; box-shadow: 0px 5px 30px 0px #0000001A; position: relative; } .bim-item__link { position: absolute; inset: 0; z-index: 3; } .bim-item__img { width: 78px; height: 78px; object-fit: cover; object-position: center; border-radius: 10px; } .bim-item__name { color: var(--Blue_2); } /* Calc-1 */ .info-slider { padding-bottom: 50px; } .info-slider__slider { width: 100%; border-radius: 20px; } .slide-info { padding: 116px 6.744186%; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1720 / 500; position: relative; } .slide-info::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; background: linear-gradient(270deg, rgba(53, 78, 158, 0.00) 0%, #354E9E 100%); z-index: 1; } .slide-info::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .slide-info__content { display: flex; flex-direction: column; gap: 10px; font-family: "Gotham Pro"; color: var(--White); position: relative; z-index: 5; } .slide-info__title { max-width: 909px; font-size: 50px; text-transform: uppercase; } .slide-info__title span { white-space: nowrap; } .slide-info__text { max-width: 641px; font-size: 20px; line-height: 1.2; } .slide-info__picture { border-radius: 20px; overflow: hidden; } .slide-info__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; object-fit: cover; } .info-slider__pagination.swiper-pagination { bottom: 40px; z-index: 5; } .swiper-pagination-bullet { width: 15px; height: 15px; flex: 0 0 15px; background-color: var(--Grey_3); opacity: 1; transition: background-color 0.3s; } .info-slider__slider .info-slider__pagination .swiper-pagination-bullet { margin: 0 7px; box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.80); } .swiper-pagination-bullet-active { background-color: var(--Blue_5); } /* calculation */ .calculation { padding-top: 30px; padding-bottom: 20px; } .body-calculation { display: grid; /* grid-template-columns: 23.72093% 49.069767% auto; */ /* grid-template-columns: 23.72093% 49.069767% 23.662791%; */ /* grid-template-columns: 23.72093% 1fr; */ /* grid-template-columns: 408px 1fr; */ grid-template-columns: 23.72093% 1fr; /* 408/1720 */ gap: 31px; } .calculation-params__body { display: grid; grid-template-columns: 64.324746% 1fr; gap: 30px; } .params-calc { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; } .params-calc__line { padding: 13px 50px 13px 40px; display: inline-flex; /* flex-wrap: wrap; */ align-items: center; gap: 50px; border-radius: 20px; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .params-calc__line._padding-40 { padding: 40px; width: 100%; } .line-calc-params-radio { padding: 30px 50px; width: 100%; max-width: 748px; justify-content: space-between; } .line-calc-params-radio .params-calc__items { gap: 10px; } .params-calc__image { flex: 0 0 150px; width: 150px; height: 150px; aspect-ratio: 1 / 1; position: relative; } .params-calc__image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; } .params-calc__items { display: flex; /* flex-wrap: wrap; */ gap: 20px; } .params-calc__items.items-row-gap-33 { row-gap: 33px; } .item-params-calc { display: grid; gap: 5px; } .item-params-calc__name { font-size: 12px; line-height: 1.5; color: var(--Black_2); } .item-params-calc__input-wrap { position: relative; } .item-params-calc__input-wrap::after { content: "*"; font-size: 14px; line-height: 21px; color: var(--Grey_1); position: absolute; top: 2px; right: 5px; } .input { background: var(--Grey_4); width: 100%; height: 40px; border-radius: 5px; padding: 10px 28px 10px 15px; border: none; outline: none; border: 1px solid var(--Grey_3); } .input::placeholder { font-size: 13px; } /* radio */ .radio-group label { cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.5; width: 100%; color: var(--Grey_1); } .text { flex: 0 0 50px; min-width: 50px; text-align: left; } .text-radio { min-width: fit-content; } .real-radio { opacity: 0; position: absolute; height: 0; width: 0; z-index: -1; } .real-radio:checked + .custom-radio::before { transform: translate(-50%, -50%) scale(1); } .real-radio:checked + .custom-radio_colors::before { transform: translate(-50%, -50%) scale(1); } .custom-radio { display: inline-flex; flex: 0 0 20px; width: 20px; height: 20px; background-color: var(--Grey_4); border-radius: 50%; vertical-align: text-top; position: relative; } .custom-radio::before { content: ''; display: inline-block; width: 10px; height: 10px; background-color: var(--Blue_3); border-radius: 50%; transition: 0.3s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); } /* */ .data-calculation-params__body { padding: 40px 30px; border-radius: 20px; background-color: var(--Grey_4); } .data-calculation-params__title { font-family: 'Gotham Pro'; font-weight: 700; font-size: 16px; line-height: 1.2; } .data-calculation-params__title:not(:last-child) { margin-bottom: 30px; } .data-calculation-params__items {} .data-calculation-params__items:not(:last-child) { margin-bottom: 30px; } .data-calculation-params__item { padding: 20px 0; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--Grey_2); } .data-calculation-params { align-items: flex-start; } .data-calculation-params__item:first-child { padding-top: 0; } .data-calculation-params__name { font-size: 14px; line-height: 1.42; color: var(--Grey_1); } .data-calculation-params__name--max-width-220 { max-width: 220px; line-height: normal; } .data-calculation-params__value { font-weight: 600; font-size: 14px; } .bottom-data-params__label { font-size: 14px; color: var(--Blue_2); } .bottom-data-params__label:not(:last-child) { margin-bottom: 30px; } .bottom-data-params__buttons { display: flex; flex-direction: column; gap: 20px; } .button { width: 100%; padding: 16px; border-radius: 50px; display: inline-flex; gap: 6px; /* flex-direction: column; */ justify-content: center; align-items: center; min-height: 50px; } .button--blue-border { border: 1px solid var(--Blue_3); color: var(--Blue_3); font-weight: 600; font-size: 14px; text-transform: uppercase; transition: color 0.3s, border-color 0.3s; background: none; } .button--blue-border svg, .button--blue-border path { fill: var(--Blue_3); } .button--border { border: 1px solid var(--Blue_3); font-weight: 600; font-size: 14px; text-transform: uppercase; color: var(--Black_2); transition: color 0.3s, border-color 0.3s; } .button--border:hover { color: var(--Blue_3); border-color: var(--Blue_3); } .button--border-blue { border: 1px solid var(--Blue_3); font-weight: 600; font-size: 14px; text-transform: uppercase; color: var(--Blue_3); transition: color 0.3s, border-color 0.3s; } .button--border-blue:hover { color: var(--Black_2); border-color: var(--Blue_3); } .button--border-blue svg, path { transition: fill 0.3s; } .button--border-blue:hover svg, .button--border-blue:hover path { fill: var(--Black_2); } .button--black { flex-direction: row; gap: 12px; color: var(--White); background: linear-gradient(270deg, #6B6A6A 0%, #373435 100%); text-transform: uppercase; font-size: 14px; } .calculation__picture-items-wrap { padding-top: 100px; } .calculation__picture-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(407px, 1fr)); gap: 30px; } .item-picture { border-radius: 20px; overflow: hidden; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .item-picture__image { max-width: 407px; margin: 0 auto; aspect-ratio: 1 / 1; background-color: var(--White); position: relative; } .item-picture__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; overflow: hidden; } /*===== Calc-2 */ .items-columns-2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 44px; width: 100%; } .item-param-select { flex: 1 1 340px; } /* Select */ .select { position: relative; width: 100%; height: 40px; } .select__title { min-width: 100%; max-width: 200px; width: 100%; color: var(--Black_2); border: 1px solid var(--Grey_3); cursor: pointer; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; transition: border-radius 0.15s, background-color 0.3s; } .select__value { display: flex; align-items: center; font-size: 12px; height: 40px; padding: 0 54px 0 20px; color: var(--Grey_1); background: none; border: none; outline: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; position: relative; } .select__value span { flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 340px; } .select__value::before { content: ""; position: absolute; top: 50%; transform: translate(0,-50%); right: 20px; display: inline-block; transition: transform 0.3s ease; width: 14px; height: 14px; background: url("/local/templates/ezetek/css/../img/icons/caret-down.svg") center / 100% no-repeat; margin-left: 10px; } .select__options { display: none; position: absolute; top: 45px; left: 0; min-width: 100%; color: var(--Black_2); border: 1px solid var(--Grey_3); background-color: var(--White); font-size: 12px; border-radius: 5px; padding-top: 16px; padding-bottom: 16px; gap: 16px; } .select__option { padding: 0 20px; cursor: pointer; color: var(--Grey_1); line-height: 1.17; } .select__option:last-child { border-radius: 0 0 4px 4px; } .select__option:hover { color: var(--Blue_2); } .select._active { z-index: 5; } .select._active .select__title { background-color: var(--White); } .select._active .select__options { display: grid!important; gap: 16px!important; max-height: 400px; overflow-x: auto; } .select._active .select__value { color: var(--Black_2); } .princanvblock{ display: block; } /* Where buy */ .tabs__navigation { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 15px; } .tabs__navigation:not(:last-child) { margin-bottom: 50px; } .tabs-title { padding: 14px 20px; border-radius: 50px; border: 1px solid transparent; background-color: var(--Grey_4); color: var(--Black_2); font-family: 'Gotham Pro'; font-weight: 300; font-size: 14px; transition: border-color 0.3s; } .tabs__title._tab-active { border: 1px solid var(--Grey_1); } .body-tabs__contacts { padding-top: 50px; padding-bottom: 20px; } .body-tabs__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)); column-gap: 65px; row-gap: 60px; padding-bottom: 50px; } .card-where-buy { padding: 20px 20px 30px 20px; height: 100%; display: grid; grid-template-rows: auto 1fr auto; gap: 30px; border-radius: 20px; background-color: var(--White); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); } .card-where-buy__image { display: block; flex: 1 1 252px; width: 100%; height: 150px; aspect-ratio: 252px / 150px; position: relative; } .card-where-buy__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .card-where-buy__content { } .card-where-buy__item { font-size: 12px; line-height: 1.5; color: var(--Grey_1); } .card-where-buy__item a { transition: color 0.3s; } .card-where-buy__item:not(:last-child) { margin-bottom: 25px; } .card-where-buy__item a:hover { color: var(--Blue_1); } .card-where-buy__item span { color: var(--Black_2); } .card-where-buy__show { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-family: 'Gotham Pro'; font-weight: 700; font-size: 14px; color: var(--Black_2); text-transform: uppercase; transition: color 0.3s; } .card-where-buy__show path { transition: fill 0.3s; } .card-where-buy__show:hover { color: var(--Blue_1); } .card-where-buy__show:hover path { fill: var(--Blue_1); } /* Contacts */ .body-tabs__contacts--pt-0 { padding-top: 0; } .body-contacts { display: grid; grid-template-columns: 37.790698% 1fr; gap: 79px; } .info-contacts { padding: 30px 50px; border-radius: 20px; background: var(--Grey_4); align-self: start; } .info-contacts__content { } .info-contacts__content:not(:last-child) { margin-bottom: 50px; } .info-contacts__title { font-weight: 700; font-size: 25px; line-height: 1.5; } .info-contacts__title:not(:last-child) { margin-bottom: 30px; } .info-contacts__item { font-size: 16px; color: var(--Grey_1); line-height: 1.5; } .info-contacts__item:not(:last-child) { margin-bottom: 24px; } .info-contacts__item span { font-size: 16px; color: var(--Black_2); line-height: 1.5; } .info-contacts__item a { transition: color 0.3s; } .info-contacts__item a:hover { color: var(--Blue_1); } .info-contacts__print { display: inline-flex; align-items: center; gap: 10px; color: var(--Blue_3); } .info-contacts__print svg { flex-shrink: 0; flex-grow: 0; } .body-contacts__map-wrapper { position: relative; height: 500px; border-radius: 20px; overflow: hidden; } .body-contacts__map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .body-contacts__map-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* requisites */ .requisites__body { display: grid; /* grid-template-columns: 80.930233% 1fr; */ grid-template-columns: 1fr 292px; gap: 36px; } .requisites__info { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } .body-article__content.content-article img { max-width: 100%; height: auto; } .column-requisites__title { font-weight: 700; font-size: 18px; line-height: 1.5; } .column-requisites__title:not(:last-child) { margin-bottom: 30px; } .column-requisites__list { font-size: 14px; line-height: 1.8; color: var(--Grey_1); } .column-requisites__list--mb/*:not(:last-child)*/ { margin-bottom: 33px; } .column-requisites__list li strong { color: var(--Black_2); } .column-requisites__list li span { display: inline-block; margin-left: 20px; } .column-requisites__download { display: inline-flex; align-items: center; gap: 10px; color: var(--Blue_3); } .column-requisites__download svg { flex-grow: 0; flex-shrink: 0; } .more-detailed { align-self: start; padding: 40px 30px; border-radius: 20px; background-color: var(--Grey_4); } .more-detailed__image { max-width: 152px; margin: 0 auto; aspect-ratio: 1 / 1; position: relative; } .more-detailed__image:not(:last-child) { margin-bottom: 20px; } .more-detailed__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .more-detailed__title { font-family: 'Gotham Pro'; font-weight: 700; font-size: 18px; line-height: 1.2; } .more-detailed__title:not(:last-child) { margin-bottom: 20px; } .more-detailed__content { } .more-detailed__content:not(:last-child) { margin-bottom: 20px; } .more-detailed__desc { font-family: 'Gotham Pro'; font-size: 14px; line-height: 1.2; color: var(--Grey_1); } .bg-blue { background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); position: relative; } .bg-blue > *{ position: relative; z-index: 2; } .bg-blue::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; overflow: hidden; opacity: 0; background: url('/local/templates/ezetek/css/../img/buttons-bg/bg-blue-small-hover.png') center / cover no-repeat; transition: opacity 0.3s; z-index: 1; } .bg-blue:hover::after { opacity: 1; } .button--blue, .desc__bot-btn { flex-direction: row; width: 100%; gap: 12px; /* background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg.webp') center / cover no-repeat; */ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); font-weight: 600; font-size: 14px; text-transform: uppercase; color: var(--White); position: relative; } .button--blue span, .button--blue svg, .desc__bot-btn span, .desc__bot-btn svg { position: relative; z-index: 2; } .desc__bot-btn::after, .button--blue::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; overflow: hidden; opacity: 0; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-hover.webp') center / cover no-repeat; transition: opacity 0.3s; z-index: 1; } .button--blue:hover::after, .desc__bot-btn:hover::after { opacity: 1; } .button--blue:hover, .desc__bot-btn:hover { color: var(--White); } .btn-blue-4 { transition: background-color 0.3s; } .btn-blue-4 svg, .btn-blue-4 path { transition: fill 0.3s; } .btn-blue-4:hover { background-color: var(--Blue_4); } .btn-blue-4:hover svg, .btn-blue-4:hover path { fill: var(--White); } /* Search */ .search__container { position: relative; } .search__container::after { content: ''; position: absolute; top: -3%; right: -64%; width: 100%; height: 100%; background: url('/local/templates/ezetek/css/../img/search-block/search-decor.svg') center / contain no-repeat; z-index: -1; } .search__body { max-width: 1283px; } .item-row { display: grid; grid-template-columns: 146px 1fr; gap: 40px; padding: 40px 0; border-bottom: 1px solid var(--Grey_2); } .item-row:first-child { padding-top: 0; } .item-row:last-child { padding-bottom: 0; border-bottom: 0; } .item-row__image { max-width: 146px; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); position: relative; } .item-row__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* object-fit: contain; */ object-fit: cover; } .content-item-row__title { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.5; transition: color 0.3s; } .content-item-row__title:not(:last-child) { margin-bottom: 10px; } .content-item-row__title:hover { color: var(--Blue_3); } .content-item-row__text { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } .content-item-row__text:not(:last-child) { margin-bottom: 25px; } .content-item-row__link { display: inline-flex; align-items: center; gap: 15px; font-size: 14px; line-height: 1.5; color: var(--Blue_3); } .top-title-input { margin-bottom: 20px; padding: 8px 15px 9px 18px; width: 100%; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--Grey_2); } .top-title-search { width: 100%; font-size: 14px; color: var(--Black_2); } .top-title-search::placeholder { font-size: 14px; color: var(--Black_2); } /* error 404 */ .error-404 { padding-top: 240px; padding-bottom: 20px; /* min-height: 744px; */ } .error-404__body { max-width: 659px; margin: 0 auto; text-align: center; } .error-404__image { max-width: 659px; margin: 0 auto; aspect-ratio: 659 / 363; position: relative; } .error-404__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .error-404__content { display: flex; flex-direction: column; gap: 50px; } .error-404__desc { color: var(--Black_2); } .error-404__button { max-width: 300px; margin: 0 auto; } /* ready-solutions */ .top-title__desc { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } .ready-solutions { padding-top: 50px; } .top-title__link { margin-left: 11px; display: inline-flex; align-items: center; gap: 5px; color: var(--Blue_3); } .ready-solutions__items { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 43px; row-gap: 80px; } .item-row--border-right { grid-template-columns: 138px 1fr; border-bottom: none; padding: 0; gap: 30px; border-right: 1px solid var(--Grey_2); } .item-row__content { padding-right: 43px; } .item-row--border-right .item-row__image { max-width: 138px; box-shadow: none; } .item-row--border-right .item-row__image img { object-fit: cover; } .item-row--border-right .content-item-row__title:not(:last-child) { margin-bottom: 20px; } /* popup */ body::after { content: ""; background-color: #1414149b; position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.8s ease 0s; pointer-events: none; z-index: 149; } .popup-show body::after { opacity: 1; } .popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 30px 10px; transition: visibility 0.8s ease 0s; visibility: hidden; pointer-events: none; } .popup_show { z-index: 150; visibility: visible; overflow: auto; pointer-events: auto; } .popup_show .popup__content { visibility: visible; transform: scale(1); } .popup__wrapper { display: flex; flex-direction: column; align-items: center; min-height: 100%; flex: 1 1 auto; width: 100%; display: flex; justify-content: center; align-items: center; } .popup__content { visibility: hidden; transform: scale(0); transition: transform 0.3s ease 0s; background-color: var(--White); padding: 40px; width: 100%; max-width: 408px; border-radius: 20px; } .lock .popup__content { visibility: visible; } .popup__close { position: absolute; top: -20px; right: -20px; } .popup__text { } .popup__text:not(:last-child) { margin-bottom: 30px; } .popup__text p { font-family: 'Gotham Pro'; line-height: 1.2; color: var(--Black_2); } .popup__text p:not(:last-child) { margin-bottom: 20px; } .popup__requisites-items { display: flex; flex-direction: column; gap: 15px; } .popup__requisites-item { padding: 10px 14px; border-radius: 5px; border: 1px solid var(--Grey_3); background: var(--White); text-align: center; font-size: 13px; line-height: 1.5; color: var(--Grey_1); word-break: break-all; } /* knowledge-base */ .grid-columns-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(423px, 1fr)); gap: 50px; } .proper-item.four-main__item { width: 100%; max-width: 100%; padding: 30px 30px 40px 30px; } .proper-item.four-main__item .four-main__item-title { display: block; max-width: 90%; font-size: 14px; line-height: 1.2; } .proper-item.four-main__item .four-main__item-title:not(:last-child) { margin-bottom: 40px; } .proper-item.four-main__item .four-main__picture { max-width: 272px; margin: 0 auto; aspect-ratio: 1 / 1; position: relative; } .proper-item.four-main__item .four-main__picture img{ position: absolute; inset: 0; object-fit: cover; } /* albums */ .albums__top { padding-bottom: 80px; } .albums__slider .slide-info::before { width: 50%; background: linear-gradient(270deg, rgba(53, 78, 158, 0.00) 0%, #354E9E 100%); } .albums__slider .slide-info::after { display: none; } .albums__slider .slide-info img { object-fit: cover; } .form-block-gray-long { padding: 59px 115px; border-radius: 20px; background: var(--Grey_4); } .form-albums { display: grid; /*grid-template-columns: auto minmax(200px, 430px); */ gap: 98px; } .form-albums__items { display: flex; align-items: center; gap: 30px; } .form-albums__buttons { display: flex; align-items: center; gap: 30px; } .albums__desc-block { font-size: 14px; line-height: 1.5; color: var(--Grey_1); padding-bottom: 40px; } /* production */ .body-production__top { padding-bottom: 50px; } .block-header__line { display: flex; justify-content: space-between; align-items: center; gap: 50px; } .top-body-production__content .block-header__title:not(:last-child) { margin-bottom: 20px; } .block-header__text { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } .block-header__text p:not(:last-child) { margin-bottom: 20px; } .production .block-header__text { flex: 0 1 58.023256%; } .block-header__image { max-width: 280px; width: 100%; aspect-ratio: 280 / 84; position: relative; } .block-header__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .body-production__items { display: grid; grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)); column-gap: 65px; row-gap: 60px; } .production .four-main__item.proper-item { display: flex; flex-direction: column; justify-content: space-between; gap: 34px; padding: 30px; min-height: 330px; } .production .proper-item.four-main__item .four-main__item-title:not(:last-child) { margin-bottom: 0; } /* About */ .top-body-about { padding-bottom: 50px; } .top-body-about__text { max-width: 1184px; font-size: 14px; line-height: 1.5; color: var(--Grey_1); } .top-body-about__content { max-width: 810px; display: grid; gap: 20px; } .top-body-about__text p:not(:last-child) { margin-bottom: 20px; } .top-body-about__text a { color: var(--Blue_3); } .top-body-about__text ul { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .top-body-about__text ul li { list-style: disc; font-size: 14px; line-height: 21px; color: var(--Grey_1); } .top-body-about__text:not(:last-child) { margin-bottom: 20px; } /* video-items */ .video-block { padding: 50px 0; } .video-block--gray { background-color: var(--Grey_4); } .video-items-column-2 { display: flex; align-items: center; gap: 100px; } /* video */ .video-about__video { position: relative; aspect-ratio: 553 / 320; /* padding-bottom: 70%; */ transition: background-color 0.3s ease; border-radius: 20px; overflow: hidden; display: block; max-width: 553px; width: 100%; height: auto; } /* .video-about__video::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60%; opacity: 0.7; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); }*/ .video-about__video-content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; aspect-ratio: 553 / 320; border-radius: 20px; overflow: hidden; /* opacity: 0.6; */ } .video-about__video-content._init-video { opacity: 1; } .video-about__video-title { position: absolute; top: 30px; left: 40px; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff; z-index: 2; } .video-about__video-share svg { overflow: hidden; width: 58px; height: 58px; } .video-about__video-button { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color: transparent; z-index: 2; } /* direction-work */ .direction-work { padding-top: 50px; } .direction-work__header:not(:last-child) { margin-bottom: 30px; } .grid-columns-4 { display: grid; grid-template-columns: repeat(auto-fill, minmax(355px, 1fr)); gap: 30px; } .direction-work__items { list-style-type: none; counter-reset: item; } .item-number { padding: 30px; display: flex; flex-direction: column; justify-content: center; border-radius: 20px; background: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); min-height: 230px; } .item-number { position: relative; } .item-number::before { counter-increment: item; content: counter(item, decimal-leading-zero); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 700; font-size: 150px; line-height: 1.5; color: var(--Grey_3); } .item-number__desc { font-size: 14px; line-height: 1.5; position: relative; } /* electroplating */ .electroplating__info { padding-top: 10px; padding-bottom: 50px; } .info-electroplating { display: grid; gap: 50px; } .info-electroplating__image { max-width: 1720px; width: 100%; aspect-ratio: 1720 / 550; border-radius: 20px; overflow: hidden; position: relative; } .info-electroplating__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .info-electroplating__text { max-width: 1168px; } .electroplating__items { padding-bottom: 50px; } .items-electroplating__slider { padding: 50px 15px; margin: -50px -15px; } .slide-items-electroplating { padding: 20px; border-radius: 20px; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); display: grid; gap: 20px; min-height: 100%; display: grid; grid-template-rows: 1fr auto; position: relative; } .slide-items-electroplating a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .slide-items-electroplating__image { aspect-ratio: 160 / 140; border-radius: 10px; overflow: hidden; position: relative; } .slide-items-electroplating__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; object-fit: cover; } .slide-items-electroplating__title { text-align: center; font-size: 14px; line-height: 1.2; color: var(--Blue_3); } .swiper-pagination-bullets { display: flex; justify-content: center; flex-wrap: wrap; } .items-electroplating__slider .swiper-pagination { position: relative; top: 30px; } .advantages { padding-top: 40px; padding-bottom: 50px; } .body-advantages { display: grid; grid-template-columns: 44.825581% 1fr; align-items: center; gap: 150px; } .info-body-advantages { display: flex; flex-direction: column; gap: 20px; } .body-advantages__title:not(:last-child) { margin-bottom: 30px; } .advantages .block-header__title:not(:last-child) { margin-bottom: 20px; } .body-advantages__image { aspect-ratio: 810 / 600; border-radius: 20px; overflow: hidden; position: relative; } .body-advantages__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .electroplating__video-block .video-items-column-2 { justify-content: center; } .electroplating__desc-block { padding-top: 50px; padding-bottom: 50px; } .body-desc-block { max-width: 1206px; margin: 0 auto; } .body-desc-block__text:not(:last-child) { margin-bottom: 20px; } .body-desc-block__items { display: flex; flex-direction: column; gap: 20px; } /* slider-with-arrows */ .controls__arrow { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background-color: var(--Grey_4); transition: background-color 0.3s; } .controls__arrow:hover { background-color: var(--Blue_4); } .controls__arrow path { transition: fill 0.3s; } .controls__arrow:hover path { fill: var(--White); } .electroplating-slider-block { padding-top: 50px; padding-bottom: 20px; } .electroplating-slider-block__slider { overflow: visible; } .electroplating-slider-block__header { display: flex; justify-content: space-between; align-items: center; } .electroplating-slider-block__header:not(:last-child) { margin-bottom: 50px; } .controls { display: flex; flex-shrink: 0; min-width: 100px; } .controls__arrows { flex-shrink: 0; display: flex; align-items: center; gap: 20px; } .electroplating-slider-block .block-header__title:not(:last-child) { margin-bottom: 0; } .electroplating-slider-block-slide { aspect-ratio: 369 / 248; position: relative; } .electroplating-slider-block-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; object-fit: cover; } .electroplating-slider-block .swiper-pagination { position: relative; top: 20px; } /* advantages-items */ .advantages-items { padding-top: 80px; padding-bottom: 80px; } .body-advantages-items__header:not(:last-child) { margin-bottom: 50px; } .elems-advantages-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); gap: 35px; } .item-elem-advantages { min-height: 110px; display: flex; align-items: center; gap: 20px; padding: 30px; border-radius: 10px; background: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .item-elem-advantages__circle { flex: 0 0 50px; width: 50px; height: 50px; border-radius: 50%; background-color: var(--Blue_3); position: relative; } .item-elem-advantages__circle::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-40%); width: 24px; height: 15px; background: url('/local/templates/ezetek/css/../img/check-mark.svg') center / contain no-repeat; } .item-elem-advantages__text { line-height: 1.3; } /* support */ .support .proper-item.four-main__item .four-main__picture { max-width: 252px; } .support .proper-item.four-main__item { padding: 30px 30px 0 30px; } .support .proper-item.four-main__item .four-main__item-title:not(:last-child) { margin-bottom: 30px; } /* selection */ .body-selection__top { display: flex; justify-content: space-between; gap: 40px; padding-bottom: 203px; } .body-selection__top:not(:last-child) { margin-bottom: 50px; position: relative; } .content-body-selection__desc:not(:last-child) { margin-bottom: 20px; } .content-body-selection__title { font-weight: 700; } .content-body-selection__title:not(:last-child) { margin-bottom: 20px; } .form-selection__item { max-width: 564px; } .form-selection__item:not(:last-child) { margin-bottom: 30px; } .input--gray, .input--gray::placeholder { color: var(--Grey_1); } .form-selection__button { max-width: 250px; } .body-selection__title-table:not(:last-child) { margin-bottom: 30px; } .body-selection__decor-pc { position: absolute; /* top: 105%; */ right: 0; /* transform: translate(0px, -50%); */ display: flex ; align-items: center; z-index: -1; } .body-selection__decor-pc .body-selection__decor-2 { margin-top: -7%; } .body-selection__decor-small { flex: 0 0 90px; max-width: 100%; display: flex; align-items: center; gap: 15px; } /* table */ ._none { display: none; } .table-wrapper { max-width: 100%; overflow-x: auto; border-radius: 5px; } .table-wrapper:not(:last-child) { margin-bottom: 50px; } .custom-table { width: 1574px; border-collapse: separate; border-spacing: 0 5px; } .custom-table thead tr { background-color: var(--Grey_4); } .custom-table tbody tr { background-color: var(--Grey_4); } .custom-table th, .custom-table td { padding: 10px 18px; text-align: left; font-size: 14px; line-height: 1.5; } .custom-table th:first-child, .custom-table td:first-child { border-radius: 5px 0 0 5px; } .custom-table th:last-child, .custom-table td:last-child { border-radius: 0 5px 5px 0; } .custom-table th:nth-child(1), .custom-table td:nth-child(1) { width: 140px; text-align: center; } .custom-table th:nth-child(2), .custom-table td:nth-child(2) { width: 120px; text-align: center; } .custom-table th:nth-child(3), .custom-table td:nth-child(3) { width: 180px; text-align: center; } .custom-table th:nth-child(4), .custom-table td:nth-child(4) { width: 223px; padding-left: 40px; } .custom-table th:nth-child(5), .custom-table td:nth-child(5) { width: 140px; text-align: center; } .custom-table th:nth-child(6), .custom-table td:nth-child(6) { width: 185px; text-align: center; } .custom-table th:nth-child(7), .custom-table td:nth-child(7) { width: 105px; text-align: center; } .custom-table td a { display: inline-block; max-width: 223px; color: var(--Blue_3); } .circle-cart { width: 50px; height: 50px; margin: 0 auto; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-small.webp') center / cover no-repeat; border-radius: 50%; border: none; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .circle-cart::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; overflow: hidden; opacity: 0; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-small-hover.webp') center / cover no-repeat; transition: opacity 0.3s; z-index: 2; } .circle-cart svg, .circle-cart circle { position: relative; z-index: 3; } .circle-cart:hover::after { opacity: 1; z-index: 2; } .quantity { display: inline-flex; justify-content: center; align-items: center; } .quantity__number { width: 25px; margin-bottom: 3px; } .quantity__button { flex: 0 0 20px; width: 25px; height: 25px; } .body-selection__label { font-style: 14px; line-height: 1.5; color: var(--Grey_1); } .body-selection__label a { color: var(--Blue_3); } .selection._open-table .body-selection__table-block._none{ display: block; } .selection._open-table .body-selection__decor-pc { top: 55%; } .selection._open-table .body-selection__decor-2 { margin-top: -17%; } .selection._open-table .body-selection__top { padding-bottom: 0; } /* certificates */ .certificates__body { position: relative; } .certificates__body::after { content: ''; position: absolute; top: 0; right: -10%; max-width: 1213px; max-height: 627px; width: 100%; height: 100%; background: url('/local/templates/ezetek/css/../img/certificates-decor.svg') center / contain no-repeat; z-index: -1; } .body-certificates__content { max-width: 845px; display: grid; gap: 50px; } .body-certificates__button { max-width: 300px; } /* academy */ .academy .slide-info { position: relative; } .academy .slide-info::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/local/templates/ezetek/css/../img/academy/slider/academy-decor-mobile.svg') cover no-repeat; } /* areas-work */ .areas-work { padding-top: 100px; padding-bottom: 100px; background-color: var(--Grey_4); } .areas-work__header:not(:last-child) { margin-bottom: 50px; } .areas-work__items { display: grid; grid-template-columns: 1fr 1fr; gap: 180px; } .item-areas-work { display: grid; grid-template-columns: 46.753247% 1fr; align-items: center; border-radius: 20px; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .item-areas-work__image { max-width: 360px; width: 100%; height: 100%; aspect-ratio: 360 / 300; border-radius: 20px 0 0 20px; overflow: hidden; position: relative; } .item-areas-work__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .item-areas-work__content { padding: 39px 14px 39px 48px; display: flex; flex-direction: column; gap: 20px; } /* academy-video */ .academy-video { padding-top: 70px; padding-bottom: 100px; } .academy-video__header:not(:last-child) { margin-bottom: 50px; } /* training */ .form-training { max-width: 1137px; padding: 50px 40px; border-radius: 20px; background: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .training__header:not(:last-child) { margin-bottom: 50px; } .form-training__title:not(:last-child) { margin-bottom: 20px; } .form-training__line-top { padding-bottom: 50px; display: grid; grid-template-columns: 64.049196% 1fr; align-items: end; gap: 77px; border-bottom: 1px solid var(--Grey_2); } .form-training__inputs { display: grid; grid-template-columns: 1fr 1fr 20px; align-items: center; gap: 20px; row-gap: 30px; } .form-training__inputs .remove_participant:last-child { display:none; } .form-training__inputs .remove_participant { margin-top:20px; cursor: pointer; } .form-training__items-columns { padding-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 77px; row-gap: 30px; } .form-training__items-columns:not(:last-child) { margin-bottom: 30px; } .form-training__items-rows { display: grid; gap: 30px; } .form-training__items-rows:not(:last-child) { margin-bottom: 50px; } .bottom-form-training { display: grid; grid-template-columns: 51.371807% 1fr; gap: 60px; } .bottom-form-training__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .button--blue-light { font-weight: 600; font-size: 14px; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg-hover.webp') center / cover no-repeat; color: var(--White); text-transform: uppercase; position: relative; } .button--blue-light::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; overflow: hidden; opacity: 0; background: url('/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg.webp') center / cover no-repeat; transition: opacity 0.3s; z-index: 2; } .button--blue-light span { position: relative; z-index: 3; } .button--blue-light:hover::after { opacity: 1; } .marketing-support-advantages__items { list-style-type: none; counter-reset: item; } /* marketing support */ .body-marketing-support__columns { display: grid; grid-template-columns: 74.534884% 1fr; gap: 107px; } .body-marketing-support__column--left { display: grid; gap: 50px; } .body-marketing-support .grid-columns-3 { grid-template-columns: repeat(3, 1fr); gap: 30px; } .info-marketing-support__title:not(:last-child) { margin-bottom: 20px; } .form-marketing-support__line { display: grid; grid-template-columns: 53.468433% 1fr; align-items: start; gap: 207px; } .form-marketing-support__line .custom { margin-left: 55px; margin-bottom: 20px; } .info-marketing-support { max-width: 845px; } .body-form-marketing-support__columns { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 15px; } .form-marketing-support { padding: 40px 50px; border-radius: 20px; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); } .form-marketing-support, .body-form-marketing-support { display: grid; gap: 30px; } .form-marketing-support .item-params-calc._large .input { height: 100px; } .item-params-calc__input-wrap._not-required::after { display: none; } .order__left-input-cont._not-required::after { display: none; } .form-marketing-support__elems { display: grid; grid-template-columns: repeat(2, 130px); justify-self: end; gap: 30px; } .elem-form-marketing-support { border-radius: 10px; background-color: var(--White); box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 15px; transition: all 0.3s; } .elem-form-marketing-support__image { max-width: 100px; width: 100%; aspect-ratio: 1 / 1; position: relative; } .elem-form-marketing-support__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .elem-form-marketing-support__name { font-size: 14px; line-height: 1.2; color: var(--Blue_3); } .elem-form-marketing-support__checkbox { position: absolute; width: 0; height: 0; opacity: 0; z-index: -1; } .elem-form-marketing-support:has(.elem-form-marketing-support__checkbox:checked) { background: linear-gradient(90deg, #8ED6F5 0%, #5799E3 100%); } .elem-form-marketing-support:has(.elem-form-marketing-support__checkbox:checked) .elem-form-marketing-support__name { color: white; } .body-form-marketing-support__bottom { display: grid; grid-template-columns: 51.9% 1fr; gap: 30px; } .body-marketing-support-right__items { display: grid; gap: 20px; } .item-blue { padding: 30px 30px 0 30px; border-radius: 20px; overflow: hidden; background: var(--Linear, linear-gradient(90deg, #354E9E 0%, #2E92E4 100%)); color: var(--White); position: relative; } .item-blue::before { content: ''; position: absolute; top: 1%; left: 0; width: 100%; height: 100%; background: url('/local/templates/ezetek/css/../img/marketing-support/decor.svg') center / contain no-repeat; z-index: 1; } .item-blue__image { max-width: 200px; width: 100%; margin: 0 auto; aspect-ratio: 1 / 1; position: relative; } .item-blue__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-10%) scale(1.2); object-fit: cover; } .item-blue__content { display: grid; gap: 20px; } .item-blue__title { font-weight: 'Gotham Pro'; font-weight: 700; font-size: 26px; text-transform: uppercase; line-height: 1.2; } .item-blue__text { font-size: 14px; line-height: 1.5; } input[name="tel"] { transition: none; font-size: inherit; } input[name="tel"]:focus { transform: none; font-size: inherit; } /* Календарь */ .qs-active, .qs-range-end, .qs-range-start { background: linear-gradient(90deg, #8ED6F5 0%, #5799E3 100%)!important; color: #fff; } .qs-num:hover { background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%)!important; color: #fff; } [data-datepicker] { cursor: pointer; } .file-name { display: grid; gap: 5px; } .file-name span { font-size: 14px; line-height: 1.5; } .file-name._with-content:not(:last-child) { margin-bottom: 30px; } .body-calculation__form .file-name, .body-calculation__form .file-name._with-content { margin-bottom: 0; } .popup-info-thanks { display: flex; flex-direction: column; gap: 30px; text-align: center; } .icon-check { width: 50px; height: 50px; flex: 0 0 50px; margin: 0 auto; border-radius: 50%; background-color: var(--Blue_4); display: flex; justify-content: center; align-items: center; } .input._error { border-color: var(--Red_2); color: var(--Red_2); } .input._error::placeholder { color: var(--Red_2); } .item-params-calc__input-wrap:has(.item-params-calc__input._error)::after { color: var(--Red_2); } .order__left-input-cont:has(.input._error)::after { color: var(--Red_2); } .order__left-checkbox:has(.hidden-input._error) .order__left-checkbox-cust { border-color: var(--Red_2); } /* Формы в попапе */ .form-callback-popup .order__left-title { font-size: 18px; line-height: 1.2; } .form-callback-popup .order__left-title:not(:last-child) { margin-bottom: 30px; } .form-callback-popup .order__left-items { display: grid; gap: 15px; } .form-callback-popup .order__left-items:not(:last-child) { margin-bottom: 30px; } .form-callback-popup .order__left-checkbox { margin-top: 30px; } .form-callback-popup .order__left-cust-text { font-size: 12px; } /* article-news */ .article-news__info { padding-top: 10px; padding-bottom: 50px; } .info-article-news { max-width: 1140px; margin: 0; } .info-article-news__date:not(:last-child) { display: inline-block; margin-bottom: 40px; } .date { padding-bottom: 0.625em; font-weight: 700; font-size: 18px; line-height: 1.5; position: relative; } .date::after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: var(--Blue_3); } .content-article-news { } .content-article-news p { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } .content-article-news p:not(:last-child) { margin-bottom: 1.25em; } .content-article-news__picture { margin-top: 40px; aspect-ratio: 800 / 400; width: 70.176%; margin-left: auto; margin-right: auto; border-radius: 10px; overflow: hidden; position: relative; } .content-article-news__picture:not(:last-child) { margin-bottom: 50px; } .content-article-news__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } [data-article-news-slider] { position: relative; overflow: hidden!important; } [data-article-news-slider] .electroplating-slider-block-slide, [data-article-slider-mob] .electroplating-slider-block-slide { aspect-ratio: 0; } .electroplating-slider-block-slide:last-child .item-row--border-right { border-right: none; } .item-row__bottom { grid-column: span 2; } /* article */ .article__body { padding-top: 30px; } .body-article { display: grid; grid-template-columns: 58.139535% 35.813953%; justify-content: space-between; align-items: start; gap: 40px; } .body-article__inner { display: grid; gap: 50px; } .body-article__picture { width: 100%; aspect-ratio: 1001 / 409; border-radius: 10px; overflow: hidden; position: relative; } .body-article__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .content-article p { font-size: 16px; line-height: 1.5; color: var(--Grey_1); } .content-article p:not(:last-child) { margin-bottom: 20px; } .aside-article { padding: 50px; border-radius: 20px; background-color: var(--Grey_4); } .aside-article__title { font-family: 'Gotham Pro'; font-weight: 700; font-size: 30px; line-height: 1.2; } .aside-article__title:not(:last-child) { margin-bottom: 50px; } .aside-article__item { padding-top: 50px; padding-bottom: 50px; } .aside-article__item .item-row__content { padding-right: 0; } .aside-article__item.item-row--border-right { border-right: none; } .aside-article__item.item-row--border-right:not(:last-child) { border-bottom: 1px solid var(--Grey_2); } .slider-mob-article { padding-top: 40px; padding-bottom: 70px; background-color: var(--Grey_4); margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px; } /* video */ .video-about__video-inner iframe { width: 100%; height: 100%; display: block; border: none; } .video-about__video-inner { position: relative; width: 100%; height: 100%; background-color: var(--Black_1); } .video-about__video._video-playing::before, .video-about__video._video-playing::after { content: none; } /* Подменю города */ .header__top-item.sec { flex-shrink: 0; } .header__top-item { transition: color 0.3s; } .header__top-item:hover { color: var(--Blue_3); } .header__top-item-wrapper { display: inline-flex; align-items: center; width: 100%; position: relative; } .header__top-item-submenu { position: absolute; top: calc(100% + 19px); left: -8%; padding: 30px; border-radius: 10px; background: var(--White); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); width: 100%; max-width: 287px; opacity: 0; visibility: hidden; transform: translate(0px,20px); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; } .header__top-item-submenu::before { content: ''; position: absolute; top: -8px; left: 50%; transform: translate(-50%,0px) rotate(-45deg); width: 16px; height: 16px; background-color: var(--White); } .header__top-item-submenu { } ._visible { opacity: 1; visibility: visible; transform: translate(0px,0px); } .top-item-submenu__items { display: flex; flex-direction: column; align-items: center; gap: 10px; } .top-item-submenu__items:not(:last-child) { margin-bottom: 20px; } .top-item-submenu__title, .top-item-submenu__city { font-size: 14px; } .top-item-submenu__city { font-weight: 700; } .top-item-submenu__buttons { display: flex; align-items: center; gap: 10px; } .top-item-submenu__buttons .button { min-height: 40px; padding: 11px 16px; } .submenu-change-city .top-item-submenu__buttons { flex-direction: column; } /* */ .cart-icon { } .header-btn:hover.header-btn svg, .header-btn:hover.header-btn path { fill: var(--Black_2); } .header-btn svg, .header-btn path { transition: fill 0.3s; } .main-first__top-items { display: flex; flex-direction: column; gap: 10px; } .main-first__top-soc { width: 40px; height: 40px; flex: 0 0 40px; } .slider-pagination { position: absolute; bottom: 30px; left: 50%; transform: translate(-50%,0px); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 15px; row-gap: 10px; margin-top: 16px; } .slider-pagination .pagination-dot { width: 15px; height: 15px; flex: 0 0 15px; border-radius: 50%; background-color: var(--Grey_3); transition: background-color 0.3s ease; } .slider-pagination .pagination-dot.active { background-color: var(--Blue_5); } .list-containerr { padding: 25px; margin: -25px; } .block-development { display: flex; align-items: center; gap: 13px; } .block-soc { display: flex; align-items: center; } .block-links { display: flex; align-items: center; gap: 180px; } .block-links__link { font-size: 14px; color: var(--Blue_3); } .block-links__link:hover { color: var(--Black_2); } .block-soc { justify-self: end; } .prev-button, .next-button { } .prev-button circle, .next-button circle { transition: fill 0.3s; } .prev-button:hover circle, .next-button:hover circle{ fill: var(--Blue_4); } .prev-button:hover path, .next-button:hover path{ fill: var(--White); } .cart-info__akk-content-desc, .cart-info__akk-content-char { opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .cart-info__akk-content-desc.active, .cart-info__akk-content-char.active { opacity: 1; visibility: visible; } .cart-info__akk-content-desc, .cart-info__akk-content-char { max-width: 1315px; } .cart-info__akk-content-desc, .cart-info__akk-content-char { color: var(--Grey_1); line-height: 1.5; } .cart-info__akk-content-desc p:not(:last-child), .cart-info__akk-content-char p:not(:last-child) { margin-bottom: 20px; } .cart-info__akk { margin-bottom: 30px; } .video-about__item { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; } .video-about__item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; border: 0; } .popup__content--big { max-width: 700px; padding: 0px; } /* */ .body-certificates { display: grid; grid-template-columns: 1fr 1fr; align-items: flex-start; gap: 30px; } .body-marketing-support-right__items--row { display: grid; grid-template-columns: 1fr 1fr; } /* Rарта */ .map__item { position: relative; height: 500px; } .map__item .map__body { position: absolute; width: 100%; height: 100%; } /* Скрытие всех элементов, но метка остается видимой */ [class*="copyrights-pane"] { opacity: 0; transition: opacity 0.2s ease-in; } .map:hover [class*="copyrights-pane"] { opacity: 1; } [class*="gototech"] { display: none !important; } [class*="balloon__layout"], [class*="balloon__content"] { background-color: #fff !important; color: #000 !important; } [class*="balloon__content"] { height: 20px !important; } [class*="balloon__tail"]::after { background-color: #242b33 !important; } [class*="balloon__tail"] { display: none !important; } [class*="balloon_layout_panel"] { background-color: #242b33 !important; } [class*="balloon__layout"], [class*="balloon__content"] a { color: #D4C17F !important; } [class*="balloon__content"] a { display: none !important; } [class*="balloon__close-button"] { background: url('/local/templates/ezetek/css/../img/cross.svg') 50% no-repeat !important; width: 10px !important; height: 15px !important; margin-right: 5px; margin-top: 5px; } [class*="status-timetable-cell"] { background-color: #242b33 !important; } .ymaps-2-1-79-balloon { left: 30px !important; } [class*="islets_card__status"], [class*="islets_card__address"], [class*="islets_card__metro"], [class*="status-timetable-cell-day"], [class*="status-timetable-cell-time"] { color: #fff !important; } .ymaps-2-1-79-islets__caption { font-size: 26px !important; /* Увеличиваем размер шрифта */ font-weight: bold; /* Жирный шрифт */ color: #000; /* Цвет текста */ } .info-cart__block { background-color: var(--Grey_4); padding-top: 50px; padding-bottom: 80px; } .tabs-nav { display: flex; align-items: center; gap: 25px; width: fit-content; border-bottom: 1px solid var(--Grey_2); overflow-x: auto; max-width: 100%; } .tabs-info-cart__title { position: relative; padding-bottom: 30px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; } .tabs-info-cart__title._tab-active:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--Blue_3); } .body-tabs-info { padding-top: 30px; } .body-tabs-info__text { max-width: 1315px; } .body-tabs-info__text:not(:last-child) { margin-bottom: 50px; } .body-tabs-info__text p { font-size: 14px; color: var(--Grey_1); line-height: 1.5; } .body-tabs-info__text p:not(:last-child) { margin-bottom: 20px; } .block-table__title:not(:last-child) { margin-bottom: 30px; } /* .block-table__table-wrap { overflow-x: auto; white-space: nowrap; max-width: 100%; } .table-info { width: 1200px; display: grid; gap: 5px; } .table-info__line { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px 30px; border-radius: 5px; background-color: var(--White); font-size: 14px; line-height: 1.5; } .block-table__table-wrap { white-space: nowrap; max-width: 100%; }*/ .block-table__table-wrap { overflow-x: auto; } .table-info { max-width: 1200px; display: grid; gap: 5px; } .table-info > div { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 20px 30px; border-radius: 5px; background-color: var(--White); font-size: 14px; line-height: 1.5; } .table-info > div > div:first-child { font-weight: bold; } @media (max-width: 768px) { .table-info > div { display: block; } } /* text-page */ .text-page { padding-top: 30px; } .body-text-page__block:not(:last-child) { margin-bottom: 50px; } .body-text-page__block h2 { font-weight: 700; font-size: 18px; line-height: 1.5; } .body-text-page__block h2:not(:last-child) { margin-bottom: 20px; } .body-text-page__block p { font-size: 16px; line-height: 1.2; color: var(--Grey_1); } .body-text-page__block p:not(:last-child) { margin-bottom: 20px; } .body-text-page__block ul { display: flex; flex-direction: column; gap: 20px; } .body-text-page__block li { padding-left: 20px; font-size: 16px; line-height: 1.5; color: var(--Grey_1); position: relative; } .body-text-page__block li::before { content: ''; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: var(--Grey_1); } /* delivery and payment */ .wrapper-delivery-payment { position: relative; } .wrapper-delivery-payment::after { content: ''; position: absolute; top: 340px; right: -700px; width: 1309px; height: 820px; background: url(/local/templates/ezetek/css/../img/search-block/search-decor.svg) center / contain no-repeat; z-index: 0; } .delivery-payment .info-cart__block { padding-top: 10px; } .delivery-payment .tabs-info-cart__title { font-weight: 700; font-size: 14px; text-transform: uppercase; } .delivery-payment .tabs-info-cart__title:hover { color: var(--Blue_2); } .delivery-payment-tabs-content { display: flex; flex-direction: column; gap: 30px; } .delivery-payment-tabs-content__item { } .delivery-payment-tabs-content__item h3 { font-weight: 700; font-size: 18px; line-height: 1.5; } .delivery-payment-tabs-content__item h3:not(:last-child) { margin-bottom: 30px; } .delivery-payment-tabs-content__item h4 { font-size: 14px; } .delivery-payment-tabs-content__item h4:not(:last-child) { margin-bottom: 20px; } .delivery-payment-tabs-content__item p { font-size: 16px; line-height: 1.5; color: var(--Grey_1); } .delivery-payment-tabs-content__item p:not(:last-child) { margin-bottom: 20px; } .body-tabs-info__gallery { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; column-gap: 80px; row-gap: 50px; } .gallery-tabs-info__item { border-radius: 20px; overflow: hidden; position: relative; } .gallery-tabs-info__item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .gallery-tabs-info__item--large { grid-column: span 2; aspect-ratio: 1720 / 500; } .gallery-tabs-info__item--medium { grid-column: span 1; aspect-ratio: 820 / 500; } .gallery-tabs-info__item--largest { aspect-ratio: 1720 / 1280; } .delivery-payment .block-table__content, .delivery-payment .delivery-payment-tabs-content__item { max-width: 1155px; } .delivery-payment .delivery-payment-tabs-content:not(:last-child) { margin-bottom: 110px; } .delivery-payment .tabs-info-cart__title { padding-bottom: 15px; } .delivery-payment .body-tabs-info { padding-top: 52px; } .delivery-payment .info-cart__block { padding-bottom: 20px; } .delivery-payment .block-table__content:not(:last-child) { margin-bottom: 30px; } .delivery-payment .block-table__title { font-weight: 700; font-size: 18px; line-height: 1.5; } .delivery-payment .block-table__text p { font-size: 16px; line-height: 1.5; color: var(--Grey_1); } .delivery-payment .block-table__text p:not(:last-child) { margin-bottom: 20px; } .delivery-payment .table-info { max-width: 1155px; } .delivery-payment .table-info tr { gap: 0; } .delivery-payment .info-cart__block { background-color: var(--White); } .delivery-payment .table-info thead tr, .delivery-payment .table-info tbody tr { display: grid; align-items: center; grid-template-columns: 200px 160px 1fr 1fr 1fr; } .delivery-payment .table-info thead tr { padding-top: 7px; padding-bottom: 7px; min-height: 50px; background-color: var(--Grey_4); } .delivery-payment .table-info thead tr, .delivery-payment .table-info tbody { /* display: block; */ } .delivery-payment .table-info th:nth-child(1), .delivery-payment .table-info td:nth-child(1) { /* width: 220px; */ } .delivery-payment .table-info th:nth-child(2), .delivery-payment .table-info td:nth-child(2) { /* width: 100px; */ text-align: center; } .delivery-payment .table-info th:nth-child(3), .delivery-payment .table-info td:nth-child(3) { /* width: 300px; */ text-align: center; } .delivery-payment .table-info th:nth-child(4), .delivery-payment .table-info td:nth-child(4) { /* width: 320px; */ text-align: center; } .delivery-payment .table-info th:nth-child(5), .delivery-payment .table-info td:nth-child(5) { /* width: 200px; */ } .delivery-payment .table-info tbody { display: grid; gap: 5px; } .delivery-payment .table-info th, td { padding: 7px 18px; } .delivery-payment th:last-child, .delivery-payment td:last-child { display: flex; justify-content: flex-end; } .delivery-payment .table-info tr{ padding: 0 12px; background-color: var(--Grey_4); } .delivery-payment .table-info thead th { white-space: nowrap; text-align: left; font-weight: 700; } .delivery-payment .table-info thead th:last-child, .delivery-payment .table-info tbody td:last-child { text-align: center; } .delivery-payment .table-info tbody td { white-space: nowrap; } .delivery-payment .tabs-info-cart__navigation-wrap, .body-tabs-info__main, .delivery-payment .body-tabs-info__block-table, .delivery-payment .body-tabs-info__wrap, .dropdown, .dropdown-list{ max-width: 1750px; margin: 0 auto; padding: 0 15px; } .body-tabs-info__main:not(:last-child) { margin-bottom: 30px; } .delivery-payment .video-items-column-2 { padding: 0 15px; justify-content: center; gap: 30px; } .delivery-payment-tabs-content__widgets { padding-top: 20px; max-width: 1155px; display: grid; grid-template-columns: 333px 251px 302px; align-items: start; justify-content: space-between; gap: 30px; } .delivery-payment .body-text-page__block { max-width: 1155px; } .delivery-payment .body-text-page__block ul { padding-left: 30px; } .delivery-payment .body-text-page__block p a { color: var(--Blue_3); } .delivery-payment .body-text-page__block p a:hover { text-decoration: underline; } .body-text-page__block li ul { padding-top: 20px; } .body-text-page__block li ul li::before { background-color: transparent; border: 1px solid var(--Black_2); } /* */ /* Кнопка с выпадающим списком */ .dropdown { position: relative; } .dropdown-toggle { height: 40px; padding: 0 35px 0 20px; font-size: 16px; color: var(--Grey_1); width: 100%; border: 1px solid var(--Grey_3); border-radius: 5px; background-color: var(--White); cursor: pointer; text-align: left; position: relative; } /* Стрелка в кнопке */ .dropdown-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url(/local/templates/ezetek/css/../img/icons/caret-down.svg) center / 100% no-repeat; transition: transform 0.3s ease; } /* Выпадающий список */ .dropdown-list { display: none; position: absolute; list-style: none; padding: 0; margin: 0; margin-top: 5px; padding-top: 16px; padding-bottom: 16px; border: 1px solid var(--Grey_3); border-radius: 5px; background-color: var(--White); z-index: 10; max-width: calc(100% - 30px); width: 100%; } .dropdown-list.active { display: block; } /* Стили элементов списка */ .dropdown-item { padding: 0 20px; cursor: pointer; color: var(--Grey_1); font-size: 16px; line-height: 1.17; } .dropdown-item:not(:last-child) { margin-bottom: 16px; } .dropdown-item:last-child { border-bottom: none; } .dropdown-item.active { font-weight: 700; } .order-wrapper { max-width: 1750px; margin: 0 auto; display: flex; justify-content: center; width:100%; padding: 0 15px; } .body-text-page__block p { font-size: 16px !important; } /* End */ /* Start:/local/templates/ezetek/css/media.css?176659034552483*/ @media (min-width: 500px) { .four-main__list { flex-direction: row; flex-wrap: wrap; } /* .main-first__bot-text { backdrop-filter: blur(1px); background-color: rgb(244 244 244 / 88%); border-radius: 5px; } */ .four-main__item { width: calc(50% - 10px); } .main-second__content { min-width: 50%; } .main-first__bot-cont { height: 478px; } .main-first__bot, .banner-btns { max-width: 350px; } .catalog-btn { display: none; } .main-first__top-items { position: absolute; top: 207px; right: 30px; } /* .main-first__top-soc { position: absolute; top: 130px; right: 30px; width: 40px; height: 40px; } */ .main-first__top-soc img { width: 20px; } /* .main-first__top-soc.tg { position: absolute; top: 85px; right: 30px; } */ .four-main.catalog .four-main__item { width: calc(50% - 10px); } .four-main.catalog .four-main__item-title { padding-right: 20px; line-height: 16.8px; } .catalog-top .main-first__top-soc { display: none; } /* .catalog-top { margin: 0; } */ .category-item { width: calc(50% - 12px); } .category-top .catalog-btn { display: flex; } .category-top .main-first__top-soc { display: flex; position: static; width: 30px; height: 30px; flex: 0 0 30px; } .category-top .main-first__top-soc img { width: 17px; } .category__filter { width: auto; } .cart-img__main { width: 100%; height: auto; aspect-ratio: 1 / 0.7; } .mini-cart_btns-item { flex-grow: 0; width: auto; } .order { background-position-y: 20%; background-size: 500px; background-position-x: 120%; } } @media (min-width: 800px) { .category-item { width: calc(25% - 18px); } .articles__nav { display: flex; } .breadcrumbs.articles { margin-top: 40px; margin-bottom: 40px; } .breadcrumbs.articles._mb-20 { margin-bottom: 20px; } .articles__slider-item { display: flex; flex-wrap: wrap; justify-content: flex-start; row-gap: 80px; min-width: 100%; column-gap: calc((100% / 3 - 32%) * 3 / 2); align-items: flex-start; flex-direction: row; } .articles__slider-object { display: flex; width: 32%; gap: 20px; border-right: 1px solid var(--Grey_2); padding-right: calc(4.9% / 2); border-bottom: 0; } .articles__slider-select { display: none; } .articles__slider-object:last-child { border: none; } .articles__slider-object:nth-child(3n) { border: none; } .main-first__bot-cont { background-image: url('/local/templates/ezetek/css/../img/bg2.jpg'); background-size: cover; } } @media (max-width: 1024px) { .main-second__btns { margin-top: 15px; margin-bottom: 15px; } .main-three__botbtn-link { margin-top: 10px; margin-bottom: 15px; } .main-second { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 1000px) { .category-item { width: calc(20% - 8px); } .footer__menu-item { font-size: 12px; } .four-main.catalog .four-main__item { width: calc(33.3333% - 13.3333px); } .footer__menu { grid-template-columns: 33% 33% 33%; column-gap: 10px; } .footer__tel-item { font-size: 18px; } .footer-tel__img { width: 21px; height: auto; } .footer__tel-item { color: var(--Black_2); } .footer__undertext { font-size: 12px; line-height: 1.5; } .footer__undertext p:not(:last-child) { margin-bottom: 20px; } .footer__form-title { font-size: 18px; line-height: 23.4px; } .footer__bot-info-text.dop { font-size: 14px; line-height: 21px; } .footer__soc-icon:hover path { fill: var(--Black_2); } .four-main__item { width: calc(33.3333% - 13.3333px); max-width: 408px; } .four-main__list { justify-content: center; } .four-main__item-hover { width: 80%; height: 80%; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 30px 0px #0000001A; border-top-left-radius: 20px; border-top-right-radius: 20px; } .footer { margin-top: 80px; } .main-second__content { min-width: 32%; } /* .main-first__bot-cont { background-image: url('/local/templates/ezetek/css/../img/bg2.jpg'); background-size: cover; } */ /* .main-first__bot-cont { background-size: unset; } */ .main-first__bot-text { backdrop-filter: unset; background-color: rgb(244 244 244 / 0%); } .cart-img { flex-direction: row; align-items: flex-start; padding-bottom: 30px; } .cart-img__main { min-width: 600px; max-width: 700px; /*height: 553px;*/ } .cart-img__other { flex-direction: column; } .cart-img__btns { flex-direction: column; } .cart-img__next, .cart-img__prev { transform: rotate(90deg); } .cart-img__next svg, .cart-img__prev svg { width: 46px; height: 46px; } .cart-img__other-cont { width: auto; height: 553px; padding: 55px 0; } .cart-img__img2 { width: 100px; padding: 10px; } .cart-img_desc { height: 553px; } .cart-desc__top, .cart-desc__mid { flex-wrap: wrap; flex-direction: column; align-items: flex-start; gap: 30px; } .cart-art.nal { position: relative; left: 20px; } .cart-desc { padding: 0; max-width: 200px; } .mini-cart__input.num { max-width: 100%; } .cart-info__akk-content { font-size: 14px; line-height: 21px; } .cart-title { max-width: 500px; margin-bottom: 30px; } .cart-item-tag.item-tag { background: var(--Blue_4); width: 100px; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 10px; text-align: center; position: absolute; top: 30px; left: 0; color: var(--White); text-transform: uppercase; font-size: 14px; } .order { display: flex; gap: 100px; align-items: flex-start; background-position-x: 40%; background-position-y: 60%; background-size: 60%; margin-top: 50px; justify-content: flex-start; /*max-width: 1279px;*/ } .order__right { /*max-width: 771px;*/ } .order__left { max-width: 408px; min-width: 408px; margin-top: 0px; } .order.bim.bim2 { flex-direction: column; } .order__left.bim.bim2 { width: 100%; max-width: 100%; } .bim-search.bim2 { max-width: 658px; } .bim-items.bim2 { flex-direction: row; flex-wrap: wrap; column-gap: 30px; } .bim-items.bim2 .bim-item { width: calc(33.3333% - 20px); } } @media (max-width:999px){ .cart-desc__top { margin-left:20px; } } @media (min-width:1025px){ .elem-form-marketing-support:hover { background: linear-gradient(90deg, #8ED6F5 0%, #5799E3 100%); } .elem-form-marketing-support:hover .elem-form-marketing-support__name { color: white; } } @media (min-width: 1200px){ ._visible-max-1200 { display: none!important; } .body-selection__decor-small { display: none; } } @media (min-width: 1300px) { .order__left.bim { max-width: 658px; min-width: 658px; } .bim-items { flex-direction: row; flex-wrap: wrap; gap: 30px; row-gap: 10px; } .bim-item { width: calc(50% - 15px); } .order__right.bim { max-width: 845px; } .order.bim { justify-content: flex-start; gap: 80px; max-width: 100%; width: 100%; } .footer__container { display: grid; /* grid-template-columns: 262px calc(100% - 512px) 250px; */ grid-template-columns: 262px calc(100% - 522px) 262px; column-gap: 0; grid-auto-rows: min-content; align-items: start; place-items: start; grid-auto-flow: dense; } .footer__form-title { grid-column: 1; } .footer__email { grid-column: 1; width: 100%; } .four-main.catalog .four-main__item { width: calc(25% - 15px); } .main-second__more-news-btn.footer-btn, .footer__undertext { grid-column: 3; } .footer__soc { display: none; gap: 19px; } .footer__menu { width: 100%; grid-row: span 4; column-gap: 0; padding: 0 40px; margin: 16px 0; } .footer__form-title { margin: 0; align-self: flex-end; margin-bottom: 20px; } .footer__container > * { min-height: auto; } .footer__bot-info-item { display: none; } .footer__soc.mob { display: flex; } .footer__soc.mob { margin-left: auto; } .footer__bot-info-text.dop { margin-left: 38px; } .footer__bot-info-item.mob { align-items: center; } .footer__bot-info-item.mob { display: grid; grid-template-columns: 1fr auto 1fr; gap: 40px; } .footer { padding: 80px 40px; } .cart-img__other-cont { order: 1; } .cart-img__main { order: 2; } .cart-img_desc { order: 3; margin-left: 40px; } .cart-img__other-cont { margin: 0; margin-right: 45px; } } @media (min-width: 1400px) { .category-item .mini-cart__name { font-size: 16px; line-height: 19.2px; padding-top: 20px; } .category-item .mini-cart__image { margin-bottom: 20px; } .category-item { padding: 30px; } .category-item .mini-cart__price { font-size: 30px; line-height: 36px; } .category-item .mini-cart__art { font-size: 12px; line-height: 17px; } .category-item .mini-cart__input.btn { width: 40px; height: 40px; } .category-item .mini-cart__input.num { width: 64px; font-size: inherit; } .category-item .mini-cart__add-cart { min-width: 50px; width: 50px; height: 50px; } .docs { background-image: url("/local/templates/ezetek/css/../img/docsbg.svg"); background-repeat: no-repeat; background-position: 100% 0; background-size: 740px; } .bim-items.bim2 .bim-item { width: calc(25% - 22.5px); } } @media (min-width: 1600px) { .main-first__banner { padding-top: 122px; } .catalog-btn { height: 40px; } .category-item .item-tag { width: 100px; font-size: 14px; line-height: 17px; } .category-catalog { display: flex; padding-left: 15px; align-items: flex-start; gap: 70px; margin-top: 50px; } .category__filter { display: flex; min-width: 350px; background: var(--Grey_4); border-radius: 20px; } .category-item { width: calc(25% - 7.5px); } .footer__menu { column-gap: 162px; justify-content: center; grid-template-columns: max-content max-content max-content; } .four-main__list { column-gap: 70px; row-gap: 50px; } .list-item { display: none; } .list-item:nth-child(1), .list-item:nth-child(2), .list-item:nth-child(3), .list-item:nth-child(4), .list-item:nth-child(5) { display: block; } .main-second__content { min-width: calc(25% - 41.25px); } .main-second { max-width: 1760px; margin: 0 auto; } .mini-cart__name { display: block; z-index: 4; } .mini-cart__image { display: block; width: 100%; } .slider-btns { position: absolute; right: 15px; top: 0; margin-top: 40px; padding: 0; } .main-second { position: relative; padding-right: 15px; padding-left: 15px; } .main-second__title { font-size: 30px; margin-bottom: 42px; padding: 0; } .main-second_banner { gap: 55px; } .main-second__content { border-right: 1px solid var(--Grey_2); padding-right: 43px; } .main-second__content:last-child { border-right: none; padding-right: 0; } .main-second { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 50px; } .custom-slider { width: 50%; order: 5; margin: 20px 0; left: 0; } .main-second__more-news { padding: 0; width: 330px; margin-top: 30px; } /*.main-second_banner { padding: 0; }*/ .main-second__more-news-btn.footer-btn { width: 100%; max-width: 250px; } .title-mob { font-size: 30px; line-height: 33px; } .main-first__bot-price { font-size: 50px; } .main-first__bot-price-dop { font-size: 30px; } .main-first__bot-text { font-size: 14px; line-height: 21px; max-height: 84px; } .banner-btns { top: 300px; } .slider-btns.top-baner { right: auto; top: auto; margin-top: 20px; } .footer__form-title { font-size: 18px; line-height: 23.4px; } .header__top { border-bottom: 1px solid var(--Grey_2); width: 100%; max-width: 1720px; margin: 0 auto; padding: 14px 15px; padding-top: 13px; min-height: 52px; display: flex; gap: 85px; } .header__top-item { font-size: 14px; line-height: 17px; font-weight: 300; color: var(--Grey_1); display: flex; gap: 10px; } .header__top-item.sec { font-size: 16px; align-items: center; line-height: 10px; } .header__container { max-width: 1750px; margin: 0 auto; } .banner-btns { padding: 0 10px; } .header__top-item.sec.two { margin-left: auto; } .header__logo-img { width: 159px; } .header__container { /* height: 75px; */ height: 70px; } .catalog-btn.desc { display: flex; margin: 0; } .header__menu-item { text-transform: uppercase; text-decoration: none; color: var(--Black_2); line-height: 15px; } .header__menu-list { display: flex; gap: 30px; align-items: center; } .header__search { width: 358px; height: 40px; background: var(--White); border: none; padding-left: 20px; padding-right: 20px; outline: none; border-bottom: 1px solid var(--Grey_2); } .header__search-input { position: relative; } .header__search-btn { background: transparent; border: none; cursor: pointer; position: absolute; right: 9px; top: 50%; transform: translateY(-50%); } .header__logo { margin-right: 0; } .header__menu-list { margin: 0 auto; } .header__search { margin-left: 130px; } .header__btn.desc { display: none; } .main-first { padding-top: 0; } .main-first__bot-cont { /* padding-top: 122px; */ /* height: 605px; */ height: 478px; } .baner-btns__cont { display: flex; align-items: center; position: absolute; width: 100%; margin-top: 122px; } .main-first__bot-price { font-size: 50px; line-height: 60px; } .main-first__bot { /* margin-top: 60px; */ } /* .main-first__top { margin-top: 122px; } */ .main-second__text { margin-bottom: 30px; } .main-second__name { font-size: 17.6px; line-height: 27px; } .main-second__text { font-size: 14px; line-height: 21px; } .four-main__item-title { font-size: 16px; } .four-main.catalog .four-main__item { width: calc(20% - 16px); } .four-main.catalog .four-main__list { gap: 20px; justify-content: flex-start; } .top-title { /* margin-top: 142px; */ margin-top: 162px; } .breadcrumbs { margin-top: 40px; margin-bottom: 70px; } .breadcrumbs__item { font-size: 14px; } .catalog-btn__text { font-size: 12px; line-height: 15px; } .category-first { display: none; } .category-list__wrapper { width: 100%; max-width: 1510px; margin: 0 auto; overflow: hidden; position: relative; padding: 30px 15px; } .category-list__btns { width: 100%; top: 50%; max-width: 1720px; left: 50%; transform: translate(-50%, -50%); position: absolute; display: flex; justify-content: space-between; padding: 0 15px; } .next-button, .prev-button { display: flex; cursor: pointer; } .category-list__item:hover { border: 2px solid var(--Blue_4); } .category-list__item:hover .category-list__item-text { color: var(--Blue_3); } .category-list__cont { transition: 0.3s ease; gap: 57px; } .category-list { padding: 0; user-select: none; } .category-list__item { min-width: 250px; width: auto; height: 115px; padding: 20px; transition: 0.3s ease; border: 2px solid transparent; } .category-list__item-img { width: 75px; height: 75px; } .category-list__item-text { font-size: 16px; font-weight: 500; line-height: 19.2px; color: var(--Black_2); transition: 0.3s ease; } .category-top-btn { display: none; } .show-more { padding: 0 15px; padding-left: 435px; max-width: 795px; /*margin-top: 60px;*/ } .category-item { display: block; } .category__filter { position: static; transform: translate(0, 0); overflow-y: unset; height: auto; max-height: unset; z-index: unset; } .categoty__filter-close { display: none; } .cart-title { max-width: 530px; margin-bottom: 40px; } .cart-img_desc { margin-left: 146px; } .cart-desc { margin: 0; gap: 30px; } .cart-desc__price { font-size: 30px; } .cart-art.nal { font-size: 14px; left: 25px; } .cart-art.nal::before { width: 15px; height: 15px; } .cart-desc .mini-cart__input.btn { width: 50px; min-width: 50px; height: 50px; } .header__search-btn { background: #fff; } .four-main.catalog.calcs .four-main__item { aspect-ratio: unset; display: flex; flex-direction: column; } .catalog.calcs .four-main__item-img { padding: 0; margin-top: auto; } .docs { background-image: none; position: relative; } .docs::after { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100vw; background: transparent; background-image: url(/local/templates/ezetek/css/../img/docsbg.svg); background-repeat: no-repeat; background-position: 100% 0; background-size: 740px; } } @media (min-width:1400px) { .item-row--border-right:nth-child(3n) { border-right: none; } } @media (min-width: 1700px) { .list-item { max-width: 300px; } .category-catalog { padding-left: 0; } .list { justify-content: center; gap: 55px; padding: 20px 10px; } .list-container, .four-main__list { max-width: 1750px; margin: 0 auto; } .main-three__botbtn { display: none; } /* .four-main { margin-top: 70px; } */ .main-three__botbtn.desc { display: flex; padding: 0; } .desc-list-title { display: flex; justify-content: space-between; align-items: center; max-width: 1720px; margin: 0 auto; /* margin-bottom: 13px; */ margin-bottom: 35px; } .desc_bottom { display:none; } .main-three__botbtn-link { margin: 0; width: 300px; } .desc-list-title-text { font-size: 30px; } .main-first__bot-cont { background-size: cover; /* background-size: 100%; */ } .banner-btns { max-width: 1740px; width: 100%; left: 50%; transform: translateX(-50%); } .main-first__bot { width: 100%; max-width: 1720px; margin-left: auto; margin-right: auto; gap: 20px; } .main-first__bot-text { max-width: 350px; } .main-first__bot-btn { max-width: 300px; } .main-first__container { display: flex; flex-direction: column; } .four-main.catalog .four-main__list { gap: 60px; } .four-main.catalog .four-main__item { width: calc(20% - 48px); } .top-title__container { width: 100%; max-width: 1720px; margin: 0 auto; } .category-catalog { width: 100%; max-width: 1720px; margin: 0 auto; margin-top: 50px; } .category__container { gap: 25px; padding-right: 0; } .category-item { width: calc(25% - 18.75px); } .cart-img { max-width: 1750px; margin: 0 auto; } .cart-info { max-width: 1750px; margin: 0 auto; margin-top: 20px; } .cart-info__akk-item { padding-bottom: 30px; } .cart-info__akk-content { padding-top: 30px; } .cart-list-title { padding: 0; } .main-three__botbtn.desc.cart { display: flex; } .main-second__content { display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto; min-width: calc(33.3333% - 30px); padding-right: 43px; gap: 0; } .main-second__text { grid-column: 3; grid-row: 2; margin-left: 30px; } .main-second__name { grid-row: 1; grid-column: 3; margin-left: 30px; } .main-second__content-img-link, .main-second__content-img { display: block; grid-row: span 2; } .limited-text { display: -webkit-box; /* Устанавливает флексбоксы для поддержки line-clamp */ -webkit-box-orient: vertical; /* Указывает вертикальную ориентацию */ -webkit-line-clamp: 3; /* Количество строк, которое нужно отобразить */ overflow: hidden; /* Скрывает оставшийся текст */ text-overflow: ellipsis; margin-top: 10px; /* Добавляет многоточие для длинного текста */ } .news-slider-container { margin: 0; } .four-main.catalog .project-cat_item { width: calc(25% - 80.25px); } .four-main.catalog .project-cat_item:last-child { margin-right: auto; } .four-main.catalog.project .four-main__list { row-gap: 60px; column-gap: 107px; } .order-wrapper { max-width: 1750px; margin: 0 auto; display: flex; justify-content: center; width:100%; padding: 0 15px; } .order { background-size: 100%; margin-top: 0; width: 100%; max-width: 1720px; margin: 0 auto; } .articles__slider-object { flex-direction: row; padding-bottom: 0; } /*.articles__slider-object-left img { aspect-ratio: 1 / 1; }*/ .bim-items.bim2 .bim-item { width: calc(20% - 30.4px); } .support .grid-columns-4 { grid-template-columns: repeat(4, minmax(80px, 350px)); align-items: center; column-gap: 107px; row-gap: 60px; } } /* Calc */ @media (min-width: 767.98px){ ._tablet { display: block; } } @media (max-width: 1910px){ .header__top-item-submenu { left: 0; } .header__top-item-submenu::before { left: 20%; } } @media (max-width: 1750px){ .params-calc__items { flex-wrap: wrap; } .areas-work__items { gap: 30px; } .item-areas-work__image { max-width: 100%; } .item-areas-work__content { padding: 40px 15px 40px 35px; } .body-article { grid-template-columns: 58.139535% 1fr; } .aside-article { padding: 40px; } } @media (max-width: 1700px){ .block-links { gap: 90px; } .main-second__content { display: grid; grid-template-columns: 138px 1fr; grid-template-rows: auto; gap: 10px; } .main-second__content > *:nth-child(1) { grid-column: 1; grid-row: 1; } .main-second__content > *:nth-child(2) { grid-column: 2; grid-row: 1; } .main-second__content > *:nth-child(3) { grid-column: 1 / -1; grid-row: 2; } .body-selection__decor-pc { right: -25%; } .form-marketing-support__line { gap: 40px; } .body-form-marketing-support__columns { column-gap: 20px; } .form-marketing-support__line { grid-template-columns: 63% 1fr; } .form-marketing-support__elems { gap: 20px; } .body-marketing-support__columns { gap: 40px; } } @media (max-width: 1600px){ .slide-info__title { font-size: 40px; /* font-size: 26px; */ } .params-calc__line { padding: 10px 30px 30px 30px; display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; } .params-calc__image { margin: 0 auto; } .params-calc__items { flex-wrap: nowrap; } .line-calc-params-radio { padding: 30px; } .calculation__picture-items { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .body-tabs__cards { gap: 20px; } .body-contacts { gap: 20px; } .error-404 { padding-top: 150px; } .form-block-gray-long { padding: 30px 40px; } .form-albums { grid-template-columns: auto minmax(200px, 330px); } .form-albums { gap: 40px; } .form-albums__buttons { gap: 10px; } .form-albums__items { gap: 20px; } .body-production__items { gap: 30px; } .body-production__items { gap: 30px; } .video-items-column-2 { gap: 20px; } .body-advantages { gap: 50px; } .electroplating__video-block .video-items-column-2 { gap: 100px; } .elems-advantages-items { gap: 20px; } .elems-advantages-items { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); } } @media (max-width: 1499.98px){ .ready-solutions__items { column-gap: 30px; row-gap: 40px; } .item-row--border-right { gap: 20px; } .item-row__content { padding-right: 20px; } .grid-columns-3 { gap: 22px; } .body-form-marketing-support__bottom { grid-template-columns: 1fr; gap: 5px; } } @media (min-width: 1500px){ .delivery-payment .tabs-info-cart__navigation-wrap, .delivery-payment .tabs-info-cart__content, .delivery-payment .body-tabs-info__gallery, .delivery-payment .video-block { position: relative; z-index: 3; } } @media (max-width: 1500px){ .block-links { gap: 40px; } .footer__bot-info-text.dop { margin-left: 20px; } .body-tabs-info__gallery { gap: 30px; } .wrapper-delivery-payment::after { display: none; } .delivery-payment-mobile .body-tabs-info { padding-top: 20px; } [data-dropdown] { display: none; } [data-dropdown].active { display: block; } } @media (max-width: 1400px){ .body-calculation { grid-template-columns: 350px 1fr; } .params-calc__items { flex-wrap: wrap; } .body-calculation, .params-calc, .calculation-params__body { gap: 20px; } .ready-solutions__items { grid-template-columns: repeat(2, 1fr); } .item-row--border-right:nth-child(2n) { border-right: none; } .ready-solutions__items { column-gap: 43px; row-gap: 60px; } .item-row__content { padding-right: 43px; } .body-selection__decor-pc { right: -60%; } .areas-work__items { gap: 20px; } .areas-work__items { grid-template-columns: 1fr; } .item-areas-work__image { aspect-ratio: 330 / 200; } .body-marketing-support__columns { grid-template-columns: 1fr; } .body-marketing-support-right__items { grid-template-columns: repeat(2, 1fr); } .aside-article__item { gap: 20px; } .body-article__picture { aspect-ratio: 330 / 180; } } @media (max-width: 1300px){ .calculation-params__body { grid-template-columns: auto; } .body-contacts { grid-template-columns: 1fr; } .body-contacts__map-wrapper { height: 350px; } .search__container::after { display: none; } .form-albums { grid-template-columns: 1fr; } .form-albums__buttons { width: 100%; max-width: 500px; justify-self: center; } .body-advantages { grid-template-columns: 1fr; gap: 30px; } .body-marketing-support .grid-columns-3, .body-marketing-support__column--left { gap: 20px; } .form-marketing-support { padding: 40px 25px; } .main-first__top-items { top: 50px; } .body-certificates { grid-template-columns: auto 640px; } } @media (max-width: 1200px){ ._visible-min-1200 { display: none!important; } .slide-info__title { font-size: 28px; /* font-size: 24px; */ } .slide-info__text { max-width: 500px; font-size: 16px; } .electroplating__video-block .video-items-column-2 { gap: 20px; } .body-selection__decor-pc { display: none; } .body-selection__top { padding-bottom: 0; } .order__left-form { max-width:500px; margin:auto; } } @media (min-width: 1100px){ .body-article__aside { display: block; } .article__slider-mob { display: none; } } @media (max-width: 1100px){ .form-training { max-width:600px; margin:auto; } ._pt-50 { padding-top: 0; } .item-params-calc { flex: 1 1 100%; } .line-calc-params-radio { gap: 20px; text-align: center; } .params-calc__items { justify-content: center; } .form-training { padding: 40px 30px; } .form-training__line-top { grid-template-columns: 65.656566% 1fr; } .form-training__items-columns { padding-top: 30px; grid-template-columns: repeat(2, 1fr); } .form-training__inputs, .form-training__line-top, .form-training__items-columns { gap: 30px; } .form-training__line-top { padding-bottom: 30px; } .bottom-form-training__buttons { grid-template-columns: 1fr; gap: 15px; } .bottom-form-training { grid-template-columns: 1fr; gap: 5px; } .body-article { grid-template-columns: 1fr; } [data-article-slider-mob] .item-row--border-right:last-child { border: none; padding-bottom: 0; } [data-article-slider-mob] .item-row__content { padding-right: 0; } [data-article-slider-mob] .item-row--border-right { gap: 20px; } [data-article-slider-mob] .swiper-pagination { bottom: -40px; } .body-article__aside { display: none; } .article__slider-mob { display: block; } .footer--not-border { margin-top: 0!important; } .article__body:not(:last-child) { margin-bottom: 40px; } .body-certificates { grid-template-columns: 1fr; } } @media (max-width: 1000px){ .error-404 { padding-bottom: 60px; } } @media (min-width: 992px){ .certificates__body { padding-bottom: 422px; } } @media (max-width: 991.98px){ .body-calculation { grid-template-columns: 1fr 1fr; } .items-columns-2 { grid-template-columns: 1fr; } .requisites__body { grid-template-columns: 1fr; } .more-detailed { max-width: 50%; } .ready-solutions__items { grid-template-columns: 1fr; row-gap: 0; } .top-title__link { margin-left: 0; } .item-row--border-right { padding-bottom: 30px; padding-top: 40px; border-right: none; border-bottom: 1px solid var(--Grey_2); } .item-row--border-right:first-child { padding-top: 0; } .item-row--border-right:last-child { padding-bottom: 30px; border-bottom: 1px solid var(--Grey_2); } .albums__top { padding-bottom: 40px; } .certificates__body::after { display: none; } .academy-video .grid-columns-3 { grid-template-columns: 1fr; row-gap: 0; } .form-training__button { display: none; } .form-training__line-top { grid-template-columns: 1fr; } .body-marketing-support .grid-columns-3 { grid-template-columns: repeat(2, 1fr); } .form-marketing-support__line { grid-template-columns: 1fr; } .form-marketing-support__elems { order: 1; } .body-form-marketing-support { order: 2; } .body-form-marketing-support__columns { gap: 10px; } [data-article-news-slider] .item-row--border-right:last-child { border-bottom: none; padding-bottom: 0; } [data-article-news-slider] .item-row__content { padding-right: 0; } .form-marketing-support__elems { justify-self: center; } .delivery-payment-tabs-content__widgets { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 40px; } } @media (min-width:767.98px){ ._mobile { display: none!important; } .electroplating-slider-block .swiper-pagination { display: none; } .form-marketing-support .item-params-calc._large { grid-column: span 2; } } @media (min-width: 500px){ ._mobile-500 { display: none!important; } } @media (max-width: 800px){ .top-title { margin-top: 80px; } .form-albums__items { flex-direction: column; width: 100%; } .item-params-calc { width: 100%; } .form-albums { gap: 20px; } .banner-btns { top: 298px; } } @media (min-width: 500px) and (max-width: 800px) { .main-first__bot { background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border-radius: 20px; padding: 10px; } } @media (max-width: 767.98px) { ._desktop { display: none!important; } ._pt-30-mob { padding-top: 30px; } .main-first__bot-cont { padding-top: 67px; } .footer__tel-container { gap: 11px; } .footer__tel-icon { flex: 0 0 14px; width: 14px; height: 11px } .four-main { margin-top: 50px; } .footer__tel-item.email svg { flex: 0 0 14px; width: 14px; height: 11px; } .main-second__more-news-btn.footer-btn { margin-bottom: 30px; } .body-tabs-info__text:not(:last-child) { margin-bottom: 40px; } .tabs-info-cart__title { padding-bottom: 15px; } .footer._not-mt { margin-top: 0; } ._tablet { display: none; } .main-second__content-img { width: 110px; height: 110px; } .main-second__content { grid-template-columns: 110px 1fr; gap: 20px; } .slide-info { justify-content: flex-start; } .slide-info__title { /* font-size: 16px; */ font-size: 22px; line-height: 1.4; } .slide-info__text { max-width: 350px; } .info-slider { padding-bottom: 0; } .calculation { padding-top: 0; padding-bottom: 10px; } .calculation__picture-items-wrap { padding-top: 50px; } .calculation__picture-items { grid-template-columns: 1fr; gap: 20px; } .body-calculation { grid-template-columns: 1fr; } .data-calculation-params__name--max-width-220 { max-width: 206px; } .params-calc__line._padding-40 { padding: 30px; } .params-calc__items.items-row-gap-33 { row-gap: 20px; } .info-contacts { padding: 30px; } .requisites__info { grid-template-columns: 1fr; gap: 30px; } .column-requisites__title:not(:last-child) { margin-bottom: 20px; } .more-detailed { max-width: 100%; } .more-detailed__image { max-width: 120px; } .column-requisites__list--mb:not(:last-child) { margin-bottom: 20px; } ._pb-10 { padding-bottom: 10px; } .requisites__body { gap: 30px; } .tabs-title { font-size: 12px; } .tabs__navigation { column-gap: 11px; } .body-tabs__cards { padding-bottom: 25px; } /* .body-tabs__contacts { padding-top: 25px; } */ .body-contacts { gap: 37px; } .body-tabs__contacts { padding-bottom: 10px; } .error-404 { padding-top: 200px; padding-bottom: 180px; } .error-404__content { gap: 30px; } .error-404__desc { font-size: 14px; line-height: 1.3; } .item-row { gap: 20px; } .slide-info__text { font-size: 12px; } .grid-columns-3 { grid-template-columns: 1fr; } .proper-item.four-main__item { padding: 30px; } .albums__slider .slide-info img { object-position: bottom; } .albums__slider .slide-info::before { width: 100%; background: linear-gradient(0deg, rgba(53, 78, 158, 0.00) 0%, #354E9E 100%); } .albums__slider { padding-bottom: 40px; } .form-block-gray-long { padding: 30px 15px; } .body-production__items { gap: 10px; } .top-body-production__content .block-header__title:not(:last-child) { margin-bottom: 0; } .block-header__line { flex-direction: column; gap: 42px; } .production .block-header__text { flex: 0 1 100%; } .block-header__image { max-width: 200px; } .top-body-about { padding-bottom: 40px; } .video-block { padding: 40px 0; } .video-items-column-2 { flex-direction: column; } .video-about__video { max-width: 100%; } .direction-work { padding-top: 20px; } .direction-work__header:not(:last-child) { margin-bottom: 20px; } .electroplating__info { padding-bottom: 40px; } .grid-columns-4 { grid-template-columns: 1fr; gap: 10px; } .item-number { min-height: 155px; } .info-electroplating { gap: 20px; } .info-electroplating__image { aspect-ratio: 330 / 220; border-radius: 10px; } .electroplating__items { padding-bottom: 40px; } .body-advantages { gap: 20px; } .body-advantages__title:not(:last-child) { margin-bottom: 20px; } .body-advantages__image { border-radius: 10px; } .advantages { padding-top: 30px; padding-bottom: 40px; } .electroplating__desc-block { padding-top: 30px; padding-bottom: 30px; } ._title-30 { font-size: 20px; } .electroplating-slider-block .controls { display: none; } .electroplating-slider-block { padding-top: 40px; padding-bottom: 40px; } .electroplating-slider-block__header:not(:last-child) { margin-bottom: 20px; } .electroplating-slider-block-slide img { border-radius: 10px; } .advantages-items { padding-top: 40px; padding-bottom: 40px; } .body-advantages-items__header:not(:last-child) { margin-bottom: 20px; } .elems-advantages-items { grid-template-columns: 1fr; gap: 10px; } .item-elem-advantages__circle { flex: 0 0 30px; width: 30px; height: 30px; } .item-elem-advantages__circle::before { width: 14px; height: 9px; } .table-wrapper:not(:last-child) { margin-bottom: 40px; } .body-selection__top:not(:last-child) { margin-bottom: 23px; } .body-selection__top { flex-direction: column; } .selection._open-table .body-selection__decor-2 { margin-top: -5%; } .body-certificates__content { gap: 40px; } .academy.info-slider { padding-bottom: 40px; } .areas-work__header:not(:last-child) { margin-bottom: 20px; } .item-areas-work__content { gap: 10px; } .areas-work { padding-top: 40px; padding-bottom: 40px; } .item-areas-work { grid-template-columns: 1fr; grid-template-rows: auto 1fr; align-items: start; } .item-areas-work__image { border-radius: 20px 20px 0 0; } .item-areas-work__content { padding: 20px 15px; } .academy-video { padding-top: 50px; padding-bottom: 50px; } .academy-video .item-row--border-right { padding-bottom: 30px; padding-top: 40px; } .academy-video .item-row--border-right:first-child { padding-top: 0; } .academy-video .item-row--border-right:last-child { border-bottom: 0; padding-bottom: 0; } .academy-video__header:not(:last-child) { margin-bottom: 20px; } .training__header { text-align: center; } .training__header:not(:last-child) { margin-bottom: 30px; } .form-training__title:not(:last-child) { margin-bottom: 10px; } .item-params-calc--big-mobile .input{ height: 110px; } .form-training__items-columns, .form-training__inputs { grid-template-columns: 1fr; gap: 10px; } .form-training__items-rows { gap: 10px; } .form-training__items-rows:not(:last-child) { margin-bottom: 30px; } .body-marketing-support__column--left { gap: 20px; } .body-marketing-support .grid-columns-3, .body-marketing-support__column--left { gap: 20px; } .body-marketing-support .grid-columns-3, .body-form-marketing-support__columns { grid-template-columns: 1fr; } .body-marketing-support-right__items { grid-template-columns: 1fr; } .form-training__items-columns:not(:last-child) { margin-bottom: 10px; } .body-selection__decor-small { justify-content: center; } .form-training__inputs { row-gap: 10px; } .file-name { gap: 10px; } .article-news__info { padding-top: 0; padding-bottom: 40px; } .info-article-news__date:not(:last-child) { margin-bottom: 20px; } .date { font-size: 16px; } .content-article-news__picture { margin-top: 20px; aspect-ratio: 330 / 180; width: 100%; } .content-article-news__picture:not(:last-child) { margin-bottom: 20px; } [data-article-news-slider] { overflow: visible!important; } .article-news__slider-block.electroplating-slider-block { padding-bottom: 20px; } .article__body { padding-top: 0; } .body-article__inner { gap: 20px; } .form-callback-popup .order__left-cust-text { font-size: 11px; } .hero-slider-buttons { display: none; } .body-marketing-support-right__items--row { flex-direction: column; } .map__item { height: 330px; } .text-page { padding-top: 15px; } .body-text-page__block h2:not(:last-child) { margin-bottom: 15px; } .body-text-page__block:not(:last-child) { margin-bottom: 30px; } .body-text-page__block ul { gap: 10px; } .delivery-payment-tabs-content__item h3:not(:last-child), .delivery-payment .block-table__title:not(:last-child) { margin-bottom: 20px; } .delivery-payment .delivery-payment-tabs-content:not(:last-child) { margin-bottom: 50px; } .gallery-tabs-info__item { border-radius: 8px; } .body-tabs-info__gallery { gap: 15px; } .delivery-payment .video-items-column-2 { gap: 15px; } .gallery-tabs-info__item--large { aspect-ratio: 720 / 380; } .delivery-payment .body-text-page__block ul { padding-left: 0; } .body-text-page__block li ul { padding-top: 10px; } } @media (max-width: 549.98px){ .item-row { grid-template-columns: 1fr; padding: 30px 0 20px 0; } .item-row__image { max-width: 100%; aspect-ratio: 330 / 250; } .item-row__image img { object-fit: cover; } .item-row__image._scale-low img { transform: scale(0.5); } .item-row--border-right { gap: 10px; } .item-row--border-right .item-row__image { max-width: 100%; } .item-row--border-right .content-item-row__title:not(:last-child) { margin-bottom: 10px; } .item-row__content { padding-right: 0; } .popup__close { top: -35px; right: 0; } [data-article-news-slider] .item-row, [data-article-slider-mob] .item-row { grid-template-columns: 100px 1fr; } [data-article-news-slider] .item-row__image, [data-article-slider-mob] .item-row__image { aspect-ratio: 100 / 90; } } .img-fluid, .cart-img__img { max-width: 100%; height: auto; } @media (max-width: 500px){ .top-title { margin-top: 60px; } .banner-btns { top: 278px; } .main-first__top-items { flex-direction: row; } .main-first__top-soc { width: 30px; height: 30px; flex: 0 0 30px; display:none; } } @media (min-width: 479.98px){ .slide-info::after { background: url('/local/templates/ezetek/css/../img/calc-block/decor-slide.webp') center / contain no-repeat; } .aside-article__item { row-gap: 0; } } @media (max-width: 1400px){ .aside-article { padding: 40px 30px; } .aside-article__title:not(:last-child) { margin-bottom: 30px; } .aside-article__item { padding-top: 30px; padding-bottom: 30px; gap: 20px; } } @media (max-width: 479.98px){ .slide-info { aspect-ratio: 330 / 250; } .info-slider__pagination.swiper-pagination { bottom: 30px; } .slide-info { padding-top: 35px; padding-bottom: 100px; padding-right: 15px; padding-left: 15px; } .slide-info__title { font-size: 20px; /* font-size: 12.5px; */ line-height: 1.4; } .slide-info__img { /* object-fit: fill; */ object-fit: cover; object-position: right; } .info-slider__slider, .slide-info, .slide-info::after, .slide-info__picture, .slide-info__img { border-radius: 10px; } .bottom-data-params__label { font-size: 12px; } .body-contacts__map-wrapper { height: 300px; } .error-404__image { max-width: 330px; aspect-ratio: 330 / 121; } .error-404__image:not(:last-child) { margin-bottom: 10px; } .error-404__button { max-width: 100%; } .slide-info::before { border-radius: 10px; } .content-item-row__title { font-size: 16px; } .slide-info::before { background: linear-gradient(270deg, rgba(53, 78, 158, 0.00) 0%, #354E9E 67%); } .slide-info::after { background: url('/local/templates/ezetek/css/../img/calc-block/decor-slide-mobile.webp') bottom / contain no-repeat; } .slide-info._not-decor-mb::after { background: none; } .info-contacts__title { font-size: 20px; } .slide-info__text { max-width: 237px; } .info-contacts, .popup__content { padding: 30px 15px; } .info-contacts__item, .info-contacts__item span { font-size: 14px; } .info-contacts__title:not(:last-child) { margin-bottom: 20px; } .info-contacts__content:not(:last-child) { margin-bottom: 30px; } .form-selection__button { max-width: 100%; } .body-certificates__button { max-width: 100%; } .academy.info-slider .slide-info{ padding-bottom: 70px; } .academy.info-slider .slide-info__text { max-width: 300px; } .academy.info-slider .info-slider__pagination.swiper-pagination { bottom: 25px; } [data-article-news-slider] .item-row--border-right { gap: 20px; } .form-marketing-support__elems { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 359.98px){ .video-about__video-title { top: 15px; left: 15px; } .item-elem-advantages { padding: 20px; } .main-first__bot-cont { height: 400px; } } @media (max-width: 600px) { .basket-item-block-image, .basket-item-block-info { text-align:center!important; } h2.basket-item-info-name, .basket-item-info-name, .basket-item-info-name-link { padding-right:0px; } } /* End */ /* Start:/local/templates/ezetek/css/styles.css?176840491337977*/ /* bar (header) */ .bar { position: fixed; inset: 0 0 auto 0; z-index: 900; padding-block: 24px; } .bar__content { display: flex; flex-direction: column; row-gap: 36px; } .bar__row { display: flex; flex-wrap: wrap; align-items: flex-end; column-gap: 24px; } .bar__logotype { display: block; width: auto; max-width: 263px; height: auto; aspect-ratio: 263 / 50; margin-bottom: 13px; } .bar__search { position: relative; z-index: 0; flex-grow: 1; width: min-content; } .bar__search-input { display: block; width: 100%; padding: 13px 56px 13px 16px; border: 1px solid #ffffff; border-radius: 24px; font-weight: 400; font-size: 16px; line-height: 1.25; color: #ffffff; } .bar__search-input::placeholder { color: rgb(255 255 255 / 0.75); } .bar__search-icon { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); z-index: 0; display: block; width: 48px; height: 48px; } .bar__nav { display: flex; column-gap: 24px; } .bar__nav-link { font-weight: 500; font-size: 16px; line-height: 1; color: #ffffff; transition: 0.15s color; } .bar__nav-link:hover { color: #8ed6f5; } .bar__contacts { display: flex; column-gap: 24px; margin-left: auto; } .bar__contacts .select-city__dropdown-wrap { top: calc(100% + 16px); right: 0; } .bar__contacts-link .header__top-item { display: flex; align-items: center; } .bar__contacts-link { width: fit-content; display: flex; align-items: center; column-gap: 8px; } .bar__contacts-icon { display: block; width: 24px; height: 24px; } .bar__contacts-text { font-weight: 500; font-size: 16px; line-height: 1; color: #ffffff; transition: 0.15s color; } .bar__contacts-text:hover { color: #8ed6f5; } .bar--fixed, .bar--freeze { background-color: #ffffff; } .bar--fixed .bar__search-input, .bar--freeze .bar__search-input, .bar--fixed .bar__search-input::placeholder, .bar--freeze .bar__search-input::placeholder { border-color: #373435; color: #373435; } .bar__search-icon, .button-round__icon, .bar__search-icon, .button-round__icon { filter: brightness(0) invert(1); } .bar--fixed .bar__search-icon, .bar--fixed .button-round__icon, .bar--freeze .bar__search-icon, .bar--freeze .button-round__icon { filter: none; } .bar--fixed .bar__nav-link, .bar--fixed .bar__contacts-text, .bar--freeze .bar__nav-link, .bar--freeze .bar__contacts-text { color: #373435; } .bar--fixed .bar__nav-link:hover, .bar--fixed .bar__contacts-text:hover, .bar--freeze .bar__nav-link:hover, .bar--freeze .bar__contacts-text:hover { color: #8ed6f5; } .bar__logotype-image { width: 100%; height: 100%; } .bar__logotype-image--2 { display: none; } .bar--fixed .bar__logotype-image--1, .bar--freeze .bar__logotype-image--1 { display: none; } .bar--fixed .bar__logotype-image--2, .bar--freeze .bar__logotype-image--2 { display: block; } .bar__catalog { position: relative; z-index: 0; } .bar__catalog::before { content: ''; position: absolute; left: -24px; top: calc(100% - 1px); display: none; z-index: 0; width: 192px; height: 26px; background-image: url('/local/templates/ezetek/css/./../img/catalog-splice.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%; /* background: radial-gradient(circle at 0 0, transparent 24px, #ffffff 25px), radial-gradient(circle at 100% 0, transparent 24px, #ffffff 25px), linear-gradient(0deg, #ffffff, #ffffff); background-repeat: no-repeat; background-size: 24px 24px, 24px 24px, calc(100% - 48px) 100%; background-position: 0 0, 100% 0, 24px 0; */ } .bar__catalog--active::before { display: block; } .bar__catalog--active .button-brand { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #ffffff; } .bar__catalog--active .button-brand .button-brand__icon, .bar__catalog--active .button-brand .button-brand__text { filter: invert(1); } @media (max-width: 1720px) { .bar__nav-link { font-size: 16px; } } @media (max-width: 1660px) { .bar__nav-link { font-size: 14px; } .bar__contacts-text { font-size: 14px; } .bar__contacts-icon { width: 16px; height: 16px; } } @media (max-width: 1440px) { .bar__contacts { column-gap: 8px; } .bar__nav { column-gap: 8px; } } @media (max-width: 1280px) { .bar__row--2 { display: none; } } @media (max-width: 990px) { .bar__catalog { display: none; } .bar__row { column-gap: 16px; row-gap: 16px; } .bar__search { order: 1; flex-grow: unset; display: flex; width: 100%; height: 36px; } .search_form { width: 100%; } .bar__search-input { padding: 7px 56px 7px 16px; } .bar__search-icon { width: 36px; height: 36px; } .bar__logotype { width: 128px; height: 24px; } } @media (max-width: 600px) { .bar__row { row-gap: 8px; column-gap: 4px; } } /* menu catalog */ .menu-catalog { position: fixed; top: 111px; left: 0; right: 0; z-index: 1000; display: none; max-height: calc(100% - 111px); padding-block: 24px; background-color: #ffffff; overflow-y: auto; } .menu-catalog--active { display: block; } .menu-catalog__content { display: flex; flex-wrap: wrap; } .menu-catalog__main { display: flex; flex-direction: column; row-gap: 8px; width: 406px; border-right: 1px solid #d9d9d9; } .menu-catalog__side { display: none; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: 48px; width: calc(100% - 454px); padding: 0 48px; } .menu-catalog__side--active { display: flex; } .menu-catalog__link { display: flex; align-items: center; justify-content: space-between; column-gap: 24px; width: 100%; padding: 8px 16px; } .menu-catalog__link img { display: block; width: 16px; height: 16px; } .menu-catalog__link span { font-weight: 500; font-size: 16px; line-height: 1.2; color: #373435; transition: color 0.15s; } .menu-catalog__link:hover span { color: #354e9e; } .menu-catalog__main:not(:has(.menu-catalog__side--active)) .menu-catalog__link--active span { color: #354e9e; border-radius: 12px; box-shadow: 0 0 0 10px #ffffff, 0 0 0 12px #354e9e; } .menu-catalog__side--active span { color: #354e9e; border-radius: 12px; box-shadow: 0 0 0 10px #ffffff, 0 0 0 12px #354e9e; } .menu-catalog__title { width: 100%; font-weight: 700; font-size: 24px; line-height: 1.2; color: #373435; } .menu-catalog__group { display: flex; flex-direction: column; row-gap: 8px; width: calc(100% / 3 - 32px); } .menu-catalog__link-1 { font-weight: 500; font-size: 18px; line-height: 1.2; color: #373435; transition: color 0.15s; } .menu-catalog__link-1:hover { color: #354e9e; } .menu-catalog__link-1:not(:last-child) { margin-bottom: 8px; } .menu-catalog__link-2 { font-weight: 400; font-size: 16px; line-height: 1.2; color: #373435; transition: color 0.15s; } .menu-catalog__link-2:hover { color: #354e9e; } /* homepage section */ .hp-section:not(:last-child) { margin-bottom: 96px; } .hp-section__header { display: flex; flex-wrap: wrap; align-items: center; column-gap: 48px; row-gap: 16px; } .hp-section__header:not(:last-child) { margin-bottom: 48px; } .hp-section__footer { display: flex; } .hp-section__title { font-weight: 700; font-size: 36px; line-height: 130%; color: #373435; } .hp-section--branded { padding-block: 48px; background-image: linear-gradient(90deg, #3460ea 30%, #2655e9 70%, #2050e8 100%); } .hp-section--branded::before { content: ''; transform: translateY(calc(-100% - 47px)); display: block; width: 100%; height: 40px; background-image: linear-gradient(90deg, #3460ea 30%, #2655e9 70%, #2050e8 100%); clip-path: polygon(0 100%, calc(50% - 20px) 0, calc(50% + 20px) 100%, 100% 0, 100% 100%); } .hp-section--branded::after { content: ''; transform: translateY(calc(100% + 47px)); display: block; width: 100%; height: 40px; background-image: linear-gradient(90deg, #3460ea 30%, #2655e9 70%, #2050e8 100%); clip-path: polygon(0 0, 100% 0, calc(50% + 20px) 100%, calc(50% - 20px) 0, 0 100%); } .hp-section--branded .hp-section__title { color: #ffffff; } .hp-section--light .media-cards__item { background-color: #f5f5f5; box-shadow: none; } @media (max-width: 1440px) { .hp-section__header:not(:last-child) { margin-bottom: 24px; } .hp-section__title { font-size: 28px; } } @media (max-width: 990px) { .hp-section:not(:last-child) { margin-bottom: 48px; } .hp-section__header { justify-content: space-between; } .hp-section:has(.product-cards) .hp-section__header { flex-direction: row; column-gap: 0; } .hp-section:has(.product-cards) .hp-section__header .button-brand-outline { align-self: center; } .hp-section__header:not(:last-child) { margin-bottom: 16px; } .hp-section__title { font-size: 24px; } .hp-section--branded { padding-block: 0; } .hp-section--branded::before { transform: translateY(-100%); height: 20px; } .hp-section--branded::after { transform: translateY(100%); height: 20px; } } /* homepage hero */ .hp-section--hero { position: relative; z-index: 0; } .hp-hero { width: 100%; } .hp-hero .swiper-slide::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(90deg, rgb(55 52 53 / 0.8), rgb(55 52 53 / 0.5)); } .hp-hero .slider-creative { /* height: 100%; */ } .hp-hero .slider-creative .swiper-wrapper { height: auto; } .hp-hero__item { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; row-gap: 70px; height: 100%; padding-block: 200px 180px; } .hp-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; } .hp-hero__title { font-weight: 700; font-size: 48px; line-height: 1.2; color: #ffffff; text-shadow: 0 0 8px rgb(0 0 0 / 0.5); } .hp-hero .hp-list { } .hp-hero__footer { display: flex; flex-direction: column; row-gap: 16px; } .hp-hero .hp-text { font-weight: 400; font-size: 24px; color: #ffffff; text-shadow: 0 0 8px rgb(0 0 0 / 0.5); } .hp-hero .hp-text:not(:last-child) { margin-bottom: 0; } .hp-hero .hp-list { align-self: center; justify-self: end; } .hp-hero .hp-list__item { padding-left: 40px; font-size: 28px; color: #ffffff; } .hp-hero__controls { display: flex; align-items: center; column-gap: 24px; } .hp-hero__controls .button-brand { padding: 24px 48px; border-radius: 32px; } .hp-hero__controls .button-brand__text { font-size: 16px; text-align: center; } .hp-hero .hp-list__item::before { top: 6px; width: 24px; height: 24px; background-size: 24px; background-image: url('/local/templates/ezetek/css/../img/check-mark-white.svg'); } .hp-hero .container { height: 100%; } @media (max-width: 1660px) { .hp-hero__title { font-size: 40px; } } @media (max-width: 1440px) { .hp-hero__title { font-size: 32px; } .hp-hero__footer { row-gap: 16px; } .hp-hero .hp-list__item { padding-left: 24px; font-size: 24px; color: #ffffff; } .hp-hero .hp-list__item::before { top: 8px; width: 16px; height: 16px; background-size: 16px; } } @media (max-width: 990px) { .hp-hero { aspect-ratio: unset; } .hp-hero__image { object-position: 80% 0%; } .hp-hero__item { min-height: 80vh; row-gap: 24px; padding-top: 96px; } .hp-hero__controls { flex-direction: column; row-gap: 16px; } .hp-hero__controls .button-brand { width: 100%; padding: 16px 24px; } .hp-hero__controls .button-brand__text { font-size: 14px; } .hp-hero__title { max-width: 480px; grid-row: 2 / 3; grid-column: 1 / 3; font-size: 24px; } .hp-hero .hp-list { justify-self: start; grid-row: 3 / 4; grid-column: 1 / 3; } .hp-hero .hp-list__item { font-size: 18px; } .hp-hero .hp-list__item::before { top: 4px; } .hp-hero .hp-text { font-size: 18px; } } /* media list */ .media-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 48px 96px; } .media-list__item { display: flex; align-items: center; gap: 8px 16px; } .media-list__item.slick-slide { height: auto; } .media-list__icon { display: block; width: 64px; min-width: 64px; height: 64px; } .media-list__title { font-weight: 400; font-size: 22px; line-height: 120%; color: #373435; } .media-list.slick-slider { display: block; margin-inline: -48px; } .media-list__item.slick-slide { display: flex; margin-inline: 48px; } @media (max-width: 1440px) { .media-list__icon { width: 48px; min-width: 48px; height: 48px; } .media-list__title { font-size: 18px; } } @media (max-width: 600px) { .media-list.slick-slider { margin-inline: -24px; } .media-list__item.slick-slide { margin-inline: 24px; } } /* cards */ .cards { min-width: 0; display: grid; grid-gap: 24px 48px; grid-template-columns: repeat(4, 1fr); } .cards__item { display: flex; flex-direction: column; row-gap: 24px; padding: 8px; border-radius: 16px; box-shadow: 0 5px 30px 0 rgb(0 0 0 / 0.1); transition: box-shadow 0.15s linear; } .cards__item:hover { box-shadow: 0 5px 30px 0 rgb(0 0 0 / 0.2); } .cards__item-info { display: flex; flex-direction: column; flex-grow: 1; row-gap: 16px; padding: 0 16px 16px; } .cards__item-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; border-radius: 8px; } .cards__item-title { font-weight: 500; font-size: 20px; line-height: 130%; color: #373435; } .cards__item-description { font-weight: 400; font-size: 14px; line-height: 160%; color: #373435; } .cards.slick-slider { display: block; margin-inline: -24px; } .cards__item.slick-slide { display: flex; margin-inline: 24px; height: auto; } .cards.slick-slider .slick-list { overflow: visible; } .cards.slick-slider .slick-track { display: flex; } .cards.slick-slider .slick-arrow { position: absolute; top: -96px; z-index: 0; width: 48px; height: 48px; font-size: 0; border: 1px solid #efeeee; border-radius: 50%; } .cards.slick-slider .slick-prev { right: 96px; } .cards.slick-slider .slick-next { right: 24px; } .cards.slick-slider .slick-arrow::before { content: ''; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 16px; } .cards.slick-slider .slick-prev::before { background-image: url('/local/templates/ezetek/css/./images/arrow-left.svg'); } .cards.slick-slider .slick-next::before { background-image: url('/local/templates/ezetek/css/./images/arrow-right.svg'); } .cards.slick-slider .slick-dots { position: absolute; bottom: 0; left: 16px; right: 16px; z-index: 0; display: flex; justify-content: center; column-gap: 8px; } .cards.slick-slider .slick-dots li { width: 4px; height: 4px; } .cards.slick-slider .slick-dots button { display: block; width: 4px; height: 4px; border-radius: 50%; font-size: 0; background-color: #d9d9d9; } .cards.slick-slider .slick-dots .slick-active button { background-color: #354e9e; } .cards__item--alt { padding: 24px; } .cards__item--alt:hover .cards__item-title { color: #354e9e; } .cards__item--alt:hover .cards__item-title-icon { fill: #354e9e; } .cards__item--alt .cards__item-title { display: flex; align-items: center; column-gap: 16px; transition: color 0.15s linear; } .cards__item--alt .cards__item-title-icon { display: block; width: 16px; min-width: 16px; height: 16px; margin-left: auto; fill: #373435; transition: fill 0.15s linear; } .cards__item--alt .cards__item-image { display: block; aspect-ratio: 1; margin-inline: auto; margin-top: auto; } .cards__item--alt .cards__item-info { padding: 0; } @media (max-width: 1440px) { .cards { grid-gap: 24px; grid-template-columns: repeat(3, 1fr); } .cards__item { row-gap: 16px; } .cards__item-info { row-gap: 8px; } .cards__item-title { font-size: 18px; } .cards.slick-slider { margin-inline: -16px; } .cards__item.slick-slide { margin-inline: 16px; } .cards.slick-slider .slick-prev { right: 88px; } .cards.slick-slider .slick-next { right: 16px; } } @media (max-width: 990px) { .cards { grid-template-columns: repeat(2, 1fr); } .cards__item--alt { padding: 8px; } .cards__item--alt .cards__item-title { padding: 8px 8px 0; font-size: 14px; } .cards__item--alt .cards__item-image { max-width: 200px; } .cards.slick-slider { margin-inline: -8px; padding-bottom: 24px; } .cards__item.slick-slide { margin-inline: 8px; } } @media (max-width: 600px) { .cards { grid-template-columns: 1fr; } .cards__item--alt { padding: 4px; } .cards:has(.cards__item--alt) { grid-gap: 4px 8px; grid-template-columns: repeat(2, 1fr); } .cards__item--alt .cards__item-title { font-size: 12px; padding: 8px 8px 0; } .cards__item--alt .cards__item-title-icon { width: 12px; height: 12px; } .cards__item--alt .cards__item-image { max-width: 100%; } } /* media labels */ .media-labels { display: flex; flex-wrap: wrap; gap: 24px; } .media-labels__item { display: flex; align-items: center; column-gap: 8px; padding: 16px; border-radius: 24px; background-color: #373435; } .media-labels__icon { display: block; width: 16px; height: 16px; } .media-labels__title { font-weight: 400; font-size: 16px; line-height: 1; color: #ffffff; } .hp-section--branded .media-labels__item { background-color: #ffffff; } .hp-section--branded .media-labels__title { color: #373435; } /* media cards */ .media-cards { display: grid; grid-gap: 24px; grid-template-columns: repeat(5, 1fr); } .media-cards--special { width: 100%; max-width: 1008px; grid-template-columns: repeat(3, 1fr); align-content: center; } .media-cards:not(:last-child) { margin-bottom: 48px; } .media-cards__caption { font-weight: 500; font-size: 24px; line-height: 130%; color: #373435; } .media-cards__caption--special-1 { order: 0; grid-column: span 3; } .media-cards__caption--special-2 { order: 0; grid-column: span 2; } .media-cards__item { display: flex; flex-direction: column; row-gap: 16px; order: 1; padding: 24px; border-radius: 16px; box-shadow: 0 5px 30px 0 rgb(0 0 0 / 0.2); background-color: rgb(0 0 0 / 0.2); } .media-cards__icon { display: block; width: 64px; height: 64px; } .media-cards__title { font-weight: 500; font-size: 20px; line-height: 130%; color: #373435; } .hp-section--branded .media-cards__item { box-shadow: 0 5px 30px 0 rgb(255 255 255 / 0.2); background-color: rgb(255 255 255 / 0.2); } .hp-section--branded .media-cards__caption { color: #ffffff; } .hp-section--branded .media-cards__title { color: #ffffff; } .media-cards__link { font-weight: 400; font-size: 18px; line-height: 1.6; color: #373435; transition: color 0.15s linear; } .media-cards__link:hover { color: #354e9e; } .hp-section--branded .media-cards__link { color: #ffffff; } @media (max-width: 1440px) { .media-cards__title { font-size: 18px; } .media-cards { grid-template-columns: repeat(6, 1fr); } .media-cards--special { max-width: calc(100% - 548px); grid-template-columns: repeat(3, 1fr); } .media-cards--special .media-cards__item { order: 1; } .media-cards__caption--special-1, .media-cards__caption--special-2 { order: unset; grid-column: span 6; } .media-cards__item { order: unset; padding: 16px; } .media-cards__icon { width: 48px; height: 48px; } .media-cards__item--special-1 { grid-column: span 2; } .media-cards__item--special-2 { grid-column: span 3; } } @media (max-width: 990px) { .media-cards { grid-gap: 16px; grid-template-columns: 1fr; } .media-cards--special .media-cards__item { order: unset; } .media-cards__caption--special-1, .media-cards__caption--special-2 { grid-column: unset; } .media-cards__item--special-1, .media-cards__item--special-2 { grid-column: unset; } .media-cards__caption { font-size: 18px; } } /* photos */ .photos { display: grid; grid-gap: 16px; grid-template-columns: repeat(5, 1fr); } .photos__item { display: flex; flex-direction: column; row-gap: 16px; } .photos__image { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; object-position: center; border-radius: 8px; } .photos__image--2x3 { height: 100%; aspect-ratio: 2 / 3; } .photos__image--3x2 { height: calc(50% - 8px); aspect-ratio: 3 / 2; } .photos.slick-slider { display: block; margin-inline: -8px; } .photos.slick-slider .slick-track { display: flex; } .photos.slick-slider .slick-list { overflow: visible; } .photos__item.slick-slide { display: flex; height: auto; margin-inline: 8px; } @media (max-width: 990px) { .photos__item { row-gap: 8px; } .photos__image--3x2 { height: calc(50% - 4px); } .photos.slick-slider { margin-inline: -4px; } .photos__item.slick-slide { margin-inline: 4px; } } /* tiles */ .tiles { display: grid; grid-gap: 24px; grid-template-columns: repeat(4, 1fr); } .tiles__item { position: relative; z-index: 0; display: block; } .tiles__image { position: relative; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; } .tiles__title { position: absolute; inset: 0; z-index: 1; display: flex; align-items: flex-end; padding: 24px; border-radius: 8px; background-image: linear-gradient(0deg, #373435, transparent); font-weight: 500; font-size: 20px; line-height: 1.2; color: #ffffff; } .tiles.slick-slider { display: block; margin-inline: -12px; } .tiles.slick-slider .slick-track { display: flex; } .tiles__item.slick-slide { margin-inline: 12px; height: auto; } @media (max-width: 1440px) { .tiles__title { font-size: 16px; } } @media (max-width: 990px) { .tiles__item { max-height: 300px; } } /* homepage academy */ .hp-academy { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 48px; } .hp-academy__main { width: 260px; } .hp-academy__main .button-brand { margin-top: 48px; } .hp-academy__side { width: calc(100% - 308px); } @media (max-width: 990px) { .hp-academy__main { width: 100%; } .hp-academy__side { width: 100%; } } /* homepage plan */ .hp-plan { display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: 48px; column-gap: 96px; } .hp-plan__main { width: 406px; } .hp-plan__side { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 48px; width: calc(100% - 502px); } .hp-plan__item { display: flex; flex-direction: column; row-gap: 24px; } .hp-plan__item .hp-text:not(:last-child) { margin-bottom: 0; } .hp-plan__card { display: flex; flex-direction: column; row-gap: 24px; padding: 36px; border-radius: 20px; box-shadow: 0 5px 30px 0 rgb(0 0 0 / 0.1); } .hp-plan__title { font-weight: 500; font-size: 24px; line-height: 1.2; color: #373435; } .hp-plan__card .button-brand { margin-top: 24px; } .hp-plan .hp-text { font-weight: 400; } @media (max-width: 1440px) { .hp-plan { column-gap: 48px; } .hp-plan__main { width: 360px; } .hp-plan__side { width: calc(100% - 408px); grid-gap: 48px 24px; } .hp-plan__card { padding: 24px; row-gap: 16px; } .hp-plan__card .button-brand { margin-top: 16px; } .hp-plan__title { font-size: 20px; } } @media (max-width: 990px) { .hp-plan__main { width: 100%; max-width: 360px; } .hp-plan__side { width: 100%; } } @media (max-width: 600px) { .hp-plan__side { grid-template-columns: 1fr; grid-gap: 24px; } } /* homepage typography */ .hp-text { font-weight: 500; font-size: 16px; line-height: 1.2; color: #373435; } .hp-text:not(:last-child) { margin-bottom: 16px; } .hp-list { display: flex; flex-direction: column; row-gap: 8px; } .hp-list:not(:last-child) { margin-bottom: 16px; } .hp-list__item { position: relative; z-index: 0; padding-left: 24px; font-weight: 500; font-size: 16px; line-height: 1.2; color: #373435; } .hp-list__item::before { content: ''; position: absolute; top: 1.5px; left: 0; z-index: 0; width: 16px; height: 16px; background-image: url('/local/templates/ezetek/css/../img/check-mark.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px; } /* basic styles */ .container { max-width: 1740px; margin-inline: auto; padding-inline: 12px; } .button-brand-outline { display: flex; width: fit-content; align-items: center; justify-content: center; column-gap: 8px; padding: 0; } .button-brand-outline__icon { display: block; width: 16px; height: 16px; } .button-brand-outline__text { font-weight: 500; font-size: 14px; line-height: 1; color: #354e9e; text-transform: uppercase; } .button-brand { display: flex; width: fit-content; justify-content: center; column-gap: 8px; padding: 16px 24px; border-radius: 24px; background-image: linear-gradient(90deg, #3551a2, #2e90e2); } .button-brand--alt { background-image: none; background-color: #354e9e; } .button-brand__icon { width: 16px; height: 16px; } .button-brand__text { font-weight: 500; font-size: 14px; line-height: 1; color: #ffffff; text-transform: uppercase; text-align: center; } .ez-tabs:not(:last-child) { margin-bottom: 48px; } @media (max-width: 1440px) { .ez-tabs:not(:last-child) { margin-bottom: 24px; } } @media (max-width: 990px) { .ez-tabs:not(:last-child) { margin-bottom: 16px; } } /* product item */ .cards .slick-track { margin-left: 0; } .product-cards { display: grid; grid-gap: 24px; grid-template-columns: repeat(5, 1fr); } .card-product { position: relative; z-index: 0; margin-inline: 12px; border-radius: 20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); transition: opacity 0.3s; } .card-product .slick-track { display: flex; } .card-product.slick-slide { display: flex; flex-direction: column; height: auto; } .card-product.slick-slide:not(.slick-active) { opacity: 0; } .card-product::before { position: absolute; top: 20px; left: 0; z-index: 1; min-width: 100px; padding: 8px 16px; background-color: #8ed6f5; border-radius: 0 16px 16px 0; font-weight: 700; font-size: 16px; line-height: 1; color: #ffffff; text-align: center; text-transform: uppercase; } .card-product[data-label]::before { content: attr(data-label); } .card-product-media { width: 100%; height: auto; aspect-ratio: 1; padding: 16px; } .card-product-image { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; object-position: center; } .card-product-info { display: flex; flex-direction: column; flex-grow: 1; row-gap: 16px; padding: 16px; } .card-product-title { font-weight: 500; font-size: 16px; line-height: 1.2; color: #373435; } .card-product-article { margin-top: auto; font-weight: 400; font-size: 12px; line-height: 1.2; color: #838383; } .card-product-price { font-weight: 700; font-size: 24px; line-height: 1.2; color: #8ed6f5; } .card-product-controls { position: absolute; inset: calc(100% - 16px) 0 auto 0; z-index: 0; display: grid; grid-template-columns: 1fr 48px; column-gap: 16px; padding: 16px; border-radius: 0 0 20px 20px; background-color: #ffffff; opacity: 0; visibility: hidden; transition: 0.15s; } .card-product:hover .card-product-controls { visibility: visible; opacity: 1; } .product__counter { display: flex; align-items: center; column-gap: 8px; } .product__counter-button { display: flex; width: 36px; height: 36px; border: 1px solid #d9d9d9; border-radius: 18px; background-color: #ffffff; } .product__counter-button-icon { display: block; width: 16px; height: 16px; margin: auto; } .product__counter-number { display: block; width: calc(100% - 88px); height: 36px; padding: 8px 16px; border: 1px solid #d9d9d9; background-color: #ffffff; border-radius: 18px; font-weight: 400; font-size: 16px; line-height: 1.2; color: #373435; text-align: center; } .product__counter-number::-webkit-outer-spin-button, .product__counter-number::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: textfield; margin: 0; } .card-product-cart { display: flex; width: 48px; height: 48px; border-radius: 24px; background-image: linear-gradient(90deg, #3551a2, #2e90e2); cursor: pointer; } .card-product-cart-icon { width: 16px; height: 16px; margin: auto; } @media (max-width: 768px) { .card-product .product__counter { display: none; } .card-product-controls { grid-template-columns: 1fr; opacity: 1; visibility: visible; } .card-product-cart::after { content: attr(data-title); font-weight: 500; font-size: 12px; line-height: 1; color: #ffffff; text-transform: uppercase; } .card-product-cart { width: 100%; height: 32px; align-items: center; justify-content: center; column-gap: 8px; } .card-product-cart-icon { margin: 0; } .card-product-title { font-size: 12px; } .card-product-info { row-gap: 8px; } .card-product-price { font-size: 16px; } } /* */ .product-cards.slick-slider { display: block; margin-inline: -24px; } .card-product.slick-slide { display: flex; margin-inline: 24px; height: auto; } @media (max-width: 1440px) { .product-cards.slick-slider { margin-inline: -16px; } .card-product.slick-slide { margin-inline: 16px; } } @media (max-width: 990px) { .product-cards.slick-slider { margin-inline: -8px; padding-bottom: 48px; } .card-product.slick-slide { margin-inline: 8px; } } .product-cards.slick-slider .slick-list { overflow: visible; } .product-cards.slick-slider .slick-track { display: flex; } .product-cards.slick-slider .slick-arrow { position: absolute; top: -96px; z-index: 0; width: 48px; height: 48px; font-size: 0; border: 1px solid #efeeee; border-radius: 50%; } .product-cards.slick-slider .slick-prev { right: 96px; } .product-cards.slick-slider .slick-next { right: 24px; } .product-cards.slick-slider .slick-arrow::before { content: ''; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 16px; } .product-cards.slick-slider .slick-prev::before { background-image: url('/local/templates/ezetek/css/./../img/arrow-left.svg'); } .product-cards.slick-slider .slick-next::before { background-image: url('/local/templates/ezetek/css/./../img/arrow-right.svg'); } .product-cards.slick-slider .slick-dots { position: absolute; bottom: 0; left: 16px; right: 16px; z-index: 0; display: flex; justify-content: center; column-gap: 8px; } .product-cards.slick-slider .slick-dots li { width: 4px; height: 4px; } .product-cards.slick-slider .slick-dots button { display: block; width: 4px; height: 4px; border-radius: 50%; font-size: 0; background-color: #d9d9d9; } .product-cards.slick-slider .slick-dots .slick-active button { background-color: #354e9e; } .button-round { position: relative; z-index: 0; display: flex; width: 48px; height: 48px; } .button-round[data-count]::before { content: attr(data-count); position: absolute; z-index: 1; top: -8px; right: -8px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background-color: #e76352; font-weight: 400; font-size: 14px; line-height: 1; color: #ffffff; } .button-round__icon { width: 48px; height: 48px; margin: auto; } .button-round--menu { display: none; } .button-round--menu .button-round__icon { width: 48px; height: 48px; } .button-round--phone { display: none; margin-left: auto; } @media (max-width: 1280px) { .button-round--menu { display: flex; } } @media (max-width: 990px) { .button-round--phone { display: flex; } .button-round, .button-round__icon, .button-round--menu .button-round__icon { width: 36px; height: 36px; } } /* homepage expert */ .hp-expert { display: flex; flex-wrap: wrap; gap: 48px; } .hp-expert__image { width: calc(100% - 1056px); object-fit: contain; object-position: center; } .hp-expert .media-cards:not(:last-child) { margin-bottom: 0; } @media (max-width: 1440px) { .hp-expert__image { width: 100%; max-width: 500px; margin-inline: auto; } } @media (max-width: 1280px) { .media-cards--special { max-width: 100%; } .hp-expert { flex-direction: column; row-gap: 0; } } /* header on not homepage */ body:has(.bar--freeze) .wrapper { padding-top: 177px; } @media (max-width: 1660px) { body:has(.bar--freeze) .wrapper { padding-top: 175px; } } @media (max-width: 1440px) { body:has(.bar--freeze) .wrapper { padding-top: 111px; } } /* search drop */ .header__search-drop { border-radius: 8px !important; } /* cookie */ body .cookie { left: 50%; bottom: 8px; transform: translateX(-50%); padding-block: 24px; padding-inline: 24px 56px; } body .cookie img { top: 16px; right: 16px; width: 24px; height: 24px; } @media (max-width: 768px) { body .cookie { inset: auto 16px 16px 16px; transform: none; width: calc(100% - 32px); } } /* news */ .article-news__detail { display: grid; grid-gap: 48px; grid-template-columns: repeat(2, 1fr); } .article-news__detail img { width: 100%; } @media (max-width: 1170px) { .article-news__detail { grid-template-columns: calc(100% / 3 - 24px) calc(100% / 1.5 - 24px); } } @media (max-width: 768px) { .article-news__detail { grid-gap: 24px; grid-template-columns: 1fr; } } .list-containerr { padding-inline: 0; overflow: unset; } .button-iconic { display: flex; align-items: center; column-gap: 35px; } .button-iconic__text { font-weight: 400; font-size: 14px; line-height: 1.2; color: #373435; } .button-iconic__icon { display: block; width: 52px; height: 52px; object-fit: contain; object-position: center; } .head-title { text-transform: uppercase; } .cards--catalog .cards__item-title { text-transform: uppercase; } .cards--catalog .cards__item-image { position: relative; } .swiper-creative .swiper-slide { max-width: 100vw; min-height: 80vh; aspect-ratio: 16 / 9; } @media (max-width: 600px) { .hp-hero__item { min-height: 100vh; padding-top: 180px; padding-bottom: 0; } .hp-hero__image { object-position: 76% 0%; } .swiper-creative .swiper-slide { min-height: 100vh; } .hp-hero__controls { width: 100%; } .hp-hero__title br { display: none; } } /* End */ /* Start:/local/templates/ezetek/css/custom.css?176839965238574*/ .footer__logo { width: 200px; } @media (max-width: 1024px) { .footer__logo { width: 170px; } } .tablebodytext{ display: none; } #panel{ position: fixed; width: 100%; z-index: 9999999; } .header .container{ width: 100%; max-width: 100%; } .category__filter .custom-label{ margin-bottom: 10px; } .category__container{ margin-bottom: 25px; } .category-catalog .category__container{ width: 100%; } .category-catalog .category__container .main_rows{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 24px; width: 100%; } #basket-root, #bx-soa-order-form{ width: 100%; } .basket-btn-checkout{ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); width: fit-content; height: auto; color: #FFF; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; padding: 12px 22px; margin: 0 15px 0 0; border-radius: 50px; } .basket-coupon-section .form-group > input, .basket-items-search-field .input-group > input{ width: 100%; height: auto; float: left; color: #354E9E; font-size: 17px; font-style: normal; font-weight: 300; line-height: normal; padding: 0 25px 10px; box-sizing: border-box; border: unset; border-bottom: 2px solid rgba(0, 0, 0, 0.1); background-color: unset; transition: .4s; outline: none; } .basket-coupon-section .form-group > input:focus, .basket-items-search-field .input-group > input:focus{ border-color: #354E9E; transition: .4s; } .text-danger { color: #dc3545 !important; } .bx-soa-section-hide{ display: none; } #bx-soa-delivery label, #bx-soa-paysystem label{ display: inline-block; } #bx-soa-delivery label > input, #bx-soa-paysystem label > input{ display: none; } #bx-soa-delivery label > span, #bx-soa-paysystem label > span{ display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: contain; } #bx-soa-delivery label input ~ span, #bx-soa-paysystem label input ~ span{ background-image: url('/local/templates/ezetek/img/no_check.svg'); } #bx-soa-delivery label input:checked ~ span, #bx-soa-paysystem label input:checked ~ span{ background-image: url('/local/templates/ezetek/img/check.svg'); } .bx-soa-section{ border-radius: 10px; padding:40px; border: 1px solid #EDEDED; margin-bottom: 40px; } .bx-soa-section.bx-selected{ border: 1px solid #EDEDED; } .bx-soa-section.bx-selected .bx-soa-section-title{ font-size: 30px; } .bx-soa-section-title-container{ background: none !important; padding: 0; margin-bottom: 40px; } .bx-soa-section.bx-selected .bx-soa-section-title-container{ padding: 0; } .bx-soa-section-title{ padding: 0 !important; font-size: 30px; line-height: 40px !important; min-height: 30px; } .bx-soa-section-title .bx-soa-section-title-count, .bx-soa-editstep{ display: none; } .bx-soa .bx-soa-customer-label, .bx-soa .form-group label{ color: rgba(40, 43, 44, 0.4); font-size: 16px; padding-bottom:10px; } .soa-property-container{ margin-bottom: 40px; } #bx-soa-order-form .form-control{ border-radius: 10px; height: 67px; background: rgba(247, 249, 250, 1); border:none; } #bx-soa-order-form .form-control:focus{ border-color: none; box-shadow: none; } .bx-sls .dropdown-icon{ background: url(/local/templates/ezetek/img/search_new.svg) no-repeat center center; height: 67px; left: 10px; position: absolute; top: 0; width: 24px; } .bx-sls .bx-ui-sls-container{ margin-left: 20px !important; height: 67px; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route{ font-size: 20px; } .bx-sls .bx-ui-sls-container .bx-ui-sls-route{ height: 67px; font-size: 20px; } .bx-sls .bx-ui-sls-container .bx-ui-sls-fake{ height: 67px; } .bx-sls .dropdown-fade2white{ background: none; } .bx-sls .bx-ui-sls-clear{ background: url(/local/templates/ezetek/img/close.svg) no-repeat scroll; width: 30px; height: 30px; cursor: pointer; cursor: hand; margin-top: 2px; position: absolute; top: 15px; right: 40px; display: block; z-index: 999; } .bx-sls .bx-ui-sls-clear:hover{ background-position: unset; } .bx-soa-location-input-container{ margin-bottom: 0; } .bx-soa-location-input-container:nth-child(2){ margin-bottom: 40px; } .bx-sls .bx-ui-sls-pane{ top: 67px; } .bx-soa-reference{ display: none; } #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company{ height: 200px; } #bx-soa-paysystem .bx-soa-pp-item-container .bx-soa-pp-company{ height: 67px; margin-bottom: 20px; } #bx-soa-delivery .bx-soa-pp-company-image{ top: 30px; right: 0; bottom: 0; left: 20px; background-position: top left; background-size: 45px; } #bx-soa-paysystem .bx-soa-pp-company-image{ top: 20px; right: 0; bottom: 0; left: 40px; background-position: top left; background-size: 30px; } #bx-soa-delivery .bx-soa-pp-company-graf-container{ padding-top: 200px; border: 1px solid #EDEDED; border-radius: 10px; } #bx-soa-paysystem .bx-soa-pp-company-graf-container{ padding-top: 67px; border: 1px solid #EDEDED; border-radius: 10px; } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container{ border-color: #354E9E !important; } #bx-soa-delivery .bx-soa-pp-company-smalltitle{ position: absolute; padding-top: 0; padding-bottom: 0; color: #282B2C; text-align: left; font-size: 16px; top: 123px; left: 33px; } #bx-soa-paysystem .bx-soa-pp-company-smalltitle{ position: absolute; padding-top: 0; padding-bottom: 0; color: #282B2C; text-align: left; font-size: 16px; top: 23px; left: 105px; } #bx-soa-delivery .bx-soa-pp-delivery-cost{ position: absolute; right: 0px; bottom: 0px; top: 160px; left: 20px; padding: 0; border-radius: 0; background: no-repeat; color: #354E9E; font-size: 20px; line-height: 20px; font-weight: 700; } #bx-soa-delivery .bx-soa-pp-company-graf-container label{ position: absolute; top: 30px; right: 20px; } #bx-soa-paysystem .bx-soa-pp-company-graf-container label{ position: absolute; top: 18px; right: 20px; } #bx-soa-delivery .bx-soa-pp-desc-container{ margin-top: 40px; padding-top: 0; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company .paycustom{ display: flex; flex-wrap: wrap; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-subTitle{ order: 2; display: flex; align-items: center; color: #282B2C; font-size: 20px; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-logo{ width: 30px; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{ padding-top: 30px; border: 0; border-radius: 0; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-image{ width: 30px; height: 30px; top: 0; left: 0; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-logo{ padding-top: 0; order: 1; margin-right: 20px; } #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company{ padding: 0; border: 0; background: none; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company{ padding: 0; border: 0; background: none; box-shadow: 0px 4px 10.9px rgba(0, 0, 0, 0.11); border-radius: 10px; padding: 20px 40px; } #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-logo{ display: none; } #bx-soa-delivery .bx-soa-pp-desc-container .bx-soa-pp-company-subTitle{ color: #282B2C; font-size: 20px; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-block{ order: 3; } #bx-soa-paysystem .bx-soa-pp-desc-container .bx-soa-pp-company-desc{ padding-top: 20px; color: #282B2C; font-size: 16px; } ul.bx-soa-pp-list{ margin: 10px 0 0 0; } #bx-soa-delivery ul.bx-soa-pp-list li{ display: flex; align-items: center; } #bx-soa-delivery ul.bx-soa-pp-list li .bx-soa-pp-list-termin{ color: #282B2C; font-size: 16px; margin-right: 10px; } #bx-soa-delivery ul.bx-soa-pp-list li .bx-soa-pp-list-description{ font-weight: 700; color: #282B2C; font-size: 16px; } #bx-soa-order .bx-soa-section-content{ padding: 0; } .bx-soa-coupon{ border: 1px dashed #AAABAC; border-radius: 10px; padding: 40px; } .bx-soa-coupon .bx-soa-coupon-label label{ color: #282B2C; font-size: 20px; font-weight: 700; display: block; margin-bottom: 10px; } .bx-soa-coupon .bx-soa-coupon-label .coupon-descr{ display: block; color: #AAABAC; font-size: 16px; font-weight: 400; margin-bottom: 15px; } .bx-soa-coupon .bx-soa-coupon-input{ width: 100%; } .bx-soa-coupon .bx-soa-coupon-input:after{ content: none; } #bx-soa-orderSave .checkbox{ display: none; } #bx-soa-orderSave .btn{ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); font-size: 14px; font-weight: 600; border-radius: 50px; width: 300px; height: 50px; border: none; display: flex !important; align-items: center; justify-content: center; text-transform: uppercase; } .bx-soa-cart-total{ border: 1px solid #EDEDED; border-radius: 10px; display: flex; flex-wrap: wrap; padding: 40px; } .bx-soa-cart-total .bx-soa-cart-total-line-total{ order: 1; width: 100%; border-top: 0; padding-top: 0; display: flex; flex-direction: column; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t{ float: none; color: #282B2C; font-size: 20px; font-weight: 400; margin-bottom: 20px; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d{ float: none; color: #282B2C; font-size: 30px; font-weight: 700; text-align: left; margin-bottom: 40px; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(1){ order: 2; width: 100%; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(1) .bx-soa-cart-t{ font-size: 20px; font-weight: 400; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(1) .bx-soa-cart-d{ font-size: 20px; font-weight: 700; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2){ order: 3; width: 100%; border-top: 0; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) .bx-soa-cart-t{ font-size: 20px; font-weight: 400; } .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) .bx-soa-cart-d{ font-size: 20px; font-weight: 700; } .bx-soa-cart-total .bx-soa-cart-total-button-container{ order: 4; width: 100%; } .bx-soa-cart-total .bx-soa-cart-total-button-container .btn-order-save{ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); height: 50px; max-width: 300px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; line-height: 16.94px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; border-radius: 50px; } .button--blue{ background: url('/local/templates/ezetek/img/button-blue-bg.webp') center / cover no-repeat; } .button--blue-light{ background: url('/local/templates/ezetek/img/button-blue-bg-hover.webp') center / cover no-repeat; } body:has(.error-404) .top-title{ display: none; } .mini-cart__name{ display: block; min-height: 80px; } .category-list__item{ min-width: 220px; } .footer__email-btn{ background: url(/local/templates/ezetek/img/button-blue-bg-small.webp) center / cover no-repeat; } .footer__email-btn::after{ background: url(/local/templates/ezetek/img/button-blue-bg-small-hover.webp) center / cover no-repeat; } .body-tabs-info__text{ font-size: 14px; color: var(--Grey_1); line-height: 1.5; } .equipment_table.table-info tr{ display: flex; } .equipment_table.table-info tr td:nth-child(1), .equipment_table.table-info tr td:nth-child(3){ width: 15%; } .equipment_table.table-info tr td:nth-child(2){ width: 70%; } .select-city__block .select-city__block__text-city{ font-size: 14px; line-height: 17px; font-weight: 300; color: var(--Grey_1); display: flex; gap: 10px; font-family: 'Gotham Pro'; } .select-city__modal__list__item{ font-family: 'Gotham Pro' !important; } .select-city__modal__submit__btn{ background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%) !important; } .body-text-page__block p{ font-size: 14px; line-height: 1.2; color: var(--Grey_1); margin-bottom: 20px; } .body-text-page__block{ font-size: 14px; line-height: 1.2; color: var(--Grey_1); } .body-text-page__block h2, .body-text-page__block h3, .body-text-page__block h4{ color: #373435; font-weight: 700; font-size: 18px; line-height: 1.5; } .body-text-page__block b{ color: #373435; font-weight: 700; } .body-text-page__block a{ color: var(--Blue_3); } .confirm_container{ width: 100%; } .order_info_wrap{ display: flex; width: 65%; gap:60px; } .order_info_name{ font-size: 18px; line-height: 27px; color: #282B2C; padding: 30px; background: #ECECEC; border-radius: 20px; width: 55%; } .order_info_description{ color: #838383; font-size: 14px; line-height: 21px; width: 35%; } .confirm_container .pay_name{ font-size: 18px; line-height: 27px; color: #282B2C; font-weight: 700; margin-top: 50px; margin-bottom: 30px; } .confirm_container img{ width: auto; padding: 10px; border: 1px solid #E8E8E8; border-radius: 5px; height: auto; } .confirm_container .pay_method{ color: #282B2C; margin-top: 10px; font-size: 14px; line-height: 21px; } .confirm_container .mb-4 p{ color: #838383; font-size: 14px; line-height: 21px; margin: 30px 0; } .confirm_container .mb-4 p b{ font-weight: 400; } .confirm_container .mb-4 p strong{ color: #282B2C; } .confirm_container .btn-success{ background: url(/local/templates/ezetek/css/../img/buttons-bg/button-blue-bg.webp) center / cover no-repeat; width: 300px; border: 0; font-size: 14px; font-weight: 600; text-transform: uppercase; height: 50px; } .alert.alert-info{ background: none; color: #838383; font-size: 14px; line-height: 21px; padding: 0; margin-bottom: 0; margin-top: 1.5rem; } .alert.alert-info b{ font-weight: 400; } .show1440{ display: none; } .main-three__botbtn-link{ max-width: 300px; } .four-main{ margin-top: 0; } .order.bim.bim2{ margin-top: 0; } .docs{ width: 100%; } .raschitat-proekt{ margin-top: 0; } .cart-art.nal.not_av::before{ background: #354E9E; } @media (min-width: 1700px) { /*.order-wrapper:has(.bim2) { min-width: 1750px; }*/ .articles__slider-object-left{ width: 150px; } } @media (min-width: 1366px) { .header__menu-list { margin: 0 0 0 auto; } .header__menu-list { display: flex; gap: 30px; align-items: center; } .header__top { border-bottom: 1px solid var(--Grey_2); width: 100%; max-width: 1720px; margin: 0 auto; padding: 14px 15px; padding-top: 13px; min-height: 52px; display: flex; gap: 85px; } .header__top-item { font-size: 14px; line-height: 17px; font-weight: 300; color: var(--Grey_1); display: flex; gap: 10px; } .header__top-item.sec.two { margin-left: auto; } .header__top-item.sec { font-size: 16px; align-items: center; line-height: 10px; } .header__container { /* height: 75px; */ height: 70px; } .catalog-btn.desc { display: flex; margin: 0; } .catalog-btn { height: 40px; } .header__menu-item { text-transform: uppercase; text-decoration: none; color: var(--Black_2); line-height: 15px; } .header__search-input { position: relative; } .header__search { margin-left: 130px; } .header__search { width: 358px; height: 40px; background: var(--White); border: none; padding-left: 20px; padding-right: 20px; outline: none; border-bottom: 1px solid var(--Grey_2); } .header__btn.desc { display: none; } .top-title { margin-top: 162px; } .category-item .mini-cart__price { font-size: 20px; line-height: 26px; } } @media (min-width: 1366px) and (max-width: 1600px){ .header__menu-list { margin-left: 0; } .header__logo{ display: none; } .show1440{ display: block; margin-right: 0; } } @media (min-width: 992px) { .certificates__body { padding-bottom: 0; } } @media (min-width: 1000px) { .category-item { width: calc(25% - 18px); } } @media (max-width: 1600px){ .four-main, .where-buy, .knowledge-base, .production, .order-wrapper, .article-news, .four-main__list, .docs, .about, .certificates{ margin-top: 40px; } .category-list{ margin-top: 20px; } } @media(max-width: 1200px){ .order_info_wrap{ width: 100%; gap: 20px; } } @media(max-width: 991px){ .order_info_wrap{ flex-wrap: wrap; } .order_info_name, .order_info_description{ width: 100%; } #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company{ width: 100%; margin-bottom: 20px; } #bx-soa-delivery .order-1{ order: 3 !important } } @media(max-width: 768px){ #paysystem-yandex-form .align-items-center{ flex-wrap: wrap; } } @media (min-width: 1700px) { .list { justify-content: unset; } } .selection{ overflow: hidden; } .text_desc p, .text_desc ul { font-size: 14px; color: var(--Grey_1); line-height: 1.5; display:block; } .text_desc p:not(:last-child), .text_desc ul { margin-bottom: 20px; } .text_desc h2 { font-size: 18px; color: var(--Black_2); line-height: 27px; font-weight: 700; margin-top: 40px; margin-bottom: 10px; } .text_desc ul { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .text_desc ul li { list-style: disc; } .text_desc ul li::marker { color: #354E9E; } /* fix */ .top-title { margin-top: 0px; padding: 0; } .breadcrumbs { margin-top: 24px; margin-bottom: 24px; } .header { position: sticky; z-index: 999; } .main-first, .main-first__banner { padding-top: 0px; } .baner-btns__cont { margin-top:0px; } .body { flex: 1 0 auto; } .footer { flex: 0 0 auto; } .show_search { display:none; position: absolute; top: 6px; left: 10px; right: 100px; background: #fff; } @media (max-width: 1440px) { .search_form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .header__search { height: 40px; background: var(--White); border: none; padding-left: 20px; padding-right: 20px; outline: none; border-bottom: 1px solid var(--Grey_2); } } @media (max-width: 1024px) { .header__top .sec, .header__top .select-city__block { display:none; height:0px; } .breadcrumbs { margin-top: 40px; margin-bottom: 40px; } .header__top, .header__top .header__top-item-wrapper { display:block; } .header__top-item { font-size: 14px; line-height: 17px; font-weight: 300; color: var(--Grey_1); display: flex; gap: 10px; } } .main-second_banner{ margin-bottom: 40px; } @media (max-width: 600px) { .main-three__botbtn-link { max-width: unset; padding: 15px; min-height: unset; } } .mini-cart__sku{ margin-top: 20px; } .main-three{ margin-bottom: 40px; } .main-three::after{ content: ''; clear: both; width: 100%; display: block; } .order__right-list .order__right-item { list-style: disc; } .order__right-list a, .confirm_container a { color: var(--Blue_3); } .category-item .mini-cart__image { aspect-ratio: 1/1.1; overflow: hidden; position: relative; } .category-item .mini-cart__image img{ /*position: absolute; top: 50%; transform: translateY(-50%);*/ } .mob-menu__link img { margin-top:4px; margin-right:5px; } .mob-menu__top .sub { position:absolute; left: -65%; top: 60px; max-width: 50%; } .mob-menu__top .sub a { font-weight: 400; font-size: 12px; line-height: 14.52px; color:#FFFFFF; margin: 10px 0; display: block; } .mob-menu__top .sub { display:none; } .mob-menu__top .sub.show { display:block; } .mob-menu__top .sub li:first-child a{ margin-top:0px; } .mob-menu__top .sub li:not(:last-child) { border-bottom: 1px solid #D9D9D9 } .mob-menu__wrapper.clicked { backdrop-filter: blur(15px); background: #00000095; } @media (max-width: 425px) { .mob-menu__top { padding-left: 0; } .mob-menu__top .sub { left: -73%; max-width: 70%; } } .list-inline-item { display:inline-block; } .list-inline-item:not(:last-child) { margin-right:20px; } .bx-soa-pp-company-desc { font-weight: 400; font-size: 18px; line-height: 25px; color: #AAABAC; } .blink a, .bx-soa-pp-company-desc a { font-weight: 400; font-size: 18px; line-height: 25px; color: #354E9E; } .basket-items-list-header { display:none; } .bx-soa-cart-total.bx-soa-cart-total-fixed { top: 150px!important; } #bx-soa-paysystem { display:none; } .production .block-header__line { text-align: justify; display:block; } .info-electroplating__text { text-align: justify; max-width:unset; } @media (min-width: 1600px) { .docs::after { z-index:-1; } } .info-electroplating__text._text ul, .block-header__text ul { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .info-electroplating__text._text ul li, .block-header__text ul li { font-size: 14px; line-height: 21px; color: var(--Grey_1); list-style: disc; } .info-electroplating__text._text ul li::marker, .block-header__text ul li::marker { color: #354E9E; } .info-body-advantages p { font-size: 14px; line-height: 1.5; color: var(--Grey_1); } ._text b, ._text strong { font-size: 14px; line-height: 1.5; color: #373435; } .footer_logo { text-transform: uppercase; } .footer_logo:hover { color:inherit; } .footer_logo img { display:block; margin-bottom:10px; } .upper { rotate: -90deg; background-color: var(--Blue_4); display: none; position: fixed; bottom: 170px; right: 40px; z-index: 99; } .upper:hover { background-color: var(--Grey_4); } .upper svg, .upper path { fill: var(--White); } .upper:hover svg, .upper:hover path { fill: var(--Black_2); } .body-tabs-info__text ul { margin: 30px 0; padding: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 10px; } .body-tabs-info__text ul li { list-style: disc; font-size: 14px; line-height: 21px; color: var(--Grey_1); } .body-tabs-info__text ul li::marker { color: #354E9E; } .category__filter { max-width:350px; } .custom-check { min-width:20px; min-height:20px; } .cookie { position:fixed; left:50px; bottom:50px; width: 100%; max-width:700px; background: #FCFCFC; padding:30px; border:1px solid #2D323B; z-index:10; } .cookie .row { align-items: flex-end; } .cookie .title { font-weight: 500; font-size: 28px; line-height: 100%; margin-bottom:10px; } .cookie img { position: absolute; top: 14px; right: 30px; } .cookie p { font-weight: 400; font-size: 16px; line-height: 120%; color:#7A8398; margin-bottom:0px; } .cookie p a { font-weight: 400; font-size: 16px; line-height: 120%; color:#7A8398; text-decoration: underline; } .cookie button { margin-bottom:0!important; } @media (max-width: 992px) { .cookie { right:50px; } .cookie .title { margin-bottom:8px; font-size: 22px; line-height: 100%; } .cookie p { margin-bottom:16px; font-size: 14px; line-height: 120%; } .cookie img { width:20px; height:20px; } .cookie p a { font-size: 14px; } } @media (max-width: 992px) { .cookie button { margin-bottom:8px; width:100%; } } .catalog-categories { display: flex; flex-wrap: wrap; width: 100%; gap: 24px; } .catalog-categories:not(:last-child) { margin-bottom: 24px; } .catalog-categories__item { position: relative; z-index: 0; display: flex; flex-wrap: wrap; width: calc(100% / 3 - 16px); border: 1px solid #dedede; border-radius: 16px; overflow: hidden; } @media (min-width: 990px) { .category__filter + .category__container > .catalog-categories .catalog-categories__item { width: calc(50% - 12px); } } .catalog-categories__item::before { content: ''; position: absolute; inset: 0; z-index: -1; background-color: #eeeff6; pointer-events: none; clip-path: polygon(0 70%, 37.5% 70%, 60% 100%, 0 100%); } .catalog-categories__link { width: 40%; height: 100%; overflow: hidden; } .catalog-categories__link:hover .catalog-categories__image { transform: scale(1.05); } .catalog-categories__image { width: 100%; /* height: 100%; */ object-fit: contain; object-position: center; transition: transform 0.15s; } .catalog-categories__item-info { display: flex; flex-direction: column; justify-content: center; row-gap: 16px; width: 60%; height: 100%; padding: 24px; } .catalog-categories__item-info a { display: inline-block; color: inherit; text-decoration: none; transition: color 0.15s; } .catalog-categories__item-info a:hover { color: var(--Blue_3); } .catalog-categories__item-info a:not(:last-child) { margin-bottom: 4px; } .catalog-categories__item-info p { font-weight: 500; font-size: 16px; line-height: 1.4; color: #8e939d; } .catalog-categories__item-info .catalog-categories__item-info-main { font-weight: 600; color: #000; } .catalog-categories__item-info .catalog-categories__item-info-main a { transition: color 0.15s; } .catalog-categories__item-info .catalog-categories__item-info-main a:hover { color: var(--Blue_3); } @media (max-width: 990px) { .catalog-categories { gap: 16px; } .catalog-categories__item { align-items: center; width: calc(50% - 8px); } .catalog-categories__link { height: auto; } .catalog-categories__image { max-height: 200px; } .catalog-categories__item-info { row-gap: 8px; padding: 16px; } .catalog-categories__item-info p { font-size: 14px; } } @media (max-width: 768px) { .catalog-categories__item { width: 100%; } } @media (max-width: 480px) { .catalog-categories__item-info p { font-size: 12px; } } .header__search { margin-left: 0; width: 576px; } @media (min-width: 1366px) and (max-width: 1600px) { .header__search-btn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } .header__search-drop { position: absolute; top: 100%; left: 0; display: none; flex-direction: column; row-gap: 16px; width: 100%; max-height: calc(100% - 200px); overflow-y: auto; padding: 16px; box-shadow: 0px 4px 8px 0 rgb(0 0 0 / 0.1); background-color: #ffffff; border-radius: 0 0 8px 8px; } .header__search-tags { display: flex; flex-wrap: wrap; gap: 8px; min-height: 32px; max-height: 64px; padding-bottom: 8px; overflow: hidden; border-bottom: 1px solid var(--Grey_2); } .header__search-tag { display: block; padding: 4px 8px; border-radius: 11px; background-color: var(--Grey_3); font-size: 14px; white-space: nowrap; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; } .header__search-tag:hover { background-color: var(--Grey_2); } .header__search-links { display: flex; flex-direction: column; row-gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--Grey_2); } .header__search-link span { position: relative; margin-left: 16px; font-size: 14px; } .header__search-link span::before { content: ''; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: #373435; } .header__search-cards { display: flex; flex-direction: column; row-gap: 16px; } .header__search-card { display: grid; grid-template-columns: 64px 1fr; grid-gap: 4px 8px; align-items: center; } .header__search-card-image-link { grid-column: 1 / 2; grid-row: 1 / 3; display: block; } .header__search-card-image { display: block; width: 64px; height: 64px; aspect-ratio: 1; } .header__search-card-image[src=""] { background-color: var(--Grey_3); } .header-search-card-title { grid-column: 2 / 3; grid-row: 1/ 2; } .header__search-card-tags { grid-column: 2 / 3; grid-row: 2 / 3; display: flex; column-gap: 16px; } .header__search-card-tags a { display: block; font-size: 14px; text-decoration: none; color: #373435; } .header__search-card-tags a:hover { color: #024dbc; } .header__search-card-tags a:not(:last-child) { position: relative; } .header__search-card-tags a:not(:last-child)::before { content: ''; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background-color: #373435; } .header__search-drop:hover, .header__search-input:has(.header__search:focus) .header__search-drop { display: flex; } @media (max-width: 600px) { .header__search-drop { width: calc(100vw - 20px); } } .category__container—lvl1 { gap: 70px; } @media (min-width: 1400px) { .category__container—lvl1 .catalog-categories__item { width: calc(100% / 3 - 16px); } } @media (min-width: 1600px) { .category-catalog .category__container—lvl1.category__container .category__container { width: calc(100% - 420px); } } .list-item { max-width: unset; } .catalog-categories:empty { display: none !important; } .category__container—no-filter .category-item { width: calc(20% - (96px / 5)); } @media (max-width: 1600px) { .category__container—no-filter .category-item { width: calc(25% - 18px); } } @media (max-width: 990px) { .header__search-drop { max-width: calc(100% - 24px); } .category__container—no-filter .category-item { width: calc(100% / 3 - 16px); } } @media (max-width: 768px) { .category__container—no-filter .category-item { width: calc(50% - 12px); } } .header__search-links:not(:has(.header__search-link)) { display: none; } .header__search-tags:last-child, .header__search-links:last-child, .header__search-cards:last-child { border-bottom: none; padding-bottom: 0; } /* for admin */ /* .catalog-categories { display: flex; flex-wrap: wrap; width: 100%; gap: 24px 30px; } */ .catalog-categories--admi.catalog-categories__item { position: relative; z-index: 0; display: flex; flex-wrap: wrap; /* width: calc(100% / 3 - 20px); */ border-radius: 20px; border: none; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .catalog-categories__item::before { content: ''; position: absolute; inset: 0; z-index: -1; background-color: #d9d9d9; pointer-events: none; clip-path: polygon(0 70%, 44.5% 70%, 67% 100%, 0 100%); } .catalog-categories__image { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform 0.15s; mix-blend-mode: darken; } .catalog-categories__item-info { display: flex; flex-direction: column; justify-content: center; row-gap: 14px; width: 60%; height: 100%; padding: 24px; } .catalog-categories__item-info a { display: inline-block; color: #838383; text-decoration: none; transition: color 0.15s; } .catalog-categories__item-info a:not(:last-child) { margin-bottom: 6px; } .catalog-categories__item-info p { font-weight: 500; font-size: 16px; line-height: 1.4; color: #8e939d; } .catalog-categories__item-info .catalog-categories__item-info-main { font-weight: 600; color: #000; } /* @media (min-width: 990px) { .category__filter + .category__container > .catalog-categories .catalog-categories__item { width: calc(50% - 15px); } } @media (max-width: 1440px) { .catalog-categories__item { width: calc(50% - 15px); } } @media (max-width: 990px) { .catalog-categories__item { width: calc(50% - 8px); } } @media (max-width: 768px) { .catalog-categories__item { width: 100%; } } */ .catalog-categories__item-info a:hover { color: var(--Blue_3); } .catalog-list__item .category-item { display: flex; flex-direction: column; width: 100% !important; height: 100%; } .catalog-list__item .category-item .mini-cart__name { margin-bottom: auto; } .category__container--grid [class*="show-more"] { position: absolute; } .catalog-list__item { width: calc(100% / 5 - 20px); align-self: stretch; } @media (max-width: 1600px) { .catalog-list__item { width: calc(100% / 4 - 7.5px); } } @media (max-width: 990px) { .catalog-list__item { width: calc(100% / 3 - 7.5px); } } @media (max-width: 600px) { .catalog-list__item { width: calc(100% / 2 - 7.5px); } } .category-catalog--search .catalog-list__item { width: calc(100% / 5 - 20px); max-width: calc(100% / 5 - 20px); } @media (max-width: 1600px) { .category-catalog--search .catalog-list__item { width: calc(100% / 4 - 7.5px); max-width: calc(100% / 4 - 7.5px); } } @media (max-width: 990px) { .category-catalog--search .catalog-list__item { width: calc(100% / 3 - 7.5px); max-width: calc(100% / 3 - 7.5px); } } @media (max-width: 600px) { .category-catalog--search .catalog-list__item { width: calc(100% / 2 - 7.5px); max-width: calc(100% / 2 - 7.5px); } } /* all except UZIP */ .category__filter ~ .category__container--grid .catalog-list__item, .category__filter ~ .category__container .category__container--grid .catalog-list__item { width: calc(100% / 4 - 75px / 4); max-width: calc(100% / 4 - 75px / 4); } @media (max-width: 1600px) { .category__filter ~ .category__container--grid .catalog-list__item, .category__filter ~ .category__container .category__container--grid .catalog-list__item { width: calc(100% / 4 - 30px / 4); max-width: calc(100% / 4 - 30px / 4); } } @media (max-width: 1280px) { .category__filter ~ .category__container--grid .catalog-list__item, .category__filter ~ .category__container .category__container--grid .catalog-list__item { width: calc(100% / 3 - 10px); max-width: calc(100% / 3 - 10px); } } @media (max-width: 990px) { .category__filter ~ .category__container--grid .catalog-list__item, .category__filter ~ .category__container .category__container--grid .catalog-list__item { width: calc(100% / 2 - 10px / 2); max-width: calc(100% / 2 - 10px / 2); } } /* only UZIP */ body .category__container—no-filter .category__filter ~ .category__container--grid .catalog-list__item { width: calc(100% / 5 - 20px); max-width: calc(100% / 5 - 20px); } @media (max-width: 1600px) { body .category__container—no-filter .category__filter ~ .category__container--grid .catalog-list__item { width: calc(100% / 4 - 30px / 4); max-width: calc(100% / 4 - 30px / 4); } } @media (max-width: 1280px) { body .category__container—no-filter .category__filter ~ .category__container--grid .catalog-list__item { width: calc(100% / 3 - 20px / 3); max-width: calc(100% / 3 - 20px / 3); } } @media (max-width: 990px) { body .category__container—no-filter .category__filter ~ .category__container--grid .catalog-list__item { width: calc(100% / 2 - 5px); max-width: calc(100% / 2 - 5px); } } .button--blue-outline { min-height: 36px; padding: 10px 20px; border: 1px solid #d9d9d9; font-size: 14px; color: #354e9e; transition: transform 0.3s, border-color 0.3s, background-color 0.3s; } .button--blue-outline:hover { transform: translateY(-1px); border-color: #354e9e; background-color: rgba(53, 78, 158, 0.05); } .smart-filter-reset { margin-top: 24px; } @media (max-width: 768px) { .smart-filter-reset { margin-bottom: 24px; } } .academy .slide-info::after { background: none; } .academy .slide-info::before{ background: none; } #scrollToTop { display: none !important; } .catalog-list__item { flex-grow: 1; } .cart-dot { position: fixed; z-index: 9999; width: 10px; height: 10px; border-radius: 50%; background-color: #354e9e; pointer-events: none; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .catalog-compare { width: 100%; } .catalog-compare-table { overflow-x: auto; } .catalog-compare-item-title { min-width: 200px; } @media (max-width: 768px) { .catalog-compare-filter .row { flex-direction: column; } .catalog-compare .mb-3.d-flex.align-items-center { flex-direction: column; row-gap: 24px; } } .popup_show { z-index: 910; } body::after { z-index: 905; } .breadcrumbs__item { font-size: 12px; } .mob-menu__link.font12-400-mob, .mob-menu__top .sub a { font-size: 14px; } .video-about__video { width: 100%; min-height: 0; padding-bottom: 0.5625%; } .video-about__video-inner { position: absolute; inset: 0; } .slide-items-electroplating { height: auto; min-height: unset; } .swiper-autoheight .swiper-wrapper { align-items: stretch; } /* End */ /* Start:/local/templates/ezetek/css/custom_ws.css?176846347814116*/ .header__search-drop{ z-index: 1000; } .header__search-cards{ overflow-y: visible; } .header__search-card-tags a { color: #adb5bd; } .header__search-card-tags a:not(:last-child)::before{ background-color: #adb5bd; } .header__search-card:hover .header-search-card-title, .header__search-link:hover{ color: #024dbc; } @media (min-width: 768px) { .category-item .mini-cart__name { font-size: 16px; line-height: 19.2px; padding-top: 20px; } .category-item .mini-cart__art{ font-size: 16px; } } /* Стили для блока описания категории */ .catalog-category-description { background: #ffffff; padding: 40px 0; margin: 0; width: 100%; } .catalog-category-description .flex-nowrap{ display: flex; flex-wrap: nowrap; } .catalog-category-description .row { max-width: 1224px; /*margin: 0 auto;*/ padding: 0 20px; align-items: flex-start; } .category-image { width: 219px; height: 219px; object-fit: contain; border-radius: 8px; } .content-column { flex: 1; min-width: 0; } .pl-32, .px-32 { padding-left: 2rem !important; } .pr-32, .px-32 { padding-right: 2rem !important; } @media (min-width: 768px) { .d-md-block { display: block !important; } } .mb-16, .my-16 { margin-bottom: 1rem !important; } .category-description-text h2 { font-size: 36px; font-weight: 700; color: #2c3e50; margin: 0 0 20px 0; line-height: 1.2; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .text-collapse-content p { font-size: 16px; line-height: 1.6; color: #6c757d; margin: 0 0 16px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .text-collapse-content p:last-child { margin-bottom: 0; } .text-collapse-content ul { margin: 16px 0; padding-left: 20px; } .text-collapse-content ul li { font-size: 16px; line-height: 1.6; color: #6c757d; margin-bottom: 8px; } .text-collapse-content a { color: #2c3e50; text-decoration: none; font-weight: 500; } .text-collapse-content a:hover { color: #024dbc; text-decoration: underline; } .collapse-toggle { background: none; border: none; padding: 0; color: #2c3e50; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; margin-top: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .collapse-toggle:hover { color: #024dbc; } .collapse-toggle .icon-caret { margin-left: 8px; transition: transform 0.3s ease; } .collapse-toggle:not(.collapsed) .icon-caret { transform: rotate(180deg); } .text-collapse { position: relative; overflow: hidden; transition: height 0.3s ease-in-out; } /*.text-collapse.collapsed {*/ /* height: 182px;*/ /*}*/ .text-collapse.collapsed::after { background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0)); bottom: 0; content: ""; height: 3.5rem; left: 0; position: absolute; transition: all .15s ease-out; transition-property: transform; width: 100%; } .text-collapse:not(.collapsed)::after { display: none; } .d-none{ display: none; } @media (max-width: 768px) { .category-item .mini-cart__art{ font-size: 12px; line-height: 120%; } .category-item .mini-cart__name{ font-size: 12px; } .show_search{ width: 100%; left: 0px; } .header__search-btn{ position: relative; right: 25px; } .header__search-card-tags a:not(:last-child){ display: none; } .header__search-card-tags a{ font-size: 12px; } .catalog-category-description .row { flex-direction: column; padding: 0 15px; } .category-image-wrapper { margin-right: 0; margin-bottom: 30px; text-align: center; } .category-image { width: 150px; height: 150px; } .category-description-text h2 { font-size: 28px; text-align: center; } .text-collapse-content p, .collapse-toggle { font-size: 14px; } .text-collapse-content ul li { font-size: 14px; } } @media (max-width: 500px) { .category-description-text h2 { font-size: 20px; } } /*.category-items{*/ /* gap: 25px;*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* justify-content: flex-start;*/ /* align-items: flex-start;*/ /*}*/ .custom-label.disabled{ color: #c5c5c5; } .category__container--block{ display: flex; width: 100%; justify-content: space-between; align-items: center; } /* ===== Сортировка каталога ===== */ .category-sort { display: flex; justify-content: flex-end; } .category-sort__buttons { display: flex; gap: 15px; align-items: center; } .category-sort__btn { display: flex; align-items: center; gap: 8px; padding: 10px 20px; background: var(--White, #FFFFFF); border: 1px solid var(--Grey_2, #D9D9D9); border-radius: 16px; font-size: 14px; font-weight: 500; color: var(--Blue_3, #354E9E); cursor: pointer; transition: all 0.3s ease; } .category-sort__btn:hover { background: rgba(53, 78, 158, 0.05); border-color: var(--Blue_3, #354E9E); transform: translateY(-1px); } .category-sort__btn.active { background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); color: var(--White, #FFFFFF); border-color: transparent; } .category-sort__text { white-space: nowrap; } .category-sort__arrow { width: 12px; height: 12px; transition: transform 0.3s ease; transform: rotate(90deg); /* По умолчанию стрелка смотрит вниз */ } .category-sort__arrow--up { transform: rotate(-90deg); /* При активном состоянии стрелка смотрит вверх */ } /* Адаптивность */ @media (max-width: 991px) { .category__container--block { gap: 15px; } .category-sort { margin-bottom: 0; width: 100%; justify-content: flex-start; } } @media (max-width: 768px) { .category-sort { padding: 0 10px; } .category-sort__buttons { gap: 8px; } .category-sort__btn { padding: 8px 14px; font-size: 12px; } .category-sort__arrow { width: 10px; height: 10px; } } @media (max-width: 576px) { .category__container--block { gap: 10px; flex-wrap: wrap; padding: 0 10px; } .category-sort, .show-top-pager { margin-bottom: 0; width: 100%; justify-content: center; } .category-sort { padding: 0; } .category-sort__buttons { gap: 8px; } .category-sort__btn { flex: 1; padding: 8px 12px; font-size: 12px; } .category-sort__arrow { width: 10px; height: 10px; } .category-sort__text { font-size: 12px; } } @media (max-width: 400px) { .category-sort__btn { padding: 8px 10px; font-size: 12px; gap: 5px; } .category-sort__arrow { width: 9px; height: 9px; } } .main-three__container{ max-width: 1720px; margin: 0 auto; } .category__container—no-filter .category__filter ~ .category__container--grid .catalog-list__item{ width: calc(100% / 5 - 20px); align-self: stretch; } /* FAQ Accordion */ .faq-section { padding-top: 40px; padding-bottom: 40px; } .faq-section__body { display: flex; flex-direction: column; gap: 30px; } .faq-section__title { text-align: center; margin-bottom: 20px; } .faq-accordion { display: flex; flex-direction: column; gap: 15px; } .faq-accordion__item { background-color: var(--White); border-radius: 20px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10); overflow: hidden; transition: box-shadow 0.3s ease; } .faq-accordion__item:hover { box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.15); } .faq-accordion__header { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 25px 30px; background: none; border: none; text-align: left; cursor: pointer; transition: background-color 0.3s ease; } .faq-accordion__header:hover { background-color: rgba(53, 78, 158, 0.02); } .faq-accordion__question { font-family: 'Gotham Pro'; font-weight: 700; font-size: 18px; line-height: 1.5; color: var(--Black_2); flex: 1; padding-right: 20px; } .faq-accordion__icon { flex-shrink: 0; width: 24px; height: 24px; color: var(--Black_2); transition: transform 0.3s ease, color 0.3s ease; } .faq-accordion__item._active .faq-accordion__icon { transform: rotate(45deg); color: #354E9E; } .faq-accordion__content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; padding: 0 30px; } .faq-accordion__item._active .faq-accordion__content { max-height: 1000px; padding: 0 30px 25px 30px; } .faq-accordion__text { font-size: 14px; line-height: 1.6; color: var(--Grey_1); } .faq-accordion__text p { margin-bottom: 15px; } .faq-accordion__text p:last-child { margin-bottom: 0; } .faq-accordion__text ul { margin: 15px 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; } .faq-accordion__text ul li { list-style: disc; color: var(--Grey_1); } .faq-accordion__text ul li::marker { color: #354E9E; } .faq-accordion__text strong { font-weight: 700; color: var(--Black_2); } @media (max-width: 768px) { .faq-section { padding-top: 30px; padding-bottom: 30px; } .faq-section__title { font-size: 24px; margin-bottom: 20px; } .faq-accordion__header { padding: 20px; } .faq-accordion__question { font-size: 16px; padding-right: 15px; } .faq-accordion__content { padding: 0 20px; } .faq-accordion__item._active .faq-accordion__content { padding: 0 20px 20px 20px; } .faq-accordion__icon { width: 20px; height: 20px; } } .file-name._with-content:not(:last-child){ margin-bottom: 0px; } #popup-audit .form-training__file-name{ padding-top: 10px; padding-bottom: 10px; } /*.cards__item-image{*/ /* object-fit: fill;*/ /*}*/ /* Стили для меню футера с 3 колонками */ .footer__menu-column { display: flex; flex-direction: column; gap: 30px; } .footer__menu-column .footer__menu-item:hover { color: var(--Blue_3); } /* Адаптивность для меню футера */ @media (max-width: 1000px) { .footer__menu { grid-template-columns: repeat(3, 1fr); gap: 25px; } .footer__menu-column { gap: 25px; } .footer__menu-item { font-size: 12px; } } @media (max-width: 768px) { .footer__menu { grid-template-columns: 1fr; gap: 20px; row-gap: 20px; } .footer__menu-column { gap: 20px; } } /* Стили для кнопок фильтра */ .smart-filter-reset { margin-top: 24px; } .smart-filter-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; } .smart-filter-buttons .button--blue{ padding: 10px 20px; min-height: 36px; font-size: 12px; } .smart-filter-apply { display: none; } @media (max-width: 768px) { .smart-filter-apply { display: inline-flex; } .smart-filter-reset { margin-top: 0; } } /* Стили для таблицы в блоке доставки и оплаты */ .block-table__table-wrap { overflow-x: auto; margin-top: 30px; } .block-table__table-wrap table { width: 100%; border-collapse: separate; border-spacing: 0; background-color: var(--White); border-radius: 5px; overflow: hidden; } .block-table__table-wrap thead { background-color: var(--Grey_4); } .block-table__table-wrap th { padding: 16px 24px; border: 1px solid var(--Grey_2, #D9D9D9); background-color: var(--Grey_4, #EEEEEE); font-weight: 700; font-size: 16px; line-height: 1.5; color: var(--Black_2, #373435); text-align: left; } .block-table__table-wrap th:first-child { border-top-left-radius: 5px; } .block-table__table-wrap th:last-child { border-top-right-radius: 5px; } .block-table__table-wrap td { padding: 16px 24px; border: 1px solid var(--Grey_2, #D9D9D9); background-color: var(--White); font-weight: 400; font-size: 16px; line-height: 1.5; color: var(--Grey_1, #6C757D); text-align: left; } .block-table__table-wrap tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; } .block-table__table-wrap tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; } .delivery-payment .block-table__table-wrap th:last-child, .delivery-payment .block-table__table-wrap td:last-child { display: table-cell; } .block-table__table-wrap tbody tr:nth-child(even) td { background-color: var(--Grey_4, #EEEEEE); } .block-table__table-wrap tbody tr:hover td { background-color: rgba(53, 78, 158, 0.05); } .block-table__table-wrap a { color: var(--Blue_3, #354E9E); text-decoration: none; transition: color 0.3s ease; } .block-table__table-wrap a:hover { color: var(--Blue_2, #024DBC); text-decoration: underline; } @media (max-width: 768px) { .block-table__table-wrap { margin-top: 20px; } .block-table__table-wrap th, .block-table__table-wrap td { padding: 12px 16px; font-size: 14px; } } /* End */ /* Start:/local/templates/ezetek/css/preloader.css?17665903455686*/ /* Прелоадер в стиле сайта */ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); z-index: 999999; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1; visibility: visible; transition: opacity 0.5s ease, visibility 0.5s ease; } .preloader.hidden { opacity: 0; visibility: hidden; } /* Логотип прелоадера */ .preloader__logo { width: 120px; height: 120px; margin-bottom: 40px; animation: logoFloat 2s ease-in-out infinite; } .preloader__logo img { width: 100%; height: 100%; object-fit: contain; } /* Анимированный логотип с градиентом */ .preloader__logo-gradient { width: 120px; height: 120px; background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; animation: logoPulse 2s ease-in-out infinite; position: relative; overflow: hidden; } .preloader__logo-gradient::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent); animation: logoShine 3s linear infinite; } .preloader__logo-text { color: white; font-family: 'Gotham Pro', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; z-index: 1; } /* Спиннер */ .preloader__spinner { width: 60px; height: 60px; border: 4px solid #f0f0f0; border-top: 4px solid #354E9E; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 30px; } /* Альтернативный спиннер с градиентом */ .preloader__spinner-gradient { width: 60px; height: 60px; border-radius: 50%; background: conic-gradient(from 0deg, #354E9E, #2E92E4, #8ED6F5, #354E9E); animation: spin 1.5s linear infinite; margin-bottom: 30px; position: relative; } .preloader__spinner-gradient::before { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background: #ffffff; border-radius: 50%; transform: translate(-50%, -50%); } /* Точки загрузки */ .preloader__dots { display: flex; gap: 8px; margin-bottom: 30px; } .preloader__dot { width: 12px; height: 12px; background: #354E9E; border-radius: 50%; animation: dotBounce 1.4s ease-in-out infinite both; } .preloader__dot:nth-child(1) { animation-delay: -0.32s; } .preloader__dot:nth-child(2) { animation-delay: -0.16s; } .preloader__dot:nth-child(3) { animation-delay: 0s; } /* Текст загрузки */ .preloader__text { color: #354E9E; font-family: 'Gotham Pro', sans-serif; font-size: 16px; font-weight: 500; text-align: center; margin-bottom: 20px; opacity: 0.8; } /* Прогресс бар */ .preloader__progress { width: 200px; height: 4px; background: #f0f0f0; border-radius: 2px; overflow: hidden; margin-bottom: 20px; } .preloader__progress-bar { height: 100%; background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border-radius: 2px; width: 0%; animation: progressLoad 3s ease-in-out infinite; } /* Анимации */ @keyframes logoFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes logoPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } @keyframes logoShine { 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); } 100% { transform: translateX(100%) translateY(100%) rotate(45deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes dotBounce { 0%, 80%, 100% { transform: scale(0); opacity: 0.5; } 40% { transform: scale(1); opacity: 1; } } @keyframes progressLoad { 0% { width: 0%; } 50% { width: 70%; } 100% { width: 100%; } } /* Адаптивность */ @media (max-width: 768px) { .preloader__logo, .preloader__logo-gradient { width: 80px; height: 80px; margin-bottom: 30px; } .preloader__logo-text { font-size: 18px; letter-spacing: 1px; } .preloader__spinner, .preloader__spinner-gradient { width: 50px; height: 50px; } .preloader__spinner-gradient::before { width: 30px; height: 30px; } .preloader__progress { width: 150px; } .preloader__text { font-size: 14px; } } @media (max-width: 480px) { .preloader__logo, .preloader__logo-gradient { width: 60px; height: 60px; margin-bottom: 20px; } .preloader__logo-text { font-size: 16px; } .preloader__spinner, .preloader__spinner-gradient { width: 40px; height: 40px; } .preloader__spinner-gradient::before { width: 25px; height: 25px; } .preloader__progress { width: 120px; } } /* End */ /* Start:/local/templates/ezetek/css/form-result-new.css?17665903455383*/ /* Стили для формы form.result.new */ /* Основной контейнер модального окна */ .product__modal .popup__content { position: relative; width: 100%; max-width: 768px; margin: auto; padding: 24px; border-radius: 20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; } /* Кнопка закрытия */ .product__modal-close { position: absolute; top: 24px; right: 24px; display: flex; width: 36px; height: 36px; } .product__modal-close-icon { display: block; width: 16px; height: 16px; margin: auto; } /* Заголовок и текст */ .product__modal-title { font-weight: 700; font-size: 24px; line-height: 1.2; color: #373435; } .product__modal-title:not(:last-child) { margin-bottom: 16px; } .product__modal-text { font-weight: 400; font-size: 16px; line-height: 1.2; color: #373435; } .product__modal-text:not(:last-child) { margin-bottom: 24px; } /* Форма */ .product__modal-form { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } .product__modal-form-item:has([required]) { position: relative; z-index: 0; } .product__modal-form-item:has([required])::before { content: '*'; position: absolute; top: 16px; right: 24px; font-weight: 400; font-size: 16px; line-height: 1.5; color: #ff0000; } .product__modal-form-item--wide { grid-column: 1 / span 2; } .product__modal-form-item--controls { grid-column: 1 / span 2; display: grid; grid-template-columns: repeat(2, auto); grid-gap: 24px; } /* Поля ввода */ .product__modal input[type="text"], .product__modal input[type="tel"], .product__modal textarea { padding: 16px 24px; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #ffffff; font-weight: 400; font-size: 16px; line-height: 1.5; color: #373435; } /* Кнопки */ .product__modal-button-outline { display: block; width: 100%; height: 48px; padding: 16px 24px; border: 1px solid #354e9e; border-radius: 24px; font-weight: 500; font-size: 14px; line-height: 1; text-align: center; color: #354e9e; text-transform: uppercase; } .product__modal-file { display: block; width: 100%; height: 48px; padding: 16px 24px; border: 1px solid #354e9e; border-radius: 24px; font-weight: 500; font-size: 14px; line-height: 1; text-align: center; color: #354e9e; text-transform: uppercase; } .product__modal-file::before { content: attr(data-title); font-weight: 500; font-size: 14px; line-height: 1; text-align: center; color: #354e9e; text-transform: uppercase; } .product__modal-file input[type="file"] { display: none; } .product__modal-submit { display: block; width: fit-content; height: 48px; padding: 16px 48px 16px 24px; border-radius: 24px; background-image: url('/local/templates/ezetek/css/../icons/arrow-right.svg'), linear-gradient(90deg, #3551a2, #2e90e2); background-position: right 24px center, center; background-repeat: no-repeat, no-repeat; background-size: 16px, 100% 100%; font-weight: 500; font-size: 14px; line-height: 1; color: #ffffff; text-transform: uppercase; cursor: pointer; border: none; } /* Чекбокс */ .product__modal-checkbox { position: relative; z-index: 0; padding-left: 32px; } .product__modal-checkbox::before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 1px solid #d9d9d9; border-radius: 4px; } .product__modal-checkbox::after { content: ''; position: absolute; top: 5px; left: 5px; width: 14px; height: 14px; border-radius: 2px; background-color: #3551a2; opacity: 0; transition: opacity 0.3s; } .product__modal-checkbox input[type="checkbox"] { display: none; } .product__modal-checkbox:has(input[type="checkbox"]:checked)::after { opacity: 1; } .product__modal-checkbox-title { font-weight: 400; font-size: 16px; line-height: 1.5; color: #838383; } .product__modal-checkbox-title a { color: #354e9e; text-decoration: underline; } /* Сообщение об успехе */ .popup-info-thanks { display: flex; flex-direction: column; gap: 30px; text-align: center; } .popup__title._title-18 h3 { font-family: 'Gotham Pro'; font-size: 18px; line-height: 1.2; color: var(--Black_2, #373435); } .popup__icon.icon-check { width: 50px; height: 50px; flex: 0 0 50px; margin: 0 auto; border-radius: 50%; background-color: var(--Blue_4, #8ed6f5); display: flex; justify-content: center; align-items: center; } .popup__text { font-family: 'Gotham Pro'; line-height: 1.2; color: var(--Black_2, #373435); } .popup__text:not(:last-child) { margin-bottom: 30px; } .popup__text p { font-family: 'Gotham Pro'; line-height: 1.2; color: var(--Black_2, #373435); } .popup__text p:not(:last-child) { margin-bottom: 20px; } /* Адаптивные стили */ @media (max-width: 768px) { .product__modal-form { grid-template-columns: 1fr; } .product__modal-form-item--wide { grid-column: unset; } .product__modal-form-item--controls { grid-column: unset; grid-template-columns: 1fr; } .product__modal-submit { width: 100%; } } /* End */ /* Start:/local/templates/ezetek/components/arturgolubev/search.title/ws.header.search/style.css?176659034445*/ .header__search-drop .open{ display: flex; } /* End */ /* Start:/local/templates/ezetek/components/bitrix/sale.basket.basket.line/ws.header.cart/style.css?17665903454790*/ .bx-basket { } .basket-line-block { position: relative; padding-left: 25px; white-space: nowrap; font-size: 13px; } .basket-line-block-icon-cart, .basket-line-block-icon-profile { position: relative; margin-right: 10px; } .basket-line-block-icon-cart:after, .basket-line-block-icon-profile:after { position: absolute; top: -1px; left: -25px; display: block; width: 20px; height: 20px; content: ''; } .basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/ezetek/components/bitrix/sale.basket.basket.line/ws.header.cart/images/profile.svg); } .basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/ezetek/components/bitrix/sale.basket.basket.line/ws.header.cart/images/cart.svg); } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.vcenter { bottom: 10px; top: auto !important; } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .basket-line-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .basket-line { line-height: 1.44em; } /* End */ /* Start:/local/templates/ezetek/components/sotbit/regions.choose/ws.header.location/style.css?176659034510394*/ .select-city-wrap { position: relative; } .select-city__block__text { color: #919294; font-size: 12px; line-height: 30px; } .select-city__block__text-city { padding: 0; color: #282b2c; font-size: 14px; line-height: 17px; cursor: pointer; font-weight: 300; transition: color 0.2s ease; } /*.select-city__block__text-city:after { position: absolute; display: block; content: ''; top: 50%; right: 5px; transform: rotate(45deg) translateY(-50%); transition: all 0.3s ease-in-out; transform-origin: 50% 0; width: 6px; height: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; margin-top: 0; }*/ .select-city__block__text-city:hover { color: var(--Blue_3); } /* Your choose place*/ .select-city__dropdown-wrap { z-index: 9999; position: absolute; } .select-city__dropdown { background-color: #ffffff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); width: 275px; padding: 20px 25px 25px 25px; text-align: center; border: 1px solid #ededed; border-radius: 16px; } .select-city__dropdown__title { color: #282b2c; font-size: 14px; font-weight: 600; display: block; margin: 0 0 20px 0; line-height: 1.4; } .select-city__dropdown__choose { display: inline-block; height: 40px; width: calc(50% - 5px); font-size: 13px; font-weight: 600; line-height: 40px; text-align: center; cursor: pointer; transition: all 0.3s ease-out; border: none; text-transform: uppercase; } .select-city__dropdown__choose__yes { color: #ffffff; background: linear-gradient(90deg, #354E9E 0%, #2E92E4 100%); border-radius: 50px; margin: 0 5px 0 0; } .select-city__dropdown__choose__yes:hover { background: linear-gradient(90deg, #2E92E4 0%, #354E9E 100%); box-shadow: 0 5px 20px rgba(53, 78, 158, 0.3); } .select-city__dropdown__choose__no { border-radius: 50px; color: #354E9E; background-color: transparent; border: 1px solid rgba(53, 78, 158, 0.3); margin: 0 0 0 5px; } .select-city__dropdown__choose__no:hover { color: #2E92E4; background-color: rgba(53, 78, 158, 0.04); border-color: #354E9E; } .select-city__dropdown__choose-wrap { width: 100%; 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; } /* end choose Your place*/ .select-city__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; background-color: rgba(0, 0, 0, 0.5); } /* new style origami*/ .select-city__modal-wrap { background-color: #ffffff; box-shadow: 0px 4px 14px 0px rgba(32, 54, 74, 0.23); max-width: 730px; max-height: 570px; padding: 50px; position: relative; margin: 20vh auto; border-radius: 16px; transition: width .2s; } .select-city__close { position: absolute; right: 15px; top: 15px; width: 25px; height: 25px; opacity: 1; cursor: pointer; } .select-city__close:before, .select-city__close:after { position: absolute; left: 12px; content: ' '; height: 25px; width: 2px; background-color: #8e939d; transition: background-color 0.2s ease; } .select-city__close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .select-city__close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .select-city__close:hover { opacity: .7; } .select-city__close:hover:before, .select-city__close:hover:after { background-color: #282b2c; } /*header*/ .select-city__modal__header { margin-bottom: 30px; } .select-city__modal__header-title { font-size: 24px; font-weight: 700; color: #282b2c; margin: 0; padding: 0; line-height: 1.3; } /*tabs*/ .select-city__tabs { display: inline-block; margin: 0 0 35px 0; padding: 0; } .select-city__tab { display: inline-block; padding: 0; margin: 0 30px 0 0; cursor: pointer; font-size: 14px; line-height: 31px; border-bottom: 2px solid transparent; color: #282b2c; font-weight: 500; transition: all 0.2s ease-in-out; } .select-city__tab.active { border-bottom: 2px solid #354E9E; color: #354E9E; font-weight: 600; } .select-city__tab:hover { color: #354E9E; } .select-city__tab:last-child { margin-right: 0; } .select-city__tab:before { display: none; } /*tabs*/ /* name city*/ .select-city__modal__title { color: #8e939d; font-size: 16px; line-height: 1.5; padding: 0 0 20px 0; margin: 0; } .select-city__modal__title span { transition: all 0.2s ease-in-out; color: #282b2c; } .select-city__modal__title span:hover { color: #354E9E; cursor: pointer; } /* end name city*/ /*input*/ .select-city__wrapper__input { display: none; } .select-city__input { border: 1px solid #ededed; height: 50px; width: 100%; padding: 0 20px; margin: 0 0 15px 0; border-radius: 10px; font-size: 14px; color: #282b2c; background-color: #f7f9fc; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .select-city__input:focus { outline: none; border-color: #354E9E; box-shadow: 0 0 0 3px rgba(53, 78, 158, 0.1); background-color: #ffffff; } .select-city__input__comment { font-size: 13px; color: #8e939d; line-height: 1.4; } .select-city__input__comment span { color: #354E9E; border-bottom: 1px solid #354E9E; transition: all 0.2s ease-in-out; cursor: pointer; } .select-city__input__comment span:hover { color: #2E92E4; border-bottom: 1px solid #2E92E4; } /*input*/ /*alphabet city*/ .select-city__tab_name_content, .select-city__list_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 300px; } .select-city__tab_name_content__big_city, .select-city__list_wrapper_favorites { width: 100%; flex-shrink: 0; display: none !important; } .select-city__tab_name_content__village{ display: none; } .select-city__tab_name_content__village, #container_scroll { width: 75%; } .select-city__tab_name_content { margin: 0 0 30px 0; } .select-city__tab_name_content__big_city, .select-city__tab_name_content__village { font-size: 15px; font-weight: 600; color: #282b2c; margin-bottom: 12px; } .select-city__list_wrapper_favorites, .select-city__list_wrapper_cities { height: auto; overflow-x: hidden; overflow-y: auto; } .select-city__list_wrapper_cities { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } .select-city__list_letter_wrapper { margin: 0; padding: 0; } .select-city__list { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; } .select-city__list_letter { font-size: 18px; display: none; } .select-city__list_item { font-size: 14px; padding: 4px 8px; line-height: 1.4; color: #354E9E; cursor: pointer; transition: all 0.2s ease-in-out; border-radius: 6px; margin: 0; margin-bottom: 2px; display: inline-block; width: auto; } .select-city__list_item:hover { color: #282b2c; background-color: rgba(53, 78, 158, 0.05); } /* end alphabet city*/ /* scroll bar*/ .select-city__list_wrapper_cities::-webkit-scrollbar, .select-city__list_wrapper_favorites::-webkit-scrollbar { width: 6px; background-color: #f7f9fc; } .select-city__list_wrapper_cities::-webkit-scrollbar-track, .select-city__list_wrapper_favorites::-webkit-scrollbar-track { border-radius: 6px; background-color: #f7f9fc; } .select-city__list_wrapper_cities::-webkit-scrollbar-thumb, .select-city__list_wrapper_favorites::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #d9d9d9; transition: background-color 0.2s ease; } .select-city__list_wrapper_cities::-webkit-scrollbar-thumb:hover, .select-city__list_wrapper_favorites::-webkit-scrollbar-thumb:hover { background-color: #8e939d; } .select-city__list_wrapper_favorites { margin-right: 0; } .select-city__list_wrapper_favorites .select-city__list { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 100px; gap: 4px; } /* end scroll bar*/ @media (max-width: 768px) { .select-city__tab_name_content__village, .select-city__list_wrapper_cities { /*display: none;*/ } .select-city__list_wrapper_favorites, .select-city__tab_name_content__big_city { /*width: 100%;*/ display: none; } .select-city__modal-wrap { max-height: 90vh; height: auto; margin: 5vh 15px; padding: 40px 20px; } .select-city__close { width: 20px; height: 20px; } .select-city__close::before, .select-city__close::after { height: 20px; } .select-city__tabs { margin-bottom: 43px; } .select-city__tab { margin-right: 18px; font-size: 13px; line-height: 18px; } .select-city__wrapper__input { margin-bottom: 44px; } .select-city__input { margin-bottom: 6px; } .select-city__tab_name_content__big_city, .select-city__tab_name_content__village { font-size: 14px; } .select-city__modal__title { padding-bottom: 10px; } .select-city__dropdown-wrap { position: relative; } .select-city__dropdown { box-shadow: none; width: 100%; border-left: none; border-right: none; border-top: none; } .select-city__dropdown__choose-wrap { max-width: 275px; margin-left: auto; margin-right: auto; } } /* DELiTE*/ /*.select-city__modal-wrap .select-city__tab_content[data-country-id="3157"]{*/ /*display: block;*/ /*}*/ /*.select-city__tab[data-country-id="3157"] {*/ /*border-bottom: 1px solid #fb0040;*/ /*color: #fb0040;*/ /*}*/ /* DELiTE*/ /**/ #container_scroll { position: relative; margin: 0px auto; padding: 0px; height: 210px; overflow: auto; } #container_scroll .content { width: 100%; height: auto; } /**/ /* * Container style */ /* End */ /* Start:/local/templates/ezetek/components/bitrix/menu/top_menu/style.css?17665903452727*/ ul#vertical-multilevel-menu, #vertical-multilevel-menu ul { margin: 0; padding: 0; list-style: none; width: 214px; font-size:12px; } /*Submenu box*/ #vertical-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; border:1px solid #C1C1C1; border-bottom:none; width:200px; } /* Submenu Items */ #vertical-multilevel-menu li a { display: block; text-decoration: none; color: #4F4F4F; font-weight:bold; padding: 5px; background:#F5F5F5; border-bottom:1px solid #C1C1C1; } /*Items selected*/ #vertical-multilevel-menu li a.item-selected { background-color: #D6D6D6; } /*Items Hover */ #vertical-multilevel-menu li a:hover { background-color: #D6D6D6; } /*Rootmenu Items*/ #vertical-multilevel-menu a.root-item { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/local/templates/ezetek/components/bitrix/menu/top_menu/images/item_bg.gif) 0 0 no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Rootmenu Items hover*/ #vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover { background:#61656A url(/local/templates/ezetek/components/bitrix/menu/top_menu/images/item_bg.gif) 0 -26px no-repeat; } /*Rootmenu Items Selected*/ #vertical-multilevel-menu a.root-item-selected { color:#fff; font-weight:bold; font-size:12px; padding:5px 0 7px 35px; background:#61656A url(/local/templates/ezetek/components/bitrix/menu/top_menu/images/item_bg.gif) 0 -26px no-repeat; border:none; box-sizing:border-box; -moz-box-sizing:border-box; /*height:26px; overflow:hidden;*/ } /*Parent item*/ #vertical-multilevel-menu a.parent { background: #F5F5F5 url(/local/templates/ezetek/components/bitrix/menu/top_menu/images/arrow.gif) center right no-repeat; padding-right:10px; } /*Denied items*/ #vertical-multilevel-menu a.denied { background: #F5F5F5 url(/local/templates/ezetek/components/bitrix/menu/top_menu/images/lock.gif) center right no-repeat; color:#DDDDDD; padding-right:10px; } /* Holly Hack. IE Requirement \*/ * html ul#vertical-multilevel-menu li { float: left; height: 1%; } * html ul#vertical-multilevel-menu li a { height: 1%; } /* End */ /*Submenu margin*/ #vertical-multilevel-menu li ul.root-item { margin:-27px 0 0 210px; } #vertical-multilevel-menu li ul { margin:-27px 0 0 133px; } /*Submenu hide*/ #vertical-multilevel-menu li:hover ul ul, #vertical-multilevel-menu li.jsvhover ul ul, #vertical-multilevel-menu li:hover ul ul ul, #vertical-multilevel-menu li.jsvhover ul ul ul { /*top:-999em;*/ display:none; } /*Submenu show*/ #vertical-multilevel-menu li:hover ul, #vertical-multilevel-menu li.jsvhover ul, #vertical-multilevel-menu li li:hover ul, #vertical-multilevel-menu li li.jsvhover ul, #vertical-multilevel-menu li li li:hover ul, #vertical-multilevel-menu li li li.jsvhover ul { /*z-index:1000; top:auto;*/ display:block; } /* End */ /* Start:/local/templates/ezetek/components/bitrix/form.result.new/consult/style.css?1766590345216*/ .product__modal input[type="tel"]{ padding: 16px 24px; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #ffffff; font-weight: 400; font-size: 16px; line-height: 1.5; color: #373435; } /* End */ /* /local/templates/ezetek/js/swiper/swiper-bundle.min.css?176659034418454 */ /* /local/templates/ezetek/libraries/slick.css?17665903441776 */ /* /local/templates/ezetek/css/main.css?1768228813111817 */ /* /local/templates/ezetek/css/media.css?176659034552483 */ /* /local/templates/ezetek/css/styles.css?176840491337977 */ /* /local/templates/ezetek/css/custom.css?176839965238574 */ /* /local/templates/ezetek/css/custom_ws.css?176846347814116 */ /* /local/templates/ezetek/css/preloader.css?17665903455686 */ /* /local/templates/ezetek/css/form-result-new.css?17665903455383 */ /* /local/templates/ezetek/components/arturgolubev/search.title/ws.header.search/style.css?176659034445 */ /* /local/templates/ezetek/components/bitrix/sale.basket.basket.line/ws.header.cart/style.css?17665903454790 */ /* /local/templates/ezetek/components/sotbit/regions.choose/ws.header.location/style.css?176659034510394 */ /* /local/templates/ezetek/components/bitrix/menu/top_menu/style.css?17665903452727 */ /* /local/templates/ezetek/components/bitrix/form.result.new/consult/style.css?1766590345216 */