/* Start:/local/templates/doorlock/assets/fonts/stylesheet.css?1712304172304*/ /* FONTS */ /* @font-face { font-family: 'Montserrat'; src: url('/local/templates/doorlock/assets/fonts/Montserrat-VariableFont_wght.woff2') format('woff2'), url('/local/templates/doorlock/assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype'), url('/local/templates/doorlock/assets/fonts/Montserrat-VariableFont_wght.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* End */ /* Start:/local/templates/doorlock/assets/css/swiper-bundle.min.css?171230417315562*/ /** * Swiper 7.0.9 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 18, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/doorlock/assets/css/nouislider.min.css?17123041734294*/ /*! nouislider - 14.6.2 - 9/16/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/doorlock/assets/css/choices.min.css?17123041737667*/ .choices{position:relative;overflow:hidden;margin-bottom:24px;font-size:16px}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:#eaeaea;cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:7.5px}.choices[data-type*=select-one] .choices__input{display:block;width:100%;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;margin:0}.choices[data-type*=select-one] .choices__button{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover{opacity:1}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px #00bcd4}.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:#333 transparent transparent;border-width:5px;position:absolute;right:11.5px;top:50%;margin-top:-2.5px;pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-7.5px}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner{cursor:text}.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button{position:relative;display:inline-block;margin:0 -4px 0 8px;padding-left:16px;border-left:1px solid #008fa1;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);background-size:8px;width:8px;line-height:1;opacity:.75;border-radius:0}.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover{opacity:1}.choices__inner{display:inline-block;vertical-align:top;width:100%;background-color:#f9f9f9;padding:7.5px 7.5px 3.75px;border:1px solid #ddd;border-radius:2.5px;font-size:14px;min-height:44px;overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:#b7b7b7}.is-open .choices__inner{border-radius:2.5px 2.5px 0 0}.is-flipped.is-open .choices__inner{border-radius:0 0 2.5px 2.5px}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:4px 16px 4px 4px;width:100%}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single .choices__item{width:100%}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;margin-right:3.75px;margin-bottom:3.75px;background-color:#00bcd4;border:1px solid #00a5bb;color:#fff;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:3.75px}.choices__list--multiple .choices__item.is-highlighted{background-color:#00a5bb;border:1px solid #008fa1}.is-disabled .choices__list--multiple .choices__item{background-color:#aaa;border:1px solid #919191}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;top:100%;margin-top:-1px;border-bottom-left-radius:2.5px;border-bottom-right-radius:2.5px;overflow:hidden;word-break:break-all;will-change:visibility}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:#b7b7b7}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:10px;font-size:14px}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable{padding-right:100px}.choices__list--dropdown .choices__item--selectable::after,.choices__list[aria-expanded] .choices__item--selectable::after{content:attr(data-select-text);font-size:12px;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:#f2f2f2}.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after{opacity:.5}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid #f7f7f7;color:gray}.choices__button{text-indent:-9999px;-webkit-appearance:none;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:#f9f9f9;font-size:14px;margin-bottom:5px;border:0;border-radius:0;max-width:100%;padding:4px 0 4px 2px}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:.5} /* End */ /* Start:/local/templates/doorlock/assets/css/main.css?1749220129587890*/ @charset "UTF-8"; /* Указываем box sizing */ * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } /* Убираем внутренние отступы */ ul[class], ol[class] { padding: 0; } /* Убираем внешние отступы */ body, h1, h2, h3, h4, p, ul, ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } /* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class */ ul[class], ol[class] { list-style: none; } ul, ol { padding: 0; margin: 0; } li { list-style-type: none; } a { text-decoration: none; color: #000; } button { cursor: pointer; background: transparent; padding: 0; } /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } /* Наследуем шрифты для инпутов и кнопок */ input, button, textarea, select { font: inherit; outline: none; border: none; } .header { position: fixed; z-index: 150; top: 0; left: 0; right: 0; background-color: #fff; } @media (max-width: 1200px) { .header { position: absolute; } } .header a { color: inherit; } .header__top { background-color: #F7F8FB; } .header__top-inner { max-width: 1180px; margin: 0 auto; padding: 0px 10px; display: flex; align-items: center; } .header__city { display: flex; align-items: center; margin-right: 10px; text-decoration: underline; } @media (max-width: 1200px) { .header__city { display: none; } } .header__city svg { margin-right: 10px; margin-right: 10px; } .header__city span { width: 200px; font-size: 12px; font-weight: 600; color: #333333; text-align: left; } .header__list { display: flex; align-items: center; margin-right: auto; } @media (max-width: 1200px) { .header__list { display: none; position: absolute; top: 123px; left: 0; right: 0; height: 100vh; flex-direction: column; padding: 0 10px; background-color: #fff; overflow-y: scroll; padding-bottom: 150px !important; } } .header__list.active { display: flex; } .header__item { padding: 15px 0; } @media (max-width: 1200px) { .header__item { width: 100%; } } .header__item:not(:last-child) { margin-right: 8px; } @media (max-width: 1200px) { .header__item:not(:last-child) { margin-right: 0; border-bottom: 1px solid #253561; } } .header__item a, .header__item button { display: flex; align-items: center; font-size: 12px; font-weight: 600; color: #333333; text-decoration: underline; } @media (max-width: 1200px) { .header__item a, .header__item button { width: 100%; justify-content: center; text-decoration: none; font-size: 18px; } } .header__item--company { position: relative; } .header__item--company:hover .header__popup-company { display: block; } .header__item--company:hover .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23253561'/%3E%3C/svg%3E%0A"); } @media (max-width: 1200px) { .header__item--company.active .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23253561'/%3E%3C/svg%3E%0A"); } } .header__item--company-link::after { content: ''; display: inline-block; width: 11px; height: 5px; margin-left: 5px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23253561'/%3E%3C/svg%3E"); } .header__popup-company { border: 0.5px solid #333333; position: absolute; top: 40px; left: 0px; border-radius: 5px; background-color: #F7F8FB; display: none; width: 190px; z-index: 100; } @media (max-width: 1200px) { .header__popup-company { position: relative; top: 0; border: none; border-radius: none; background-color: #fff; width: 100%; } } @media (max-width: 1200px) { .header__popup-company.active { display: block; } } .header__popup-company-wrapper { padding: 13px 13px 3px 13px; } @media (max-width: 1200px) { .header__popup-company-wrapper { padding: 0; } } .header__popup-company-item { margin-bottom: 10px; } @media (max-width: 1200px) { .header__popup-company-item { margin-top: 15px; margin-bottom: 0px; } } .header__popup-company-item a { font-size: 12px; color: #333333; text-decoration: none; } @media (max-width: 1200px) { .header__popup-company-item a { font-size: 16px; color: #A0A0A0; font-weight: 400; text-decoration: underline; } } .header__contact-list { display: flex; } @media (max-width: 1200px) { .header__contact-list { display: none; } } .header__contact-item:nth-child(1), .header__contact-item:nth-child(2) { margin-right: 10px; } .header__contact-item--phone1 { display: flex; align-items: center; margin-right: 10px; } .header__contact-item--phone1::before { display: inline-block; content: ''; width: 23px; height: 23px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.885 16.4019C21.5691 16.2394 20.2624 16.0091 18.9702 15.7118C18.6547 15.6064 18.3173 15.5841 17.9907 15.6473C17.6642 15.7105 17.3594 15.8569 17.1059 16.0724C16.7766 16.4081 15.8258 17.3469 14.8378 18.3167C11.2978 16.5757 8.43488 13.7093 6.69738 10.1664C7.66056 9.17788 8.5616 8.23291 8.92823 7.90341C9.14366 7.64985 9.29003 7.34495 9.35317 7.01821C9.41631 6.69148 9.39408 6.35397 9.28864 6.03834C8.99113 4.74352 8.7609 3.43415 8.59888 2.11548C8.58152 1.94756 8.53017 1.78493 8.44795 1.63751C8.36572 1.49009 8.25435 1.36096 8.12063 1.25801C7.9869 1.15505 7.83362 1.08041 7.67012 1.03865C7.50662 0.996885 7.33634 0.988868 7.16965 1.01509H1.87526C1.65672 1.03483 1.45215 1.13107 1.29756 1.28686C1.14297 1.44266 1.04827 1.64802 1.03015 1.8668C0.688372 6.6476 3.35421 11.7641 3.89483 12.7464V12.7837L3.9694 12.9267C5.90468 16.2847 8.6912 19.0725 12.0477 21.0086V21.0086L12.3211 21.1641C13.5639 21.8231 18.5041 24.3098 23.1212 23.9679C23.3421 23.9526 23.5503 23.8591 23.7085 23.7041C23.8668 23.5492 23.9648 23.343 23.9849 23.1224V17.8318C24.0111 17.665 24.0031 17.4947 23.9614 17.3311C23.9196 17.1675 23.845 17.0142 23.7421 16.8804C23.6392 16.7466 23.5101 16.6352 23.3628 16.5529C23.2154 16.4707 23.0529 16.4193 22.885 16.4019Z' stroke='%2373716F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .header__contact-item--phone1 a { font-size: 14px; font-weight: 400; color: #73716F; } .header__contact-item--phone2 { display: flex; align-items: center; } .header__contact-item--phone2::before { display: inline-block; content: ''; width: 1px; height: 17px; margin-right: 10px; background-color: #73716F; } .header__contact-item--phone2 a { font-size: 14px; font-weight: 400; color: #73716F; } .header__main-inner { max-width: 1180px; margin: 0 auto; padding: 22px 10px 25px; display: flex; align-items: center; } @media (max-width: 1200px) { .header__main-inner { flex-direction: column; padding: 0 10px; } } .header__logo { margin-right: 10px; } @media (max-width: 1200px) { .header__logo svg { width: 180px; height: 40px; } } .header__catalog-btn { display: flex; align-items: center; margin-right: 20px; font-weight: 600; } @media (max-width: 1200px) { .header__catalog-btn { margin-left: 20px; color: #fff; } } .header .header__catalog-btn-decktop { margin-right: 10px; } @media (max-width: 1200px) { .header .header__catalog-btn-decktop { display: none; } } .header .header__catalog-btn-mobile { display: none; margin-right: 10px; } @media (max-width: 1200px) { .header .header__catalog-btn-mobile { display: block; } } .header__search { position: relative; margin-right: 35px; background-color: #fff; border: 1px solid #73716F; border-radius: 15px; height: 37px; z-index: 10; } @media (max-width: 1200px) { .header__search { display: none; } } .header__search.active { border-radius: 15px 15px 0 0; } .header__search input { width: 270px; padding: 10px 20px; border-radius: 15px; height: 35px; } .header__search input.active { border-radius: 15px 15px 0 0; } .header__search input::-moz-placeholder { font-size: 12px; font-weight: 400; color: #828282; } .header__search input:-ms-input-placeholder { font-size: 12px; font-weight: 400; color: #828282; } .header__search input::placeholder { font-size: 12px; font-weight: 400; color: #828282; } .header__search.active { border-radius: 15px 15px 0 0; } .header__search.active input { border-radius: 15px 15px; } .header__search button { position: absolute; top: 12px; right: 15px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8686 14.235L11.2234 10.5898C12.2012 9.46563 12.7932 7.99889 12.7932 6.39579C12.7932 2.86696 9.92292 0 6.39743 0C2.86861 0 0.00164795 2.87029 0.00164795 6.39579C0.00164795 9.92129 2.87193 12.7916 6.39743 12.7916C8.00053 12.7916 9.46727 12.1996 10.5914 11.2217L14.2367 14.867C14.3231 14.9534 14.4395 15 14.5526 15C14.6657 15 14.7821 14.9568 14.8686 14.867C15.0415 14.694 15.0415 14.408 14.8686 14.235ZM0.896326 6.39579C0.896326 3.36253 3.36417 0.898004 6.3941 0.898004C9.42736 0.898004 11.8919 3.36585 11.8919 6.39579C11.8919 9.42572 9.42736 11.8969 6.3941 11.8969C3.36417 11.8969 0.896326 9.42905 0.896326 6.39579Z' fill='%23253561'/%3E%3C/svg%3E"); } .header__search-list { position: absolute; top: 35px; left: -1px; right: -1px; background-color: #fff; border: 1px solid #73716F; border-top: 1px solid transparent; border-radius: 0 0 15px 15px; padding: 0 15px 15px 15px; display: none; } .header__search-list.active { display: block; } .header__search-item { border-top: 1px solid #E0E0E0; } .header__search-item a { display: block; padding: 9px 0; font-size: 12px; color: #333333; } .header__search-item-all { border-top: 1px solid #E0E0E0; } .header__search-item-all a { display: block; padding-top: 15px; font-size: 12px; color: #253561; text-decoration: underline; } .header__btn-list { display: flex; align-items: center; } @media (max-width: 1200px) { .header__btn-list { display: none; } } .header__btn-item:not(:last-child) { margin-right: 27px; } .header__btn-item button { display: flex; align-items: center; flex-direction: column; } .header__btn-item button img { margin-bottom: 5px; width: 27px; height: 27px; border-radius: 50%; } .header__btn-item button svg { margin-bottom: 5px; } .header__btn-item button span { font-size: 14px; font-weight: 600; white-space: nowrap; color: #253561; } .header__btn-item--card button, .header__btn-item--favorite button { position: relative; } .header__btn-item--card button span:nth-child(3), .header__btn-item--favorite button span:nth-child(3) { position: absolute; top: -12px; right: 0; display: flex; justify-content: center; align-items: center; width: -moz-fit-content; width: fit-content; min-width: 24px; height: 24px; padding: 0 8px; font-size: 16px; font-weight: 600; white-space: nowrap; color: #fff; background-color: #EB5757; border-radius: 50%; } .header__btn-item--card button span:nth-child(3).animated, .header__btn-item--favorite button span:nth-child(3).animated { animation: cardAdding 1s; } @keyframes cardAdding { 0% { width: 45px; height: 45px; } 100% { background-color: #EB5757; width: 24px; height: 24px; } } .header__currency-wrapper { margin-left: auto; } @media (max-width: 1200px) { .header__currency-wrapper { display: none; } } .header__currency-inner { white-space: nowrap; width: 100px; text-align: right; } .header__currency-inner span { font-size: 14px; font-weight: 400; color: #73716F; } @media (max-width: 1200px) { .header__mobile-top-inner { padding: 14px 0 26px 0; display: flex; align-items: baseline; justify-content: space-between; width: 100%; } } .header__mobile-buttons { display: none; } @media (max-width: 1200px) { .header__mobile-buttons { display: flex; align-items: center; } } @media (max-width: 1200px) { .header__mobile-buttons button { margin-left: 15px; } } .header__mobile-btn-burger { width: 27px; height: 15px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='27' height='16' viewBox='0 0 27 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.272461' width='27' height='2.10191' rx='1.05095' fill='%23253561'/%3E%3Crect y='6.72168' width='27' height='2.10191' rx='1.05095' fill='%23253561'/%3E%3Crect y='13.1704' width='27' height='2.10191' rx='1.05095' fill='%23253561'/%3E%3C/svg%3E%0A"); } .header__mobile-btn-burger.active { width: 27px; height: 27px; background-position: 0px -3px; background-image: url("data:image/svg+xml,%3Csvg width='39' height='39' viewBox='0 0 39 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.697' y='9.21094' width='27' height='2.10191' rx='1.05095' transform='rotate(45 10.697 9.21094)' fill='%23253561'/%3E%3Crect x='9.3313' y='28.4233' width='27' height='2.10191' rx='1.05095' transform='rotate(-45 9.3313 28.4233)' fill='%23253561'/%3E%3C/svg%3E%0A"); } @media (max-width: 1200px) { .header__mobile-bottom-inner { padding: 9px 0; background-color: #253561; width: calc( 100% + 20px); display: flex; align-items: center; justify-content: space-between; } } .header__mobile-links { display: none; } @media (max-width: 1200px) { .header__mobile-links { display: flex; } } .header__mobile-links a:last-child { margin-right: 20px; } @media (max-width: 1200px) { .header__mobile-links a { margin-left: 25px; } } .popup-header-mobile-bottom-bar { display: flex; position: fixed; bottom: 0; left: 0; right: 0; align-items: center; flex-direction: column; transform: translateY(200px); transition: transform 0.5s; } @media (max-width: 1200px) { .popup-header-mobile-bottom-bar.active { transform: translateY(0); } } .popup-header-mobile-bottom-bar__top { width: 100%; display: none; align-items: center; justify-content: center; background-color: #fff; } .popup-header-mobile-bottom-bar__top.active { display: flex; } .popup-header-mobile-bottom-bar__prices-wrapper { display: flex; align-items: baseline; width: 160px; padding: 10px 10px; background-color: #fff; border: 1px solid #828282; } .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(1) { margin-right: 5px; font-size: 13px; font-weight: 600; color: #000; } .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(2) { margin-right: 5px; font-size: 10px; font-weight: 500; color: #828282; } .popup-header-mobile-bottom-bar__prices-wrapper span:nth-child(3) { margin-right: 5px; font-size: 10px; font-weight: 500; color: #219653; } .popup-header-mobile-bottom-bar__button-to-cart { display: flex; align-items: center; justify-content: center; width: 160px; font-size: 13px; color: #fff; background-color: #253561; padding: 11px 10px; } .popup-header-mobile-bottom-bar__bottom { width: 100%; padding: 10px 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; -moz-column-gap: 18px; column-gap: 18px; } .popup-header-mobile-bottom-bar__bottom a { display: flex; align-items: center; flex-direction: column; } .popup-header-mobile-bottom-bar__bottom a svg { margin-bottom: 2px; } .popup-header-mobile-bottom-bar__bottom a span { font-size: 9px; font-weight: 400; coloe: #828282; } .popup-catalog { display: none; position: fixed; top: 0; left: 0; width: 100%; padding: 145px 10px 210px; z-index: 100; height: 100vh; overflow-y: scroll; } @media (max-width: 780px) { .popup-catalog { padding: 123px 0 0 0; } } .popup-catalog.active { display: block; } .popup-catalog__wrapper { display: flex; position: relative; max-width: 1235px; width: 100%; margin: 0 auto; background-color: #fff; border: 1px solid #253561; border-radius: 15px; overflow: scroll; } @media (max-width: 780px) { .popup-catalog__wrapper { border: none; border-radius: 0px; height: auto; } } @media (max-width: 480px) { .catalog-main__content-wrapper .popup-catalog__wrapper:before { content: none; } .catalog-main__content-wrapper .popup-catalog__wrapper { max-height: unset; } .popup-catalog__wrapper { background: #ECEEF4; position: relative; max-height: 500px; overflow: hidden; padding-bottom: 15px; } .catalog-main__content-wrapper .popup-catalog__category-list { max-height: unset; } .popup-catalog__category-list { max-height: 500px; overflow-y: scroll; } } .popup-catalog__wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); } .popup-catalog__category-list { flex: 0 0 275px; background: #ECEEF4; border-right: 1px solid #253561; padding: 20px !important; border-radius: 15px 0 0 15px; } @media (max-width: 780px) { .popup-catalog__category-list { flex: 0 0 100%; border-radius: 0; border: none; } } @media (max-width: 480px) { .popup-catalog__category-list { height: 100%; } } .popup-catalog__categoty-item:not(:last-child) { margin-bottom: 15px; } .popup-catalog__categoty-btn { text-align: left; font-size: 16px; font-weight: 400; color: #333333; position: relative; } @media (max-width: 780px) { .popup-catalog__categoty-btn { display: flex; width: 100%; justify-content: space-between; align-items: center; } } @media (max-width: 780px) { .popup-catalog__categoty-btn::after { content: ''; width: 18px; height: 8px; display: flex; flex-shrink: 0; transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23253561' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .popup-catalog__categoty-btn.active { font-weight: 600; color: #253561; } @media (max-width: 780px) { .popup-catalog__categoty-btn.active { font-weight: 500; } } @media (max-width: 780px) { .popup-catalog__categoty-btn.mobile-active { font-weight: 600; } } .popup-catalog__categoty-btn.mobile-active::after { transform: rotate(0deg); } .popup-catalog__categoty-btn-mobile-list { display: none; } @media (max-width: 780px) { .popup-catalog__categoty-btn-mobile-list.active { display: block; } } .popup-catalog__categoty-btn-mobile-item { margin-top: 15px; } .popup-catalog__categoty-btn-mobile-item a { font-size: 14px; font-weight: 400; width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; } .popup-catalog__categoty-btn-mobile-item a::after { content: ''; width: 12px; height: 5px; margin-left: auto; display: inline-block; background-size: contain; background-repeat: no-repeat; transform: rotate(90deg); background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23253561' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 780px) { .popup-catalog__tabs-list { display: none; } } .popup-catalog__tab { padding: 20px; display: none; } .popup-catalog__tab.active { display: block; } .popup-catalog__tab-inner { display: flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .popup-catalog__tab-item { width: 370px; border: 1px solid #253561; border-radius: 15px; position: relative; } .popup-catalog__tab-item a { display: flex; padding: 15px; } .popup-catalog__tab-item img { width: 69px; height: 69px; margin-right: 10px; border: 1px solid #253561; border-radius: 15px; -o-object-fit: contain; object-fit: contain; } .popup-catalog__tab-item::after { position: absolute; content: ''; display: inline-block; width: 12px; height: 25px; right: 10px; top: 35px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='12' height='25' viewBox='0 0 12 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999998 24L11 11.35L1 1' stroke='%23253561' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .popup-catalog__tab-item-text { max-width: 225px; height: 69px; display: flex; flex-direction: column; } .popup-catalog__tab-item-text h4 { font-size: 18px; font-weight: 600; color: #253561; margin-bottom: auto; } .popup-catalog__tab-item-text span { font-size: 16px; font-weight: 400; color: #253561; } .popup-catalog__tab-item-text--not-availible span { color: #F04438; } .popup-map { display: none; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; padding: 146px 10px 210px; z-index: 200; } @media (max-width: 780px) { .popup-map { padding: 125px 0 0 0; } } .popup-map.active { display: block; } .popup-map__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 1235px; width: 100%; height: 720px; margin: 0 auto; background-color: #fff; border-radius: 15px; padding: 70px 30px 30px; } .popup-map__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } .popup-map__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-map__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-map__btn-submit { width: 220px; display: block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } .popup-map__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } .popup-address { display: none; align-items: center; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; } @media (max-width: 760px) { .popup-address { padding: 0; } } .popup-address.active { display: flex; } .popup-address__wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; } @media (max-width: 760px) { .popup-address__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-address__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 40px; } @media (max-width: 760px) { .popup-address__title { font-size: 18px; color: #fff; margin-bottom: 30px; } } .popup-address__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-address__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-address__form { max-width: 435px; width: 100%; } .popup-address__form input { width: 100%; padding: 20px 20px; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #333; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 760px) { .popup-address__form input { margin-bottom: 25px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-address__form input:placeholder { color: gray; } .popup-address__buttons-wrapper { display: flex; align-items: center; -moz-column-gap: 20px; column-gap: 20px; margin: 0 auto; } .popup-address__btn-submit { width: 220px; display: inline-block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .popup-address__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-address__btn-cansel { width: 220px; display: inline-block; padding: 15px 15px; text-align: center; background: #fff; border-radius: 15px; font-size: 18px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .popup-address__btn-cansel { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: transparent; color: #fff; } } .popup-address__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-address__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-change-address { display: none; justify-content: flex-start; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-change-address { padding: 0; } } .popup-change-address.active { display: flex; } .popup-change-address__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 650px; width: 100%; margin: 0 auto; padding: 60px 40px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-change-address__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-change-address__wrapper-map { height: -moz-min-content; height: min-content; } @media (max-width: 760px) { .popup-change-address__wrapper-map { height: 100vh; } } .popup-change-address__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 30px; } @media (max-width: 760px) { .popup-change-address__title { font-size: 18px; color: #fff; margin-bottom: 30px; } } .popup-change-address__form { max-width: 435px; width: 100%; } .popup-change-address__form input { width: 100%; padding: 20px 20px; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #333; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 760px) { .popup-change-address__form input { margin-bottom: 25px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-change-address__form input:placeholder { color: gray; } .popup-change-address__buttons-wrapper { display: flex; align-items: center; -moz-column-gap: 20px; column-gap: 20px; margin: 0 auto; } .popup-change-address__places-add-form { width: 100%; } .popup-change-address__places-add-title { margin-bottom: 25px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-change-address__places-add-title { margin-bottom: 20px; font-size: 13px; } } .popup-change-address__places-add-label { display: block; margin-bottom: 25px; } @media (max-width: 760px) { .popup-change-address__places-add-label { margin-bottom: 15px; } } .popup-change-address__places-add-label:nth-child(4) { margin-bottom: 30px; } @media (max-width: 760px) { .popup-change-address__places-add-label:nth-child(4) { margin-bottom: 25px; } } .popup-change-address__places-add-label span { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #000; } @media (max-width: 760px) { .popup-change-address__places-add-label span { margin-bottom: 7px; font-size: 10px; color: #fff; } } .popup-change-address__places-add-label input { width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 12px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-change-address__places-add-label input { border-radius: 10px; padding: 10px; font-size: 12px; } } .popup-change-address__places-add-label textarea { resize: none; width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 15px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-change-address__places-add-label textarea { rows: 1; border-radius: 10px; padding: 10px; font-size: 12px; } } .popup-change-address__places-add-label input { width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 15px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-change-address__places-add-label input { border-radius: 10px; padding: 10px; font-size: 12px; } } .popup-change-address__places-add-bottom-inputs { display: flex; justify-content: space-between; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; } .popup-change-address__places-add-bottom-inputs .popup-change-address__places-add-label { width: calc( 50% - 10px); } @media (max-width: 760px) { .popup-change-address__places-add-bottom-inputs .popup-change-address__places-add-label { width: 100%; } } .popup-change-address__places-adding-btn { padding: 15px 25px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase; } @media (max-width: 760px) { .popup-change-address__places-adding-btn { padding: 10px 10px; font-size: 12px; border-radius: 10px; } } .popup-change-address__places-cansel-btn { display: inline-block; padding: 15px 25px; border-radius: 15px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; text-transform: uppercase; } @media (max-width: 760px) { .popup-change-address__places-cansel-btn { padding: 10px 10px; border-radius: 10px; font-size: 12px; } } .popup-change-address__places-add-map-wrapper { width: 100%; height: 300px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-change-address__places-add-map-wrapper { height: 230px; width: calc( 100% + 40px); margin-right: -20px; margin-left: -20px; } } .popup-change-address__places-add-map-wrapper .map, .popup-change-address__places-add-map-wrapper .map2 { width: 100%; height: 100%; } @media (max-width: 760px) { .popup-change-address__places-add-map-wrapper--map { height: 350px; } } .popup-change-address__buttons-wrapper { display: flex; justify-content: center; } .popup-change-address__btn-submit { width: 220px; display: inline-block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .popup-change-address__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-change-address__btn-cansel { width: 220px; display: inline-block; padding: 15px 15px; text-align: center; background: #fff; border-radius: 15px; font-size: 18px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .popup-change-address__btn-cansel { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: transparent; color: #fff; } } .popup-change-address__btn-close { position: absolute; width: 25px; height: 25px; top: 25px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-change-address__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-email { display: none; align-items: center; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; } @media (max-width: 760px) { .popup-email { padding: 0; } } .popup-email.active { display: flex; } .popup-email__wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; } @media (max-width: 760px) { .popup-email__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-email__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } .popup-email__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-email__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-email__form { max-width: 435px; width: 100%; } .popup-email__form input { width: 100%; padding: 20px 20px; margin-bottom: 30px; font-size: 18px; font-weight: 500; color: #333; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 760px) { .popup-email__form input { margin-bottom: 25px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-email__form input:placeholder { color: gray; } .popup-email__btn-submit { width: 220px; display: block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .popup-email__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-email__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-email__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-product-gallery { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 60px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 1200px) { .popup-product-gallery { padding: 0; } } .popup-product-gallery.active { display: flex; } .popup-product-gallery__wrapper { display: flex; flex-direction: column; align-items: center; max-width: 750px; width: 100%; margin: 0 auto; padding: 50px 50px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 1200px) { .popup-product-gallery__wrapper { align-items: center; max-width: 100%; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-product-gallery__inner { width: 650px; height: 650px; } @media (max-width: 1200px) { .popup-product-gallery__inner { width: 550px; height: 550px; } } @media (max-width: 940px) { .popup-product-gallery__inner { width: 450px; height: 450px; } } @media (max-width: 760px) { .popup-product-gallery__inner { width: 350px; height: 350px; } } @media (max-width: 540px) { .popup-product-gallery__inner { width: 200px; height: 200px; } } .popup-product-gallery__slider .swiper-slide img { width: 100%; height: 100%; } .popup-product-gallery__slider-prev-btn, .popup-product-gallery__slider-next-btn { z-index: 1000; position: absolute; top: calc(50% - 50px); left: calc(50% - 475px); display: block; width: 52px; height: 52px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.45); background-size: 40%; background-position: 12px 9px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='white'/%3E%3C/svg%3E"); } @media (max-width: 1200px) { .popup-product-gallery__slider-prev-btn, .popup-product-gallery__slider-next-btn { left: 20px; width: 20px; height: 20px; border-radius: 5px; background-size: 6px 10px; background-position: 6px 5px; } } .popup-product-gallery__slider-next-btn { left: auto; right: calc(50% - 475px); transform: rotate(180deg); } @media (max-width: 1200px) { .popup-product-gallery__slider-next-btn { right: 20px; } } .popup-product-gallery__mobile-title { display: none; margin-top: 10px; font-size: 14px; font-weight: 400; font-style: italic; color: #fff; } @media (max-width: 1200px) { .popup-product-gallery__mobile-title { display: block; } } .popup-product-gallery__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: calc(50% - 400px); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } @media (max-width: 1200px) { .popup-product-gallery__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .header-quick-bye { display: none; position: fixed; top: 145px; left: 0; right: 0; z-index: 10; background-color: #F7F8FB; } .header-quick-bye.active { display: block; } @media (max-width: 1200px) { .header-quick-bye.active { display: none; } } .header-quick-bye__inner { max-width: 1180px; padding: 10px 10px; margin: 0 auto; display: flex; align-items: center; } .header-quick-bye__inner img { width: 45px; height: 45px; margin-right: 14px; border: 1px solid #A8A8A8; border-radius: 3px; -o-object-fit: contain; object-fit: contain; } .header-quick-bye__inner h4 { max-width: 400px; margin-right: 30px; font-size: 12px; font-weight: 600; color: #333; } .header-quick-bye__inner span:nth-child(3) { margin-left: auto; margin-right: 20px; font-size: 20px; font-weight: 500; text-decoration: line-through; color: #73716F; } .header-quick-bye__inner span:nth-child(4) { margin-right: 30px; font-size: 24px; font-weight: 600; color: #333; } .header-quick-bye__inner button { padding: 10px 16px; background-color: #253561; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 500; } .popup-profile-change-info { display: none; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; padding: 10vh 10px 10vh; z-index: 200; overflow-y: auto; height: 100vh; } @media (max-width: 760px) { .popup-profile-change-info { padding: 0; height: auto; } } .popup-profile-change-info.active { display: block; } .popup-profile-change-info__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 820px; width: 100%; margin: 0 auto; background-color: #fff; border-radius: 15px; padding: 70px 30px 30px; overflow-y: auto; } @media (max-width: 760px) { .popup-profile-change-info__wrapper { padding: 60px 20px; background-color: #253561; height: 100vh; border: none; border-radius: 0px; } } .popup-profile-change-info__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-profile-change-info__title { font-size: 18px; margin-bottom: 20px; color: #fff; } } .popup-profile-change-info__photo-wrapper { margin-bottom: 35px; position: relative; } @media (max-width: 760px) { .popup-profile-change-info__photo-wrapper { margin-bottom: 20px; } } .popup-profile-change-info__input { position: relative; border: 1px dotted red; display: block; width: 100px; height: 100px; border-radius: 50%; opacity: 0; z-index: 2; cursor: pointer; } @media (max-width: 760px) { .popup-profile-change-info__input { width: 77px; height: 77px; background-image: url(/local/templates/doorlock/assets/css/../img/user-photo-bg-white.svg); } } .popup-profile-change-info__img { position: absolute; top: 0; display: block; width: 100px; height: 100px; border-radius: 50%; background-image: url(/local/templates/doorlock/assets/css/../img/user-photo-bg.svg); background-repeat: no-repeat; background-size: cover; } @media (max-width: 760px) { .popup-profile-change-info__img { width: 77px; height: 77px; background-image: url(/local/templates/doorlock/assets/css/../img/user-photo-bg-white.svg); } } .popup-profile-change-info__form { max-width: 740px; width: 100%; } .popup-profile-change-info__lebel { max-width: 740px; width: 100%; margin-bottom: 20px; } @media (max-width: 760px) { .popup-profile-change-info__lebel { margin-bottom: 15px; } } .popup-profile-change-info__lebel span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000000; } @media (max-width: 760px) { .popup-profile-change-info__lebel span { font-size: 11px; color: #fff; } } .popup-profile-change-info__lebel input { max-width: 740px; margin-bottom: 25px; width: 100%; border: 1px solid #253561; border-radius: 15px; font-size: 18px; font-weight: 500; padding: 15px 20px; color: #333333; } @media (max-width: 760px) { .popup-profile-change-info__lebel input { padding: 10px; font-size: 12px; border-radius: 10px; margin-bottom: 15px; } } .popup-profile-change-info__save-btn { margin-top: 30px; width: 220px; display: block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .popup-profile-change-info__save-btn { margin: 0 auto; width: auto; padding: 10px 30px; font-size: 12px; color: #253561; background-color: #fff; } } .popup-profile-change-info__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-profile-change-info__btn-close { top: 20px; right: 30px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-cookie { border-top: 2px solid #253561; padding: 15px 0px; background-color: #fff; } .popup-cookie.hide { display: none; } .popup-cookie__inner { display: flex; align-items: center; margin: 0 auto; max-width: 1300px; padding: 0 10px; } @media (max-width: 760px) { .popup-cookie__inner { flex-wrap: wrap; justify-content: center; } } .popup-cookie__text { max-width: calc( 100% - 120px); font-size: 14px; font-weight: 500; color: #333333; margin-right: auto; } @media (max-width: 760px) { .popup-cookie__text { max-width: 100%; margin-bottom: 10px; } } .popup-cookie__btn-ok, .popup-cookie__btn-non { margin-left: 20px; padding: 9px; background: #253561; border-radius: 11px; font-size: 14px; font-weight: 500; color: #fff; } @media (max-width: 760px) { .popup-cookie__btn-ok, .popup-cookie__btn-non { margin-left: 0; } } @media (max-width: 760px) { .popup-cookie__btn-non { margin-left: 20px; } } .popup-find-order { display: none; align-items: center; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; } @media (max-width: 760px) { .popup-find-order { padding: 0; } } .popup-find-order.active { display: flex; } .popup-find-order__wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-find-order__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-find-order .office-my-profile__find { margin-bottom: 0; } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-top h1 { color: #fff; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-form { margin-bottom: 20px; } } .popup-find-order .office-my-profile__find-form .__select__content { width: 100%; } @media (max-width: 760px) { .popup-find-order .__select__title { background-color: #fff; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-btn { background-color: #fff; color: #253561; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-way h4 { color: #fff; margin-bottom: 10px; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-way-text:not(:last-child) { margin-bottom: 20px; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-way-text-top span { color: #fff; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-way-text-bottom span { color: #ECEEF4; } } @media (max-width: 760px) { .popup-find-order .office-my-profile__find-way-point-column.step-6 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' width='4' height='489' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='white'/%3E%3Ccircle cx='8' cy='114' r='8' fill='white'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E%0A"); } .popup-find-order .office-my-profile__find-way-point-column.step-5 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='114' width='4' height='375' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='white'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } .popup-find-order .office-my-profile__find-way-point-column.step-4 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='200' width='4' height='289' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='white'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } .popup-find-order .office-my-profile__find-way-point-column.step-3 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='286' width='4' height='203' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='white'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } .popup-find-order .office-my-profile__find-way-point-column.step-2 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='372' width='4' height='117' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='372' r='8' fill='white'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } .popup-find-order .office-my-profile__find-way-point-column.step-1 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='455' width='4' height='34' rx='2' fill='white'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='458' r='8' fill='white'/%3E%3C/svg%3E"); } } .popup-find-order__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-find-order__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-exit { display: none; align-items: center; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; } @media (max-width: 760px) { .popup-exit { padding: 0; } } .popup-exit.active { display: flex; } .popup-exit__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; } @media (max-width: 760px) { .popup-exit__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-exit__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-exit__title { font-size: 18px; color: #fff; margin-bottom: 25px; } } .popup-exit__buttons-wrapper { display: flex; flex-direction: column; row-gap: 20px; -moz-column-gap: 10px; column-gap: 10px; } @media (max-width: 760px) { .popup-exit__buttons-wrapper { flex-direction: row; } } .popup-exit__btn-submit { width: 220px; display: block; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .popup-exit__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-exit__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-exit__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-report-admission { display: none; align-items: center; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; } @media (max-width: 760px) { .popup-report-admission { padding: 0; } } .popup-report-admission.active { display: flex; } .popup-report-admission__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; } @media (max-width: 760px) { .popup-report-admission__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-report-admission__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-report-admission__title { font-size: 18px; color: #fff; } } .popup-report-admission__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-report-admission__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-report-admission__form { position: relative; max-width: 372px; width: 100%; } .popup-report-admission__form input { width: 100%; padding: 15px 20px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-report-admission__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-report-admission__form input:placeholder { color: gray; } .popup-report-admission__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-report-admission__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-report-admission__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-report-admission__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-report-admission__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-report-admission__terms-label { margin-bottom: 15px; } } .popup-report-admission__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-report-admission__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-report-admission__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-report-admission__terms-label p { font-size: 9px; color: #fff; } } .popup-report-admission__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-report-admission__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-report-admission__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-report-admission__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-report-admission__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-report-admission__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-report-admission__ok.active { display: block; } @media (max-width: 760px) { .popup-report-admission__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-report-admission__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-report-admission__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-buy-to-one-click { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-buy-to-one-click { padding: 0; } } .popup-buy-to-one-click.active { display: flex; } .popup-buy-to-one-click__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-buy-to-one-click__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-buy-to-one-click__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-buy-to-one-click__title { font-size: 18px; color: #fff; } } .popup-buy-to-one-click__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-buy-to-one-click__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-buy-to-one-click__form { position: relative; max-width: 372px; width: 100%; } .popup-buy-to-one-click__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-buy-to-one-click__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-buy-to-one-click__form input::-moz-placeholder { color: gray; } .popup-buy-to-one-click__form input:-ms-input-placeholder { color: gray; } .popup-buy-to-one-click__form input::placeholder { color: gray; } .popup-buy-to-one-click__contacts-input { color: #EB5757; position: absolute; top: 156px; left: 266px; font-size: 16px; } @media (max-width: 760px) { .popup-buy-to-one-click__contacts-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-buy-to-one-click__contacts-input.hide { display: none; } .popup-buy-to-one-click__phone-input { color: #EB5757; position: absolute; top: 226px; left: 92px; font-size: 16px; } @media (max-width: 760px) { .popup-buy-to-one-click__phone-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-buy-to-one-click__phone-input.hide { display: none; } .popup-buy-to-one-click__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-buy-to-one-click__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-buy-to-one-click__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-buy-to-one-click__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-buy-to-one-click__offer-wrapper { margin-bottom: 40px; } @media (max-width: 760px) { .popup-buy-to-one-click__offer-wrapper { margin-bottom: 30px; } } @media (max-width: 760px) { .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dt { color: #fff; } } @media (max-width: 760px) { .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dd { color: #fff; border-color: #fff; } } @media (max-width: 760px) { .popup-buy-to-one-click__offer-wrapper .product-main__content-wrapper-offer-row dd.active { font-weight: 700; color: #253561; background-color: #fff; } } .popup-buy-to-one-click__offer-color[class] dd { display: inline-flex; justify-content: center; align-items: center; width: 46px; height: 46px; border-radius: 6px; } @media (max-width: 760px) { .popup-buy-to-one-click__offer-color[class] dd { width: 33px; height: 33px; border-radius: 4px; } } .popup-buy-to-one-click__offer-color[class] dd img { width: 28px; height: 28px; -o-object-fit: contain; object-fit: contain; border-radius: 6px; } @media (max-width: 760px) { .popup-buy-to-one-click__offer-color[class] dd img { width: 20px; height: 20px; border-radius: 4px; } } .popup-buy-to-one-click__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-buy-to-one-click__terms-label { margin-bottom: 15px; } } .popup-buy-to-one-click__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-buy-to-one-click__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-buy-to-one-click__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-buy-to-one-click__terms-label p { font-size: 9px; color: #fff; } } .popup-buy-to-one-click__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-buy-to-one-click__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-buy-to-one-click__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-buy-to-one-click__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-buy-to-one-click__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-buy-to-one-click__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-buy-to-one-click__ok.active { display: block; } @media (max-width: 760px) { .popup-buy-to-one-click__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-buy-to-one-click__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-buy-to-one-click__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .product-small-card { margin-bottom: 15px; display: flex; align-items: center; } .product-small-card__img-link { width: 115px; height: 80px; flex-shrink: 0; margin-right: 15px; } @media (max-width: 760px) { .product-small-card__img-link { width: 75px; height: 75px; margin-right: 10px; } } .product-small-card__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 760px) { .product-small-card__img { border-radius: 6px; } } .product-small-card__content { display: flex; flex-direction: column; } .product-small-card__title { margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .product-small-card__title { font-size: 12px; font-weight: 600; color: #fff; } } .product-small-card__code-wrapper { display: flex; font-size: 12px; font-weight: 400; } @media (max-width: 760px) { .product-small-card__code-wrapper { color: #fff; } } .product-small-card__code-title { margin-right: 5px; } .product-small-card__code { font-weight: 600; } .product-small-card__bottom { display: flex; align-items: flex-end; } .product-small-card__price { margin-right: 5px; font-size: 15px; font-weight: 700; color: #253561; } @media (max-width: 760px) { .product-small-card__price { color: #fff; } } .product-small-card__old-price { margin-right: 5px; font-size: 12px; font-weight: 700; color: #253561; } @media (max-width: 760px) { .product-small-card__old-price { color: #fff; } } .product-small-card__old-price { margin-right: 5px; font-size: 12px; font-weight: 700; color: #73716F; text-decoration: line-through; } @media (max-width: 760px) { .product-small-card__old-price { display: none; } } .product-small-card__sale { margin-right: 5px; font-size: 12px; font-weight: 700; color: #27AE60; } @media (max-width: 760px) { .product-small-card__sale { display: none; } } .product-small-card__quantity-box { margin-left: auto; } .quantity-box { display: flex; align-items: center; -moz-column-gap: 2px; column-gap: 2px; color: #253561; } @media (max-width: 760px) { .quantity-box { color: #fff; } } .quantity-box__btn { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 25px; height: 25px; font-size: 18px; line-height: 1; border: 1px solid #253561; border-radius: 50%; } @media (max-width: 760px) { .quantity-box__btn { border: 1px solid #fff; color: #fff; } } .quantity-box__input[class] { width: 21px; height: 25px; margin: 0; padding: 0; font-size: 14px; font-weight: 500; text-align: center; border: none; border-radius: 0; color: inherit; background-color: transparent; } .popup-become-a-dealer { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-become-a-dealer { padding: 0; } } .popup-become-a-dealer.active { display: flex; } .popup-become-a-dealer__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-become-a-dealer__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-become-a-dealer__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-become-a-dealer__title { font-size: 18px; color: #fff; } } .popup-become-a-dealer__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-become-a-dealer__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-become-a-dealer__form { position: relative; max-width: 372px; width: 100%; } .popup-become-a-dealer__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-become-a-dealer__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-become-a-dealer__form input::-moz-placeholder { color: gray; } .popup-become-a-dealer__form input:-ms-input-placeholder { color: gray; } .popup-become-a-dealer__form input::placeholder { color: gray; } .popup-become-a-dealer__form input.error { box-shadow: 0 0 0 2px red; } .popup-become-a-dealer__contacts-input { color: #EB5757; position: absolute; top: 156px; left: 266px; font-size: 16px; } @media (max-width: 760px) { .popup-become-a-dealer__contacts-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-become-a-dealer__contacts-input.hide { display: none; } .popup-become-a-dealer__phone-input { color: #EB5757; position: absolute; top: 226px; left: 92px; font-size: 16px; } @media (max-width: 760px) { .popup-become-a-dealer__phone-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-become-a-dealer__phone-input.hide { display: none; } .popup-become-a-dealer__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-become-a-dealer__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-become-a-dealer__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-become-a-dealer__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-become-a-dealer__captcha-img { display: flex; align-items: center; max-width: 190px; margin-left: 95px; margin-bottom: 10px; padding-left: 20px; border: 1px solid #BDBDBD; border-radius: 15px; /*prevent interaction with the canvas */ pointer-events: none; } @media (max-width: 760px) { .popup-become-a-dealer__captcha-img { background-color: #fff; } } .popup-become-a-dealer__captcha-input { max-width: 190px; margin-left: 95px; } @media (max-width: 760px) { .popup-become-a-dealer__captcha-input { max-width: 185px; } } .popup-become-a-dealer__captcha-input.error { box-shadow: 0 0 0 2px red; } .popup-become-a-dealer__captcha-input-description { position: absolute; top: 554px; left: 0px; font-size: 12px; color: #474645; } @media (max-width: 760px) { .popup-become-a-dealer__captcha-input-description { top: 420px; color: #fff; } } .popup-become-a-dealer__captcha-refresh-btn { display: block; margin-left: 95px; margin-bottom: 30px; font-size: 12px; color: #253561; } @media (max-width: 760px) { .popup-become-a-dealer__captcha-refresh-btn { color: #fff; font-size: 9px; margin-bottom: 15px; } } .popup-become-a-dealer__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-become-a-dealer__terms-label { margin-bottom: 15px; } } .popup-become-a-dealer__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-become-a-dealer__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-become-a-dealer__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-become-a-dealer__terms-label p { font-size: 9px; color: #fff; } } .popup-become-a-dealer__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-become-a-dealer__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-become-a-dealer__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-become-a-dealer__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-become-a-dealer__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-become-a-dealer__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-become-a-dealer__ok.active { display: block; } @media (max-width: 760px) { .popup-become-a-dealer__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-become-a-dealer__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-become-a-dealer__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-call-back { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-call-back { padding: 0; } } .popup-call-back.active { display: flex; } .popup-call-back__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-call-back__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-call-back__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-call-back__title { font-size: 18px; color: #fff; } } .popup-call-back__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-call-back__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-call-back__form { position: relative; max-width: 372px; width: 100%; } .popup-call-back__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-call-back__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-call-back__form input::-moz-placeholder { color: gray; } .popup-call-back__form input:-ms-input-placeholder { color: gray; } .popup-call-back__form input::placeholder { color: gray; } .popup-call-back__form input.error { box-shadow: 0 0 0 2px red; } .popup-call-back__contacts-input { color: #EB5757; position: absolute; top: 156px; left: 266px; font-size: 16px; } @media (max-width: 760px) { .popup-call-back__contacts-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-call-back__contacts-input.hide { display: none; } .popup-call-back__phone-input { color: #EB5757; position: absolute; top: 226px; left: 92px; font-size: 16px; } @media (max-width: 760px) { .popup-call-back__phone-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-call-back__phone-input.hide { display: none; } .popup-call-back__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-call-back__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-call-back__captcha-img { display: flex; align-items: center; max-width: 190px; margin-left: 95px; margin-bottom: 10px; padding-left: 20px; border: 1px solid #BDBDBD; border-radius: 15px; /*prevent interaction with the canvas */ pointer-events: none; } @media (max-width: 760px) { .popup-call-back__captcha-img { background-color: #fff; } } .popup-call-back__captcha-input { max-width: 190px; margin-left: 95px; } @media (max-width: 760px) { .popup-call-back__captcha-input { max-width: 185px; } } .popup-call-back__captcha-input.error { box-shadow: 0 0 0 2px red; } .popup-call-back__captcha-input-description { position: absolute; top: 267px; left: 0px; font-size: 12px; color: #474645; } @media (max-width: 760px) { .popup-call-back__captcha-input-description { top: 213px; color: #fff; } } .popup-call-back__captcha-refresh-btn { display: block; margin-left: 95px; margin-bottom: 30px; font-size: 12px; color: #253561; } @media (max-width: 760px) { .popup-call-back__captcha-refresh-btn { color: #fff; font-size: 9px; margin-bottom: 15px; } } .popup-call-back__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-call-back__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-call-back__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-call-back__terms-label { margin-bottom: 15px; } } .popup-call-back__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-call-back__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-call-back__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-call-back__terms-label p { font-size: 9px; color: #fff; } } .popup-call-back__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-call-back__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-call-back__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-call-back__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-call-back__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-call-back__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-call-back__ok.active { display: block; } @media (max-width: 760px) { .popup-call-back__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-call-back__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-call-back__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-write-to-boss { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-write-to-boss { padding: 0; } } .popup-write-to-boss.active { display: flex; } .popup-write-to-boss__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-write-to-boss__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-write-to-boss__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-write-to-boss__title { font-size: 18px; color: #fff; } } .popup-write-to-boss__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-write-to-boss__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-write-to-boss__form { position: relative; max-width: 372px; width: 100%; } .popup-write-to-boss__form input, .popup-write-to-boss__form textarea { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-write-to-boss__form input, .popup-write-to-boss__form textarea { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-write-to-boss__form input::-moz-placeholder, .popup-write-to-boss__form textarea::-moz-placeholder { color: gray; } .popup-write-to-boss__form input:-ms-input-placeholder, .popup-write-to-boss__form textarea:-ms-input-placeholder { color: gray; } .popup-write-to-boss__form input::placeholder, .popup-write-to-boss__form textarea::placeholder { color: gray; } .popup-write-to-boss__form input.error, .popup-write-to-boss__form textarea.error { box-shadow: 0 0 0 2px red; } .popup-write-to-boss__form textarea { resize: none; } .popup-write-to-boss__contacts-input { color: #EB5757; position: absolute; top: 156px; left: 266px; font-size: 16px; } @media (max-width: 760px) { .popup-write-to-boss__contacts-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-write-to-boss__contacts-input.hide { display: none; } .popup-write-to-boss__phone-input { color: #EB5757; position: absolute; top: 226px; left: 92px; font-size: 16px; } @media (max-width: 760px) { .popup-write-to-boss__phone-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-write-to-boss__phone-input.hide { display: none; } .popup-write-to-boss__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-write-to-boss__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-write-to-boss__captcha-img { display: flex; align-items: center; max-width: 190px; margin-left: 95px; margin-bottom: 10px; padding-left: 20px; border: 1px solid #BDBDBD; border-radius: 15px; /*prevent interaction with the canvas */ pointer-events: none; } @media (max-width: 760px) { .popup-write-to-boss__captcha-img { background-color: #fff; } } .popup-write-to-boss__captcha-input { max-width: 190px; margin-left: 95px; } @media (max-width: 760px) { .popup-write-to-boss__captcha-input { max-width: 185px; } } .popup-write-to-boss__captcha-input.error { box-shadow: 0 0 0 2px red; } .popup-write-to-boss__captcha-input-description { position: absolute; top: 267px; left: 0px; font-size: 12px; color: #474645; } @media (max-width: 760px) { .popup-write-to-boss__captcha-input-description { top: 213px; color: #fff; } } .popup-write-to-boss__captcha-refresh-btn { display: block; margin-left: 95px; margin-bottom: 30px; font-size: 12px; color: #253561; } @media (max-width: 760px) { .popup-write-to-boss__captcha-refresh-btn { color: #fff; font-size: 9px; margin-bottom: 15px; } } .popup-write-to-boss__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-write-to-boss__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-write-to-boss__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-write-to-boss__terms-label { margin-bottom: 15px; } } .popup-write-to-boss__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-write-to-boss__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-write-to-boss__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-write-to-boss__terms-label p { font-size: 9px; color: #fff; } } .popup-write-to-boss__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-write-to-boss__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-write-to-boss__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-write-to-boss__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-write-to-boss__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-write-to-boss__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-write-to-boss__ok.active { display: block; } @media (max-width: 760px) { .popup-write-to-boss__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-write-to-boss__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-write-to-boss__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-get-wholesale-prices { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-get-wholesale-prices { padding: 0; } } .popup-get-wholesale-prices.active { display: flex; } .popup-get-wholesale-prices__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-get-wholesale-prices__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-get-wholesale-prices__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-get-wholesale-prices__title { font-size: 18px; color: #fff; } } .popup-get-wholesale-prices__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-get-wholesale-prices__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-get-wholesale-prices__form { position: relative; max-width: 372px; width: 100%; } .popup-get-wholesale-prices__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #333; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-get-wholesale-prices__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; } } .popup-get-wholesale-prices__form input::-moz-placeholder { color: gray; } .popup-get-wholesale-prices__form input:-ms-input-placeholder { color: gray; } .popup-get-wholesale-prices__form input::placeholder { color: gray; } .popup-get-wholesale-prices__form input.error { box-shadow: 0 0 0 2px red; } .popup-get-wholesale-prices__contacts-input { color: #EB5757; position: absolute; top: 156px; left: 266px; font-size: 16px; } @media (max-width: 760px) { .popup-get-wholesale-prices__contacts-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-get-wholesale-prices__contacts-input.hide { display: none; } .popup-get-wholesale-prices__phone-input { color: #EB5757; position: absolute; top: 226px; left: 92px; font-size: 16px; } @media (max-width: 760px) { .popup-get-wholesale-prices__phone-input { font-size: 12px; top: 156px; left: 266px; display: none; } } .popup-get-wholesale-prices__phone-input.hide { display: none; } .popup-get-wholesale-prices__captcha-title { margin-bottom: 20px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-get-wholesale-prices__captcha-title { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-get-wholesale-prices__recaptcha { margin-bottom: 20px; } @media (max-width: 760px) { .popup-get-wholesale-prices__recaptcha { margin-left: -12px; transform: scale(0.9); } } .popup-get-wholesale-prices__captcha-img { display: flex; align-items: center; max-width: 190px; margin-left: 95px; margin-bottom: 10px; padding-left: 20px; border: 1px solid #BDBDBD; border-radius: 15px; /*prevent interaction with the canvas */ pointer-events: none; } @media (max-width: 760px) { .popup-get-wholesale-prices__captcha-img { background-color: #fff; } } .popup-get-wholesale-prices__captcha-input { max-width: 190px; margin-left: 95px; } @media (max-width: 760px) { .popup-get-wholesale-prices__captcha-input { max-width: 185px; } } .popup-get-wholesale-prices__captcha-input.error { box-shadow: 0 0 0 2px red; } .popup-get-wholesale-prices__captcha-input-description { position: absolute; top: 340px; left: 0px; font-size: 12px; color: #474645; } @media (max-width: 760px) { .popup-get-wholesale-prices__captcha-input-description { top: 265px; color: #fff; } } .popup-get-wholesale-prices__captcha-refresh-btn { display: block; margin-left: 95px; margin-bottom: 30px; font-size: 12px; color: #253561; } @media (max-width: 760px) { .popup-get-wholesale-prices__captcha-refresh-btn { color: #fff; font-size: 9px; margin-bottom: 15px; } } .popup-get-wholesale-prices__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-get-wholesale-prices__terms-label { margin-bottom: 15px; } } .popup-get-wholesale-prices__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-get-wholesale-prices__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-get-wholesale-prices__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-get-wholesale-prices__terms-label p { font-size: 9px; color: #fff; } } .popup-get-wholesale-prices__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-right: 3px; } @media (max-width: 760px) { .popup-get-wholesale-prices__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-get-wholesale-prices__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-get-wholesale-prices__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-get-wholesale-prices__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-get-wholesale-prices__ok { display: none; padding: 15px 15px; text-align: center; margin: 0 auto; background: #219653; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-get-wholesale-prices__ok.active { display: block; } @media (max-width: 760px) { .popup-get-wholesale-prices__ok { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #219653; color: #fff; } } .popup-get-wholesale-prices__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-get-wholesale-prices__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-discount { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-discount { padding: 0; } } .popup-discount.active { display: flex; } .popup-discount__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-discount__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-discount__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-discount__title { font-size: 18px; color: #fff; } } .popup-discount__content { text-align: center; } .popup-discount__content p { font-size: 18px; font-weight: 400; color: #333333; min-height: 10px; } @media (max-width: 760px) { .popup-discount__content p { font-size: 14px; color: #fff; } } .popup-discount__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-discount__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-products-not-available { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-products-not-available { padding: 0; } } .popup-products-not-available.active { display: flex; } .popup-products-not-available__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-products-not-available__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-products-not-available__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; max-width: 425px; color: #333333; margin-bottom: 30px; } @media (max-width: 760px) { .popup-products-not-available__title { font-size: 18px; color: #fff; max-width: 310px; } } .popup-products-not-available__btn-submit { display: block; padding: 10px 35px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 600; color: #fff; } .popup-products-not-available__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-products-not-available__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-products-not-available__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-products-not-available__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-enter-email { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-enter-email { padding: 0; } } .popup-enter-email.active { display: flex; } .popup-enter-email__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-enter-email__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-enter-email__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-enter-email__title { font-size: 18px; color: #fff; } } .popup-enter-email__switcher { border: 1px solid #BDBDBD; border-radius: 60px; padding: 2px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-enter-email__switcher { margin-bottom: 25px; border: 1px solid #FFFFFF; } } .popup-enter-email__sms-btn, .popup-enter-email__password-btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-enter-email__sms-btn, .popup-enter-email__password-btn { font-size: 16px; color: #fff; } } .popup-enter-email__sms-btn.active, .popup-enter-email__password-btn.active { background: #253561; color: #fff; border-radius: 60px; } @media (max-width: 760px) { .popup-enter-email__sms-btn.active, .popup-enter-email__password-btn.active { color: #253561; background-color: #fff; } } .popup-enter-email__form { position: relative; max-width: 372px; width: 100%; } .popup-enter-email__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #73716F; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-enter-email__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; } } .popup-enter-email__form input::-moz-placeholder { color: gray; } .popup-enter-email__form input:-ms-input-placeholder { color: gray; } .popup-enter-email__form input::placeholder { color: gray; } .popup-enter-email__form input.error { box-shadow: 0 0 0 2px red; } .popup-enter-email__form input:nth-child(2) { margin-bottom: 40px; } @media (max-width: 760px) { .popup-enter-email__form input:nth-child(2) { margin-bottom: 25px; } } .popup-enter-email__data-error { display: none; max-width: 315px; margin: 0 auto; margin-bottom: 30px; font-size: 18px; text-align: center; color: #EB5757; } .popup-enter-email__data-error.active { display: block; } .popup-enter-email__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-enter-email__btn-submit { padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-enter-email__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-enter-email__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-enter-email__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-enter-email__btn-lose-password { font-size: 12px; color: #fff; } } .popup-enter-email__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-enter-email__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-enter-email__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-enter-email__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-enter-sms { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-enter-sms { padding: 0; } } .popup-enter-sms.active { display: flex; } .popup-enter-sms__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-enter-sms__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-enter-sms__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-enter-sms__title { font-size: 18px; color: #fff; } } .popup-enter-sms__switcher { border: 1px solid #BDBDBD; border-radius: 60px; padding: 2px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-enter-sms__switcher { margin-bottom: 25px; border: 1px solid #FFFFFF; } } .popup-enter-sms__sms-btn, .popup-enter-sms__password-btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-enter-sms__sms-btn, .popup-enter-sms__password-btn { font-size: 16px; color: #fff; } } .popup-enter-sms__sms-btn.active, .popup-enter-sms__password-btn.active { background: #253561; color: #fff; border-radius: 60px; } @media (max-width: 760px) { .popup-enter-sms__sms-btn.active, .popup-enter-sms__password-btn.active { color: #253561; background-color: #fff; } } .popup-enter-sms__form { position: relative; max-width: 372px; width: 100%; } .popup-enter-sms__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #73716F; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-enter-sms__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; } } .popup-enter-sms__form input::-moz-placeholder { color: gray; } .popup-enter-sms__form input:-ms-input-placeholder { color: gray; } .popup-enter-sms__form input::placeholder { color: gray; } .popup-enter-sms__form input.error { box-shadow: 0 0 0 2px red; } .popup-enter-sms__form input:nth-child(2) { margin-bottom: 40px; } @media (max-width: 760px) { .popup-enter-sms__form input:nth-child(2) { margin-bottom: 25px; } } .popup-enter-sms__data-error { display: none; max-width: 315px; margin: 0 auto; margin-bottom: 30px; font-size: 18px; text-align: center; color: #EB5757; } .popup-enter-sms__data-error.active { display: block; } .popup-enter-sms__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-enter-sms__btn-submit { padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-enter-sms__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-enter-sms__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-enter-sms__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-enter-sms__btn-lose-password { font-size: 12px; color: #fff; } } .popup-enter-sms__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-enter-sms__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-enter-sms__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-enter-sms__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-sms-code { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-sms-code { padding: 0; } } .popup-sms-code.active { display: flex; } .popup-sms-code__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-sms-code__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-sms-code__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-sms-code__title { font-size: 18px; color: #fff; } } .popup-sms-code__text { max-width: 365px; margin-bottom: 25px; font-size: 14px; font-weight: 400; text-align: center; color: #73716F; } @media (max-width: 760px) { .popup-sms-code__text { font-size: 14px; font-weight: 500; color: #fff; } } .popup-sms-code__form { position: relative; max-width: 372px; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; -moz-column-gap: 22px; column-gap: 22px; } @media (max-width: 760px) { .popup-sms-code__form { -moz-column-gap: 18px; column-gap: 18px; } } .popup-sms-code__form input { width: 36px; height: 50px; padding: 8px; margin-bottom: 30px; font-size: 28px; font-weight: 500; color: #73716F; border: 1px solid #253561; border-radius: 8px; text-align: center; } @media (max-width: 760px) { .popup-sms-code__form input { margin-bottom: 25px; padding: 8px; font-size: 20px; border-radius: 6px; color: #253561; } } .popup-sms-code__form input::-moz-placeholder { color: #253561; } .popup-sms-code__form input:-ms-input-placeholder { color: #253561; } .popup-sms-code__form input::placeholder { color: #253561; } .popup-sms-code__form input.error { box-shadow: 0 0 0 2px red; } .popup-sms-code__button-wrapper { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .popup-sms-code__btn-submit { padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-sms-code__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-sms-code__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-sms-code__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-sms-code__btn-lose-password { font-size: 12px; color: #fff; } } .popup-sms-code__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-sms-code__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-sms-code__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-sms-code__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-change-password-email { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-change-password-email { padding: 0; } } .popup-change-password-email.active { display: flex; } .popup-change-password-email__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-change-password-email__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-change-password-email__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-change-password-email__title { font-size: 18px; color: #fff; } } .popup-change-password-email__switcher { border: 1px solid #BDBDBD; border-radius: 60px; padding: 2px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-change-password-email__switcher { margin-bottom: 25px; border: 1px solid #FFFFFF; } } .popup-change-password-email__sms-btn, .popup-change-password-email__password-btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-change-password-email__sms-btn, .popup-change-password-email__password-btn { font-size: 16px; color: #fff; } } .popup-change-password-email__sms-btn.active, .popup-change-password-email__password-btn.active { background: #253561; color: #fff; border-radius: 60px; } @media (max-width: 760px) { .popup-change-password-email__sms-btn.active, .popup-change-password-email__password-btn.active { color: #253561; background-color: #fff; } } .popup-change-password-email__form { position: relative; max-width: 372px; width: 100%; } .popup-change-password-email__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #73716F; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-change-password-email__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; } } .popup-change-password-email__form input::-moz-placeholder { color: gray; } .popup-change-password-email__form input:-ms-input-placeholder { color: gray; } .popup-change-password-email__form input::placeholder { color: gray; } .popup-change-password-email__form input.error { box-shadow: 0 0 0 2px red; } .popup-change-password-email__form input:nth-child(2) { margin-bottom: 40px; } @media (max-width: 760px) { .popup-change-password-email__form input:nth-child(2) { margin-bottom: 25px; } } .popup-change-password-email__data-error { display: none; max-width: 315px; margin: 0 auto; margin-bottom: 30px; font-size: 18px; text-align: center; color: #333; } @media (max-width: 760px) { .popup-change-password-email__data-error { font-size: 14px; color: #fff; } } .popup-change-password-email__data-error button { color: #253561; font-weight: 500; text-decoration: underline; } @media (max-width: 760px) { .popup-change-password-email__data-error button { color: #fff; } } .popup-change-password-email__data-error.active { display: block; } .popup-change-password-email__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-change-password-email__btn-submit { padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-change-password-email__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-change-password-email__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-change-password-email__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-change-password-email__btn-lose-password { font-size: 12px; color: #fff; } } .popup-change-password-email__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-change-password-email__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-change-password-email__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-change-password-email__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-change-password-email-succes { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-change-password-email-succes { padding: 0; } } .popup-change-password-email-succes.active { display: flex; } .popup-change-password-email-succes__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-change-password-email-succes__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-change-password-email-succes__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-change-password-email-succes__title { font-size: 18px; color: #fff; } } .popup-change-password-email-succes__text { max-width: 340px; font-size: 18px; width: 400px; color: #000; } @media (max-width: 760px) { .popup-change-password-email-succes__text { max-width: 320px; padding: 0 20px; font-size: 14px; color: #fff; text-align: center; } } .popup-change-password-email-succes__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-change-password-email-succes__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-new-password { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-new-password { padding: 0; } } .popup-new-password.active { display: flex; } .popup-new-password__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-new-password__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-new-password__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-new-password__title { font-size: 18px; color: #fff; } } .popup-new-password__form { position: relative; max-width: 372px; width: 100%; } .popup-new-password__form input { width: 100%; padding: 15px 18px; margin-bottom: 20px; font-size: 16px; font-weight: 500; color: #73716F; border: 1px solid #BDBDBD; border-radius: 15px; } @media (max-width: 760px) { .popup-new-password__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; } } .popup-new-password__form input::-moz-placeholder { color: gray; } .popup-new-password__form input:-ms-input-placeholder { color: gray; } .popup-new-password__form input::placeholder { color: gray; } .popup-new-password__form input.error { box-shadow: 0 0 0 2px red; } @media (max-width: 760px) { .popup-new-password__form input.error { margin-bottom: 25px; } } .popup-new-password__text { margin-bottom: 10px; font-size: 13.5px; font-weight: 400; color: #000; } @media (max-width: 760px) { .popup-new-password__text { font-size: 12px; font-weight: 500; color: #fff; } } .popup-new-password__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-new-password__btn-submit { padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-new-password__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-new-password__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-new-password__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-new-password__btn-lose-password { font-size: 12px; color: #fff; } } .popup-new-password__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-new-password__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-new-password__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-new-password__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-registration-company { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-company { padding: 0; } } .popup-registration-company.active { display: flex; } .popup-registration-company__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-company__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-registration-company__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-registration-company__title { font-size: 18px; color: #fff; } } .popup-registration-company__subtitle { margin-bottom: 25px; font-size: 14px; font-weight: 500; text-align: center; color: #333; } @media (max-width: 760px) { .popup-registration-company__subtitle { margin-bottom: 15px; font-size: 12px; color: #fff; } } @media (max-width: 760px) { .popup-registration-company__subtitle span { color: #F04438; } } .popup-registration-company__company-tipe { margin-bottom: 15px; font-size: 24px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-registration-company__company-tipe { font-size: 16px; color: #fff; } } .popup-registration-company__switcher { border: 1px solid #BDBDBD; border-radius: 60px; padding: 2px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-registration-company__switcher { margin-bottom: 25px; border: 1px solid #FFFFFF; } } .popup-registration-company__sms-btn, .popup-registration-company__password-btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-registration-company__sms-btn, .popup-registration-company__password-btn { font-size: 16px; color: #fff; } } .popup-registration-company__sms-btn.active, .popup-registration-company__password-btn.active { background: #253561; color: #fff; border-radius: 60px; } @media (max-width: 760px) { .popup-registration-company__sms-btn.active, .popup-registration-company__password-btn.active { color: #253561; background-color: #fff; } } .popup-registration-company__form { position: relative; max-width: 330px; width: 100%; } .popup-registration-company__form input { width: 100%; padding: 0 0 8px 0; margin-bottom: 27px; font-size: 16px; font-weight: 500; color: #333; border-bottom: 1px solid #BDBDBD; border-radius: 0px; } .popup-registration-company__form .uf-subscribe {margin-bottom:27px;} .popup-registration-company__form .uf-subscribe input{display: inline-block;width: auto; margin-bottom: 35px; float: left;margin-right: 10px;} .popup-registration-company__form .uf-subscribe label{ line-height: 19px;} @media (max-width: 760px) { .popup-registration-company__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; border: 1px solid #73716F; } } .popup-registration-company__form input::-moz-placeholder { color: gray; } .popup-registration-company__form input:-ms-input-placeholder { color: gray; } .popup-registration-company__form input::placeholder { color: gray; } .popup-registration-company__form input.error { box-shadow: 0 0 0 2px red; } .popup-registration-company__data-error { display: none; max-width: 315px; margin: 0 auto; margin-bottom: 30px; font-size: 18px; text-align: center; color: #EB5757; } .popup-registration-company__data-error.active { display: block; } .popup-registration-company__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-registration-company__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-registration-company__terms-label { margin-bottom: 15px; } } .popup-registration-company__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-registration-company__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-registration-company__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-registration-company__terms-label p { font-size: 9px; color: #fff; } } .popup-registration-company__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-left: 3px; margin-right: 3px; } @media (max-width: 760px) { .popup-registration-company__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-registration-company__inn-finded { display: none; position: absolute; top: 27px; max-width: 330px; width: 100%; padding: 20px 15px; background-color: #fff; border: 2px solid #253561; } @media (max-width: 760px) { .popup-registration-company__inn-finded { border: 1px solid #73716F; border-top: none; border-radius: 0 0 11px 11px; } } .popup-registration-company__inn-finded span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #000; } @media (max-width: 760px) { .popup-registration-company__inn-finded span { margin-bottom: 7px; font-size: 12px; } } .popup-registration-company__inn-finded p { font-size: 14px; font-weight: 500; color: #253561; white-space: nowrap; overflow: hidden; } @media (max-width: 760px) { .popup-registration-company__inn-finded p { font-size: 11px; } } .popup-registration-company__inn-finded.active { display: block; } .popup-registration-company__btn-submit { padding: 15px 45px; text-align: center; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-registration-company__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-registration-company__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-registration-company__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-registration-company__btn-lose-password { font-size: 12px; color: #fff; } } .popup-registration-company__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-registration-company__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-registration-company__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-registration-company__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-registration-entrepreneur { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-entrepreneur { padding: 0; } } .popup-registration-entrepreneur.active { display: flex; } .popup-registration-entrepreneur__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-entrepreneur__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-registration-entrepreneur__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-registration-entrepreneur__title { font-size: 18px; color: #fff; } } .popup-registration-entrepreneur__subtitle { margin-bottom: 25px; font-size: 14px; font-weight: 500; text-align: center; color: #333; } @media (max-width: 760px) { .popup-registration-entrepreneur__subtitle { margin-bottom: 15px; font-size: 12px; color: #fff; } } .popup-registration-entrepreneur__subtitle span { display: inline-block; margin: 0 3px; } @media (max-width: 760px) { .popup-registration-entrepreneur__subtitle span { color: #F04438; } } .popup-registration-entrepreneur__company-tipe { margin-bottom: 15px; font-size: 24px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-registration-entrepreneur__company-tipe { font-size: 16px; color: #fff; } } .popup-registration-entrepreneur__switcher { border: 1px solid #BDBDBD; border-radius: 60px; padding: 2px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-registration-entrepreneur__switcher { margin-bottom: 25px; border: 1px solid #FFFFFF; } } .popup-registration-entrepreneur__sms-btn, .popup-registration-entrepreneur__password-btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-registration-entrepreneur__sms-btn, .popup-registration-entrepreneur__password-btn { font-size: 16px; color: #fff; } } .popup-registration-entrepreneur__sms-btn.active, .popup-registration-entrepreneur__password-btn.active { background: #253561; color: #fff; border-radius: 60px; } @media (max-width: 760px) { .popup-registration-entrepreneur__sms-btn.active, .popup-registration-entrepreneur__password-btn.active { color: #253561; background-color: #fff; } } .popup-registration-entrepreneur__form { position: relative; max-width: 330px; width: 100%; } .popup-registration-entrepreneur__form input { width: 100%; padding: 0 0 8px 0; margin-bottom: 27px; font-size: 16px; font-weight: 500; color: #333; border-bottom: 1px solid #BDBDBD; border-radius: 0px; } @media (max-width: 760px) { .popup-registration-entrepreneur__form input { margin-bottom: 15px; padding: 10px 15px; font-size: 12px; border-radius: 10px; color: #253561; border: 1px solid #73716F; } } .popup-registration-entrepreneur__form input::-moz-placeholder { color: gray; } .popup-registration-entrepreneur__form input:-ms-input-placeholder { color: gray; } .popup-registration-entrepreneur__form input::placeholder { color: gray; } .popup-registration-entrepreneur__form input.error { box-shadow: 0 0 0 2px red; } .popup-registration-entrepreneur__data-error { display: none; max-width: 315px; margin: 0 auto; margin-bottom: 30px; font-size: 18px; text-align: center; color: #EB5757; } .popup-registration-entrepreneur__data-error.active { display: block; } .popup-registration-entrepreneur__button-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .popup-registration-entrepreneur__terms-label { display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 760px) { .popup-registration-entrepreneur__terms-label { margin-bottom: 15px; } } .popup-registration-entrepreneur__terms-label input { width: 16px; height: 16px; padding: 0; margin: 0; margin-right: 8px; border: 1px solid #73716F; cursor: pointer; border-radius: 5px; } .popup-registration-entrepreneur__terms-label input.error { box-shadow: 0 0 0 2px red; } .popup-registration-entrepreneur__terms-label p { max-width: 300px; font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-registration-entrepreneur__terms-label p { font-size: 9px; color: #fff; } } .popup-registration-entrepreneur__terms-label a { font-size: 12px; font-weight: 600; color: #253561; margin-left: 3px; margin-right: 3px; } @media (max-width: 760px) { .popup-registration-entrepreneur__terms-label a { margin-bottom: 15px; font-size: 9px; color: #fff; } } .popup-registration-entrepreneur__inn-finded { display: none; position: absolute; top: 27px; max-width: 330px; width: 100%; padding: 20px 15px; background-color: #fff; border: 2px solid #253561; } @media (max-width: 760px) { .popup-registration-entrepreneur__inn-finded { border: 1px solid #73716F; border-top: none; border-radius: 0 0 11px 11px; } } .popup-registration-entrepreneur__inn-finded span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #000; } @media (max-width: 760px) { .popup-registration-entrepreneur__inn-finded span { margin-bottom: 7px; font-size: 12px; } } .popup-registration-entrepreneur__inn-finded p { font-size: 14px; font-weight: 500; color: #253561; white-space: nowrap; overflow: hidden; } @media (max-width: 760px) { .popup-registration-entrepreneur__inn-finded p { font-size: 11px; } } .popup-registration-entrepreneur__inn-finded.active { display: block; } .popup-registration-entrepreneur__btn-submit { padding: 15px 45px; text-align: center; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } .popup-registration-entrepreneur__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-registration-entrepreneur__btn-submit { width: auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-registration-entrepreneur__btn-lose-password { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-registration-entrepreneur__btn-lose-password { font-size: 12px; color: #fff; } } .popup-registration-entrepreneur__btn-register-new-company { font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .popup-registration-entrepreneur__btn-register-new-company { font-size: 11.5px; color: #fff; } } .popup-registration-entrepreneur__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-registration-entrepreneur__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-registration-entrepreneur-success { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-entrepreneur-success { padding: 0; } } .popup-registration-entrepreneur-success.active { display: flex; } .popup-registration-entrepreneur-success__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-registration-entrepreneur-success__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-registration-entrepreneur-success__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 15px; } @media (max-width: 760px) { .popup-registration-entrepreneur-success__title { font-size: 18px; color: #fff; } } .popup-registration-entrepreneur-success__text { max-width: 450px; font-size: 18px; font-weight: 500; text-align: center; color: #333; } @media (max-width: 760px) { .popup-registration-entrepreneur-success__text { font-size: 14px; color: #fff; } } .popup-registration-entrepreneur-success__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-registration-entrepreneur-success__btn-close { top: 20px; right: 20px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-added-to-cart { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-added-to-cart { padding: 0; } } .popup-added-to-cart.active { display: flex; } .popup-added-to-cart__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 700px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-added-to-cart__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-added-to-cart__title { display: block; max-width: 420px; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; margin-bottom: 30px; } @media (max-width: 760px) { .popup-added-to-cart__title { margin-bottom: 20px; font-size: 18px; color: #fff; } } .popup-added-to-cart__card { max-width: 275px; margin-bottom: 40px; padding: 15px; background-color: #fff; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 760px) { .popup-added-to-cart__card { margin-bottom: 30px; } } .popup-added-to-cart__card img { display: block; width: 225px; margin: 0 auto; max-height: 170px; margin-bottom: 10px; -o-object-fit: contain; object-fit: contain; } .popup-added-to-cart__card p { font-size: 15px; font-weight: 500; color: #253561; } .popup-added-to-cart__button-wrapper { display: flex; justify-content: center; align-items: center; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; flex-wrap: wrap; } .popup-added-to-cart__btn-submit { display: block; padding: 15px 45px; background: #253561; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; } @media (max-width: 760px) { .popup-added-to-cart__btn-submit { width: auto; margin: 0 auto; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-added-to-cart__btn-to-cart { display: inline-block; padding: 15px 45px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .popup-added-to-cart__btn-to-cart { padding: 10px 33px; border-radius: 60px; font-size: 12px; border: 1px solid #fff; color: #fff; } } .popup-added-to-cart__btn-close { position: absolute; width: 25px; height: 25px; top: 20px; right: 20px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-added-to-cart__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-order-formed { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-order-formed { padding: 0; } } .popup-order-formed.active { display: flex; } .popup-order-formed__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-order-formed__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-order-formed__title, .popup-order-formed__title--second-line { display: block; text-align: center; white-space: nowrap; font-size: 25px; line-height: 120%; font-weight: 500; color: #333333; } @media (max-width: 760px) { .popup-order-formed__title, .popup-order-formed__title--second-line { white-space: normal; font-size: 18px; color: #fff; } } .popup-order-formed__title span, .popup-order-formed__title--second-line span { margin: 0 5px; } .popup-order-formed__title--second-line { margin-bottom: 15px; } .popup-order-formed__subtitle { margin-bottom: 15px; font-size: 22px; font-weight: 500; color: #333; } @media (max-width: 760px) { .popup-order-formed__subtitle { display: none; } } .popup-order-formed__text { max-width: 360px; font-size: 18px; font-weight: 400; color: #333; text-align: center; } @media (max-width: 760px) { .popup-order-formed__text { font-size: 14px; color: #fff; } } .popup-order-formed__text a { margin-left: 5px; font-size: 18px; font-weight: 500; color: #253561; text-decoration: underline; } @media (max-width: 760px) { .popup-order-formed__text a { font-size: 14px; color: #fff; } } .popup-order-formed__btn-close { position: absolute; width: 25px; height: 25px; top: 25px; right: 25px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-order-formed__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-delivery { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-delivery { padding: 0; } } .popup-delivery.active { display: flex; } .popup-delivery__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 875px; width: 100%; margin: 0 auto; padding: 60px 100px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-delivery__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-delivery__top { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; } @media (max-width: 760px) { .popup-delivery__top { margin-bottom: 20px; } } .popup-delivery__title, .popup-delivery__title-btn { display: inline-block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #253561; } @media (max-width: 760px) { .popup-delivery__title, .popup-delivery__title-btn { font-size: 18px; color: #fff; } } .popup-delivery__title-btn { position: relative; margin-left: 5px; text-decoration: underline; } .popup-delivery__title-btn::after { content: ''; display: inline-block; width: 14px; height: 6px; margin-left: 10px; margin-bottom: 3px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23253561'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .popup-delivery__title-btn::after { background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23ffffff'/%3E%3C/svg%3E"); } } .popup-delivery__title-btn.active::after { transform: rotate(180deg); } .popup-delivery__map-wrapper { display: flex; justify-content: center; width: 100%; height: 90%; margin-bottom: 30px; } .popup-delivery__map-wrapper .map { width: 100%; height: 100%; background-color: #111; } .popup-delivery__city-wrapper { display: none; } .popup-delivery__city-wrapper.active { display: block; } .popup-delivery__city-list { display: flex; align-items: center; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 10px; margin-bottom: 20px; } @media (max-width: 760px) { .popup-delivery__city-list { -moz-column-gap: 12px; column-gap: 12px; } } .popup-delivery__city-btn { padding: 10px 30px; font-size: 14px; font-weight: 500; color: #73716F; border-radius: 15px; border: 1px solid #73716F; } @media (max-width: 760px) { .popup-delivery__city-btn { padding: 5px 15px; font-size: 9px; color: #fff; border: 1px solid #fff; } } .popup-delivery__city-btn.active { color: #253561; border: 1px solid #253561; } @media (max-width: 760px) { .popup-delivery__city-btn.active { background-color: #fff; border: 1px solid #fff; } } .popup-delivery__input-wrapper { position: relative; margin-bottom: 30px; } @media (max-width: 760px) { .popup-delivery__input-wrapper { margin-bottom: 20px; } } .popup-delivery__search-city-btn, .popup-delivery__clear-city-btn { position: absolute; top: 15px; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; } @media (max-width: 760px) { .popup-delivery__search-city-btn, .popup-delivery__clear-city-btn { top: 7px; width: 15px; height: 15px; } } .popup-delivery__search-city-btn { left: 14px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8038 19.8404L15.3639 14.3184C16.5769 12.8068 17.307 10.8807 17.307 8.78341C17.307 3.94008 13.4256 0 8.65374 0C3.88191 0 0 3.93962 0 8.78341C0 13.6263 3.88191 17.5664 8.65374 17.5664C10.8772 17.5664 12.9016 16.703 14.4364 15.2987L19.8572 20.8011C19.988 20.9339 20.1598 21 20.3307 21C20.5025 21 20.6735 20.9339 20.8042 20.8011C21.0653 20.5361 21.0653 20.1054 20.8038 19.8404ZM0.892152 8.78295C0.892152 4.43927 4.37373 0.90552 8.6533 0.90552C12.9324 0.90552 16.414 4.43927 16.414 8.78295C16.414 10.8662 15.6066 12.7579 14.3012 14.1685C14.295 14.1739 14.2883 14.1758 14.282 14.1812C14.2731 14.1907 14.2704 14.2029 14.2619 14.212C12.8476 15.7164 10.8589 16.6595 8.65374 16.6595C4.37373 16.6599 0.892152 13.1262 0.892152 8.78295Z' fill='%23828282'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-delivery__search-city-btn { left: 10px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8599 14.1717L10.9742 10.2275C11.8406 9.14774 12.3622 7.77195 12.3622 6.27386C12.3622 2.81434 9.5897 0 6.18124 0C2.77279 0 0 2.81402 0 6.27386C0 9.73306 2.77279 12.5474 6.18124 12.5474C7.76943 12.5474 9.21544 11.9307 10.3117 10.9277L14.1837 14.858C14.2771 14.9528 14.3998 15 14.5219 15C14.6447 15 14.7668 14.9528 14.8602 14.858C15.0467 14.6687 15.0467 14.361 14.8599 14.1717ZM0.637252 6.27354C0.637252 3.17091 3.12409 0.6468 6.18093 0.6468C9.23744 0.6468 11.7243 3.17091 11.7243 6.27354C11.7243 7.7616 11.1476 9.11279 10.2152 10.1204C10.2107 10.1242 10.2059 10.1255 10.2014 10.1294C10.1951 10.1362 10.1932 10.145 10.1871 10.1514C9.17687 11.226 7.75636 11.8996 6.18124 11.8996C3.12409 11.9 0.637252 9.37585 0.637252 6.27354Z' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-delivery__clear-city-btn { right: 14px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(0.720572 0.69338 -0.720572 0.69338 1.3457 0.125977)' fill='%23333333'/%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(-0.720572 0.69338 -0.720572 -0.69338 17.5352 0.848633)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-delivery__clear-city-btn { right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10.5673' height='0.559545' rx='0.279772' transform='matrix(0.700467 0.713684 -0.700467 0.713684 0.597656 0.0585938)' fill='white'/%3E%3Crect width='10.5673' height='0.559545' rx='0.279772' transform='matrix(-0.700467 0.713684 -0.700467 -0.713684 7.79297 0.399414)' fill='white'/%3E%3C/svg%3E "); } } .popup-delivery__city-input { width: 100%; padding: 15px 45px; font-size: 16px; font-weight: 500; color: #333333; border: 1px solid #73716F; border-radius: 15px; } @media (max-width: 760px) { .popup-delivery__city-input { padding: 8px 35px; font-size: 10px; background-color: #253561; color: #fff; border: 1px solid #fff; border-radius: 10px; } } .popup-delivery__quantity-row { display: flex; align-items: center; align-items: stretch; margin-bottom: 30px; } @media (max-width: 760px) { .popup-delivery__quantity-row { margin-bottom: 25px; } } .popup-delivery__quantity-wrapper { display: flex; flex-direction: column; margin-right: 50px; } @media (max-width: 760px) { .popup-delivery__quantity-wrapper { margin-right: 40px; } } .popup-delivery__quantity-title, .popup-delivery__all-cart-title { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .popup-delivery__quantity-title, .popup-delivery__all-cart-title { margin-bottom: 10px; font-size: 12px; color: #fff; } } .popup-delivery__quantity-box .quantity-box__btn { width: 30px; height: 30px; font-size: 24px; } @media (max-width: 760px) { .popup-delivery__quantity-box .quantity-box__btn { width: 25px; height: 25px; font-size: 20px; } } .popup-delivery__quantity-box .quantity-box__input[class] { width: 35px; height: 35px; font-size: 18px; } @media (max-width: 760px) { .popup-delivery__quantity-box .quantity-box__input[class] { width: 25px; height: 25px; font-size: 14px; } } .popup-delivery__all-cart-wrapper { align-self: start; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .popup-delivery__all-cart-title { margin-bottom: 20px; } @media (max-width: 760px) { .popup-delivery__all-cart-title { margin-bottom: 15px; } } .popup-delivery__check.check { font-size: 12px; font-weight: 500; color: #474645; } @media (max-width: 760px) { .popup-delivery__check.check { color: #fff; } } .popup-delivery__check.check .check__box { position: absolute; width: 16px; height: 16px; margin-left: -24px; background-color: #fff; background-image: none; border: 1px solid #73716F; } @media (max-width: 760px) { .popup-delivery__check.check .check__box { background-color: #253561; border: 1px solid #fff; } } .popup-delivery__check.check .check__input:checked + .check__box { background-color: #253561; border: 1px solid #253561; background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L4.83514 10.7733C4.91591 10.8844 5.08199 10.8829 5.16074 10.7704L12 1' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E "); } @media (max-width: 760px) { .popup-delivery__check.check .check__input:checked + .check__box { border: 1px solid #fff; } } .popup-delivery__variant-item:not(:last-child) { margin-bottom: 30px; } @media (max-width: 760px) { .popup-delivery__variant-item:not(:last-child) { margin-bottom: 25px; } } .popup-delivery__variant-item.active .popup-delivery__text { display: block; } .popup-delivery__radio-check[class] { display: block; margin-bottom: 10px; padding-left: 30px; font-size: 16px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .popup-delivery__radio-check[class] { padding-left: 24px; color: #fff; } } .popup-delivery__radio-check[class] .check__box { position: absolute; width: 20px; height: 20px; margin-left: -30px; background-color: #fff; background-image: none; border: 1px solid #73716F; border-radius: 50%; } @media (max-width: 760px) { .popup-delivery__radio-check[class] .check__box { margin-left: -24px; width: 16px; height: 16px; background-color: #253561; border: 1px solid #fff; } } .popup-delivery__radio-check[class] .check__input:checked + .check__box { border: 4px solid #253561; } @media (max-width: 760px) { .popup-delivery__radio-check[class] .check__input:checked + .check__box { border: 4px solid #fff; } } .popup-delivery__price-row { display: flex; align-items: center; padding-left: 30px; } @media (max-width: 760px) { .popup-delivery__price-row { padding-left: 22px; } } .popup-delivery__price { margin-right: 15px; padding: 4px 10px; font-size: 16px; font-weight: 500; color: #253561; border: 1px solid #253561; border-radius: 10px; } @media (max-width: 760px) { .popup-delivery__price { margin-right: 12px; font-size: 12px; color: #fff; border: 1px solid #fff; } } .popup-delivery__date { font-size: 16px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .popup-delivery__date { font-size: 12px; color: #fff; } } .popup-delivery__text { display: none; margin-top: 20px; padding-left: 30px; font-size: 16px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .popup-delivery__text { margin-top: 15px; padding-left: 22px; font-size: 12px; color: #fff; } } .popup-delivery__form { position: relative; width: 100%; } .popup-delivery__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-delivery__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .check { padding-left: 24px; } .check__input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .check__box { position: absolute; width: 1em; height: 1em; margin-left: -1.2em; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='3' y='3' width='14' height='14' fill='%23fff' stroke='%234a90e2' stroke-width='2' rx='2'/%3E%3C/svg%3E"); } .popup-accept-city { display: none; position: absolute; z-index: 100; top: 44px; padding: 15px 20px; border: 1px solid #253561; border-radius: 15px; background-color: white; } @media (max-width: 1200px) { .popup-accept-city { top: 5px; left: 5px; } } .popup-accept-city.active { display: block; } .popup-accept-city__title { margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #253561; } .popup-accept-city__title strong { font-weight: 600; } .popup-accept-city__buttons-list[class] { display: flex; -moz-column-gap: 10px; column-gap: 10px; padding-top: 10px; border-top: 1px solid #73716F; } .popup-accept-city__btn { padding: 10px 15px; font-size: 12px; font-weight: 500; border-radius: 10px; } .popup-accept-city__btn--yes { color: #fff; background-color: #253561; border: 1px solid #253561; } .popup-accept-city__btn--no { color: #253561; background-color: #fff; border: 1px solid #253561; } .popup-accept-city__btn-close { position: absolute; top: 6px; right: 6px; width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } .popup-choose-city { display: none; position: absolute; z-index: 100; top: 44px; padding: 15px 20px; border: 1px solid #253561; border-radius: 15px; background-color: white; } @media (max-width: 1200px) { .popup-choose-city { top: 5px; left: 5px; } } @media (max-width: 540px) { .popup-choose-city { top: 5px; left: 5px; width: 310px; } } .popup-choose-city.active { display: block; } .popup-choose-city__title { margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #253561; } .popup-choose-city__title strong { font-weight: 600; } .popup-choose-city__input { position: relative; width: 352px; max-width: 100%; margin-bottom: 15px; padding: 10px 20px; font-size: 14px; font-weight: 400; color: #333333; border: 1px solid #E0E0E0; border-radius: 60px; background-position-y: 10px; background-position-x: calc( 100% - 15px); background-repeat: no-repeat; background-size: 15px 15px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='7.48649' cy='7.54023' rx='6.48649' ry='6.32978' stroke='%232B3F6C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9458 12.2544L15.9999 16.2105' stroke='%232B3F6C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .popup-choose-city__input::-moz-placeholder { color: #828282; } .popup-choose-city__input:-ms-input-placeholder { color: #828282; } .popup-choose-city__input::placeholder { color: #828282; } .popup-choose-city__popular-citys-list { -moz-column-count: 2; column-count: 2; } .popup-choose-city__popular-city-item { margin-bottom: 10px; font-size: 16px; font-weight: 400; } .popup-choose-city__popular-city-item--accent { font-weight: 600; } .popup-choose-city__buttons-list[class] { display: flex; -moz-column-gap: 10px; column-gap: 10px; padding-top: 10px; } .popup-choose-city__btn { padding: 10px 15px; font-size: 14px; font-weight: 500; border-radius: 10px; } .popup-choose-city__btn--yes { color: #73716F; background-color: #E0E0E0; border: 1px solid #E0E0E0; } .popup-choose-city__btn--yes.active { color: #fff; background-color: #253561; border: 1px solid #253561; } .popup-choose-city__btn--no { color: #253561; background-color: #fff; } .popup-choose-city__btn-close { position: absolute; top: 3px; right: 6px; width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } .popup-cv { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-cv { padding: 0; } } .popup-cv.success .popup-cv__title-success { display: block; } .popup-cv.success .popup-cv__title { display: none; } .popup-cv.success .popup-cv__form { display: none; } .popup-cv.active { display: flex; } .popup-cv__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 770px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-cv__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-cv__title, .popup-cv__title-success { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } @media (max-width: 760px) { .popup-cv__title, .popup-cv__title-success { font-size: 18px; color: #fff; } } .popup-cv__title-success { display: none; } .popup-cv__form { position: relative; width: 100%; } .popup-cv__inputs-wrapper { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 30px; } @media (max-width: 760px) { .popup-cv__inputs-wrapper { gap: 15px; margin-bottom: 15px; } } .popup-cv__input-label { max-width: 310px; width: 100%; } .popup-cv__input-title { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 400; color: #60615E; } @media (max-width: 760px) { .popup-cv__input-title { font-size: 12px; color: #fff; } } .popup-cv__input { width: 100%; padding: 15px 15px; font-size: 16px; color: #1A1919; border: 1px solid #BDBDBD; border-radius: 10px; } @media (max-width: 760px) { .popup-cv__input { padding: 10px 15px; font-size: 12px; font-weight: 500; border-color: #253561; } } .popup-cv__input-file-label { display: block; max-width: 370px; width: 100%; margin-bottom: 30px; } .popup-cv__hidden-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .popup-cv__visible-file-input { position: relative; width: 100%; max-width: 370px; height: 56px; font-size: 16px; padding: 15px 15px; color: #1A1919; border: 1px solid #BDBDBD; border-radius: 10px; overflow: hidden; } @media (max-width: 760px) { .popup-cv__visible-file-input { padding: 10px 15px; height: 37px; font-size: 12px; font-weight: 500; background-color: #fff; } } .popup-cv__visible-file-input::after { content: ''; z-index: 10; position: absolute; top: 0; right: -1px; display: block; width: 65px; height: 56px; background-color: #253561; border: 1px solid #C6C6C6; border-radius: 10px; background-repeat: no-repeat; background-size: 33px 33px; background-position: 16px 10px; background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.175 13.7502H12.3612V20.6252C12.3612 21.3814 12.98 22.0002 13.7362 22.0002H19.2362C19.9925 22.0002 20.6112 21.3814 20.6112 20.6252V13.7502H22.7975C24.0212 13.7502 24.64 12.2652 23.7738 11.3989L17.4625 5.08766C17.3353 4.96019 17.1842 4.85906 17.0179 4.79006C16.8515 4.72106 16.6732 4.68555 16.4931 4.68555C16.313 4.68555 16.1347 4.72106 15.9684 4.79006C15.8021 4.85906 15.651 4.96019 15.5238 5.08766L9.2125 11.3989C8.34625 12.2652 8.95125 13.7502 10.175 13.7502ZM6.875 26.1252C6.875 26.8814 7.49375 27.5002 8.25 27.5002H24.75C25.5063 27.5002 26.125 26.8814 26.125 26.1252C26.125 25.3689 25.5063 24.7502 24.75 24.7502H8.25C7.49375 24.7502 6.875 25.3689 6.875 26.1252Z' fill='white'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .popup-cv__visible-file-input::after { width: 40px; height: 100%; background-size: 30px 30px; background-position: 4px 1px; } } .popup-cv__visible-file-input.error { border: 2px solid #F04438; } .popup-cv__terms { font-size: 16px; font-weight: 400; color: #000; } @media (max-width: 760px) { .popup-cv__terms { font-size: 12px; color: #fff; } } .popup-cv__btn-submit { display: block; margin-bottom: 40px; padding: 15px 70px; font-size: 18px; font-weight: 600; color: #fff; background: #253561; border-radius: 15px; } @media (max-width: 760px) { .popup-cv__btn-submit { width: auto; margin: 0 auto; margin-bottom: 20px; font-size: 12px; padding: 10px 33px; background-color: #fff; color: #253561; border-radius: 60px; } } .popup-cv__terms-link { margin-left: 5px; color: inherit; } .popup-cv__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-cv__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .popup-liked { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30vh 10px 30px; z-index: 200; overflow-y: auto; } @media (max-width: 760px) { .popup-liked { padding: 0; } } .popup-liked.active { display: flex; } .popup-liked__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } @media (max-width: 760px) { .popup-liked__wrapper { align-items: center; width: 100vw; height: 100vh; padding: 70px 20px; background-color: #253561; border-radius: 0; } } .popup-liked__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 30px; } @media (max-width: 760px) { .popup-liked__title { font-size: 18px; color: #fff; } } .popup-liked__btn-submit { display: block; padding: 15px 45px; margin: 0 auto; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } .popup-liked__btn-submit.hide { display: none; } @media (max-width: 760px) { .popup-liked__btn-submit { width: auto; margin: 0 auto; font-size: 11px; padding: 10px 33px; background-color: #fff; color: #253561; } } .popup-liked__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .popup-liked__btn-close { background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='white'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='white'/%3E%3C/svg%3E%0A"); } } .my-select { z-index: 20; } .my-select .choices__inner, .my-select .is-open .choices__inner { padding: 12px 15px; font-size: 18px; font-weight: 400; color: #253561; border: 1px solid #253561; border-radius: 15px; background-color: #fff; } @media (max-width: 1200px) { .my-select .choices__inner, .my-select .is-open .choices__inner { padding: 10px 15px; font-size: 12px; } } .my-select .is-open .choices__inner { border-radius: 15px 15px 0 0; } .my-select .choices[data-type*=select-one] .choices__inner { padding: 12px 15px; } @media (max-width: 1200px) { .my-select .choices[data-type*=select-one] .choices__inner { padding: 10px 15px; } } .my-select .choices[data-type*=select-one]::after { border: none; width: 14px; height: 6px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.68457L8 6.68457L15 0.68457' stroke='%23253561'/%3E%3C/svg%3E%0A"); } .my-select .choices[data-type*=select-one].is-open::after { margin-top: 0; transform: rotate(180deg); } .my-select .choices__list.choices__list--dropdown.is-active { padding: 0px 15px 12px 15px; border: 1px solid #253561; border-radius: 0 0 15px 15px; background-color: #fff; } @media (max-width: 1200px) { .my-select .choices__list.choices__list--dropdown.is-active { padding: 0px 15px 10px 15px; } } .my-select .choices__list.choices__list--dropdown.is-active .choices__item { padding: 10px 0px; font-size: 18px; font-weight: 400; color: #253561; } @media (max-width: 1200px) { .my-select .choices__list.choices__list--dropdown.is-active .choices__item { font-size: 12px; } } .my-select .choices__list--dropdown .choices__item--selectable::after, .my-select .choices__list[aria-expanded] .choices__item--selectable::after { display: none; } .breadcrumbs { max-width: 1180px; padding: 35px 10px 40px 10px; margin: 0 auto; white-space: nowrap; overflow: hidden; } @media (max-width: 1200px) { .breadcrumbs { position: relative; padding: 15px 20px 20px 20px; } .breadcrumbs::before { content: ""; display: block; height: 20px; position: absolute; top: 0; bottom: 0; right: 0; width: 80px; height: 100%; z-index: 10; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 47%, white 100%); } } .breadcrumbs a { position: relative; color: #333333; font-size: 16px; font-weight: 600; } @media (max-width: 1200px) { .breadcrumbs a { font-size: 12px; line-height: 120%; } } .breadcrumbs a:last-child { color: #999794; } .breadcrumbs a:not(:first-child)::before { content: ">"; display: inline-block; font-size: 16px; margin-left: 10px; margin-right: 10px; } @media (max-width: 1200px) { .breadcrumbs a:not(:first-child)::before { font-size: 12px; line-height: 120%; } } .footer { background-color: #253561; color: #fff; margin-top: auto; } .footer__main { max-width: 1180px; padding: 46px 10px 41px; margin: 0 auto; display: flex; border-bottom: 1px solid #fff; } @media (max-width: 920px) { .footer__main { flex-wrap: wrap; } } @media (max-width: 780px) { .footer__main { flex-direction: column; padding: 20px 20px 25px 20px; } } .footer__logo { margin-bottom: 21px; display: inline-block; } @media (max-width: 780px) { .footer__logo { margin-bottom: 0; } } @media (max-width: 780px) { .footer__logo svg { width: 171px; height: 34px; } } .footer__logo-box { margin-right: 38px; } @media (max-width: 920px) { .footer__logo-box { width: 100%; padding-bottom: 40px; border-bottom: 1px solid #fff; } } .footer__social-item { display: inline-block; } @media (max-width: 780px) { .footer__social-item { display: none; } } .footer__social-item:first-child { margin-right: 12px; } .footer__list { margin-top: 15px; } .footer__list:not(:last-child) { margin-right: auto; } @media (max-width: 780px) { .footer__list:not(:last-child) { border-bottom: 1px solid #fff; } } .footer__list-contacts { max-width: 285px; } .footer__item:not(:last-child) { margin-bottom: 15px; } @media (max-width: 780px) { .footer__item:not(:first-child) { opacity: 0.7; } } @media (max-width: 780px) { .footer__item.active { margin-bottom: 15px; } } .footer__item a { color: #fff; font-size: 15px; font-weight: 600; } .footer__item span { font-size: 16px; font-weight: 600; } @media (max-width: 780px) { .footer__item:first-child { display: block !important; width: 280px; padding-bottom: 15px; margin-bottom: 0; } .footer__item:first-child span { position: relative; display: block; width: 100%; display: flex; align-items: center; justify-content: space-between; } .footer__item:first-child span::after { content: ''; display: inline-block; width: 18px; height: 8px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.0537 9L19 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .footer__item:first-child span.footer__item-title-call-back--decktop { display: none; } .footer__item:first-child.active span::after { transform: rotate(180deg); } .footer__item:not(:first-child) { display: none; } .footer__item:not(:first-child).active { display: block; } } .footer__item-title { font-size: 16px; text-decoration: underline; } @media (max-width: 780px) { .footer__item-title { text-decoration: none; } } @media (max-width: 780px) { .footer__item-title-call-back--decktop { display: none; } } .footer__item-title-call-back--mobile { display: none; } @media (max-width: 780px) { .footer__item-title-call-back--mobile { display: block; } } .footer__item--tel a { opacity: 0.7; } .footer__mobile-item { display: none; } @media (max-width: 780px) { .footer__mobile-item.active { display: block; } } .footer__mobile-item:not(:last-child) { margin-bottom: 15px; } .footer__mobile-item a, .footer__mobile-item button { font-size: 14px; font-weight: 600; color: #fff; opacity: 0.7; } .footer__bottom { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; padding: 22px 10px; margin: 0 auto; } @media (max-width: 1200px) { .footer__bottom { flex-direction: column; padding: 20px; } } .footer__bottom span { font-size: 14px; } @media (max-width: 1200px) { .footer__bottom span { margin-bottom: 20px; text-align: center; } } .footer__bottom a { font-size: 16px; color: #fff; } @media (max-width: 1200px) { .footer__bottom a { margin-bottom: 20px; } } .footer__author { display: flex; align-items: center; } @media (max-width: 1200px) { .footer__author { flex-direction: column; } } .footer__author span { font-size: 14px; margin-right: 9px; } .footer__author a { font-size: 14px; margin-right: 15px; } @media (max-width: 1200px) { .footer__author a { margin-bottom: 0; } } @media (max-width: 1200px) { .footer__author-inner { margin-bottom: 15px; } } .main { padding-top: 145px; } @media (max-width: 1200px) { .main { padding-top: 120px; } } .swiper-pagination { z-index: 0; } @media (max-width: 1200px) { .main-slider { display: none; } } .main-slider a { background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("/local/templates/doorlock/assets/css/../img/main-slider-bg.jpg"); display: flex; flex-direction: column; justify-content: center; min-height: 440px; align-items: center; } .main-slider .swiper { max-width: 1180px; padding: 0 10px; margin: 0 auto; display: flex; align-items: flex-start; } .main-slider__title { text-transform: uppercase; color: #fff; font-size: 48px; line-height: 115%; font-weight: 700; margin-top: auto; margin-bottom: 30px; max-width: 60%; text-align: center; min-height: 110px; } .main-slider__link { font-size: 20px; line-height: 130%; color: blue; padding: 12px 75px; background-color: #fff; border-radius: 60px; margin-bottom: 107px; } .main-slider .swiper-pagination { bottom: 30px; z-index: 10; } .main-slider .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #fff; transition: all 0.3s; } .main-slider .swiper-pagination-bullet-active { background-color: #fff; } .main-slider .swiper-button-prev, .main-slider .swiper-button-next { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.15); border-radius: 10px; cursor: pointer; } .main-slider .swiper-button-prev::after, .main-slider .swiper-button-next::after { font-size: 0; width: 11px; height: 19px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='white'/%3E%3C/svg%3E%0A"); } .main-slider .swiper-button-prev { left: 1%; } .main-slider .swiper-button-next { right: 1%; } .main-slider .swiper-button-next::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='white'/%3E%3C/svg%3E%0A"); } .accessories { padding-top: 0; padding-bottom: 50px; } @media (max-width: 1200px) { .accessories { padding-top: 0; padding-bottom: 20px; } } .accessories__inner { max-width: 1180px; padding: 0 10px; margin: 0 auto; display: flex; align-items: flex-start; } @media (max-width: 1200px) { .accessories__inner { padding: 0 20px; } } .accessories__wrapper { max-width: 860px; margin-left: auto; } @media (max-width: 1200px) { .accessories__wrapper { max-width: 1200px; width: 100%; } } .accessories-menu { max-width: 275px; padding: 20px 20px; background-color: #ECEEF4; border-radius: 15px; margin-right: 20px; border: 1px solid #253561; } .accessories-menu.fixed { position: fixed; top: 160px; align-self: flex-start; } @media (max-width: 1200px) { .accessories-menu { display: none; } } .accessories-menu__list { margin-top: 25px; } .accessories-menu__item { display: block; } .accessories-menu__item:not(:last-child) { margin-bottom: 15px; } .accessories-menu__item a { font-size: 16px; color: #253561; } .accessories-menu__search { position: relative; background-color: #ECEEF4; border-radius: 15px; height: 34px; } .accessories-menu__search input { width: 235px; padding: 10px 20px; border: 1px solid #253561; background-color: #ECEEF4; border-radius: 15px; height: 35px; color: #333333; } .accessories-menu__search input.active { background-color: #fff; } .accessories-menu__search input::-moz-placeholder { font-size: 12px; font-weight: 400; color: #828282; } .accessories-menu__search input:-ms-input-placeholder { font-size: 12px; font-weight: 400; color: #828282; } .accessories-menu__search input::placeholder { font-size: 12px; font-weight: 400; color: #828282; } .accessories-menu__search.active { border-radius: 15px 15px 0 0; } .accessories-menu__search.active input { border-radius: 15px 15px; } .accessories-menu__search button { position: absolute; top: 12px; right: 15px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8686 14.235L11.2234 10.5898C12.2012 9.46563 12.7932 7.99889 12.7932 6.39579C12.7932 2.86696 9.92292 0 6.39743 0C2.86861 0 0.00164795 2.87029 0.00164795 6.39579C0.00164795 9.92129 2.87193 12.7916 6.39743 12.7916C8.00053 12.7916 9.46727 12.1996 10.5914 11.2217L14.2367 14.867C14.3231 14.9534 14.4395 15 14.5526 15C14.6657 15 14.7821 14.9568 14.8686 14.867C15.0415 14.694 15.0415 14.408 14.8686 14.235ZM0.896326 6.39579C0.896326 3.36253 3.36417 0.898004 6.3941 0.898004C9.42736 0.898004 11.8919 3.36585 11.8919 6.39579C11.8919 9.42572 9.42736 11.8969 6.3941 11.8969C3.36417 11.8969 0.896326 9.42905 0.896326 6.39579Z' fill='%23253561'/%3E%3C/svg%3E"); } .accessories-menu__search-list { position: absolute; top: 37px; left: -1px; width: auto; background-color: #fff; border: 1px solid #253561; border-radius: 17px; padding: 10px 20px; display: none; } .accessories-menu__search-list.active { display: block; } .accessories-menu__search-item { border-top: 1px solid #E0E0E0; } .accessories-menu__search-item:first-child { border-top: 1px solid transparent; } .accessories-menu__search-item:first-child a { padding-top: 0; } .accessories-menu__search-item a { display: block; padding: 9px 0; font-size: 12px; color: #333333; white-space: nowrap; } .accessories-menu__search-item-all { border-top: 1px solid #E0E0E0; } .accessories-menu__search-item-all a { display: block; padding-top: 15px; font-size: 12px; color: #253561; text-decoration: underline; } .accessories-main { margin-bottom: 80px; } @media (max-width: 1200px) { .accessories-main { margin-bottom: 50px; } } .accessories-main__title { font-size: 28px; font-weight: 600; margin-bottom: 45px; } @media (max-width: 1200px) { .accessories-main__title { font-size: 22px; margin-bottom: 20px; max-width: 200px; } } .accessories-main__inner { display: flex; flex-wrap: wrap; align-items: stretch; row-gap: 34px; justify-content: space-between; -moz-column-gap: 10px; column-gap: 10px; } @media (max-width: 1200px) { .accessories-main__inner { justify-content: flex-start; -moz-column-gap: 6px; column-gap: 6px; row-gap: 6px; } } .accessories-main__card { flex: 0 1 200px; } @media (max-width: 780px) { .accessories-main__card { flex: 0 0 89px; width: 89px; } } .accessories-main__card--link { display: none; } @media (max-width: 1200px) { .accessories-main__card--link { display: flex; flex: 0 0 200px; width: 200px; align-items: center; justify-content: center; height: 105px; } } @media (max-width: 780px) { .accessories-main__card--link { display: flex; flex: 0 0 89px; width: 89px; height: 69px; } } .accessories-main__to-catalog-link { font-size: 12px; font-weight: 500; text-decoration: underline; text-align: center; } .accessories-main__card-link { display: flex; align-items: center; flex-direction: column; max-width: 200px; padding: 20px 20px; border: 1px solid #253561; border-radius: 15px; height: 100%; } @media (max-width: 780px) { .accessories-main__card-link { padding: 10px 4px; } } .accessories-main svg { margin-bottom: 7px; } @media (max-width: 780px) { .accessories-main svg { width: 21px; height: 21px; margin-bottom: 4px; } } .accessories-main img { margin-bottom: 7px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 780px) { .accessories-main img { width: 21px; height: 21px; margin-bottom: 4px; } } .accessories-main__name { font-size: 18px; color: #253561; text-align: center; } @media (max-width: 1200px) { .accessories-main__name { font-size: 8.5px; line-height: 120%; } } @media (max-width: 1200px) { .accessories-slider { width: 100%; } } .accessories-slider__top { display: flex; } .accessories-slider__title { font-size: 28px; font-weight: 600; margin-bottom: 45px; margin-right: auto; } @media (max-width: 1200px) { .accessories-slider__title { font-size: 22px; margin-bottom: 20px; } } .accessories-slider__button-prev, .accessories-slider__button-next { width: 40px; height: 40px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); background-size: 11px 19px; background-repeat: no-repeat; background-position: 13px 10px; cursor: pointer; } @media (max-width: 1200px) { .accessories-slider__button-prev, .accessories-slider__button-next { width: 22px; height: 22px; background-size: 5px 8px; background-position: 9px 7px; } } .accessories-slider__button-prev.swiper-button-disabled, .accessories-slider__button-next.swiper-button-disabled { opacity: 0.5; } .accessories-slider__button-prev { margin-right: 20px; cursor: pointer; } .accessories-slider__button-next { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); cursor: pointer; } .accessories-slider__btn { display: flex; margin: 20px auto 0; padding: 13px 50px; color: #253561; background-color: #fff; border: 1px solid #253561; border-radius: 60px; } @media (max-width: 1200px) { .accessories-slider__btn { display: none; } } .accessories-slider .swiper-wrapper { padding-bottom: 80px; } .accessories-slider .swiper-pagination { bottom: -22px; margin-bottom: 25px; } .accessories-slider .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .accessories-slider .swiper-pagination-bullet-active { background-color: #253561; } .product-card { position: relative; border: 1px solid #253561; border-radius: 16px; padding: 16px; max-width: 306px; height: 321px; display: flex; flex-direction: column; background-color: #fff; transition: border-radius 0.2s; } @media (max-width: 920px) { .product-card { max-width: 136px; height: 182px; padding: 8px; } } .product-card--with-additional-offer-wrapper:hover { border-radius: 15px 15px 0 0; } .product-card--with-additional-offer-wrapper:hover .product-card__additional-offer-wrapper { bottom: -49px; z-index: 20; } @media (max-width: 920px) { .product-card--with-additional-offer-wrapper:hover .product-card__additional-offer-wrapper { bottom: -26px; z-index: 20; } } .product-card__additional-offer-wrapper { position: absolute; bottom: 49px; left: -1px; z-index: -1; width: calc( 100% + 2px); padding: 14px; text-align: center; background-color: #fff; border: 1px solid #253561; border-radius: 0 0 15px 15px; transition: bottom 0.4s z-index 0.2s; } @media (max-width: 920px) { .product-card__additional-offer-wrapper { padding: 6px; padding-top: 0; } } .product-card__additional-offer-wrapper span { font-size: 15px; font-weight: 500; color: #253561; border-bottom: 1px solid #253561; } @media (max-width: 920px) { .product-card__additional-offer-wrapper span { font-size: 8px; } } .product-card__img { display: block; width: 225px; height: 160px; margin: 0 auto 10px; cursor: pointer; } @media (max-width: 920px) { .product-card__img { width: 112px; height: 81px; margin-bottom: 5px; } } .product-card__name { color: #253561; margin-top: 0; font-size: 15px; margin-bottom: 10px; cursor: pointer; } @media (max-width: 920px) { .product-card__name { font-size: 7px; line-height: 9px; margin-bottom: 0px; } } .product-card__price { display: inline-block; color: #253561; margin-bottom: 15px; margin-bottom: auto; position: relative; } .product-card__price span:nth-child(1) { font-size: 18px; font-weight: 700; } @media (max-width: 920px) { .product-card__price span:nth-child(1) { font-size: 9px; line-height: 11px; } } .product-card__price span:nth-child(2) { font-size: 16px; font-weight: 600; margin-left: 7px; text-decoration: line-through; color: #828282; } .product-card__price span:nth-child(2) div { text-decoration: line-through; } @media (max-width: 920px) { .product-card__price span:nth-child(2) { font-size: 8px; line-height: 10px; } } .product-card__price span:nth-child(3) { font-size: 16px; font-weight: 600; margin-left: 7px; color: #219653; } @media (max-width: 920px) { .product-card__price span:nth-child(3) { font-size: 8px; line-height: 10px; margin-left: 0; position: absolute; top: 17px; left: 0; } } @media (max-width: 920px) { .product-card__price { margin-bottom: 3px; } } .product-card__bottom { display: flex; align-items: center; } @media (max-width: 920px) { .product-card__bottom { flex-wrap: wrap; justify-content: flex-end; } } .product-card__bottom.unavailible .product-card__btn, .product-card__bottom.unavailible .product-card__card { display: none; } .product-card__bottom.unavailible .product-card__report-me-btn { display: block; } .product-card__bottom.ordered .product-card__report-me-btn { display: none; } .product-card__bottom.ordered .product-card__ordered-btn { display: block; } .product-card__ordered-btn, .product-card__report-me-btn { display: none; background-color: #fff; padding: 10px 10px; font-size: 12px; color: #253561; margin-right: auto; border-radius: 66px; border: 1px solid #253561; cursor: pointer; } @media (max-width: 920px) { .product-card__ordered-btn, .product-card__report-me-btn { text-align: center; font-size: 7px; line-height: 9px; padding: 7px 0px; width: 100%; margin-top: 7px; } } .product-card__btn { background-color: #253561; padding: 10px 26px; font-size: 12px; color: #fff; margin-right: auto; border-radius: 66px; cursor: pointer; } @media (max-width: 920px) { .product-card__btn { font-size: 8px; line-height: 9px; padding: 8px 25px; width: 100%; margin-top: 7px; } } .product-card__card { width: 25px; height: 25px; margin-right: 22px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19572 0.0193411C0.654121 -0.0887545 0.127437 0.262673 0.0193411 0.804276C-0.0887545 1.34588 0.262673 1.87256 0.804276 1.98066L1.19572 0.0193411ZM4.64 5.54055L3.64498 5.64026L3.64597 5.65011L3.64715 5.65994L4.64 5.54055ZM26.2838 8.39947L27.2538 8.64248L26.2838 8.39947ZM24.4137 15.8641L23.4437 15.6211L24.4137 15.8641ZM2.79895 1.35904L2.60323 2.3397L2.79895 1.35904ZM0.804276 1.98066L2.60323 2.3397L2.99467 0.378384L1.19572 0.0193411L0.804276 1.98066ZM7.97391 19.5135H21.0187V17.5135H7.97391V19.5135ZM25.3838 16.1071L27.2538 8.64248L25.3138 8.15646L23.4437 15.6211L25.3838 16.1071ZM3.40252 3.22065L3.64498 5.64026L5.63502 5.44084L5.39255 3.02123L3.40252 3.22065ZM3.64715 5.65994L4.99537 16.8717L6.98106 16.6329L5.63285 5.42116L3.64715 5.65994ZM24.0527 4.54055H4.64V6.54055H24.0527V4.54055ZM27.2538 8.64248C27.7757 6.55931 26.2003 4.54055 24.0527 4.54055V6.54055C24.8987 6.54055 25.5193 7.33582 25.3138 8.15646L27.2538 8.64248ZM21.0187 19.5135C23.0827 19.5135 24.8822 18.1093 25.3838 16.1071L23.4437 15.6211C23.1651 16.7334 22.1654 17.5135 21.0187 17.5135V19.5135ZM7.97391 17.5135C7.4678 17.5135 7.04148 17.1354 6.98106 16.6329L4.99537 16.8717C5.17664 18.3792 6.45559 19.5135 7.97391 19.5135V17.5135ZM2.60323 2.3397C3.03433 2.42574 3.35869 2.78324 3.40252 3.22065L5.39255 3.02123C5.26105 1.70899 4.28799 0.636509 2.99467 0.378384L2.60323 2.3397Z' fill='%232B3F6C'/%3E%3Cpath d='M15.3 14.6216H10.1' stroke='%232B3F6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='9.44994' cy='23.054' rx='1.95' ry='1.94595' fill='%232B3F6C'/%3E%3Cellipse cx='21.15' cy='23.054' rx='1.95' ry='1.94595' fill='%232B3F6C'/%3E%3C/svg%3E"); cursor: pointer; } @media (max-width: 920px) { .product-card__card { width: 12px; height: 12px; margin-right: 7px; order: -1; margin-left: auto; } } .product-card__favorite { width: 25px; height: 25px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L16.4286 9.57143H25L18.1429 15.5714L20.7143 25L13 19L5.28571 25L7.85714 15.5714L1 9.57143H9.57143L13 1Z' stroke='%23253561' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); cursor: pointer; } .product-card__favorite.active { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L16.4286 9.57143H25L18.1429 15.5714L20.7143 25L13 19L5.28571 25L7.85714 15.5714L1 9.57143H9.57143L13 1Z' fill='%23253561' stroke='%23253561' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 920px) { .product-card__favorite { width: 12px; height: 12px; order: -1; } } .news { padding: 0 50px; background-color: #ECEEF4; } @media (max-width: 1200px) { .news { display: none; } } .news__wrapper { max-width: 1180px; padding: 0 10px; margin: 0 auto; display: flex; align-items: flex-start; } .news__left-box { height: 10px; max-width: 295px; width: 100%; } .news__inner { max-width: 860px; } .news__top { display: flex; margin-bottom: 30px; padding-top: 60px; } .news__title-news, .news__title-article { font-size: 28px; font-weight: 600; color: #828282; margin: 0; display: block; cursor: pointer; } .news__title-news.active, .news__title-article.active { color: #333333; text-decoration: underline; } .news__title-news { margin-right: 30px; } .news__slider-wrapper { display: none; margin-bottom: 50px; } .news__slider-wrapper.active { display: block; } .news__articles-slider-wrapper { display: none; margin-bottom: 50px; } .news__articles-slider-wrapper.active { display: block; } .news__slider-btn, .news__video-slider-btn { display: flex; margin: 43px auto 0; padding: 13px 50px; color: #253561; background-color: #fff; border: 1px solid #253561; border-radius: 60px; } .news__video-slider-wrapper { padding-bottom: 50px; } .news__video-top { display: flex; align-items: center; padding-top: 10px; } .news__video-title { font-size: 28px; font-weight: 600; margin-bottom: 45px; margin-right: auto; color: #333333; } .news__video-button-prev, .news__video-button-next { width: 40px; height: 40px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); background-size: 11px 19px; background-repeat: no-repeat; background-position: 13px 10px; cursor: pointer; } .news__video-button-prev.swiper-button-disabled, .news__video-button-next.swiper-button-disabled { opacity: 0.5; } .news__video-button-prev { margin-right: 20px; } .news__video-button-next { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); } .news .news__video-slider-wrapper .swiper-wrapper { padding-bottom: 25px; } .news .news__video-slider-wrapper .swiper-pagination { bottom: 0px; } .news .news__video-slider-wrapper .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .news .news__video-slider-wrapper .swiper-pagination-bullet-active { background-color: #253561; } .news__video-slider-btn { margin-top: 20px; } .news__btn { display: flex; margin: 20px auto 0; padding: 13px 50px; color: #253561; background-color: #fff; border: 1px solid #253561; border-radius: 60px; } .news-card { border: 1px solid #253561; border-radius: 16px; padding: 16px; max-width: 275px; background-color: #fff; height: 491px; display: flex; align-items: flex-start; flex-direction: column; } .news-card__img { display: block; width: 225px; height: 160px; margin: 0 auto 25px; } .news-card__name { color: #000; margin-top: 0; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .news-card__text { font-size: 16px; color: #828282; margin-bottom: 15px; } .news-card__group { margin-bottom: auto; } .news-card__group a { font-size: 14px; color: #253561; } .news-card__btn a { display: flex; align-items: center; font-size: 16px; color: #253561; text-decoration: underline; } .news-card__btn a::after { content: ''; display: inline-block; width: 28px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5127 6.1462C1.02106 6.1462 0.622513 6.54474 0.622513 7.03638C0.622513 7.52801 1.02106 7.92656 1.5127 7.92656V6.1462ZM27.7349 7.66583C28.0825 7.31819 28.0825 6.75456 27.7349 6.40692L22.0698 0.741841C21.7222 0.394203 21.1585 0.394203 20.8109 0.741841C20.4632 1.08948 20.4632 1.65311 20.8109 2.00075L25.8465 7.03638L20.8109 12.072C20.4632 12.4196 20.4632 12.9833 20.8109 13.3309C21.1585 13.6786 21.7222 13.6786 22.0698 13.3309L27.7349 7.66583ZM1.5127 7.92656H27.1054V6.1462H1.5127V7.92656Z' fill='%23253561'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; margin-left: 11px; margin-top: 5px; } .news-articles-card { border: 1px solid #253561; border-radius: 16px; padding: 0; max-width: 275px; background-color: #fff; height: 546px; display: flex; flex-direction: column; } .news-articles-card__img { display: block; width: 100%; height: 154px; border-radius: 16px 16px 0 0; } .news-articles-card__bottom { padding: 15px 20px; display: flex; align-items: flex-start; flex-direction: column; height: 100%; } .news-articles-card__name { color: #253561; margin-top: 0; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .news-articles-card__text { font-size: 16px; color: #333333; margin-bottom: auto; } .news-articles-card__btn { display: flex; align-items: center; font-size: 14px; color: #253561; text-decoration: underline; } .news-articles-card__btn::after { content: ''; display: inline-block; width: 28px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5127 6.1462C1.02106 6.1462 0.622513 6.54474 0.622513 7.03638C0.622513 7.52801 1.02106 7.92656 1.5127 7.92656V6.1462ZM27.7349 7.66583C28.0825 7.31819 28.0825 6.75456 27.7349 6.40692L22.0698 0.741841C21.7222 0.394203 21.1585 0.394203 20.8109 0.741841C20.4632 1.08948 20.4632 1.65311 20.8109 2.00075L25.8465 7.03638L20.8109 12.072C20.4632 12.4196 20.4632 12.9833 20.8109 13.3309C21.1585 13.6786 21.7222 13.6786 22.0698 13.3309L27.7349 7.66583ZM1.5127 7.92656H27.1054V6.1462H1.5127V7.92656Z' fill='%23253561'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; margin-left: 11px; margin-top: 3px; } .news-video-card { max-width: 273px; height: 270px; position: relative; } .news-video-card__img { position: relative; display: block; width: 273px; height: 174px; margin-bottom: 10px; border: 1px solid #253561; border-radius: 16px; } .news-video-card::after { content: ''; position: absolute; display: block; width: 43px; height: 31px; top: 80px; left: 115px; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg width='52' height='35' viewBox='0 0 52 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_260_15543)'%3E%3Cpath d='M50.8309 5.93768C50.5329 4.90457 49.9515 3.96272 49.1448 3.20591C48.3381 2.44911 47.334 1.90375 46.2327 1.62415C42.2008 0.592651 25.9738 0.592651 25.9738 0.592651C25.9738 0.592651 9.74597 0.623874 5.71408 1.65537C4.61274 1.93499 3.60871 2.48038 2.80197 3.23722C1.99523 3.99406 1.41392 4.93595 1.11594 5.96909C-0.103617 12.6893 -0.576704 22.9292 1.14942 29.3806C1.44744 30.4137 2.02876 31.3556 2.8355 32.1124C3.64224 32.8692 4.64625 33.4145 5.74756 33.6941C9.77946 34.7256 26.0069 34.7256 26.0069 34.7256C26.0069 34.7256 42.2341 34.7256 46.2658 33.6941C47.3672 33.4146 48.3712 32.8692 49.178 32.1124C49.9848 31.3556 50.5661 30.4137 50.8642 29.3806C52.1505 22.6509 52.5469 12.4174 50.8309 5.93787V5.93768Z' fill='%23FF0000'/%3E%3Cpath d='M20.8086 24.9736L34.2704 17.6594L20.8088 10.3453L20.8086 24.9736Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_260_15543'%3E%3Crect width='51.9564' height='34.2691' fill='white' transform='translate(0.0219727 0.592651)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; } .news-video-card__name { font-size: 18px; color: #253561; margin: 10px; } .advantages { padding: 50px 50px 0; background-color: #fff; } @media (max-width: 1200px) { .advantages { padding: 0 20px; } } .advantages__wrapper { max-width: 1180px; padding: 0 10px; margin: 0 auto; display: flex; align-items: flex-start; } .advantages__left-box { height: 10px; max-width: 295px; width: 100%; } @media (max-width: 1200px) { .advantages__left-box { display: none; } } .advantages__inner { max-width: 860px; } @media (max-width: 1200px) { .advantages__inner { max-width: 100%; } } .advantages__top { display: flex; margin-bottom: 30px; padding-top: 60px; } .advantages__title { display: block; width: 100%; font-size: 28px; font-weight: 600; color: #333333; } .advantages__list { width: 100%; margin-bottom: 100px; } @media (max-width: 760px) { .advantages__list { margin-bottom: 40px; } } .advantages__list .swiper { height: 260px; } @media (max-width: 760px) { .advantages__list .swiper { padding-bottom: 40px; } } @media (max-width: 520px) { .advantages__list .swiper { height: 188px; } } .advantages__list .swiper-slide { height: calc((100% - 20px) / 2) !important; overflow: hidden; } .advantages__list .swiper-pagination { bottom: 0; } .advantages__list .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .advantages__list .swiper-pagination-bullet-active { background-color: #253561; } .advantages .accessories-slider__top-advantages .accessories-slider__button-prev, .advantages .accessories-slider__top-advantages .accessories-slider__button-next { display: none; cursor: pointer; } @media (max-width: 1200px) { .advantages .accessories-slider__top-advantages .accessories-slider__button-prev, .advantages .accessories-slider__top-advantages .accessories-slider__button-next { display: block; } } .advantages__item { max-width: 200px; width: 100%; height: 100px; } @media (max-width: 520px) { .advantages__item { width: 120px; height: 64px; } } .advantages__item a { display: block; padding: 6px; max-width: 200px; width: 100%; height: 100px; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 520px) { .advantages__item a { max-width: 128px; padding: 3px; } } .advantages__item .advantages__item-inner { display: flex; align-items: center; justify-content: center; padding: 0 20px; width: 100%; height: 100%; background-color: #253561; border-radius: 15px; } @media (max-width: 520px) { .advantages__item .advantages__item-inner { max-width: 110px; } } .advantages__item span { text-align: center; color: #fff; font-size: 16px; } @media (max-width: 520px) { .advantages__item span { font-size: 12px; line-height: 14px; } } .advantages__brends-top { display: flex; align-items: center; padding-top: 10px; } .advantages__brends-slider-wrapper { padding-bottom: 50px; } @media (max-width: 1200px) { .advantages__brends-slider-wrapper { padding-bottom: 20px; } } .advantages__brends-slider-wrapper .swiper { height: 160px; padding-bottom: 30px; } @media (max-width: 1200px) { .advantages__brends-slider-wrapper .swiper { height: 300px; padding-bottom: 40px; } } @media (max-width: 520px) { .advantages__brends-slider-wrapper .swiper { height: 188px; } } @media (max-width: 1200px) { .advantages__brends-slider-wrapper .swiper-slide { height: calc((100% - 20px) / 2) !important; overflow: hidden; } } .advantages__brends-slider-wrapper .swiper-pagination { bottom: 0; } .advantages__brends-title { font-size: 28px; font-weight: 600; margin-bottom: 45px; margin-right: auto; color: #333333; } .advantages__brends-link { padding: 1px; } .advantages__brends-button-prev, .advantages__brends-button-next { width: 40px; height: 40px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); background-size: 11px 19px; background-repeat: no-repeat; background-position: 13px 10px; cursor: pointer; } .advantages__brends-button-prev.swiper-button-disabled, .advantages__brends-button-next.swiper-button-disabled { opacity: 0.5; } .advantages__brends-button-prev { margin-right: 20px; } .advantages__brends-button-next { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); } .advantages .advantages__brends-slider-wrapper .swiper-wrapper { padding-bottom: 25px; } .advantages .advantages__brends-slider-wrapper .swiper-pagination { bottom: 0px; } .advantages .advantages__brends-slider-wrapper .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .advantages .advantages__brends-slider-wrapper .swiper-pagination-bullet-active { background-color: #253561; } .advantages__video-slider-btn { margin-top: 20px; } .advantages__brends-slider-btn { display: flex; margin: 20px auto 0; padding: 13px 50px; color: #253561; background-color: #fff; border: 1px solid #253561; border-radius: 60px; } @media (max-width: 1200px) { .advantages__brends-slider-btn { font-size: 14px; padding: 11px 55px; } } .advantages .swiper-slide a { width: 200px; height: 100px; background-color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #253561; border-radius: 15px; } .advantages .swiper-slide img { -o-object-fit: contain; object-fit: contain; max-width: 100%; max-height: 100%; border-radius: 15px; } .page-main-result { max-width: 1180px; padding: 0 10px 0; margin: 0 auto; margin-bottom: 30px; } @media (max-width: 1200px) { .page-main-result { margin-bottom: 40px; } } .page-main-result.favorite-main { margin-bottom: 0; } .page-main-result__top { margin-bottom: 30px; max-width: 640px; } @media (max-width: 1200px) { .page-main-result__top { margin-bottom: 15px; padding: 0 10px; } } .page-main-result__top h1 { margin-bottom: 18px; font-size: 34px; line-height: 120%; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .page-main-result__top h1 { font-size: 22px; } } .page-main-result__top span { font-size: 22px; font-weight: 500; color: #333333; } @media (max-width: 1200px) { .page-main-result__top span { font-size: 14px; } } .page-main-result__empty-wrapper { max-width: 350px; margin-bottom: 67px; } @media (max-width: 1200px) { .page-main-result__empty-wrapper { margin-bottom: 40px; padding: 0 10px; } } .page-main-result__empty-wrapper p { display: block; margin-bottom: 40px; font-size: 18px; font-weight: 400; color: #333333; } @media (max-width: 1200px) { .page-main-result__empty-wrapper p { font-size: 14px; margin-bottom: 20px; } } .page-main-result__empty-wrapper a { margin-left: 5px; font-size: 18px; font-weight: 500; color: #253561; text-decoration: underline; } @media (max-width: 1200px) { .page-main-result__empty-wrapper a { font-size: 14px; margin-bottom: 20px; } } .page-main-result__subtitle { display: block; margin-bottom: 22px; font-size: 22px; font-weight: 500; color: #999794; } @media (max-width: 1200px) { .page-main-result__subtitle { font-size: 14px; } } .page-main-result__subtitle span { margin: 0 5px; font-size: 22px; color: #333; } @media (max-width: 1200px) { .page-main-result__subtitle span { font-size: 14px; } } .page-main-result__content .product-similar__inner .product-card:nth-child(1), .page-main-result__content .product-similar__inner .product-card:nth-child(2), .page-main-result__content .product-similar__inner .product-card:nth-child(3), .page-main-result__content .product-similar__inner .product-card:nth-child(4), .page-main-result__content .product-similar__inner .product-card:nth-child(5), .page-main-result__content .product-similar__inner .product-card:nth-child(6), .page-main-result__content .product-similar__inner .product-card:nth-child(7), .page-main-result__content .product-similar__inner .product-card:nth-child(8), .page-main-result__content .product-similar__inner .product-card:nth-child(9), .page-main-result__content .product-similar__inner .product-card:nth-child(10), .page-main-result__content .product-similar__inner .product-card:nth-child(11), .page-main-result__content .product-similar__inner .product-card:nth-child(12), .page-main-result__content .product-similar__inner .product-card:nth-child(13), .page-main-result__content .product-similar__inner .product-card:nth-child(14), .page-main-result__content .product-similar__inner .product-card:nth-child(15), .page-main-result__content .product-similar__inner .product-card:nth-child(16) { display: flex; } .catalog-main__title-wrapper { display: flex; align-items: baseline; max-width: 1180px; padding: 0 10px; margin: 0 auto 40px; } @media (max-width: 1200px) { .catalog-main__title-wrapper { padding: 0 20px; margin: 0 auto 30px; } } .catalog-main__title-wrapper h1 { margin-right: 20px; font-size: 34px; line-height: 120%; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .catalog-main__title-wrapper h1 { font-size: 22px; } } .catalog-main__title-wrapper p { font-size: 18px; line-height: 120%; font-weight: 500; color: #333333; letter-spacing: 0.01em; } @media (max-width: 1200px) { .catalog-main__title-wrapper p { display: none; } } .catalog-main__content-wrapper { display: flex; align-items: flex-start; max-width: 1180px; padding: 0 10px; margin: 0 auto 100px; } @media (max-width: 1200px) { .catalog-main__content-wrapper { flex-direction: column; align-items: center; padding: 0; } } .catalog-main__menu { width: 275px; margin-right: 20px; } @media (max-width: 1200px) { .catalog-main__menu { margin-right: 0; margin-bottom: 20px; width: 318px; } } .catalog-main__mobile-title { display: none; align-items: center; justify-content: space-between; margin-bottom: 15px; padding: 0 20px; } @media (max-width: 1200px) { .catalog-main__mobile-title { display: flex; } } .catalog-main__mobile-title h2 { font-size: 14px; color: #333333; } .catalog-main__mobile-title .catalog-main__mobile-filter-btn-close { display: none; } .catalog-main__mobile-title.active .catalog-main__mobile-filter-btn { display: none; } .catalog-main__mobile-title.active .catalog-main__mobile-filter-btn-close { display: block; } .catalog-main__filter { margin-bottom: 30px; } @media (max-width: 1200px) { .catalog-main__filter { margin-bottom: 0; } } .catalog-main__filter a { position: relative; font-size: 14px; font-weight: 400; color: #253561; display: flex; align-items: center; } .catalog-main__filter a p:nth-child(2) { display: inline-block; } .catalog-main__filter a p:nth-child(2) { display: none; } .catalog-main__filter a.open p:nth-child(1) { display: none; } .catalog-main__filter a.open p:nth-child(2) { display: inline-block; } @media (max-width: 1200px) { .catalog-main__filter a { display: none; } } .catalog-main__filter a::after { content: ''; display: inline-block; width: 11px; height: 5px; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23253561'/%3E%3C/svg%3E%0A"); } .catalog-main__filter a.open::after { transform: rotate(180deg); } @media (max-width: 1200px) { .catalog-main__filter a.active { display: flex; margin-left: 20px; margin-bottom: 15px; } } .catalog-main__filter-top { display: flex; justify-content: space-between; margin-bottom: 20px; } @media (max-width: 1200px) { .catalog-main__filter-top { display: none; outline: 1px solid #253561; padding: 15px 20px; margin-bottom: 0; position: relative; align-items: center; } .catalog-main__filter-top.active { display: flex; } .catalog-main__filter-top.open::after { transform: rotate(180deg); } .catalog-main__filter-top::after { content: ''; display: inline-block; width: 11px; height: 5px; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23253561'/%3E%3C/svg%3E%0A"); } } .catalog-main__filter-top h3 { font-size: 18px; line-height: 120%; font-weight: 400; color: #253561; } @media (max-width: 1200px) { .catalog-main__filter-top h3 { font-size: 16px; } } .catalog-main__filter-top button { position: relative; font-size: 12px; font-weight: 600; color: #73716F; } @media (max-width: 1200px) { .catalog-main__filter-top button { display: none; } } .catalog-main__filter-top button::before { content: ""; display: inline-block; width: 11px; height: 11px; margin-right: 5px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.69727' y='15.0962' width='14' height='1' rx='0.5' transform='rotate(-45 4.69727 15.0962)' fill='%2373716F'/%3E%3Crect x='5.4043' y='5.19669' width='14' height='1' rx='0.5' transform='rotate(45 5.4043 5.19669)' fill='%2373716F'/%3E%3C/svg%3E"); } @media (max-width: 1200px) { .catalog-main__filter-top.open button { display: block; position: absolute; top: 45px; right: 0px; padding: 10px; } } @media (max-width: 1200px) { .catalog-main form { display: none; } } .catalog-main form.active { display: block; margin-top: 15px; padding: 0 20px; } .catalog-main__item-checkboxes { position: relative; z-index: 10; } .catalog-main__item-checkboxes-2line { -moz-column-count: 2; column-count: 2; -moz-column-gap: 10px; column-gap: 10px; } .catalog-main__item-checkboxes label { display: inline-block; width: 100%; margin-bottom: 15px; } .catalog-main__item-checkboxes label input { display: none; } .catalog-main__item-checkboxes label input:checked + span::before { border: none; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' fill='%23253561'/%3E%3Cpath d='M3.75 8L7.25 12.5L12.25 3.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E"); } .catalog-main__item-checkboxes label span { position: relative; display: flex; align-items: center; font-size: 12px; font-weight: 600; color: #474645; cursor: pointer; } .catalog-main__item-checkboxes label span::before { content: ""; display: inline-block; flex: 0 0 auto; width: 16px; height: 16px; margin-right: 7px; background: #fff; border: 1px solid #73716F; } .catalog-main__filter-result { display: none; position: absolute; left: 260px; top: calc( 50% - 55px); width: 220px; padding: 15px 15px; background-color: #fff; border: 1px solid #253561; border-radius: 15px; text-align: center; z-index: 1000; } .catalog-main__filter-result p { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #253561; } .catalog-main__filter-result button { display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px; font-size: 12px; font-weight: 500; color: #fff; border-radius: 10px; background-color: #253561; } .catalog-main__filter-result.active { display: block; } @media (max-width: 1200px) { .catalog-main__filter-result.active { display: none; } } @media (max-width: 1200px) { .catalog-main__filter-result { display: none; } } .catalog-main__filter-result::before { content: ''; position: absolute; width: 24px; height: 30px; top: calc( 50% - 15px); left: -22px; z-index: 10; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("/local/templates/doorlock/assets/css/../img/popup-nose.png"); } @media (max-width: 1200px) { .catalog-main__filter-result::before { display: none; } } .catalog-main__menu-link { display: block; font-size: 18px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 1200px) { .catalog-main__menu-link { display: none; font-size: 14px; margin-left: 20px; } } .catalog-main__menu-link.active { display: block; } .catalog-main__menu-link:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1200px) { .catalog-main__menu-link:not(:last-child) { margin-top: 15px; } } .catalog-main__item-checkboxes-2line label { display: none; } .catalog-main__item-checkboxes-2line label:nth-child(1), .catalog-main__item-checkboxes-2line label:nth-child(2), .catalog-main__item-checkboxes-2line label:nth-child(3), .catalog-main__item-checkboxes-2line label:nth-child(4), .catalog-main__item-checkboxes-2line label:nth-child(5), .catalog-main__item-checkboxes-2line label:nth-child(6) { display: inline-block; } .catalog-main__item-checkboxes-2line.open label { display: inline-block; } .catalog-main__item-checkboxes label { display: none; } .catalog-main__item-checkboxes label:nth-child(1), .catalog-main__item-checkboxes label:nth-child(2), .catalog-main__item-checkboxes label:nth-child(3) { display: inline-block; } .catalog-main__item-checkboxes.open label { display: inline-block; } .catalog-main__content { max-width: 860px; width: 100%; } .catalog-main__inner { display: flex; flex-wrap: wrap; justify-content: flex-start; -moz-column-gap: 10px; column-gap: 10px; row-gap: 30px; margin-bottom: 25px; } @media (max-width: 920px) { .catalog-main__inner { padding: 0 20px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; justify-content: center; } } .catalog-main__inner .product-card { max-width: 275px; } @media (max-width: 920px) { .catalog-main__inner .product-card { width: 136px; height: 190px; } .catalog-main__inner .product-card a:nth-child(2) { margin-bottom: auto; } } .catalog-main__bottom { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 920px) { .catalog-main__bottom { padding: 0 20px; justify-content: center; } } .catalog-main__pagination a { margin-right: 20px; font-size: 18px; line-height: 120%; font-weight: 400; color: #828282; } @media (max-width: 920px) { .catalog-main__pagination a { font-size: 12px; } } .catalog-main__pagination a:first-child, .catalog-main__pagination a:last-child { text-decoration: underline; color: #253561; } .catalog-main__pagination a:first-child { margin-right: 25px; } .catalog-main__pagination a:last-child { margin-left: 5px; margin-right: 0; } .catalog-main__pagination a.active { color: #253561; } .catalog-main__pagination a.un-active { color: #828282; } .catalog-main__show-buttons { display: flex; align-items: center; } @media (max-width: 920px) { .catalog-main__show-buttons { display: none; } } .catalog-main__show-buttons span { font-size: 18px; line-height: 120%; font-weight: 400; color: #253561; margin-right: 10px; } .catalog-main__show-buttons-list { border: 1px solid #253561; border-radius: 15px; } .catalog-main__show-buttons-list button { font-size: 18px; line-height: 120%; font-weight: 400; color: #253561; padding: 15px; } .catalog-main__show-buttons-list button:not(:last-child) { border-right: 1px solid #253561; } .filters-price__inputs { margin-bottom: 25px; display: flex; } @media (max-width: 1200px) { .filters-price__inputs { display: none; } .filters-price__inputs.active { display: flex; margin-top: 15px; padding: 0 10px; } } .filters-price__label { display: flex; align-items: center; width: 114px; height: 37px; padding: 10px; border: 1px solid #73716F; border-radius: 11px; } .filters-price__label:first-child { margin-right: 20px; } .filters-price__text { margin-right: 5px; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; color: #73716F; } .filters-price__input { font-size: 14px; font-weight: 500; letter-spacing: 0.04em; color: #73716F; width: 100%; } .filters-price__slider { width: calc( 100% - 17px); margin-bottom: 60px; } @media (max-width: 1200px) { .filters-price__slider { display: none; } .filters-price__slider.active { display: flex; } } .noUi-target { background: #BDBDBD; border-radius: 50px; height: 4px; border: none; box-shadow: none; } .noUi-connect { background: #253561; } .noUi-handle:after, .noUi-handle:before { display: none; } .noUi-origin .noUi-handle { width: 16px; height: 16px; background: #253561; border-radius: 8px; border: none; box-shadow: none; } .catalog-all-main__inner { display: flex; max-width: 1160px; width: 100%; margin: 0 auto; margin-bottom: 100px; background-color: #fff; border: 1px solid #253561; border-radius: 15px; overflow: scroll; } @media (max-width: 780px) { .catalog-all-main__inner { border: none; border-radius: 0px; height: auto; } } .product-main { max-width: 1180px; padding: 0 10px 0; margin: 0 auto; display: flex; align-items: flex-start; margin-bottom: 85px; } @media (max-width: 1200px) { .product-main { flex-direction: column; align-items: center; margin-bottom: 40px; } } .product-main__mobile-title { display: none; padding: 0 20px; text-align: center; } @media (max-width: 540px) { .product-main__mobile-title { text-align: left; } } .product-main__mobile-title h2 { font-size: 22px; font-weight: 120%; color: #000000; margin-bottom: 20px; } @media (max-width: 1200px) { .product-main__mobile-title { display: block; } } .product-main__sliders { max-width: 374px; position: relative; margin-right: 33px; position: sticky; top: 145px; } @media (max-width: 1200px) { .product-main__sliders { position: relative; top: 0; margin-bottom: 10px; margin-right: 0; } } @media (max-width: 540px) { .product-main__sliders { max-width: 280px; } } .product-main__slider-big { margin-bottom: 20px; } .product-main__slider-big .swiper-slide { width: 373px; height: 373px; border: 1px solid #A8A8A8; border-radius: 15px; } @media (max-width: 540px) { .product-main__slider-big .swiper-slide { width: 280px; height: 280px; } } .product-main__slider-big .swiper-slide img { width: 100%; height: 100%; } .product-main .swiper-pagination-big { text-align: center; } @media (min-width: 1200px) { .product-main .swiper-pagination-big { display: none; } } .product-main .swiper-pagination { bottom: 0; } .product-main .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .product-main .swiper-pagination-bullet-active { background-color: #253561; } .product-main__slider-little { width: 325px; } @media (max-width: 1200px) { .product-main__slider-little { display: none; } } .product-main__slider-little .swiper-slide { width: 87px; height: 87px; border: 1px solid #A8A8A8; border-radius: 15px; } .product-main__slider-little .swiper-slide img { width: 100%; height: 100%; } .product-main__slider-little .swiper-slide-thumb-active { border: 1px solid #253561; } .product-main__slider-little-button-prev, .product-main__slider-little-button-next { position: absolute; bottom: 33px; width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.189882 10.2574L7.89771 18.5599C8.15025 18.8317 8.55912 18.8313 8.81123 18.5585C9.06315 18.2857 9.0625 17.8438 8.80993 17.5717L1.56089 9.7634L8.81019 1.95508C9.06273 1.68297 9.06338 1.24138 8.81149 0.968565C8.68511 0.831808 8.51954 0.763428 8.35397 0.763428C8.18882 0.763428 8.0239 0.83135 7.89774 0.967157L0.189882 9.26945C0.0682508 9.40016 -1.75669e-06 9.57805 -1.74048e-06 9.7634C-1.72428e-06 9.94874 0.0684464 10.1264 0.189882 10.2574Z' fill='%23333333'/%3E%3C/svg%3E%0A"); background-size: 9px 18px; background-position: 7px 4px; background-repeat: no-repeat; } @media (max-width: 1200px) { .product-main__slider-little-button-prev, .product-main__slider-little-button-next { display: none; } } .product-main__slider-little-button-prev::after, .product-main__slider-little-button-next::after { font-size: 0; } .product-main__slider-little-button-next { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.81012 9.26948L1.10229 0.966978C0.849749 0.695116 0.440885 0.695573 0.18877 0.968384C-0.0631501 1.24116 -0.0624992 1.68304 0.190071 1.95511L7.43911 9.76346L0.189808 17.5718C-0.0627299 17.8439 -0.063381 18.2855 0.188506 18.5583C0.314889 18.695 0.48046 18.7634 0.64603 18.7634C0.811177 18.7634 0.976097 18.6955 1.10225 18.5597L8.81012 10.2574C8.93175 10.1267 9 9.94881 9 9.76346C9 9.57812 8.93155 9.40044 8.81012 9.26948Z' fill='%23333333'/%3E%3C/svg%3E%0A"); } .product-main__content-top { display: flex; -moz-column-gap: 34px; column-gap: 34px; margin-bottom: 22px; } @media (max-width: 1200px) { .product-main__content-top { margin-bottom: 10px; } } .product-main__content-top h1 { width: 605px; font-size: 24px; line-height: 120%; font-weight: 600; letter-spacing: 0.02em; color: #333333; } @media (max-width: 1200px) { .product-main__content-top h1 { display: none; } } .product-main__content-top a { width: 114px; } .product-main__content-top img { width: 100%; } .product-main__content-bottom { display: flex; justify-content: space-between; } @media (max-width: 760px) { .product-main__content-bottom { flex-direction: column; align-items: center; } } .product-main__content-bottom-left { max-width: 390px; width: 100%; } @media (max-width: 1200px) { .product-main__content-bottom-left { margin-right: 20px; } } @media (max-width: 760px) { .product-main__content-bottom-left { margin-bottom: 20px; margin-right: 0; } } .product-main__content-wrapper-1 { display: flex; align-items: center; margin-bottom: 15px; } .product-main__content-wrapper-1 span:nth-child(1) { font-size: 14px; font-weight: 400; margin-right: 5px; } @media (max-width: 760px) { .product-main__content-wrapper-1 span:nth-child(1) { font-size: 13px; } } .product-main__content-wrapper-1 span:nth-child(2) { width: 60px; font-size: 14px; font-weight: 600; margin-right: 5px; } @media (max-width: 760px) { .product-main__content-wrapper-1 span:nth-child(2) { font-size: 14px; } } .product-main__content-wrapper-1 button { display: flex; align-items: center; position: relative; font-size: 14px; font-weight: 600; color: #333; } body .catalog-detail-articul { font-size: 14px; } @media (max-width: 760px) { .product-main__content-wrapper-1 button { font-size: 10px; } } .product-main__content-wrapper-1 button::before { content: ''; display: inline-block; width: 28px; height: 28px; margin-right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.25H21.875M6.125 21.875H1.75V7.875H26.25V21.875H21.875H6.125ZM6.125 16.625V26.25H21.875V16.625H6.125ZM21.875 7.875V1.75H6.125V7.875H21.875Z' stroke='%23253561' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .product-main__content-wrapper-1 button::before { width: 20px; height: 20px; } } .product-main__content-wrapper-2 { display: flex; align-items: center; margin-bottom: 15px; } .product-main__content-wrapper-2 span { position: relative; font-size: 14px; font-weight: 500; margin-right: 21px; width: 130px; } @media (max-width: 760px) { .product-main__content-wrapper-2 span { font-size: 11px; margin-right: 10px; width: 118px; } } .product-main__content-wrapper-2 span::before { content: ''; display: inline-block; width: 11px; height: 12px; margin-right: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.90084L5.05333 9.26673L10.6 0.733398' stroke='%231ECB78' stroke-width='2'/%3E%3C/svg%3E"); } .product-main__content-wrapper-2.product-isnt-available span::before { display: none; } .product-main__content-wrapper-2 button { font-size: 14px; font-weight: 600; color: #333; text-decoration: underline; } @media (max-width: 760px) { .product-main__content-wrapper-2 button { font-size: 14px; } } .product-main__content-wrapper-3 { font-size: 14px; font-weight: 600; color: #333; line-height: 125%; margin-bottom: 10px; } @media (max-width: 760px) { .product-main__content-wrapper-3 { font-size: 14px; } } .product-main__content-wrapper-3 span:nth-child(1) { margin-right: 5px; } .product-main__content-wrapper-4 { margin-bottom: 25px; font-weight: 600; } .product-main__content-wrapper-4 p { font-size: 14px; color: #333; line-height: 125%; } .product-main__content-wrapper-4 span { margin: 0 5px; } .product-main__content-wrapper-4 a { text-decoration: underline; color: #253561; } .product-main__content-wrapper-offer { margin-bottom: 25px; } @media (max-width: 760px) { .product-main__content-wrapper-offer { margin-bottom: 20px; } } .product-main__content-wrapper-offer-row:not(:last-child) { margin-bottom: 10px; } @media (max-width: 760px) { .product-main__content-wrapper-offer-row:not(:last-child) { margin-bottom: 10px; } } .product-main__content-wrapper-offer dt { font-size: 16px; font-weight: 400; color: #333333; margin-bottom: 10px; } @media (max-width: 760px) { .product-main__content-wrapper-offer dt { font-size: 11px; } } .product-main__content-wrapper-offer dd { display: inline-block; margin-bottom: 10px; padding: 10px; border: 1px solid #73716F; color: #73716F; font-size: 16px; border-radius: 7px; max-height: 42px; } @media (max-width: 760px) { .product-main__content-wrapper-offer dd { font-size: 10px; padding: 6px; max-height: 34px; } } .product-main__content-wrapper-offer dd:not(:last-child) { margin-right: 10px; } .product-main__content-wrapper-offer dd img { -o-object-fit: cover; object-fit: cover; width: 20px; height: 20px; border-radius: 7px; } .product-main__content-wrapper-offer dd.active { border: 1px solid #253561; outline: 1px solid #253561; color: #253561; } .product-main__content-wrapper-table { max-width: 365px; } @media (max-width: 760px) { .product-main__content-wrapper-table { max-width: 100%; } } .product-main__content-wrapper-table dt { font-size: 14px; color: #73716F; letter-spacing: 0.02em; max-width: 75%; } @media (max-width: 760px) { .product-main__content-wrapper-table dt { font-size: 10px; } } .product-main__content-wrapper-table dd { white-space: nowrap; color: #000000; font-weight: 600; } @media (max-width: 760px) { .product-main__content-wrapper-table dd { font-size: 10px; } } .product-main__content-wrapper-table-row { display: flex; justify-content: space-between; margin-bottom: 10px; } .product-main__content-bottom-right { max-width: 309px; width: 100%; } .product-main__login-wrapper { position: relative; margin-bottom: 20px; } .product-main__login-link { display: block; padding: 20px 45px 44px; text-align: center; background: #ECEEF4; border-radius: 10px; } .product-main__login-link span { display: block; font-size: 18px; color: #253561; text-align: center; } .product-main__login-sale-link { position: absolute; display: block; top: 71px; left: calc( 50% - 77px); margin: 0 auto; font-size: 14px; color: #3F5DD4; } .product-main__sale-wrapper { position: relative; } .product-main__sale-wrapper--12-percentage { text-align: center; } .product-main__sale-wrapper--12-percentage span { font-weight: 600; margin-left: 5px; } .product-main__sale-wrapper p { font-size: 14px; font-weight: 400; color: #333333; } @media (max-width: 760px) { .product-main__sale-wrapper p { font-size: 12px; } } .product-main__sale-wrapper p span { font-weight: 600; margin-left: 5px; } .product-main__sale-inner { position: absolute; top: 17px; right: 159px; } .product-main__sale-inner span { font-size: 19px; font-weight: 600; color: #27AE60; } .product-main__credit-wrapper { padding: 60px 13px 15px 24px; background: #ECEEF4; border-radius: 10px; margin-bottom: 20px; } .product-main__credit-wrapper--12-percentage { padding-top: 40px; } .product-main__credit-wrapper--12-percentage--peson-office { padding: 0; } .product-main__credit-wrapper--12-percentage--big { padding: 30px 0 0 0; background-color: transparent; } .product-main__credit-wrapper--12-percentage-credit { padding-top: 20px; } .product-main__credit-wrapper--12-percentage-credit--company-office { padding: 0; } .product-main__credit-inner { position: relative; margin-bottom: 30px; display: flex; align-items: center; } .product-main__credit-inner--12-percentage { margin-bottom: 45px; } .product-main__credit-inner--12-percentage-credit { margin-bottom: 15px; } .product-main__credit-bar { position: relative; width: 211px; height: 30px; margin-right: 10px; background-color: #99B4FF; border-radius: 7px; } .product-main__credit-bar--person { background-color: #6FCF97; } .product-main__credit-bar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='196' height='30' viewBox='0 0 196 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 29.9998L172.22 21.0581' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 29.9998L180.22 21.0581' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 29.9998L164.22 21.0581' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 29.9998L156.22 21.0581' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 29.9998L195.22 21.0581' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0001L188.22 12.1167' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A"); z-index: 11; } .product-main__credit-bar--12-percentage { width: 230px; border: 1px solid #219653; } .product-main__credit-bar--12-percentage::before { background-image: none; } .product-main__credit-bar--12-percentage--peson-office { width: 300px; } .product-main__credit-bar--12-percentage--big { width: 100%; } .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--1, .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--2, .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--3 { z-index: 100; position: absolute; left: 25%; display: block; width: 2px; height: 100%; background-color: #fff; opacity: 0.7; } .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--2 { left: 50%; } .product-main__credit-bar--12-percentage .product-main__credit-bar-scale--3 { left: 75%; } .product-main__credit-bar--12-percentage-credit { width: 230px; border: 1px solid #253561; background-color: #99B4FF; } .product-main__credit-bar--12-percentage-credit::before { left: 12%; right: 12%; background-size: 100% 120%; background-image: url("data:image/svg+xml,%3Csvg width='235' height='29' viewBox='0 0 235 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1606_22970)'%3E%3Cpath d='M1 29.001V11.001' stroke='white'/%3E%3Cpath d='M79 29.001V11.001' stroke='white'/%3E%3Cpath d='M79 29.001V11.001' stroke='white'/%3E%3Cpath d='M156 29.001V11.001' stroke='white'/%3E%3Cpath d='M234 29.001V11.001' stroke='white'/%3E%3Cpath d='M39.5 29.001V0.000976562' stroke='white'/%3E%3Cpath d='M117.5 29.001V0.000976562' stroke='white'/%3E%3Cpath d='M195.5 29.001V0.000976562' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1606_22970'%3E%3Crect width='235' height='29' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .product-main__credit-bar--12-percentage-credit--peson-office { width: 300px; } .product-main__credit-bar-progress { position: absolute; top: 0; bottom: 0; left: 0px; width: var(--availible-credir-limit); background-color: #253561; border-radius: 7px 7px 7px 7px; z-index: 10; } .product-main__credit-bar-progress--12-percentage-credit { background-color: #253561; } .product-main__credit-bar-progress span { z-index: 12; position: absolute; bottom: -25px; right: 0px; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; transform: translateX(50%); } .product-main__credit-bar-progress span.move-to-right { right: 0; transform: translateX(100%); } .product-main__credit-bar-progress--person { background-color: #219653; } .product-main__credit-bar-progress:after { content: ''; position: absolute; width: 15px; height: 10px; top: -16px; right: -8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); z-index: 11; } .product-main__credit-bar-num--12-percentage[class] { top: -22px; right: -20px; } .product-main__credit-bar-num--12-percentage-credit[class] { top: -22px; transform: translateX(110%); } .product-main__credit-fixed-sum { position: absolute; top: 35px; left: 50%; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; transform: translateX(-50%); } .product-main__credit-sum { flex-shrink: 0; font-size: 16px; font-weight: 600; color: #000; } @media (max-width: 760px) { .product-main__credit-sum { font-size: 14px; } .product-main__credit-sum p { white-space: nowrap; } } .product-main__credit-limit { display: block; font-size: 16px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .product-main__credit-limit { font-size: 14px; } } .product-main__credit-limit span { display: block; margin-top: 10px; font-size: 16px; font-weight: 600; font-size: 22px; } @media (max-width: 760px) { .product-main__credit-limit span { font-size: 19px; } } .product-main__adding { padding: 30px 38px; background: #ECEEF4; border-radius: 10px; margin-bottom: 20px; } .product-main__prices-box { display: flex; align-items: baseline; margin-bottom: 13px; } .product-main__prices-box span:nth-child(1) { display: block; margin-right: 10px; font-size: 28px; font-weight: 600; color: #333333; } .product-main__prices-box span:nth-child(2) { display: block; margin-right: 15px; font-size: 18px; font-weight: 600; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #828282; } .product-main__prices-box span:nth-child(3) { display: block; font-size: 16px; font-weight: 600; color: #5DE000; } .product-main__input-wrapper { display: flex; margin-bottom: 13px; } .product-main__quantity { display: flex; align-items: center; margin-right: 15px; } .product-main__quantity .sign { width: 32px; height: 32px; border: 1px solid #253561; color: #253561; font-size: 24px; line-height: 120%; font-weight: 400; border-radius: 16px; } .product-main__quantity input { width: 32px; height: 32px; padding: 5px; text-align: center; color: #333; font-size: 18px; background: #ECEEF4; } .product-main__save-btn { padding: 7px 12px; border: 1px solid #253561; border-radius: 11px; } .product-main__save-btn p { position: relative; font-size: 14px; color: #253561; margin: 0; display: flex; align-items: center; } .product-main__save-btn p::after { content: ''; display: inline-block; width: 17px; height: 17px; margin-left: 9px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 1L11.9286 7.07143H18L13.1429 11.3214L14.9643 18L9.5 13.75L4.03571 18L5.85714 11.3214L1 7.07143H7.07143L9.5 1Z' stroke='%23253561' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; } .product-main__save-btn.active p::after { background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1.47363L16.4286 10.0451H25L18.1429 16.0451L20.7143 25.4736L13 19.4736L5.28571 25.4736L7.85714 16.0451L1 10.0451H9.57143L13 1.47363Z' fill='%23253561' stroke='%23253561' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .product-main__acent-btn { width: 100%; padding: 16px; text-align: center; background: #253561; border-radius: 15px; color: #fff; font-size: 16px; line-height: 120%; margin-bottom: 15px; } .product-main__delivery-link { font-size: 16px; font-weight: 400; text-decoration: underline; color: #3F5DD4; } .product-main__pick-up { padding: 20px 24px 25px; background: #ECEEF4; border-radius: 10px; } .product-main__pick-up h3 { font-size: 18px; line-height: 120%; margin-bottom: 15px; color: #253561; } .product-main__pick-up-item:not(:last-child) { margin-bottom: 19px; } .product-main__pick-up-item span, .product-main__pick-up-item p { display: block; font-size: 12px; line-height: 135%; font-weight: 600; color: #333333; } .product-main__pick-up-item p { font-weight: 400; } .product-description__top ol li { list-style: decimal; list-style-position: inside; } .product-description__top ul li { list-style: disc; list-style-position: inside; } .product-description { max-width: 1180px; padding: 0 10px; margin: 0 auto; margin-bottom: 60px; } @media (max-width: 1200px) { .product-description { margin-bottom: 40px; } } .product-description__top { max-width: 700px; margin-bottom: 40px; } .product-description__top h5 { margin-bottom: 10px; font-size: 14px; color: #333; } .product-description__top p { font-size: 14px; color: #333; font-weight: 400; } .product-description__tabs-buttons { margin-bottom: 34px; } @media (max-width: 1200px) { .product-description__tabs-buttons { margin-bottom: 20px; display: flex; justify-content: center; overflow: scroll; } } @media (max-width: 1200px) { .product-description__tabs-buttons { justify-content: flex-start; } } .product-description__tabs-buttons button { padding: 15px 25px; font-size: 16px; line-height: 125%; font-weight: 500; text-transform: uppercase; color: #253561; border-radius: 15px; } @media (max-width: 1200px) { .product-description__tabs-buttons button { font-size: 10px; padding: 8px 24px; border-radius: 9px; white-space: nowrap; } } .product-description__tabs-buttons button:not(:last-child) { margin-right: 40px; } .product-description__tabs-buttons button.active { border: 1.5px solid #253561; } .product-description__tab-table { counter-reset: myCounter; -moz-column-count: 2; column-count: 2; display: none; } @media (max-width: 1200px) { .product-description__tab-table { -moz-column-count: 1; column-count: 1; text-align: center; align-items: center; } } .product-description__tab-table.active { display: block; } .product-description__tab-table-item__inner { position: relative; padding-top: 18px; padding-bottom: 18px; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 540px) { .product-description__tab-table-item__inner { font-size: 9px; padding-top: 10px; padding-bottom: 10px; } } .product-description__tab-table-item { display: flex; list-style: none; max-width: 500px; width: 100%; } @media (max-width: 1200px) { .product-description__tab-table-item { margin: 0 auto; max-width: 280px; display: none; } .product-description__tab-table-item:nth-child(1), .product-description__tab-table-item:nth-child(2), .product-description__tab-table-item:nth-child(3), .product-description__tab-table-item:nth-child(4), .product-description__tab-table-item:nth-child(5), .product-description__tab-table-item:nth-child(6), .product-description__tab-table-item:nth-child(7), .product-description__tab-table-item:nth-child(8), .product-description__tab-table-item:nth-child(9), .product-description__tab-table-item:nth-child(10) { display: flex; } } .product-description__tab-table-item:nth-child(12) .product-description__tab-table-item__inner, .product-description__tab-table-item:nth-child(24) .product-description__tab-table-item__inner { border-bottom: 1px solid transparent; } .product-description__tab-table-item::before { counter-increment: myCounter; content: counter(myCounter) "."; color: #828282; display: inline-block; text-align: center; margin-right: 5px; margin-left: 10px; font-size: 18px; font-weight: 500; padding-top: 18px; padding-bottom: 18px; } @media (max-width: 540px) { .product-description__tab-table-item::before { font-size: 9px; padding-top: 9px; padding-bottom: 9px; } } .product-description__tab-table-item span:nth-child(1) { font-size: 18px; color: #828282; background-color: #fff; } @media (max-width: 540px) { .product-description__tab-table-item span:nth-child(1) { font-size: 9px; } } .product-description__tab-table-item a { padding-left: 16px; font-size: 18px; text-decoration: underline; color: #253561; background-color: #fff; } @media (max-width: 540px) { .product-description__tab-table-item a { font-size: 9px; } } .product-description__tab-table-item span:nth-child(2) { padding-left: 16px; white-space: nowrap; font-size: 18px; color: #333333; background-color: #fff; } @media (max-width: 540px) { .product-description__tab-table-item span:nth-child(2) { font-size: 9px; } } .product-description__tab-table-more-btn { display: none; } @media (max-width: 1200px) { .product-description__tab-table-more-btn { display: block; margin: 0 auto; } } .product-description__tab-table-more-btn span { font-size: 12px; text-decoration: underline; color: #333333; } .product-description__tab-table-more-btn span:nth-child(2) { display: none; } .product-description__tab-table-more-btn.open span:nth-child(1) { display: none; } .product-description__tab-table-more-btn.open span:nth-child(2) { display: block; } .product-description__tab-table.open .product-description__tab-table-item { display: flex; } .product-description__tab-documents { margin-bottom: 73px; display: none; } @media (max-width: 1200px) { .product-description__tab-documents { margin-bottom: 40px; } } .product-description__tab-documents.active { display: block; } .product-description__tab-documents li:not(:last-child) { margin-bottom: 30px; } .product-description__tab-documents a { position: relative; font-size: 18px; line-height: 150%; color: #000000; display: flex; align-items: center; } @media (max-width: 540px) { .product-description__tab-documents a { font-size: 9px; } } .product-description__tab-documents a::before { content: ''; display: inline-block; width: 50px; height: 50px; flex-shrink: 0; margin-right: 17px; background-repeat: no-repeat; background-size: contain; background-image: url(/local/templates/doorlock/assets/css/../img/icon-pdf.png); } @media (max-width: 540px) { .product-description__tab-documents a::before { width: 25px; height: 25px; } } .product-additional, .product-similar { max-width: 1180px; padding: 0 10px; margin: 0 auto; margin-bottom: 70px; } @media (max-width: 1200px) { .product-additional, .product-similar { margin-bottom: 25px; } } .product-additional__title, .product-similar__title { font-size: 28px; line-height: 120%; font-weight: 600; margin-bottom: 30px; color: #333333; } @media (max-width: 1200px) { .product-additional__title, .product-similar__title { font-size: 22px; margin-bottom: 20px; padding: 0 10px; } } .product-additional__inner, .product-similar__inner { display: flex; flex-wrap: wrap; row-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; margin-bottom: 40px; } @media (max-width: 1200px) { .product-additional__inner, .product-similar__inner { justify-content: center; margin-bottom: 25px; } } .product-additional__inner .product-card, .product-similar__inner .product-card { display: none; } @media (max-width: 920px) { .product-additional__inner .product-card, .product-similar__inner .product-card { width: 136px; height: 190px; margin: 0 auto; } } .product-additional__inner .product-card a:nth-child(2), .product-similar__inner .product-card a:nth-child(2) { margin-bottom: auto; } .product-additional__inner .product-card:nth-child(1), .product-additional__inner .product-card:nth-child(2), .product-additional__inner .product-card:nth-child(3), .product-additional__inner .product-card:nth-child(4), .product-similar__inner .product-card:nth-child(1), .product-similar__inner .product-card:nth-child(2), .product-similar__inner .product-card:nth-child(3), .product-similar__inner .product-card:nth-child(4) { display: flex; } .product-additional__inner.active .product-card, .product-similar__inner.active .product-card { display: flex; } .product-additional .product-card, .product-similar .product-card { max-width: 275px; } .product-additional__btn-more, .product-additional__btn-less, .product-similar__btn-more, .product-similar__btn-less { display: none; margin: 0 auto; padding: 13px 50px; font-size: 16px; line-height: 130%; font-weight: 500; border: 1px solid #253561; border-radius: 60px; color: #253561; } @media (max-width: 1200px) { .product-additional__btn-more, .product-additional__btn-less, .product-similar__btn-more, .product-similar__btn-less { font-size: 10px; padding: 8px 24px; border-radius: 9px; white-space: nowrap; } } .product-additional__btn-more.active, .product-additional__btn-less.active, .product-similar__btn-more.active, .product-similar__btn-less.active { display: block; } .product-similar { margin-bottom: 100px; } @media (max-width: 1200px) { .product-similar { margin-bottom: 50px; } } .cart-main { max-width: 1180px; padding: 0 10px 0; margin: 0 auto; margin-bottom: 85px; } @media (max-width: 1200px) { .cart-main { margin-bottom: 40px; } } .cart-main.favorite-main { margin-bottom: 0; } .cart-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .cart-main__top { margin-bottom: 15px; padding: 0 10px; } } .cart-main__top h1 { margin-bottom: 18px; font-size: 34px; line-height: 120%; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .cart-main__top h1 { font-size: 22px; } } .cart-main__top span { font-size: 22px; font-weight: 500; color: #333333; } @media (max-width: 1200px) { .cart-main__top span { font-size: 14px; } } .cart-main__wrapper { display: flex; align-items: flex-start; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 1200px) { .cart-main__wrapper { flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px; } } .cart-main__main-column { max-width: 770px; width: 100%; } @media (max-width: 1200px) { .cart-main__main-column { margin-bottom: 40px; } } .cart-main__list { max-width: 770px; width: 100%; padding: 10px 25px 10px 20px !important; border: 1px solid #253561; border-radius: 15px; margin-bottom: 40px; } .cart-main__list .cart-main__item { display: none; } .cart-main__list .cart-main__item:nth-child(1), .cart-main__list .cart-main__item:nth-child(2), .cart-main__list .cart-main__item:nth-child(3), .cart-main__list .cart-main__item:nth-child(4) { display: flex; } .cart-main__list.active .cart-main__item { display: flex; } @media (max-width: 760px) { .cart-main__list { padding: 0 !important; margin-bottom: 17px; } } .cart-main__mobile-top { display: none; padding: 15px 20px; } .cart-main__mobile-top span { font-size: 10px; font-weight: 600; color: #1B1B1B; text-decoration: underline; } .cart-main__mobile-top button { display: flex; align-items: center; position: relative; font-size: 10px; font-weight: 600; color: #828282; } .cart-main__mobile-top button::after { content: ''; display: inline-block; margin-left: 5px; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='gray'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='gray'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .cart-main__mobile-top { display: flex; align-items: center; justify-content: space-between; } } .cart-main__item { padding: 16px 0; display: flex; align-items: center; } @media (max-width: 760px) { .cart-main__item { position: relative; align-items: flex-start; padding: 10px; } } .cart-main__item.hide { display: none !important; } .cart-main__item:not(:first-child) { border-top: 1px solid #73716F; } @media (min-width: 760px) { .cart-main__item:nth-child(2) { border-top: 1px solid transparent; } } .cart-main__icon-box { display: flex; flex-direction: column; align-items: center; row-gap: 14px; margin-right: 20px; } @media (max-width: 760px) { .cart-main__icon-box { position: absolute; top: 20px; right: 20px; flex-direction: row; margin-right: 0; } } .cart-main__icon-box .product-card__favorite { width: 21px; height: 21px; } @media (max-width: 760px) { .cart-main__icon-box .product-card__favorite { width: 10px; height: 10px; margin-right: 5px; } } .cart-main__delete-btn { width: 19px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='19' height='21' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4 3.18182C11.4 2.6755 11.1998 2.18991 10.8435 1.83189C10.4872 1.47386 10.0039 1.27273 9.5 1.27273C8.99609 1.27273 8.51282 1.47386 8.1565 1.83189C7.80018 2.18991 7.6 2.6755 7.6 3.18182H6.33333C6.33333 2.33795 6.66696 1.52864 7.26083 0.931933C7.85469 0.335226 8.66015 0 9.5 0C10.3399 0 11.1453 0.335226 11.7392 0.931933C12.333 1.52864 12.6667 2.33795 12.6667 3.18182H18.3667C18.5346 3.18182 18.6957 3.24886 18.8145 3.3682C18.9333 3.48755 19 3.64941 19 3.81818C19 3.98696 18.9333 4.14882 18.8145 4.26816C18.6957 4.3875 18.5346 4.45455 18.3667 4.45455H17.6649L16.0233 18.7473C15.9519 19.3676 15.6559 19.9399 15.1919 20.3552C14.7278 20.7706 14.128 21.0001 13.5065 21H5.49353C4.87204 21.0001 4.2722 20.7706 3.80813 20.3552C3.34406 19.9399 3.04814 19.3676 2.97667 18.7473L1.3338 4.45455H0.633333C0.485101 4.4546 0.341547 4.4024 0.227672 4.30705C0.113797 4.2117 0.036815 4.07924 0.0101332 3.93273L0 3.81818C0 3.64941 0.0667261 3.48755 0.185499 3.3682C0.304272 3.24886 0.465363 3.18182 0.633333 3.18182H11.4ZM16.3881 4.45455H2.6106L4.23447 18.6009C4.27022 18.9112 4.41827 19.1974 4.65043 19.4051C4.8826 19.6128 5.18268 19.7275 5.49353 19.7273H13.5065C13.8171 19.7272 14.1169 19.6124 14.3488 19.4047C14.5807 19.197 14.7285 18.911 14.7643 18.6009L16.3881 4.45455ZM7.6 7.63636C7.91033 7.63636 8.17 7.83364 8.2232 8.09327L8.23333 8.19382V15.9893C8.23333 16.296 7.9496 16.5455 7.6 16.5455C7.28967 16.5455 7.03 16.3482 6.9768 16.0885L6.96667 15.988V8.19509C6.96667 7.88709 7.2504 7.63764 7.6 7.63764V7.63636ZM11.4 7.63636C11.7103 7.63636 11.97 7.83364 12.0232 8.09327L12.0333 8.19382V15.9893C12.0333 16.296 11.7496 16.5455 11.4 16.5455C11.0897 16.5455 10.83 16.3482 10.7768 16.0885L10.7667 15.988V8.19509C10.7667 7.88709 11.0504 7.63764 11.4 7.63764V7.63636Z' fill='%2373716F'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .cart-main__delete-btn { width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='gray'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='gray'/%3E%3C/svg%3E%0A"); } } .cart-main__img-link { margin-right: 30px; } @media (max-width: 760px) { .cart-main__img-link { margin-right: 10px; } } .cart-main__img-link img { border: 1px solid #999794; border-radius: 15px; width: 160px; height: 160px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 760px) { .cart-main__img-link img { width: 55px; height: 55px; border-radius: 7px; } } .cart-main__right-part { display: flex; flex-direction: column; height: 160px; max-width: 770px; width: 100%; } @media (max-width: 760px) { .cart-main__right-part { height: 110px; } } .cart-main__right-part a { margin-bottom: 5px; } .cart-main__right-part a h2 { max-width: 485px; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; } @media (max-width: 760px) { .cart-main__right-part a h2 { font-size: 12px; max-width: 125px; } } .cart-main__right-part-sale span { font-size: 16px; font-weight: 600; color: #27AE60; } @media (max-width: 760px) { .cart-main__right-part-sale span { position: absolute; bottom: 29px; right: 54px; z-index: 10; font-size: 12px; } } .cart-main__right-bottom { position: relative; margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; } .cart-main__right-bottom .cart-main__quantity { position: absolute; left: calc( 50% - 71px); margin-right: 0; } @media (max-width: 760px) { .cart-main__right-bottom .cart-main__quantity { left: 0; bottom: 20px; } } .cart-main__right-bottom .cart-main__quantity input { background-color: #fff; } @media (max-width: 760px) { .cart-main__right-bottom .cart-main__quantity input { font-size: 11px; width: 20px; } } @media (max-width: 760px) { .cart-main__right-bottom .cart-main__quantity .sign { font-size: 11px; width: 20px; height: 20px; } } .cart-main__prices { display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 760px) { .cart-main__prices { flex-direction: row; justify-content: space-between; width: 100%; } } .cart-main__prices .cart-main__price-text { font-size: 14px; color: #73716F; margin-bottom: 7px; } @media (max-width: 760px) { .cart-main__prices .cart-main__price-text { font-size: 12px; margin-bottom: 0; margin-top: auto; } } .cart-main__prices-bottom { display: flex; } @media (max-width: 760px) { .cart-main__prices-bottom { flex-direction: column-reverse; align-items: flex-end; margin-right: 10px; } } .cart-main__prices-bottom span:nth-child(1) { font-size: 24px; font-weight: 600; color: #333333; margin-right: 12px; } @media (max-width: 760px) { .cart-main__prices-bottom span:nth-child(1) { margin-right: 0; font-size: 16px; } } .cart-main__prices-bottom span:nth-child(2) { font-size: 18px; text-decoration: line-through; color: #BDBDBD; } @media (max-width: 760px) { .cart-main__prices-bottom span:nth-child(2) { font-size: 12px; } } @media (max-width: 760px) { .cart-main__sum { display: none; } } .cart-main__sum span { font-size: 32px; font-weight: 600; color: #333333; } .cart-main__btn-more, .cart-main__btn-less { display: none; margin: 0 auto; padding: 13px 50px; font-size: 16px; line-height: 130%; font-weight: 500; border: 1px solid #253561; border-radius: 60px; color: #253561; } .cart-main__btn-more.active, .cart-main__btn-less.active { display: block; } .cart-main__right-column { width: 100%; max-width: 370px; padding: 25px 25px 20px 25px; border: 1px solid #253561; border-radius: 15px; } .cart-main__sum-row { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #73716F; } @media (max-width: 760px) { .cart-main__sum-row { padding-bottom: 15px; } } .cart-main__sum-row span { font-size: 22px; font-weight: 700; color: #333333; } @media (max-width: 760px) { .cart-main__sum-row span { font-size: 17px; } } .cart-main__sale-row { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #73716F; } @media (max-width: 760px) { .cart-main__sale-row { padding: 15px 0; } } .cart-main__sale-row span { font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .cart-main__sale-row span { font-size: 15px; } } .cart-main__sale-row span:nth-child(2) { color: #EB5757; } .cart-main__persanal-sale-row { display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 15px; } @media (max-width: 760px) { .cart-main__persanal-sale-row { padding-top: 15px; } } .cart-main__persanal-sale-row span { font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .cart-main__persanal-sale-row span { font-size: 15px; } } .cart-main__persanal-sale-row span:nth-child(2) { color: #219653; } .cart-main__next-sale { font-size: 14px; color: #333333; margin-bottom: 26px; } @media (max-width: 760px) { .cart-main__next-sale { font-size: 11px; } } .cart-main__next-sale span { display: inline-block; margin-left: 5px; font-weight: 600; color: #219653; } .cart-main__credit-inner { padding-bottom: 45px; display: flex; align-items: center; border-bottom: 1px solid #73716F; } @media (max-width: 760px) { .cart-main__credit-inner { padding-bottom: 35px; } } .cart-main__credit-bar { position: relative; width: 266px; height: 30px; margin-right: 8px; background-color: #6FCF97; border-radius: 7px; } .cart-main__credit-bar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A"); z-index: 11; } .cart-main__credit-bar-progress { position: absolute; top: 0; bottom: 0; left: 0px; width: var(--availible-credir-limit); background-color: #219653; border-radius: 7px 0 0 7px; z-index: 10; } .cart-main__credit-bar-progress span { z-index: 12; position: absolute; bottom: -25px; right: -30px; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; } .cart-main__credit-bar-progress:after { content: ''; position: absolute; width: 15px; height: 10px; top: -16px; right: -8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); z-index: 11; } .cart-main__credit-sum { width: 53px; font-size: 16px; font-weight: 600; color: #000; white-space: none; } .cart-main__weight-row { display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 30px; } @media (max-width: 760px) { .cart-main__weight-row { padding-top: 15px; margin-bottom: 20px; } } .cart-main__weight-row span { font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .cart-main__weight-row span { font-size: 14px; } } .cart-main__make-an-oreder-btn { width: 100%; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .cart-main__make-an-oreder-btn { font-size: 14px; } } .cart-main__empty-wrapper { margin-bottom: 67px; } @media (max-width: 1200px) { .cart-main__empty-wrapper { margin-bottom: 40px; padding: 0 10px; } } .cart-main__empty-wrapper p { display: block; margin-bottom: 40px; font-size: 24px; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .cart-main__empty-wrapper p { font-size: 14px; margin-bottom: 20px; } } .cart-main__empty-btn { display: block; padding: 16px 64px; border-radius: 60px; background-color: #253561; font-size: 16px; line-height: 130%; font-weight: 500; color: #fff; } @media (max-width: 1200px) { .cart-main__empty-btn { font-size: 10px; padding: 8px 40px; } } .order-main { max-width: 1180px; padding: 0 10px 0; margin: 0 auto; margin-bottom: 85px; } .order-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .order-main__top { margin-bottom: 20px; padding: 0 10px; } } .order-main__top h1 { margin-bottom: 18px; font-size: 28px; line-height: 120%; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .order-main__top h1 { font-size: 22px; font-weight: 700; } } .order-main__top span { font-size: 22px; font-weight: 500; color: #333333; } .order-main__wrapper { display: flex; align-items: flex-start; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 1200px) { .order-main__wrapper { flex-direction: column; justify-content: center; align-items: center; } } @media (max-width: 760px) { .order-main__wrapper { padding: 0 10px; } } .order-main__main-column { max-width: 770px; width: 100%; } @media (max-width: 1200px) { .order-main__main-column { margin-bottom: 20px; } } .order-main__list { max-width: 770px; width: 100%; padding: 30px 40px !important; border: 1px solid #253561; border-radius: 15px; margin-bottom: 40px; } @media (max-width: 760px) { .order-main__list { padding: 0 !important; margin-bottom: 20px; } } .order-main__list .order-main__item { display: none; } .order-main__list .order-main__item:nth-child(1), .order-main__list .order-main__item:nth-child(2), .order-main__list .order-main__item:nth-child(3), .order-main__list .order-main__item:nth-child(4) { display: flex; } .order-main__list.active .order-main__item { display: flex; } .order-main__list-title { font-size: 20px; text-transform: uppercase; display: block; font-weight: 600; color: #253561; margin-bottom: 20px; } @media (max-width: 760px) { .order-main__list-title { font-size: 18px; margin-bottom: 15px; padding: 15px 20px 0 20px; text-transform: none; } } .order-main__item { padding: 10px 0; display: flex; align-items: center; flex: 0 0 770px; } @media (max-width: 760px) { .order-main__item { padding: 10px 20px; } } @media (max-width: 540px) { .order-main__item { position: relative; flex-direction: column; } } @media (max-width: 760px) { .order-main__item:not(:last-child) { border-bottom: 1px solid #253561; } } .order-main__img-link { position: relative; margin-right: 20px; } @media (max-width: 760px) { .order-main__img-link { margin-right: 10px; } } @media (max-width: 540px) { .order-main__img-link { position: absolute; top: 10px; left: 20px; } } .order-main__img-link img { border: 1px solid #999794; border-radius: 15px; width: 91px; height: 91px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 760px) { .order-main__img-link img { width: 55px; height: 55px; border-radius: 10px; } } .order-main__sale-circle { position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; background-color: #219653; border-radius: 15px; } @media (max-width: 760px) { .order-main__sale-circle { width: 30px; height: 30px; border-radius: 10px; } } .order-main__sale-nember { font-size: 16px; font-weight: 600; color: #ffffff; } @media (max-width: 760px) { .order-main__sale-nember { font-size: 12px; } } .order-main__left-part { display: flex; max-width: 275px; width: 100%; margin-right: auto; } @media (max-width: 540px) { .order-main__left-part { margin-left: 65px; margin-bottom: 10px; max-width: 170px; } } .order-main__left-part a h2 { max-width: 275px; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; } @media (max-width: 760px) { .order-main__left-part a h2 { max-width: 140px; font-size: 12px; } } .order-main__right-part { display: flex; align-items: center; max-width: 255px; width: 100%; } @media (max-width: 540px) { .order-main__right-part { align-self: flex-end; max-width: 170px; } } .order-main__right-part .order-main__quantity { margin-right: auto; } .order-main__right-part .order-main__quantity input { background-color: #fff; } @media (max-width: 760px) { .order-main__right-part .order-main__quantity input { font-size: 12px; width: 25px; height: 25px; } } @media (max-width: 760px) { .order-main__right-part .order-main__quantity .sign { font-size: 12px; width: 25px; height: 25px; } } .order-main__item-sale { margin-left: 3px; margin-right: 0px; font-size: 20px; font-weight: 600; color: #219653; align-self: flex-start; } @media (max-width: 760px) { .order-main__item-sale { font-size: 12px; margin-right: -10px; } } .order-main__prices-bottom { display: flex; align-items: flex-end; flex-direction: column; margin-left: 10px; } @media (max-width: 760px) { .order-main__prices-bottom { flex-direction: column-reverse; } } .order-main__prices-bottom span:nth-child(1) { font-size: 24px; font-weight: 600; color: #333333; white-space: nowrap; } @media (max-width: 760px) { .order-main__prices-bottom span:nth-child(1) { font-size: 16px; } } .order-main__prices-bottom span:nth-child(2) { font-size: 18px; text-decoration: line-through; color: #BDBDBD; margin-top: 5px; white-space: nowrap; } @media (max-width: 760px) { .order-main__prices-bottom span:nth-child(2) { font-size: 12px; margin-top: 0; } } .order-main__btn-more, .order-main__btn-less { display: none; margin: 0 auto; margin-top: 10px; padding: 0px 10px; font-size: 18px; line-height: 130%; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .order-main__btn-more, .order-main__btn-less { font-size: 14px; margin-bottom: 10px; } } .order-main__btn-more.active, .order-main__btn-less.active { display: block; } .order-main__form input.error { border-color: #F04438; } .order-main__buyer-type-form { padding: 30px 40px; border: 1px solid #253561; border-radius: 15px; margin-bottom: 30px; } @media (max-width: 1200px) { .order-main__buyer-type-form { padding: 15px 20px; } } @media (max-width: 760px) { .order-main__buyer-type-form .order-main__list-title { padding: 0; } } .order-main__buyer-type-form-inner { display: flex; } @media (max-width: 760px) { .order-main__buyer-type-form-inner { flex-wrap: wrap; row-gap: 10px; } } .order-main__buyer-type-form-inner input { display: none; } .order-main__buyer-type-form-inner input:checked + label::before { border: 5px solid #253561; } .order-main__buyer-type-form-inner label { font-size: 18px; font-weight: 600; color: #333333; position: relative; display: flex; align-items: center; } @media (max-width: 760px) { .order-main__buyer-type-form-inner label { font-size: 14px; } } .order-main__buyer-type-form-inner label:not(:last-child) { margin-right: 38px; } .order-main__buyer-type-form-inner label::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #73716F; margin-right: 10px; } .order-main__buyer-form { padding: 30px 40px; border: 1px solid #253561; border-radius: 15px; margin-bottom: 30px; } @media (max-width: 1200px) { .order-main__buyer-form { padding: 15px 20px; } } .order-main__buyer-form.hide { display: none; } @media (max-width: 760px) { .order-main__buyer-form .order-main__list-title { padding: 0; } } .order-main__buyer-form-inner { display: flex; row-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; } @media (max-width: 760px) { .order-main__buyer-form-inner { padding-top: 0; row-gap: 15px; } } .order-main__buyer-form-label { max-width: 315px; width: 100%; } .order-main__buyer-form-label span { display: block; font-size: 16px; line-height: 100%; font-weight: 400; margin-bottom: 10px; color: #000000; } @media (max-width: 760px) { .order-main__buyer-form-label span { font-size: 11px; margin-bottom: 7px; } } .order-main__buyer-form-label--phone1 span { position: relative; } .order-main__buyer-form-label--phone1 span::after { content: '*'; color: #BD3027; font-size: 16px; font-weight: 400; margin-left: 5px; } @media (max-width: 760px) { .order-main__buyer-form-label--phone1 span::after { font-size: 11px; } } .order-main__buyer-form-label--phone2 { display: none; } .order-main__buyer-form-label--phone2.active { display: block; } .order-main__buyer-form-label--phone2 button { display: block; margin-top: 10px; font-size: 16px; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .order-main__buyer-form-label--phone2 button { font-size: 11px; } } .order-main__buyer-form-label input { max-width: 315px; width: 100%; border: 1px solid #73716F; border-radius: 15px; font-size: 16px; line-height: 120%; padding: 15px; color: #333; } @media (max-width: 760px) { .order-main__buyer-form-label input { font-size: 11px; padding: 10px 15px; border-radius: 11px; } } .order-main__buyer-form-label input::-moz-placeholder { color: #c1bfbd; } .order-main__buyer-form-label input:-ms-input-placeholder { color: #c1bfbd; } .order-main__buyer-form-label input::placeholder { color: #c1bfbd; } .order-main__buyer-form-phone2-open-btn { display: none; width: 315px; text-align: left; padding-top: 10px; font-size: 16px; font-weight: 400; text-decoration: underline; color: #253561; } .order-main__buyer-form-phone2-open-btn.active { display: block; } .order-main__buyer-company-form { padding: 30px 40px; border: 1px solid #253561; border-radius: 15px; margin-bottom: 30px; } @media (max-width: 760px) { .order-main__buyer-company-form { padding: 15px 20px; } } .order-main__buyer-company-form.hide { display: none; } @media (max-width: 760px) { .order-main__buyer-company-form .order-main__list-title { padding: 0; } } .order-main__buyer-company-form-inner { display: flex; row-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; justify-content: space-between; flex-wrap: wrap; padding-top: 20px; } @media (max-width: 760px) { .order-main__buyer-company-form-inner { row-gap: 15px; } } .order-main__buyer-company-form-label { max-width: 315px; width: 100%; } .order-main__buyer-company-form-label span { display: block; font-size: 16px; line-height: 100%; font-weight: 400; margin-bottom: 10px; color: #000000; position: relative; } @media (max-width: 760px) { .order-main__buyer-company-form-label span { font-size: 11px; } } .order-main__buyer-company-form-label span::after { content: '*'; color: #BD3027; font-size: 16px; font-weight: 400; margin-left: 5px; } @media (max-width: 760px) { .order-main__buyer-company-form-label span::after { font-size: 11px; } } .order-main__buyer-company-form-label input { max-width: 315px; width: 100%; border: 1px solid #73716F; border-radius: 15px; font-size: 16px; line-height: 120%; padding: 15px; } @media (max-width: 760px) { .order-main__buyer-company-form-label input { font-size: 11px; padding: 10px 15px; border-radius: 10px; } } .order-main__buyer-company-form-label-kpp span::after { display: none; } .order-main__delivery-form { padding: 30px 40px; border: 1px solid #253561; border-radius: 15px; margin-bottom: 30px; display: none; } @media (max-width: 760px) { .order-main__delivery-form { padding: 15px 20px; margin-bottom: 20px; } } @media (max-width: 760px) { .order-main__delivery-form .order-main__list-title { padding: 0; } } .order-main__delivery-form.active { display: block; } .order-main__delivery-form-label { display: block; max-width: 654px; width: 100%; } .order-main__delivery-form-label:not(:last-child) { margin-bottom: 20px; } .order-main__delivery-form-label span { display: block; font-size: 16px; line-height: 100%; font-weight: 400; margin-bottom: 10px; color: #000000; position: relative; } @media (max-width: 760px) { .order-main__delivery-form-label span { font-size: 11px; } } .order-main__delivery-form-label span::after { content: '*'; color: #BD3027; font-size: 16px; font-weight: 400; margin-left: 5px; } @media (max-width: 760px) { .order-main__delivery-form-label span::after { font-size: 11px; } } .order-main__delivery-form-label input { max-width: 654px; width: 100%; border: 1px solid #73716F; border-radius: 15px; font-size: 16px; line-height: 120%; padding: 15px; } @media (max-width: 760px) { .order-main__delivery-form-label input { width: 240px; padding: 10px 15px; } } .order-main__delivery-form-label--userplace input { padding: 15px 45px; } @media (max-width: 760px) { .order-main__delivery-form-label--userplace input { padding: 10px 15px; } } .order-main__delivery-input-wrapper { width: 654px; position: relative; } @media (max-width: 760px) { .order-main__delivery-input-wrapper { width: 240px; } } .order-main__delivery-search-btn, .order-main__delivery-clear-btn { position: absolute; top: 14px; width: 21px; height: 21px; background-size: contain; background-repeat: no-repeat; } @media (max-width: 760px) { .order-main__delivery-search-btn, .order-main__delivery-clear-btn { display: none; } } .order-main__delivery-search-btn { left: 14px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8038 19.8404L15.3639 14.3184C16.5769 12.8068 17.307 10.8807 17.307 8.78341C17.307 3.94008 13.4256 0 8.65374 0C3.88191 0 0 3.93962 0 8.78341C0 13.6263 3.88191 17.5664 8.65374 17.5664C10.8772 17.5664 12.9016 16.703 14.4364 15.2987L19.8572 20.8011C19.988 20.9339 20.1598 21 20.3307 21C20.5025 21 20.6735 20.9339 20.8042 20.8011C21.0653 20.5361 21.0653 20.1054 20.8038 19.8404ZM0.892152 8.78295C0.892152 4.43927 4.37373 0.90552 8.6533 0.90552C12.9324 0.90552 16.414 4.43927 16.414 8.78295C16.414 10.8662 15.6066 12.7579 14.3012 14.1685C14.295 14.1739 14.2883 14.1758 14.282 14.1812C14.2731 14.1907 14.2704 14.2029 14.2619 14.212C12.8476 15.7164 10.8589 16.6595 8.65374 16.6595C4.37373 16.6599 0.892152 13.1262 0.892152 8.78295Z' fill='%23828282'/%3E%3C/svg%3E"); } .order-main__delivery-clear-btn { right: 14px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(0.720572 0.69338 -0.720572 0.69338 1.3457 0.125977)' fill='%23333333'/%3E%3Crect width='23.1123' height='1.22381' rx='0.611907' transform='matrix(-0.720572 0.69338 -0.720572 -0.69338 17.5352 0.848633)' fill='%23333333'/%3E%3C/svg%3E"); } .order-main__map-btn { margin-bottom: 20px; font-size: 14px; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .order-main__map-btn { font-size: 10px; } } .order-main__city-btn { font-size: 14px; color: #A8A8A8; } .order-main__delivery-form-bottom { display: flex; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; max-width: 654px; } @media (max-width: 760px) { .order-main__delivery-form-bottom { flex-wrap: wrap; } } .order-main__delivery-form-bottom .order-main__delivery-form-label { margin-bottom: 0; } .order-main__delivery-form-bottom .order-main__delivery-form-label:nth-child(2) span::after { display: none; } .order-main__express-form { padding: 30px 13px 30px 40px; border-radius: 15px; margin-bottom: 30px; border: 1px solid #253561; } @media (max-width: 760px) { .order-main__express-form { padding: 15px 20px; } } .order-main__express-form-title { position: relative; display: block; text-transform: uppercase; margin-bottom: 10px; font-size: 20px; font-weight: 600; } @media (max-width: 760px) { .order-main__express-form-title { font-size: 18px; text-transform: none; } } .order-main__express-form-title::after { content: ''; display: inline-block; margin-left: 10px; width: 26px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.2598L8.88078 21L26 4.01577L21.9149 0L8.80788 12.8848L4.0871 8.24404L0 12.2598Z' fill='%2327AE60'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .order-main__express-form-title::after { display: none; } } .order-main__express-form-subtitle { display: block; font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 32px; } @media (max-width: 760px) { .order-main__express-form-subtitle { font-size: 10px; } } .order-main__express-form-subtitle span { display: inline-block; margin-left: 5px; font-weight: 600; color: #253561; } .order-main__express-inner { padding-bottom: 45px; display: flex; align-items: center; } .order-main__express-bar { position: relative; width: 656px; height: 23px; margin-right: 8px; background-color: #E0E0E0; border-radius: 12px; } .order-main__express-bar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; background-size: contain; background-position: -47px 0; background-repeat: repeat; background-image: url("data:image/svg+xml,%3Csvg width='150' height='30' viewBox='0 0 150 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 30V1' stroke='black'/%3E%3Cpath d='M149 29.6733L149 0' stroke='black'/%3E%3C/svg%3E"); z-index: 11; } @media (max-width: 760px) { .order-main__express-bar::before { background-image: url("data:image/svg+xml,%3Csvg width='29' height='38' viewBox='0 0 29 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_944_28324)'%3E%3Cpath d='M24 30V0' stroke='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_944_28324' x='19.5' y='0' width='9' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_944_28324'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_944_28324' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: 24px 125%; left: 0px; z-index: 15; } } .order-main__express-bar-progress { position: absolute; top: 0; bottom: 0; left: 0px; width: var(--availible-express-limit); background-color: #253561; border-radius: 12px 12px 12px 12px; z-index: 11; } .order-main__express-bar-progress span { z-index: 12; position: absolute; bottom: -25px; right: 0px; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; transform: translateX(50%); } @media (max-width: 760px) { .order-main__express-bar-progress span { font-size: 10px; right: -3px; } } .order-main__express-bar-progress::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; background-size: contain; background-repeat: repeat; background-image: url("data:image/svg+xml,%3Csvg width='150' height='30' viewBox='0 0 150 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 30V1' stroke='white'/%3E%3Cpath d='M149 29.6733L149 0' stroke='white'/%3E%3C/svg%3E"); z-index: 12; } @media (max-width: 760px) { .order-main__express-bar-progress::before { background-image: none; } } .order-main__express-bar-progress:after { content: ''; position: absolute; width: 17px; height: 13px; top: -23px; right: -8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); z-index: 11; } .order-main__express-sum { position: relative; width: 60px; flex-shrink: 0; font-size: 14px; font-weight: 600; color: #000; white-space: nowrap; } @media (max-width: 760px) { .order-main__express-sum { font-size: 10px; } } .order-main__express-sum::after { content: ''; position: absolute; top: -34px; left: -24px; display: inline-block; margin-left: 10px; width: 26px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='26' height='21' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12.2598L8.88078 21L26 4.01577L21.9149 0L8.80788 12.8848L4.0871 8.24404L0 12.2598Z' fill='%2327AE60'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .order-main__express-sum::after { display: none; } } .order-main__express-form-group { display: flex; flex-wrap: wrap; -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; margin-bottom: 30px; } @media (max-width: 760px) { .order-main__express-form-group { row-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 20px; } } .order-main__express-form-group input { display: none; } .order-main__express-form-group input:checked + label { border: 1px solid #253561; outline: 3px solid #253561; } @media (max-width: 760px) { .order-main__express-form-group input:checked + label { outline: 1px solid #253561; } } .order-main__express-form-group-title { display: block; margin-bottom: 21px; font-size: 16px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .order-main__express-form-group-title { font-size: 14px; margin-bottom: 15px; } } .order-main__express-item { display: flex; align-items: center; border-radius: 15px; border: 1px solid #999794; } @media (max-width: 760px) { .order-main__express-item { border-radius: 10px; } } .order-main__express-item img { width: 72px; height: 91px; border-radius: 15px; margin-right: 19px; } @media (max-width: 760px) { .order-main__express-item img { width: 34px; height: 44px; border-radius: 10px; margin-right: 10px; } } .order-main__express-item-text { margin: 10px 0; } .order-main__express-item-text span { display: flex; max-width: 110px; margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .order-main__express-item-text span { font-size: 8px; max-width: 60px; } } .order-main__express-item-text p { display: block; max-width: 110px; font-size: 12px; font-weight: 400; color: #73716F; } @media (max-width: 760px) { .order-main__express-item-text p { font-size: 6px; } } .order-main__express-item-more { position: relative; width: 21px; height: 21px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.25C5.67 19.2448 1.75525 15.33 1.75 10.5V10.325C1.84625 5.51688 5.80562 1.687 10.6137 1.75C15.4236 1.81475 19.2797 5.74788 19.2482 10.5569C19.2167 15.3668 15.3099 19.25 10.5 19.25ZM10.486 17.5H10.5C12.3559 17.4981 14.1351 16.7594 15.4465 15.446C16.7578 14.1327 17.4939 12.3524 17.493 10.4965C17.4921 8.6406 16.7542 6.86102 15.4415 5.54902C14.1289 4.23702 12.3489 3.50001 10.493 3.50001C8.63709 3.50001 6.85714 4.23702 5.54449 5.54902C4.23184 6.86102 3.49393 8.6406 3.493 10.4965C3.49207 12.3524 4.2282 14.1327 5.53954 15.446C6.85088 16.7594 8.63009 17.4981 10.486 17.5ZM11.375 15.75H9.625V14H11.375V15.75ZM11.375 13.125H9.625C9.61142 12.5654 9.74789 12.0125 10.0202 11.5235C10.2926 11.0345 10.6909 10.6273 11.1737 10.3443C11.7512 9.9015 12.25 9.52 12.25 8.75C12.25 8.28587 12.0656 7.84076 11.7374 7.51257C11.4092 7.18438 10.9641 7 10.5 7C10.0359 7 9.59075 7.18438 9.26256 7.51257C8.93437 7.84076 8.75 8.28587 8.75 8.75H7V8.67125C7.01044 7.743 7.38921 6.85691 8.05297 6.20791C8.71673 5.55892 9.61112 5.20019 10.5394 5.21063C11.4676 5.22107 12.3537 5.59984 13.0027 6.2636C13.6517 6.92736 14.0104 7.82175 14 8.75C13.9691 9.21559 13.8295 9.66746 13.5925 10.0694C13.3554 10.4713 13.0275 10.8121 12.635 11.0644C12.2801 11.2872 11.9816 11.5892 11.763 11.9467C11.5444 12.3042 11.4116 12.7075 11.375 13.125Z' fill='%23253561'/%3E%3C/svg%3E"); margin: 15px; } @media (max-width: 760px) { .order-main__express-item-more { width: 10px; height: 10px; margin: 7px; } } .order-main__express-item-more:hover .order-main__express-item-more-inner { display: block; } @media (max-width: 1200px) { .order-main__express-item-more.active .order-main__express-item-more-inner { display: block; } } .order-main__express-item-more-inner { display: none; position: absolute; left: 50px; top: -29px; width: 220px; padding: 12px 14px; background-color: #fff; border: 1px solid #253561; border-radius: 15px; font-size: 14px; font-weight: 500; color: #253561; text-align: left; z-index: 1000; } @media (max-width: 1200px) { .order-main__express-item-more-inner { position: absolute; left: -58px; top: -81px; width: 100px; padding: 5px; background-color: #fff; border: 1px solid #253561; border-radius: 10px; font-size: 10px; font-weight: 500; color: #253561; text-align: left; z-index: 1000; } } .order-main__express-item-more-inner::before { content: ''; position: absolute; width: 24px; height: 30px; top: calc( 50% - 15px); left: -22px; z-index: 10; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("/local/templates/doorlock/assets/css/../img/popup-nose.png"); } @media (max-width: 1200px) { .order-main__express-item-more-inner::before { display: none; } } .order-main__express-form-group--transport-company label img { margin-left: 7px; margin-right: 7px; } .order-main__express-form-group--transport-company .order-main__express-item-text { max-width: 70px; } .order-main__pay-form { padding: 30px 40px; border: 1px solid #253561; border-radius: 15px; margin-bottom: 30px; } @media (max-width: 760px) { .order-main__pay-form { padding: 15px 20px; margin-bottom: 20px; } } @media (max-width: 760px) { .order-main__pay-form .order-main__list-title { padding: 0; } } .order-main__pay-form-inner { display: flex; -moz-column-gap: 30px; column-gap: 30px; row-gap: 20px; flex-wrap: wrap; } @media (max-width: 760px) { .order-main__pay-form-inner { row-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } .order-main__pay-form-inner input { display: none; } .order-main__pay-form-inner input:checked + label { border: 1px solid #253561; outline: 3px solid #253561; } @media (max-width: 760px) { .order-main__pay-form-inner input:checked + label { outline: 1px solid #253561; } } .order-main__pay-form-label { padding: 24px 20px; border: 1px solid #999794; border-radius: 15px; } @media (max-width: 760px) { .order-main__pay-form-label { padding: 10px; border-radius: 10px; } } .order-main__pay-form-label span { max-width: 250px; display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .order-main__pay-form-label span { font-size: 8px; max-width: 148px; } } .order-main__pay-form-label span::before { flex-shrink: 0; content: ''; display: block; margin-right: 17px; width: 44px; height: 44px; background-size: contain; } @media (max-width: 760px) { .order-main__pay-form-label span::before { width: 22px; height: 22px; } } .order-main__pay-form-label--online span::before { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_485_129753)'%3E%3Cpath d='M38.5 8.25C39.2293 8.25 39.9288 8.53973 40.4445 9.05546C40.9603 9.57118 41.25 10.2707 41.25 11V33C41.25 33.7293 40.9603 34.4288 40.4445 34.9445C39.9288 35.4603 39.2293 35.75 38.5 35.75H5.5C4.77065 35.75 4.07118 35.4603 3.55546 34.9445C3.03973 34.4288 2.75 33.7293 2.75 33V11C2.75 10.2707 3.03973 9.57118 3.55546 9.05546C4.07118 8.53973 4.77065 8.25 5.5 8.25H38.5ZM5.5 5.5C4.04131 5.5 2.64236 6.07946 1.61091 7.11091C0.579463 8.14236 0 9.54131 0 11L0 33C0 34.4587 0.579463 35.8576 1.61091 36.8891C2.64236 37.9205 4.04131 38.5 5.5 38.5H38.5C39.9587 38.5 41.3576 37.9205 42.3891 36.8891C43.4205 35.8576 44 34.4587 44 33V11C44 9.54131 43.4205 8.14236 42.3891 7.11091C41.3576 6.07946 39.9587 5.5 38.5 5.5H5.5Z' fill='black'/%3E%3Cpath d='M5.5 15.125C5.5 14.7603 5.64487 14.4106 5.90273 14.1527C6.16059 13.8949 6.51033 13.75 6.875 13.75H12.375C12.7397 13.75 13.0894 13.8949 13.3473 14.1527C13.6051 14.4106 13.75 14.7603 13.75 15.125V17.875C13.75 18.2397 13.6051 18.5894 13.3473 18.8473C13.0894 19.1051 12.7397 19.25 12.375 19.25H6.875C6.51033 19.25 6.16059 19.1051 5.90273 18.8473C5.64487 18.5894 5.5 18.2397 5.5 17.875V15.125ZM5.5 23.375C5.5 23.0103 5.64487 22.6606 5.90273 22.4027C6.16059 22.1449 6.51033 22 6.875 22H20.625C20.9897 22 21.3394 22.1449 21.5973 22.4027C21.8551 22.6606 22 23.0103 22 23.375C22 23.7397 21.8551 24.0894 21.5973 24.3473C21.3394 24.6051 20.9897 24.75 20.625 24.75H6.875C6.51033 24.75 6.16059 24.6051 5.90273 24.3473C5.64487 24.0894 5.5 23.7397 5.5 23.375ZM5.5 28.875C5.5 28.5103 5.64487 28.1606 5.90273 27.9027C6.16059 27.6449 6.51033 27.5 6.875 27.5H9.625C9.98967 27.5 10.3394 27.6449 10.5973 27.9027C10.8551 28.1606 11 28.5103 11 28.875C11 29.2397 10.8551 29.5894 10.5973 29.8473C10.3394 30.1051 9.98967 30.25 9.625 30.25H6.875C6.51033 30.25 6.16059 30.1051 5.90273 29.8473C5.64487 29.5894 5.5 29.2397 5.5 28.875ZM13.75 28.875C13.75 28.5103 13.8949 28.1606 14.1527 27.9027C14.4106 27.6449 14.7603 27.5 15.125 27.5H17.875C18.2397 27.5 18.5894 27.6449 18.8473 27.9027C19.1051 28.1606 19.25 28.5103 19.25 28.875C19.25 29.2397 19.1051 29.5894 18.8473 29.8473C18.5894 30.1051 18.2397 30.25 17.875 30.25H15.125C14.7603 30.25 14.4106 30.1051 14.1527 29.8473C13.8949 29.5894 13.75 29.2397 13.75 28.875ZM22 28.875C22 28.5103 22.1449 28.1606 22.4027 27.9027C22.6606 27.6449 23.0103 27.5 23.375 27.5H26.125C26.4897 27.5 26.8394 27.6449 27.0973 27.9027C27.3551 28.1606 27.5 28.5103 27.5 28.875C27.5 29.2397 27.3551 29.5894 27.0973 29.8473C26.8394 30.1051 26.4897 30.25 26.125 30.25H23.375C23.0103 30.25 22.6606 30.1051 22.4027 29.8473C22.1449 29.5894 22 29.2397 22 28.875ZM30.25 28.875C30.25 28.5103 30.3949 28.1606 30.6527 27.9027C30.9106 27.6449 31.2603 27.5 31.625 27.5H34.375C34.7397 27.5 35.0894 27.6449 35.3473 27.9027C35.6051 28.1606 35.75 28.5103 35.75 28.875C35.75 29.2397 35.6051 29.5894 35.3473 29.8473C35.0894 30.1051 34.7397 30.25 34.375 30.25H31.625C31.2603 30.25 30.9106 30.1051 30.6527 29.8473C30.3949 29.5894 30.25 29.2397 30.25 28.875Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_485_129753'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .order-main__pay-form-label--bill span::before { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_485_129749)'%3E%3Cpath d='M39.875 8.25C40.2397 8.25 40.5894 8.39487 40.8473 8.65273C41.1051 8.91059 41.25 9.26033 41.25 9.625V34.375C41.25 34.7397 41.1051 35.0894 40.8473 35.3473C40.5894 35.6051 40.2397 35.75 39.875 35.75H4.125C3.76033 35.75 3.41059 35.6051 3.15273 35.3473C2.89487 35.0894 2.75 34.7397 2.75 34.375V9.625C2.75 9.26033 2.89487 8.91059 3.15273 8.65273C3.41059 8.39487 3.76033 8.25 4.125 8.25H39.875ZM4.125 5.5C3.03098 5.5 1.98177 5.9346 1.20818 6.70818C0.434597 7.48177 0 8.53098 0 9.625L0 34.375C0 35.469 0.434597 36.5182 1.20818 37.2918C1.98177 38.0654 3.03098 38.5 4.125 38.5H39.875C40.969 38.5 42.0182 38.0654 42.7918 37.2918C43.5654 36.5182 44 35.469 44 34.375V9.625C44 8.53098 43.5654 7.48177 42.7918 6.70818C42.0182 5.9346 40.969 5.5 39.875 5.5H4.125Z' fill='black'/%3E%3Cpath d='M19.2494 15.125C19.2494 14.7603 19.3943 14.4106 19.6521 14.1527C19.91 13.8949 20.2597 13.75 20.6244 13.75H34.3744C34.7391 13.75 35.0888 13.8949 35.3467 14.1527C35.6045 14.4106 35.7494 14.7603 35.7494 15.125C35.7494 15.4897 35.6045 15.8394 35.3467 16.0973C35.0888 16.3551 34.7391 16.5 34.3744 16.5H20.6244C20.2597 16.5 19.91 16.3551 19.6521 16.0973C19.3943 15.8394 19.2494 15.4897 19.2494 15.125ZM15.1354 12.7765C15.2634 12.9042 15.365 13.056 15.4344 13.223C15.5037 13.3901 15.5394 13.5692 15.5394 13.75C15.5394 13.9309 15.5037 14.11 15.4344 14.277C15.365 14.4441 15.2634 14.5958 15.1354 14.7235L11.0104 18.8485C10.8827 18.9766 10.7309 19.0782 10.5639 19.1475C10.3968 19.2168 10.2178 19.2525 10.0369 19.2525C9.85603 19.2525 9.67695 19.2168 9.5099 19.1475C9.34285 19.0782 9.19112 18.9766 9.06339 18.8485L7.68839 17.4735C7.56055 17.3457 7.45914 17.1939 7.38995 17.0269C7.32077 16.8598 7.28516 16.6808 7.28516 16.5C7.28516 16.1349 7.43021 15.7847 7.68839 15.5265C7.94658 15.2683 8.29676 15.1233 8.66189 15.1233C9.02703 15.1233 9.37721 15.2683 9.63539 15.5265L10.0369 15.9308L13.1884 12.7765C13.3161 12.6485 13.4679 12.5469 13.6349 12.4776C13.8019 12.4082 13.981 12.3726 14.1619 12.3726C14.3428 12.3726 14.5218 12.4082 14.6889 12.4776C14.8559 12.5469 15.0077 12.6485 15.1354 12.7765ZM19.2494 26.125C19.2494 25.7603 19.3943 25.4106 19.6521 25.1527C19.91 24.8949 20.2597 24.75 20.6244 24.75H34.3744C34.7391 24.75 35.0888 24.8949 35.3467 25.1527C35.6045 25.4106 35.7494 25.7603 35.7494 26.125C35.7494 26.4897 35.6045 26.8394 35.3467 27.0973C35.0888 27.3552 34.7391 27.5 34.3744 27.5H20.6244C20.2597 27.5 19.91 27.3552 19.6521 27.0973C19.3943 26.8394 19.2494 26.4897 19.2494 26.125ZM15.1354 23.7765C15.2634 23.9042 15.365 24.056 15.4344 24.223C15.5037 24.3901 15.5394 24.5692 15.5394 24.75C15.5394 24.9309 15.5037 25.11 15.4344 25.277C15.365 25.4441 15.2634 25.5958 15.1354 25.7235L11.0104 29.8485C10.8827 29.9766 10.7309 30.0782 10.5639 30.1475C10.3968 30.2168 10.2178 30.2525 10.0369 30.2525C9.85603 30.2525 9.67695 30.2168 9.5099 30.1475C9.34285 30.0782 9.19112 29.9766 9.06339 29.8485L7.68839 28.4735C7.56055 28.3457 7.45914 28.1939 7.38995 28.0269C7.32077 27.8598 7.28516 27.6808 7.28516 27.5C7.28516 27.3192 7.32077 27.1402 7.38995 26.9732C7.45914 26.8061 7.56055 26.6544 7.68839 26.5265C7.81624 26.3987 7.96801 26.2973 8.13504 26.2281C8.30207 26.1589 8.4811 26.1233 8.66189 26.1233C8.84269 26.1233 9.02171 26.1589 9.18875 26.2281C9.35578 26.2973 9.50755 26.3987 9.63539 26.5265L10.0369 26.9308L13.1884 23.7765C13.3161 23.6485 13.4679 23.5469 13.6349 23.4776C13.8019 23.4082 13.981 23.3726 14.1619 23.3726C14.3428 23.3726 14.5218 23.4082 14.6889 23.4776C14.8559 23.5469 15.0077 23.6485 15.1354 23.7765Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_485_129749'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .order-main__pay-form-label--qr span::before { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.375C0 1.01033 0.144866 0.660591 0.402728 0.402728C0.660591 0.144866 1.01033 0 1.375 0L9.625 0C9.98967 0 10.3394 0.144866 10.5973 0.402728C10.8551 0.660591 11 1.01033 11 1.375C11 1.73967 10.8551 2.08941 10.5973 2.34727C10.3394 2.60513 9.98967 2.75 9.625 2.75H2.75V9.625C2.75 9.98967 2.60513 10.3394 2.34727 10.5973C2.08941 10.8551 1.73967 11 1.375 11C1.01033 11 0.660591 10.8551 0.402728 10.5973C0.144866 10.3394 0 9.98967 0 9.625V1.375ZM33 1.375C33 1.01033 33.1449 0.660591 33.4027 0.402728C33.6606 0.144866 34.0103 0 34.375 0L42.625 0C42.9897 0 43.3394 0.144866 43.5973 0.402728C43.8551 0.660591 44 1.01033 44 1.375V9.625C44 9.98967 43.8551 10.3394 43.5973 10.5973C43.3394 10.8551 42.9897 11 42.625 11C42.2603 11 41.9106 10.8551 41.6527 10.5973C41.3949 10.3394 41.25 9.98967 41.25 9.625V2.75H34.375C34.0103 2.75 33.6606 2.60513 33.4027 2.34727C33.1449 2.08941 33 1.73967 33 1.375ZM1.375 33C1.73967 33 2.08941 33.1449 2.34727 33.4027C2.60513 33.6606 2.75 34.0103 2.75 34.375V41.25H9.625C9.98967 41.25 10.3394 41.3949 10.5973 41.6527C10.8551 41.9106 11 42.2603 11 42.625C11 42.9897 10.8551 43.3394 10.5973 43.5973C10.3394 43.8551 9.98967 44 9.625 44H1.375C1.01033 44 0.660591 43.8551 0.402728 43.5973C0.144866 43.3394 0 42.9897 0 42.625V34.375C0 34.0103 0.144866 33.6606 0.402728 33.4027C0.660591 33.1449 1.01033 33 1.375 33ZM42.625 33C42.9897 33 43.3394 33.1449 43.5973 33.4027C43.8551 33.6606 44 34.0103 44 34.375V42.625C44 42.9897 43.8551 43.3394 43.5973 43.5973C43.3394 43.8551 42.9897 44 42.625 44H34.375C34.0103 44 33.6606 43.8551 33.4027 43.5973C33.1449 43.3394 33 42.9897 33 42.625C33 42.2603 33.1449 41.9106 33.4027 41.6527C33.6606 41.3949 34.0103 41.25 34.375 41.25H41.25V34.375C41.25 34.0103 41.3949 33.6606 41.6527 33.4027C41.9106 33.1449 42.2603 33 42.625 33ZM11 11H13.75V13.75H11V11Z' fill='black'/%3E%3Cpath d='M19.25 5.5H5.5V19.25H19.25V5.5ZM8.25 8.25H16.5V16.5H8.25V8.25ZM13.75 30.25H11V33H13.75V30.25Z' fill='black'/%3E%3Cpath d='M19.25 24.75H5.5V38.5H19.25V24.75ZM8.25 27.5H16.5V35.75H8.25V27.5ZM30.25 11H33V13.75H30.25V11Z' fill='black'/%3E%3Cpath d='M24.75 5.5H38.5V19.25H24.75V5.5ZM27.5 8.25V16.5H35.75V8.25H27.5ZM22 22V27.5H24.75V30.25H22V33H27.5V27.5H30.25V33H33V30.25H38.5V27.5H30.25V22H22ZM27.5 27.5H24.75V24.75H27.5V27.5ZM38.5 33H35.75V35.75H30.25V38.5H38.5V33ZM27.5 38.5V35.75H22V38.5H27.5Z' fill='black'/%3E%3Cpath d='M33 24.75H38.5V22H33V24.75Z' fill='black'/%3E%3C/svg%3E"); } .order-main__pay-form-label--post span::before { background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11C0 9.54131 0.579463 8.14236 1.61091 7.11091C2.64236 6.07946 4.04131 5.5 5.5 5.5H38.5C39.9587 5.5 41.3576 6.07946 42.3891 7.11091C43.4205 8.14236 44 9.54131 44 11V33C44 34.4587 43.4205 35.8576 42.3891 36.8891C41.3576 37.9205 39.9587 38.5 38.5 38.5H5.5C4.04131 38.5 2.64236 37.9205 1.61091 36.8891C0.579463 35.8576 0 34.4587 0 33V11ZM5.5 8.25C4.77065 8.25 4.07118 8.53973 3.55546 9.05546C3.03973 9.57118 2.75 10.2707 2.75 11V13.75H41.25V11C41.25 10.2707 40.9603 9.57118 40.4445 9.05546C39.9288 8.53973 39.2293 8.25 38.5 8.25H5.5ZM41.25 19.25H2.75V33C2.75 33.7293 3.03973 34.4288 3.55546 34.9445C4.07118 35.4603 4.77065 35.75 5.5 35.75H38.5C39.2293 35.75 39.9288 35.4603 40.4445 34.9445C40.9603 34.4288 41.25 33.7293 41.25 33V19.25Z' fill='black'/%3E%3Cpath d='M5.5 27.5C5.5 26.7707 5.78973 26.0712 6.30546 25.5555C6.82118 25.0397 7.52065 24.75 8.25 24.75H11C11.7293 24.75 12.4288 25.0397 12.9445 25.5555C13.4603 26.0712 13.75 26.7707 13.75 27.5V30.25C13.75 30.9793 13.4603 31.6788 12.9445 32.1945C12.4288 32.7103 11.7293 33 11 33H8.25C7.52065 33 6.82118 32.7103 6.30546 32.1945C5.78973 31.6788 5.5 30.9793 5.5 30.25V27.5Z' fill='black'/%3E%3C/svg%3E%0A"); } .order-main__comments-title { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #000000; } @media (max-width: 760px) { .order-main__comments-title { font-size: 12px; } } .order-main__comments-input { display: block; width: 100%; height: 94px; padding: 15px; font-size: 16px; font-weight: 600; color: #333333; border: 1px solid #253561; border-radius: 15px; resize: none; } @media (max-width: 760px) { .order-main__comments-input { font-size: 12px; padding: 10px; } } .order-main__right-column-wrapper { width: 100%; max-width: 370px; position: sticky; top: 147px; } .order-main__right-column { width: 100%; max-width: 370px; padding: 25px 25px 20px 25px; background: #ECEEF4; border-radius: 15px; margin-bottom: 15px; } @media (max-width: 760px) { .order-main__right-column { padding: 20px; } } .order-main__order-row { display: flex; justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid #ffffff; } @media (max-width: 760px) { .order-main__order-row { padding-bottom: 15px; } } .order-main__order-row span { font-size: 18px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .order-main__order-row span { font-size: 14px; } } .order-main__sale-row { display: flex; justify-content: space-between; padding: 25px 0; border-bottom: 1px solid #ffffff; } @media (max-width: 760px) { .order-main__sale-row { padding: 15px 0; } } .order-main__sale-row span { font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .order-main__sale-row span { font-size: 14px; } } .order-main__sale-row span:nth-child(2) { color: #219653; } .order-main__persanal-sale-row { display: flex; justify-content: space-between; padding-top: 20px; margin-bottom: 15px; } @media (max-width: 760px) { .order-main__persanal-sale-row { padding-top: 15px; margin-bottom: 10px; } } .order-main__persanal-sale-row span { font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .order-main__persanal-sale-row span { font-size: 14px; } } .order-main__persanal-sale-row span:nth-child(2) { color: #219653; } .order-main__next-sale { font-size: 14px; color: #333333; margin-bottom: 26px; } @media (max-width: 760px) { .order-main__next-sale { font-size: 10px; } } .order-main__next-sale span { display: inline-block; margin-left: 5px; font-weight: 600; color: #219653; } .order-main__credit-inner { padding-bottom: 35px; display: flex; align-items: center; border-bottom: 1px solid #fff; } .order-main__credit-bar { position: relative; width: 266px; height: 30px; margin-right: 8px; background-color: #6FCF97; border-radius: 7px; } .order-main__credit-bar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A"); z-index: 11; } @media (max-width: 540px) { .order-main__credit-bar::before { background-size: cover; } } .order-main__credit-bar-progress { position: absolute; top: 0; bottom: 0; left: 0px; width: var(--availible-credir-limit); background-color: #219653; border-radius: 7px 0 0 7px; z-index: 10; } .order-main__credit-bar-progress span { z-index: 12; position: absolute; bottom: -25px; right: -30px; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; } @media (max-width: 760px) { .order-main__credit-bar-progress span { font-size: 10px; } } .order-main__credit-bar-progress:after { content: ''; position: absolute; width: 15px; height: 10px; top: -16px; right: -8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); z-index: 11; } .order-main__credit-sum { width: 53px; font-size: 16px; font-weight: 600; color: #000; white-space: none; } @media (max-width: 760px) { .order-main__credit-sum { font-size: 10px; } } .order-main__delivery-row, .order-main__product-sum-row, .order-main__weight-row { display: flex; justify-content: space-between; padding: 20px 0px; border-bottom: 1px solid #fff; } @media (max-width: 760px) { .order-main__delivery-row, .order-main__product-sum-row, .order-main__weight-row { padding: 15px 0; } } .order-main__delivery-row span, .order-main__product-sum-row span, .order-main__weight-row span { font-size: 18px; font-weight: 500; line-height: 120%; color: #333333; } @media (max-width: 760px) { .order-main__delivery-row span, .order-main__product-sum-row span, .order-main__weight-row span { font-size: 14px; } } .order-main__result-row { display: flex; justify-content: space-between; padding: 20px 0px; } @media (max-width: 760px) { .order-main__result-row { padding: 15px 0; } } .order-main__result-row span { font-size: 22px; line-height: 120%; font-weight: 700; color: #333333; } @media (max-width: 760px) { .order-main__result-row span { font-size: 16px; } } .order-main__make-an-oreder-btn { width: 100%; padding: 15px 15px; text-align: center; background: #253561; border-radius: 15px; font-size: 18px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .order-main__make-an-oreder-btn { font-size: 12px; border-radius: 11px; } } .order-main__empty-wrapper { margin-bottom: 67px; } .order-main__empty-wrapper p { display: block; margin-bottom: 40px; font-size: 24px; font-weight: 600; color: #333333; } .order-main__empty-btn { display: block; padding: 16px 64px; border-radius: 60px; background-color: #253561; font-size: 16px; line-height: 130%; font-weight: 500; color: #fff; } .order-main__right-column-bottom-text { font-size: 14px; font-weight: 400; color: #253561; } @media (max-width: 760px) { .order-main__right-column-bottom-text { font-size: 12px; } } .order-main__form-inner { padding: 30px 40px; margin-bottom: 30px; border: 1px solid #253561; border-radius: 15px; } .order-main__form-inner .order-main__buyer-form, .order-main__form-inner .order-main__buyer-company-form { padding: 0; margin-bottom: 0; border-radius: 0; border: none; } .order-main__buyer-company-form-label textarea.error, .order-main__buyer-company-form-label select.error, .order-main__delivery-form-label textarea.error, .order-main__delivery-form-label select.error { border: 2px solid #F04438; color: #F04438; } .order-main__buyer-company-form-label.error textarea, .order-main__buyer-company-form-label.error select, .order-main__delivery-form-label.error textarea, .order-main__delivery-form-label.error select { border: 2px solid #F04438; color: #F04438; } .order-main__buyer-company-form-label textarea, .order-main__delivery-form-label textarea { width: 100%; min-height: 90px; border: 1px solid #73716F; border-radius: 15px; font-size: 16px; line-height: 125%; padding: 15px; resize: vertical; overflow-y: auto; } .order-main__buyer-company-form-label.porch span::after, .order-main__buyer-company-form-label.comment span::after, .order-main__delivery-form-label.porch span::after, .order-main__delivery-form-label.comment span::after { display: none; } .order-main__buyer-company-form-label select, .order-main__delivery-form-label select { width: 100%; display: block; color: #333333; font-size: 16px; line-height: 120%; font-weight: 500; border: 1px solid #73716F; border-radius: 15px; padding: 15px 45px 15px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 20px center; background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 1L6.5 7L12.5 1' stroke='black'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .order-main__buyer-company-form-label select, .order-main__delivery-form-label select { padding: 10px 15px; } } .order-main__buyer-company-form-label select option, .order-main__delivery-form-label select option { color: #333333; } .order-main__buyer-company-form-label select option:nth-child(1), .order-main__delivery-form-label select option:nth-child(1) { display: none; } .order-main__buyer-company-form-label.w100 { grid-column: span 2; } @media (max-width: 760px) { .order-main__buyer-company-form-label.w100 { grid-column: span 1; } } .order-main.new .order-main__buyer-form-inner, .order-main.new .order-main__buyer-company-form-inner { display: grid; grid-gap: 30px 20px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 760px) { .order-main.new .order-main__buyer-form-inner, .order-main.new .order-main__buyer-company-form-inner { grid-template-columns: repeat(1, 1fr); grid-gap: 15px; } } .order-main.new .order-main__buyer-form-label { max-width: none; } .order-main.new .order-main__buyer-form-label input { max-width: none; } .order-main.new .order-main__buyer-form-label.w100 { grid-column: span 2; } @media (max-width: 760px) { .order-main.new .order-main__buyer-form-label.w100 { grid-column: span 1; } } .order-main.new .order-main__buyer-form-label span::after { content: '*'; color: #BD3027; font-size: 16px; font-weight: 400; margin-left: 5px; } .order-main.new .order-main__buyer-form-label.order-main__buyer-form-label--phone2 span::after { display: none; } .order-main.new .order-main__buyer-form-phone2-open-btn { width: auto; } .order-main.new .order-main__buyer-company-form-label { display: block; max-width: none; } .order-main.new .order-main__buyer-company-form-label input { max-width: none; } .order-main.new .order-main__pay-form-inner { display: grid; grid-gap: 30px 10px; grid-template-columns: repeat(2, 1fr); max-width: 464px; } @media (max-width: 760px) { .order-main.new .order-main__pay-form-inner { grid-gap: 10px; } } .order-main.new .order-main__pay-form-label { display: flex; min-height: 90px; width: 100%; padding: 10px 20px; } @media (max-width: 760px) { .order-main.new .order-main__pay-form-label { min-height: 44px; padding: 10px; } } .order-main.new .order-main__delivery-form-inner { display: grid; grid-gap: 30px 20px; grid-template-columns: repeat(6, 1fr); } @media (max-width: 760px) { .order-main.new .order-main__delivery-form-inner { grid-gap: 15px; grid-template-columns: repeat(1, 1fr); } } .order-main.new .order-main__delivery-form-label { grid-column: span 2; max-width: none; } @media (max-width: 760px) { .order-main.new .order-main__delivery-form-label { grid-column: span 1; } } .order-main.new .order-main__delivery-form-label input { width: 100%; max-width: none; } .order-main.new .order-main__delivery-form-label.w50 { grid-column: span 3; } @media (max-width: 760px) { .order-main.new .order-main__delivery-form-label.w50 { grid-column: span 1; } } .order-main.new .order-main__delivery-form-label.w100 { grid-column: span 6; } @media (max-width: 760px) { .order-main.new .order-main__delivery-form-label.w100 { grid-column: span 1; } } .order-main.new .order-main__delivery-form-label:not(:last-child) { margin-bottom: 0; } .order-main.new .order-main__delivery-input-wrapper { width: auto; } .order-main.new .order-main__map-btn { margin-bottom: 0; } .order-main.new .order-main__buyer-type-form-inner { flex-wrap: wrap; margin-bottom: 10px; } .order-main.new .order-main__buyer-type-form-inner label { width: 100%; } .order-main.new .order-main__buyer-type-form-inner label:not(:last-child) { margin-bottom: 15px; } .office-main { max-width: 1180px; padding: 0 10px; margin: 0 auto 115px; } @media (max-width: 1200px) { .office-main { padding: 0 20px; margin-bottom: 60px; } } .office-main__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; -moz-column-gap: 25px; column-gap: 25px; row-gap: 20px; } @media (max-width: 760px) { .office-main__list { -moz-column-gap: 20px; column-gap: 20px; } } .office-main__item { max-width: 370px; width: 100%; max-height: 280px; padding: 20px 20px; background: #ECEEF4; border-radius: 15px; } @media (max-width: 760px) { .office-main__item { padding: 15px 15px; border-radius: 10px; } } .office-main__item--accent { box-shadow: 0 0 0 2px #253561; } .office-main__item--company .office-main__name-row, .office-main__item--company .office-main__e-mail-row, .office-main__item--company .office-main__inn-row, .office-main__item--company .office-main__phone-row { margin-bottom: 10px; } .office-main__item > a { width: 100%; height: 100%; display: flex; flex-direction: column; } .office-main__item-title { margin-bottom: 20px; font-size: 22px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .office-main__item-title { font-size: 16px; margin-bottom: 15px; } } .office-main__sale-bar .office-main__credit-bar { width: 211px; background-color: #6FCF97; } .office-main__sale-bar .office-main__credit-bar:before { background-size: cover; } .office-main__sale-bar .office-main__credit-bar-progress { background-color: #219653; } .office-main__name-row, .office-main__e-mail-row, .office-main__inn-row, .office-main__phone-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 760px) { .office-main__name-row, .office-main__e-mail-row, .office-main__inn-row, .office-main__phone-row { margin-bottom: 20px; } } .office-main__name-row span:nth-child(1), .office-main__e-mail-row span:nth-child(1), .office-main__inn-row span:nth-child(1), .office-main__phone-row span:nth-child(1) { font-size: 16px; font-weight: 500; color: #828282; margin-right: 20px; max-width: 130px; } @media (max-width: 760px) { .office-main__name-row span:nth-child(1), .office-main__e-mail-row span:nth-child(1), .office-main__inn-row span:nth-child(1), .office-main__phone-row span:nth-child(1) { font-size: 12px; } } .office-main__name-row span:nth-child(2), .office-main__e-mail-row span:nth-child(2), .office-main__inn-row span:nth-child(2), .office-main__phone-row span:nth-child(2) { font-size: 18px; font-weight: 600; color: #333333; text-align: right; } @media (max-width: 760px) { .office-main__name-row span:nth-child(2), .office-main__e-mail-row span:nth-child(2), .office-main__inn-row span:nth-child(2), .office-main__phone-row span:nth-child(2) { font-size: 14px; } } .office-main__active-orders-row, .office-main__finiched-orders-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } .office-main__active-orders-row span:nth-child(1), .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(1), .office-main__finiched-orders-row span:nth-child(2) { font-size: 18px; font-weight: 600; color: #253561; margin-right: 20px; text-decoration: underline; } @media (max-width: 760px) { .office-main__active-orders-row span:nth-child(1), .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(1), .office-main__finiched-orders-row span:nth-child(2) { font-size: 14px; } } .office-main__active-orders-row span:nth-child(2), .office-main__finiched-orders-row span:nth-child(2) { margin-right: 0px; white-space: nowrap; } .office-main__orders-sum-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; } .office-main__orders-sum-row span:nth-child(1), .office-main__orders-sum-row span:nth-child(2) { font-size: 18px; font-weight: 600; color: #253561; margin-right: 20px; } @media (max-width: 760px) { .office-main__orders-sum-row span:nth-child(1), .office-main__orders-sum-row span:nth-child(2) { font-size: 14px; } } .office-main__orders-sum-row span:nth-child(2) { margin-right: 0px; white-space: nowrap; } .office-main__order-select-form { margin-bottom: 10px; } .office-main__order-select-form.office-my-profile__find-form { margin-bottom: 0; } .office-main__order-select-form.office-my-profile__find-form .__select { display: inline-block; width: 190px; margin-bottom: 0; } .office-main__order-select-form.office-my-profile__find-form .__select__title { width: 190px; font-size: 13px; padding: 8px 10px; } .office-main__order-select-form.office-my-profile__find-form .__select[data-state="active"] .__select__content { width: 100%; } .office-main__order-select-title { display: block; margin-bottom: 7px; font-size: 12px; color: #253561; } @media (max-width: 760px) { .office-main__order-select-title { margin-bottom: 5px; font-size: 9px; } } .office-main__order-select { width: 190px; padding: 9px 10px; border: 1px solid #253561; border-radius: 10px; font-size: 13px; font-weight: 600; color: #333333; background: #ECEEF4; margin-right: 10px; } @media (max-width: 760px) { .office-main__order-select { margin-bottom: 5px; } } .office-main__order-select-btn { padding: 9px 10px; background-color: #253561; border-radius: 11px; font-size: 12px; font-weight: 500; color: #FFFFFF; } .office-main__content-box { display: flex; align-items: center; margin-bottom: auto; } .office-main__sale-wrapper { position: relative; padding: 0px; background: #ECEEF4; border-radius: 10px; margin-bottom: 0px; margin-right: 30px; } @media (max-width: 760px) { .office-main__sale-wrapper { margin-right: 10px; } } .office-main__sale-wrapper .pie { --w: 95px; width: var(--w); aspect-ratio: 1; display: inline-grid; place-content: center; margin: 5px; font-size: 25px; font-weight: bold; font-family: sans-serif; position: relative; } @media (max-width: 760px) { .office-main__sale-wrapper .pie { --w: 73px; } } .office-main__sale-wrapper .pie::before { content: ""; position: absolute; border-radius: 50%; inset: 0; background: conic-gradient(var(--c) calc(var(--p)*1%), #0000 0); z-index: 1; } .office-main__sale-wrapper .pie::after { content: ""; position: absolute; border-radius: 50%; display: inline-block; width: 95px; height: 95px; background-size: contain; background-repeat: no-repeat; background-image: url(/local/templates/doorlock/assets/css/../img/product-sale-inner.png); } @media (max-width: 760px) { .office-main__sale-wrapper .pie::after { width: 73px; height: 73px; } } .office-main__sale-wrapper p { font-size: 14px; font-weight: 400; color: #333333; } @media (max-width: 760px) { .office-main__sale-wrapper p { font-size: 12px; } } .office-main__sale-wrapper p span { font-weight: 600; margin-left: 5px; } .office-main__right-part { text-align: center; } .office-main__right-part p { font-size: 14px; font-weight: 600; color: #253561; text-align: left; } @media (max-width: 760px) { .office-main__right-part p { font-size: 11px; } } .office-main__right-part p span { margin-left: 5px; } .office-main__sale-num-wrapper span { margin-bottom: 10px; font-size: 52px; font-weight: 600; color: #27AE60; } @media (max-width: 760px) { .office-main__sale-num-wrapper span { font-size: 40px; } } .office-main__addres-wrapper { margin-bottom: 15px; } @media (max-width: 760px) { .office-main__addres-wrapper { margin-bottom: 11px; } } .office-main__addres-wrapper:nth-child(2) { margin-bottom: auto; } .office-main__addres-wrapper h3 { display: block; margin-bottom: 7px; font-size: 18px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-main__addres-wrapper h3 { font-size: 14px; } } .office-main__addres-wrapper p { display: block; font-size: 14px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-main__addres-wrapper p { font-size: 11px; } } .office-main__addres-change-btn, .office-main__addres-delete-btn { margin-right: 20px; font-size: 14px; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .office-main__addres-change-btn, .office-main__addres-delete-btn { font-size: 11px; } } .office-main__product-wrapper { margin-bottom: 20px; } @media (max-width: 760px) { .office-main__product-wrapper { margin-bottom: 15px; } } .office-main__product-wrapper:nth-child(2) { margin-bottom: auto; } .office-main__product-wrapper a { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 6px; } @media (max-width: 760px) { .office-main__product-wrapper a { font-size: 12px; } } .office-main__product-wrapper p { display: block; font-size: 14px; font-weight: 600; color: #BDBDBD; } @media (max-width: 760px) { .office-main__product-wrapper p { font-size: 11px; } } .office-main__product-wrapper p span { color: #253561; } .office-main__exit-btn { display: none; margin: 20px auto 0; font-size: 14px; font-weight: 600; text-decoration: underline; color: #253561; } @media (max-width: 1200px) { .office-main__exit-btn { display: block; } } .office-main__empty-text { display: block; font-size: 16px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-main__empty-text { font-size: 12px; } } .office-main__empty-text a { margin-left: 5px; text-decoration: underline; color: #253561; } .office-main__credit-inner { padding-bottom: 35px; display: flex; align-items: center; } .office-main__credit-bar { position: relative; width: 266px; height: 30px; margin-right: 8px; background-color: #99B4FF; border-radius: 7px; } .office-main__credit-bar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; right: 8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='249' height='30' viewBox='0 0 249 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 30L17 21' stroke='white'/%3E%3Cpath d='M95 30L95 21' stroke='white'/%3E%3Cpath d='M172.22 30.0003L172.22 21.0586' stroke='white'/%3E%3Cpath d='M218.22 30.0003L218.22 21.0586' stroke='white'/%3E%3Cpath d='M56 30L56 21' stroke='white'/%3E%3Cpath d='M134 30L134 21' stroke='white'/%3E%3Cpath d='M25 30L25 21' stroke='white'/%3E%3Cpath d='M103 30L103 21' stroke='white'/%3E%3Cpath d='M180.22 30.0003L180.22 21.0586' stroke='white'/%3E%3Cpath d='M226.22 30.0003L226.22 21.0586' stroke='white'/%3E%3Cpath d='M248.22 30.0003L248.22 21.0586' stroke='white'/%3E%3Cpath d='M64 30L64 21' stroke='white'/%3E%3Cpath d='M142 30L142 21' stroke='white'/%3E%3Cpath d='M9 30L9 21' stroke='white'/%3E%3Cpath d='M87 30L87 21' stroke='white'/%3E%3Cpath d='M164.22 30.0003L164.22 21.0586' stroke='white'/%3E%3Cpath d='M210.22 30.0003L210.22 21.0586' stroke='white'/%3E%3Cpath d='M48 30L48 21' stroke='white'/%3E%3Cpath d='M126 30L126 21' stroke='white'/%3E%3Cpath d='M1 30L1 21' stroke='white'/%3E%3Cpath d='M79 30L79 21' stroke='white'/%3E%3Cpath d='M156.22 30.0003L156.22 21.0586' stroke='white'/%3E%3Cpath d='M202.22 30.0003L202.22 21.0586' stroke='white'/%3E%3Cpath d='M40 30L40 21' stroke='white'/%3E%3Cpath d='M118 30L118 21' stroke='white'/%3E%3Cpath d='M195.22 30.0003L195.22 21.0586' stroke='white'/%3E%3Cpath d='M241.22 30.0003L241.22 21.0586' stroke='white'/%3E%3Cpath d='M33 30L33 12' stroke='white'/%3E%3Cpath d='M111 30L111 12' stroke='white'/%3E%3Cpath d='M188.22 30.0006L188.22 12.1172' stroke='white'/%3E%3Cpath d='M234 30L234 0' stroke='white'/%3E%3Cpath d='M72 30V1' stroke='white'/%3E%3Cpath d='M150 29.6733L150 0' stroke='white'/%3E%3C/svg%3E%0A"); z-index: 11; } @media (max-width: 540px) { .office-main__credit-bar::before { background-size: cover; } } .office-main__credit-bar-progress { position: absolute; top: 0; bottom: 0; left: 0px; width: var(--availible-credir-limit); background-color: #253561; border-radius: 7px 7px 7px 7px; z-index: 10; } .office-main__credit-bar-progress span { z-index: 12; position: absolute; bottom: -25px; right: 0px; font-size: 16px; font-weight: 600; color: #000000; white-space: nowrap; transform: translateX(50%); } @media (max-width: 760px) { .office-main__credit-bar-progress span { font-size: 10px; } } .office-main__credit-bar-progress span.move-to-right { right: 0; transform: translateX(100%); } .office-main__credit-bar-progress:after { content: ''; position: absolute; width: 15px; height: 10px; top: -16px; right: -8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19494 9.40742L1.17394 2.5932C0.687426 1.93294 1.15885 1 1.97899 1H12.021C12.8412 1 13.3126 1.93294 12.8261 2.5932L7.80506 9.40742C7.40539 9.94983 6.59461 9.94983 6.19494 9.40742Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); z-index: 11; } .office-main__credit-sum { flex-shrink: 0; font-size: 16px; font-weight: 600; color: #000; white-space: none; } @media (max-width: 760px) { .office-main__credit-sum { font-size: 10px; } } .office-main__next-pay p:nth-child(1) { font-size: 14px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-main__next-pay p:nth-child(1) { font-size: 10px; } } .office-main__next-pay p:nth-child(2) { font-size: 14px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-main__next-pay p:nth-child(2) { font-size: 10px; } } .office-main__next-pay p:nth-child(2) span:nth-child(1) { color: #F04438; font-weight: 700; margin-right: 5px; } .office-main__next-pay p:nth-child(2) span:nth-child(2) { margin-left: 5px; font-weight: 700; } .office-main__more-link { margin-top: auto; } .office-main__more-link a { font-size: 16px; font-weight: 600; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .office-main__more-link a { font-size: 12px; } } .office-my-profile__wrapper { display: flex; align-items: flex-start; max-width: 1180px; margin: 0 auto; padding: 0 10px; } @media (max-width: 1200px) { .office-my-profile__wrapper { flex-direction: column; align-items: center; } } .office-my-profile__left-menu { display: flex; flex-direction: column; flex-shrink: 0; width: 275px; margin-right: 95px; padding: 20px 25px !important; border-radius: 15px; background: #ECEEF4; margin-bottom: 100px; } @media (max-width: 1200px) { .office-my-profile__left-menu { width: 320px; margin-right: 0; margin-bottom: 20px; padding: 0 !important; background: #fff; } } @media (max-width: 1200px) { .office-my-profile__left-menu.open .office-my-profile__menu-item { display: flex; } } .office-my-profile__left-menu.open .office-my-profile__menu-item a::after { transform: rotate(180deg); } .office-my-profile__menu-item { border-bottom: 1px solid #fff; } @media (max-width: 1200px) { .office-my-profile__menu-item { display: none; border-bottom: 1px solid #253561; } } .office-my-profile__menu-item a, .office-my-profile__menu-item button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 0px; font-size: 18px; font-weight: 400; color: #333333; } @media (max-width: 1200px) { .office-my-profile__menu-item a, .office-my-profile__menu-item button { padding: 15px 20px; font-size: 14px; color: #253561; } } .office-my-profile__menu-item:first-child a { padding-top: 0; } @media (max-width: 1200px) { .office-my-profile__menu-item:first-child a { padding: 15px 20px; } } .office-my-profile__menu-item:last-child { border-bottom: 1px solid transparent; } @media (max-width: 1200px) { .office-my-profile__menu-item:last-child { border-bottom: 1px solid #253561; } } .office-my-profile__menu-item:last-child a { padding-bottom: 0; } @media (max-width: 1200px) { .office-my-profile__menu-item:last-child a { padding: 15px 20px; } } @media (max-width: 1200px) { .office-my-profile__menu-item.active { order: -1; border-top: 1px solid #253561; display: block; } } .office-my-profile__menu-item.active a { font-weight: 600; } @media (max-width: 1200px) { .office-my-profile__menu-item.active a { position: relative; } .office-my-profile__menu-item.active a::after { content: ""; display: inline-block; width: 18px; height: 8px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L10.0537 9L19 1' stroke='%23253561' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } } .office-my-profile__content { max-width: 790px; width: 100%; margin-bottom: 120px; } @media (max-width: 760px) { .office-my-profile__content { padding: 0 10px; margin-bottom: 60px; } } .office-my-profile__top { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; } .office-my-profile__top h1 { font-size: 34px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__top h1 { font-size: 22px; } } .office-my-profile__change-dates-btn { position: relative; display: flex; align-items: center; padding: 12px 20px; background-color: #253561; border-radius: 15px; font-size: 14px; font-weight: 500; color: #fff; } @media (max-width: 760px) { .office-my-profile__change-dates-btn { position: absolute; right: 0; top: 62px; color: #253561; font-size: 10px; background-color: #fff; padding-right: 0; } } .office-my-profile__change-dates-btn::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12982 16.8702L3.29031 16.1151L3.29031 16.1151L3.29057 16.1138L3.96552 12.7204L3.96554 12.7203L3.99789 12.557L13.7324 2.82281L13.7328 2.82234C13.958 2.59423 14.226 2.41296 14.5216 2.28898C14.8171 2.16503 15.1342 2.1008 15.4546 2.1C15.7751 2.10065 16.0922 2.16475 16.3878 2.2886C16.6835 2.41247 16.9516 2.59368 17.1769 2.82175L17.1769 2.82176L17.178 2.8228C17.4066 3.0475 17.5882 3.31549 17.7122 3.61113C17.8362 3.90678 17.9 4.22415 17.9 4.54473C17.9 4.86531 17.8362 5.18269 17.7122 5.47833C17.5882 5.77397 17.4066 6.04196 17.178 6.26665L17.1773 6.26727L7.44271 16.0016L7.28008 16.0344L7.27979 16.0345L3.8868 16.7094L3.8868 16.7094L3.88554 16.7097L3.12982 16.8702ZM16.4491 5.54276L16.4491 5.54278L16.4507 5.54122C16.7632 5.22871 16.9302 4.89192 16.9302 4.54481C16.9302 4.19769 16.7632 3.86104 16.4507 3.54882L16.38 3.61957L16.4508 3.54893C16.1361 3.23365 15.7986 3.07596 15.4546 3.07596C15.1104 3.07596 14.7736 3.2337 14.4584 3.54886L14.4584 3.54884L14.4569 3.55039L14.0324 3.99338L13.9647 4.06407L14.0339 4.13328L15.8663 5.96509L15.9355 6.03424L16.0061 5.96663L16.4491 5.54276ZM13.3085 4.85995L13.2378 4.78922L13.1671 4.85994L5.70499 12.3211L5.60772 12.4183L5.73025 12.4809C6.49983 12.8735 7.12582 13.4991 7.51902 14.2685L7.58158 14.3909L7.67878 14.2937L15.1397 6.83318L15.2104 6.76248L15.1397 6.69176L13.3085 4.85995ZM5.02332 13.3022L4.91158 13.2573L4.88794 13.3754L4.4826 15.3997L4.45314 15.5468L4.60025 15.5174L6.62511 15.1126L6.74325 15.089L6.69828 14.9772C6.54635 14.5996 6.31966 14.2565 6.03183 13.9687C5.744 13.6808 5.40096 13.4542 5.02332 13.3022Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .office-my-profile__change-dates-btn::before { background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6806 14.8201L2.81221 14.2009L2.81222 14.2009L2.81248 14.1996L3.38619 11.3152L3.3862 11.3151L3.41281 11.1808L11.6839 2.90995L11.6844 2.90948C11.8743 2.717 12.1006 2.56403 12.3499 2.45942C12.5993 2.35483 12.8668 2.30063 13.1372 2.29995C13.4076 2.3005 13.6752 2.35459 13.9246 2.45909C14.1741 2.56362 14.4004 2.71653 14.5905 2.90898L14.5905 2.90899L14.5915 2.91003C14.7845 3.09963 14.9377 3.32576 15.0423 3.57522C15.1469 3.82467 15.2008 4.09247 15.2008 4.36297C15.2008 4.63348 15.1469 4.90127 15.0423 5.15073C14.9377 5.40019 14.7845 5.62631 14.5915 5.81591L14.5909 5.81652L6.31968 14.0875L6.18592 14.1145L6.18564 14.1146L3.30164 14.6882L3.30164 14.6882L3.30037 14.6885L2.6806 14.8201ZM13.9929 5.22214L13.9929 5.22215L13.9945 5.22059C14.262 4.95311 14.4065 4.66324 14.4065 4.36304C14.4065 4.06282 14.262 3.77308 13.9944 3.50584L13.9238 3.57659L13.9946 3.50595C13.7251 3.23592 13.4346 3.09952 13.1371 3.09952C12.8397 3.09952 12.5497 3.23597 12.2798 3.50588L12.2798 3.50586L12.2783 3.5074L11.9175 3.88394L11.8498 3.95463L11.919 4.02385L13.4765 5.58089L13.5457 5.65004L13.6164 5.58242L13.9929 5.22214ZM11.3236 4.62031L11.2529 4.54958L11.1822 4.62029L4.83942 10.9623L4.74214 11.0595L4.86467 11.122C5.516 11.4544 6.04581 11.9839 6.37859 12.635L6.44115 12.7574L6.53835 12.6602L12.8801 6.31876L12.9508 6.24806L12.8801 6.17735L11.3236 4.62031ZM4.2762 11.7929L4.16447 11.748L4.14082 11.8661L3.79628 13.5867L3.76682 13.7338L3.91393 13.7044L5.63506 13.3604L5.7532 13.3368L5.70824 13.225C5.57834 12.9021 5.38453 12.6088 5.13844 12.3627C4.89236 12.1166 4.59907 11.9228 4.2762 11.7929Z' fill='%23253561' stroke='%23253561' stroke-width='0.2'/%3E%3C/svg%3E%0A"); } } .office-my-profile__photo-wrapper { margin-bottom: 35px; } @media (max-width: 760px) { .office-my-profile__photo-wrapper { margin-bottom: 20px; } } .office-my-profile__photo { width: 100px; height: 100px; border-radius: 50%; cursor: default; } @media (max-width: 760px) { .office-my-profile__photo { width: 77px; height: 77px; } } .office-my-profile__lebel { margin-bottom: 20px; } @media (max-width: 760px) { .office-my-profile__lebel { margin-bottom: 15px; } } .office-my-profile__lebel span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000000; } @media (max-width: 760px) { .office-my-profile__lebel span { font-size: 11px; } } .office-my-profile__lebel p { max-width: 710px; width: 100%; border: 1px solid #253561; border-radius: 15px; font-size: 18px; font-weight: 500; padding: 15px 20px; color: #333333; } @media (max-width: 760px) { .office-my-profile__lebel p { padding: 10px; font-size: 12px; } } .office-my-profile__change-password-btn { display: block; margin-bottom: 60px; font-size: 16px; font-weight: 500; text-decoration: underline; color: #253561; } @media (max-width: 760px) { .office-my-profile__change-password-btn { font-size: 12px; margin-bottom: 40px; } } .office-my-profile__sale-wrapper { margin-bottom: 40px; } @media (max-width: 760px) { .office-my-profile__sale-wrapper { margin-bottom: 30px; } } .office-my-profile__sale-title { margin-bottom: 20px; font-size: 28px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__sale-title { margin-bottom: 15px; font-size: 17px; } } .office-my-profile__sale-level { margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #333333; } .office-my-profile__sale-level span { margin-left: 15px; background: #27AE60; border-radius: 10px; padding: 7px 20px; color: #fff; } @media (max-width: 760px) { .office-my-profile__sale-level span { font-size: 13px; margin-left: 10px; } } @media (max-width: 760px) { .office-my-profile__sale-level { margin-bottom: 15px; font-size: 12px; } } .office-my-profile__next-level { margin-bottom: 20px; font-size: 20px; font-weight: 500; color: #333333; } .office-my-profile__next-level span { margin-left: 5px; font-weight: 600; } @media (max-width: 760px) { .office-my-profile__next-level span { font-size: 16px; } } @media (max-width: 760px) { .office-my-profile__next-level { font-size: 13px; } } .office-my-profile__back-btn { padding: 13px 50px; background: #253561; border-radius: 60px; font-size: 16px; color: #fff; } @media (max-width: 760px) { .office-my-profile__back-btn { display: none; } } .office-my-profile__leave-btn { display: none; font-size: 14px; font-weight: 600; text-decoration: underline; } @media (max-width: 760px) { .office-my-profile__leave-btn { display: block; } } .office-my-profile__orders { width: 100%; margin-bottom: 150px; } @media (max-width: 760px) { .office-my-profile__orders { margin-bottom: 100px; } } .office-my-profile__orders-top_links { display: flex; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__orders-top_links { margin-bottom: 20px; } } .office-my-profile__orders-top_links a { font-size: 16px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .office-my-profile__orders-top_links a { font-size: 11px; } } .office-my-profile__orders-top_links a:nth-child(2) { position: relative; white-space: nowrap; padding-right: 32px; } @media (max-width: 760px) { .office-my-profile__orders-top_links a:nth-child(2) { padding-right: 25px; } } .office-my-profile__orders-top_links a:nth-child(2)::after { content: '?'; position: absolute; right: 0; top: -4px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; margin-left: 7px; border: 1px solid #253561; color: #253561; border-radius: 50%; } @media (max-width: 760px) { .office-my-profile__orders-top_links a:nth-child(2)::after { width: 18px; height: 18px; } } .office-my-profile__orders-filters-wrapper { display: flex; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__orders-filters-wrapper { flex-wrap: wrap; margin-bottom: 20px; } } .office-my-profile__orders-label { margin-right: 40px; } @media (max-width: 760px) { .office-my-profile__orders-label { margin-bottom: 20px; margin-right: 24px; max-width: 128px; } } .office-my-profile__orders-label:nth-child(2) { margin-right: 0; } .office-my-profile__orders-label span { margin-right: 10px; font-size: 18px; font-weight: 400; color: #253561; } @media (max-width: 760px) { .office-my-profile__orders-label span { font-size: 14px; margin-bottom: 5px; } } .office-my-profile__orders-label input { margin-right: 10px; padding: 12px; font-size: 18px; font-weight: 400; color: #253561; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 760px) { .office-my-profile__orders-label input { font-size: 14px; } } .office-my-profile__orders-class { margin-left: auto; font-size: 18px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__orders-class { font-size: 16px; } } @media (max-width: 540px) { .office-my-profile__orders-class { width: 100%; margin-left: 0; margin-right: auto; } } .office-my-profile__orders-item-titles { display: flex; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 10px; } @media (max-width: 760px) { .office-my-profile__orders-item-titles { display: none; } } .office-my-profile__orders-item-titles span { font-size: 15px; font-weight: 600; color: #73716F; } .office-my-profile__orders-item-titles span:nth-child(1) { flex-basis: 111px; } .office-my-profile__orders-item-titles span:nth-child(2) { flex-basis: 140px; } .office-my-profile__orders-item-titles span:nth-child(164) { flex-basis: 110px; } .office-my-profile__orders-item-titles span:nth-child(4) { flex-basis: 86px; } .office-my-profile__orders-item { position: relative; display: flex; align-items: center; -moz-column-gap: 20px; column-gap: 20px; padding: 15px 0px; border-top: 1px solid #253561; } @media (max-width: 760px) { .office-my-profile__orders-item { flex-wrap: wrap; } } @media (max-width: 760px) { .office-my-profile__orders-item:nth-child(2) { border-top: none; } } .office-my-profile__orders-item a:nth-child(1) { flex-basis: 111px; font-size: 18px; font-weight: 500; color: #27AE60; } @media (max-width: 760px) { .office-my-profile__orders-item a:nth-child(1) { font-size: 14px; flex-basis: 61px; } } .office-my-profile__orders-item span:nth-child(3) { flex-basis: 164px; font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-my-profile__orders-item span:nth-child(3) { font-size: 14px; flex-basis: 145px; } } .office-my-profile__orders-item span:nth-child(4) { flex-basis: 86px; font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-my-profile__orders-item span:nth-child(4) { font-size: 14px; flex-basis: 54px; } } .office-my-profile__orders-item span:nth-child(5) { display: flex; align-items: center; posiiton: relative; flex-basis: 111px; font-size: 18px; font-weight: 600; color: #27AE60; } .office-my-profile__orders-item span:nth-child(5)::before { content: ''; display: inline-block; width: 19px; height: 19px; margin-right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.30233L10.0222 18L21 1' stroke='%2327AE60' stroke-width='3'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .office-my-profile__orders-item span:nth-child(5) { font-size: 14px; } } .office-my-profile__orders-item a:nth-child(5) { display: flex; align-items: center; posiiton: relative; flex-basis: 111px; font-size: 18px; font-weight: 600; text-decoration: underline; color: #333333; } .office-my-profile__orders-item a:nth-child(5)::before { content: ''; display: inline-block; width: 19px; height: 19px; margin-right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.375C0 3.74511 0.250223 3.14102 0.695621 2.69562C1.14102 2.25022 1.74511 2 2.375 2H16.625C17.2549 2 17.859 2.25022 18.3044 2.69562C18.7498 3.14102 19 3.74511 19 4.375V13.875C19 14.5049 18.7498 15.109 18.3044 15.5544C17.859 15.9998 17.2549 16.25 16.625 16.25H2.375C1.74511 16.25 1.14102 15.9998 0.695621 15.5544C0.250223 15.109 0 14.5049 0 13.875V4.375ZM2.375 3.1875C2.06006 3.1875 1.75801 3.31261 1.53531 3.53531C1.31261 3.75801 1.1875 4.06006 1.1875 4.375V5.5625H17.8125V4.375C17.8125 4.06006 17.6874 3.75801 17.4647 3.53531C17.242 3.31261 16.9399 3.1875 16.625 3.1875H2.375ZM17.8125 7.9375H1.1875V13.875C1.1875 14.1899 1.31261 14.492 1.53531 14.7147C1.75801 14.9374 2.06006 15.0625 2.375 15.0625H16.625C16.9399 15.0625 17.242 14.9374 17.4647 14.7147C17.6874 14.492 17.8125 14.1899 17.8125 13.875V7.9375Z' fill='%23253561'/%3E%3Cpath d='M2.375 11.5C2.375 11.1851 2.50011 10.883 2.72281 10.6603C2.94551 10.4376 3.24756 10.3125 3.5625 10.3125H4.75C5.06494 10.3125 5.36699 10.4376 5.58969 10.6603C5.81239 10.883 5.9375 11.1851 5.9375 11.5V12.6875C5.9375 13.0024 5.81239 13.3045 5.58969 13.5272C5.36699 13.7499 5.06494 13.875 4.75 13.875H3.5625C3.24756 13.875 2.94551 13.7499 2.72281 13.5272C2.50011 13.3045 2.375 13.0024 2.375 12.6875V11.5Z' fill='%23253561'/%3E%3C/svg%3E%0A"); } @media (max-width: 760px) { .office-my-profile__orders-item a:nth-child(5) { font-size: 14px; } } .office-my-profile__orders-item button { margin-left: auto; } .office-my-profile__orders-item-status { flex-basis: 140px; font-size: 18px; font-weight: 500; } @media (max-width: 760px) { .office-my-profile__orders-item-status { font-size: 14px; order: -1; flex-basis: 100%; margin-bottom: 10px; } } .office-my-profile__orders-item-status.ready-to-pay { color: #2F80ED; } .office-my-profile__orders-item-status.done { color: #219653; } .office-my-profile__orders-item-status.canceled { color: #F04438; } .office-my-profile__orders-item-status.in-work { color: #F2C94C; } .office-my-profile__orders-file:hover + .office-my-profile__orders-modal-wrapper { display: block; } .office-my-profile__orders-modal-wrapper { display: none; position: absolute; right: 5px; z-index: 10; padding-right: 40px; } @media (max-width: 760px) { .office-my-profile__orders-modal-wrapper { top: 21px; } } .office-my-profile__orders-modal-wrapper:hover { display: block; } .office-my-profile__orders-modal-wrapper::after { content: ''; display: inline-block; position: absolute; right: 23px; top: calc( 50% - 8px); background-color: #fff; width: 19px; height: 17px; z-index: 110; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19.5 9.5L1 17.5' stroke='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__orders-modal { background-color: #fff; display: flex; flex-direction: column; border: 1px solid #253561; border-radius: 15px; padding: 15px 40px 15px 20px; z-index: 10; } @media (max-width: 760px) { .office-my-profile__orders-modal { padding: 15px 15px; } } .office-my-profile__orders-modal-top button { postiton: ralative; display: flex; align-items: center; font-size: 20px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .office-my-profile__orders-modal-top button { font-size: 14px; } } .office-my-profile__orders-modal-top button::after { content: ''; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6248 13.1247H28.9973C29.0864 13.1248 29.1736 13.1502 29.2488 13.198C29.3239 13.2458 29.3839 13.314 29.4217 13.3947C29.4594 13.4754 29.4734 13.5651 29.462 13.6535C29.4507 13.7418 29.4143 13.8251 29.3573 13.8935L25.6711 18.3185C25.6271 18.3712 25.572 18.4137 25.5098 18.4428C25.4476 18.4719 25.3798 18.487 25.3111 18.487C25.2424 18.487 25.1745 18.4719 25.1123 18.4428C25.0501 18.4137 24.9951 18.3712 24.9511 18.3185L21.2648 13.8935C21.2078 13.8251 21.1715 13.7418 21.1601 13.6535C21.1487 13.5651 21.1627 13.4754 21.2005 13.3947C21.2383 13.314 21.2982 13.2458 21.3734 13.198C21.4485 13.1502 21.5358 13.1248 21.6248 13.1247ZM0.999825 16.8747H8.37232C8.46139 16.8747 8.54861 16.8493 8.62376 16.8015C8.69891 16.7537 8.75888 16.6854 8.79666 16.6048C8.83443 16.5241 8.84844 16.4344 8.83705 16.346C8.82565 16.2577 8.78933 16.1744 8.73232 16.106L5.04607 11.681C5.00208 11.6282 4.94703 11.5858 4.88482 11.5567C4.82261 11.5275 4.75476 11.5125 4.68607 11.5125C4.61738 11.5125 4.54953 11.5275 4.48732 11.5567C4.42512 11.5858 4.37007 11.6282 4.32607 11.681L0.639825 16.106C0.58282 16.1744 0.546495 16.2577 0.535101 16.346C0.523708 16.4344 0.537718 16.5241 0.575492 16.6048C0.613266 16.6854 0.673239 16.7537 0.748389 16.8015C0.823539 16.8493 0.910755 16.8747 0.999825 16.8747Z' fill='%23253561'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9967 5.62477C12.0867 5.62477 9.48422 6.95039 7.76484 9.03351C7.68807 9.13303 7.59207 9.21609 7.48255 9.27775C7.37303 9.33942 7.25223 9.37843 7.12733 9.39247C7.00242 9.40652 6.87598 9.3953 6.7555 9.35949C6.63502 9.32369 6.52297 9.26402 6.42601 9.18404C6.32906 9.10406 6.24917 9.0054 6.19111 8.89393C6.13305 8.78246 6.09799 8.66045 6.08803 8.53516C6.07807 8.40987 6.0934 8.28385 6.13312 8.1646C6.17283 8.04536 6.23612 7.93531 6.31922 7.84102C7.69207 6.17888 9.51345 4.94604 11.5667 4.28912C13.62 3.6322 15.8187 3.57886 17.9014 4.13543C19.9841 4.692 21.8631 5.83507 23.315 7.42868C24.7668 9.02228 25.7304 10.9994 26.0911 13.1248H24.1842C23.7513 11.0075 22.6005 9.10475 20.9265 7.73816C19.2524 6.37157 17.1578 5.62503 14.9967 5.62477ZM5.80922 16.8748C6.16418 18.6084 7.00238 20.2063 8.22699 21.4838C9.4516 22.7613 11.0126 23.6662 12.7298 24.0941C14.4469 24.5219 16.25 24.4552 17.9309 23.9017C19.6117 23.3482 21.1017 22.3304 22.2286 20.966C22.3054 20.8665 22.4014 20.7834 22.5109 20.7218C22.6204 20.6601 22.7412 20.6211 22.8661 20.6071C22.991 20.593 23.1175 20.6042 23.2379 20.64C23.3584 20.6758 23.4705 20.7355 23.5674 20.8155C23.6644 20.8955 23.7443 20.9941 23.8023 21.1056C23.8604 21.2171 23.8954 21.3391 23.9054 21.4644C23.9154 21.5897 23.9 21.7157 23.8603 21.8349C23.8206 21.9542 23.7573 22.0642 23.6742 22.1585C22.3014 23.8207 20.48 25.0535 18.4267 25.7104C16.3735 26.3673 14.1747 26.4207 12.092 25.8641C10.0093 25.3075 8.13029 24.1645 6.67845 22.5709C5.2266 20.9772 4.26303 19.0002 3.90234 16.8748H5.80922Z' fill='%23253561'/%3E%3C/svg%3E"); margin-left: 15px; } @media (max-width: 760px) { .office-my-profile__orders-modal-top button::after { width: 20px; height: 20px; margin-left: 10px; } } .office-my-profile__orders-modal-row { display: flex; align-items: center; } .office-my-profile__orders-modal-row input { display: none; } .office-my-profile__orders-modal-row input + span { width: 20px; height: 20px; display: inline-block; margin-right: 10px; border-radius: 50%; border: 1px solid #253561; } @media (max-width: 760px) { .office-my-profile__orders-modal-row input + span { width: 14px; height: 14px; margin-right: 10px; } } .office-my-profile__orders-modal-row input:checked + span { border: 4px solid #253561; } .office-my-profile__orders-modal-row label { display: flex; align-items: center; margin-right: auto; } .office-my-profile__orders-modal-row label p { font-size: 18px; font-weight: 500; margin-right: 15px; } @media (max-width: 760px) { .office-my-profile__orders-modal-row label p { font-size: 14px; margin-right: 10px; } } .office-my-profile__orders-modal-row .office-my-profile__orders-modal-save-btn { margin-right: 15px; } .office-my-profile__orders-modal-row .office-my-profile__orders-modal-male-btn { margin: 0; } @media (max-width: 760px) { .office-my-profile__orders-modal-row .office-my-profile__orders-modal-male-btn svg { width: 25px; height: 25px; } } .office-my-profile__orders-modal-row .office-my-profile__orders-modal-past-btn { width: 39px; height: 33px; margin-left: 6px; background-size: cover; background-repeat: no-repeat; background-image: url(/local/templates/doorlock/assets/css/../img/post-icon.png); } @media (max-width: 760px) { .office-my-profile__orders-modal-row .office-my-profile__orders-modal-past-btn { width: 26px; height: 22px; } } .office-my-profile__orders-empty-subtitle { font-size: 24px; font-weight: 500; color: #000000; margin-bottom: 25px; } @media (max-width: 760px) { .office-my-profile__orders-empty-subtitle { font-size: 14px; font-weight: 600; margin-bottom: 15px; } } .office-my-profile__orders-empty-text { display: block; font-size: 22px; font-weight: 400; color: #000000; margin-bottom: 25px; } @media (max-width: 760px) { .office-my-profile__orders-empty-text { font-size: 12px; font-weight: 400; margin-bottom: 20px; } } .office-my-profile__orders-empty-add-address-btn { display: inline-block; padding: 15px 25px; border-radius: 15px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .office-my-profile__orders-empty-add-address-btn { padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .office-my-profile__order-detalies { margin-bottom: 100px; } .office-my-profile__order-detalies-top { display: flex; align-items: center; margin-bottom: 10px; } @media (max-width: 760px) { .office-my-profile__order-detalies-top { flex-wrap: wrap; } } .office-my-profile__order-detalies-top h1 { font-size: 28px; color: #333333; margin-right: auto; } @media (max-width: 760px) { .office-my-profile__order-detalies-top h1 { flex-basis: 100%; font-size: 22px; margin-bottom: 10px; } } @media (max-width: 350px) { .office-my-profile__order-detalies-top h1 { flex-basis: 90%; } } .office-my-profile__order-detalies-way-btn { width: 52px; height: 52px; margin-right: 15px; background: #253561; border-radius: 15px; background-repeat: no-repeat; background-position: center; background-size: 70%; background-image: url(/local/templates/doorlock/assets/css/../img/order-detalies-way-btn.png); } @media (max-width: 760px) { .office-my-profile__order-detalies-way-btn { width: 26px; height: 26px; margin-right: 7px; border-radius: 10px; } } .office-my-profile__order-detalies-pay-status-btn { padding: 16px 25px; background: #27AE60; border-radius: 15px; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .office-my-profile__order-detalies-pay-status-btn { padding: 7px 12px; font-size: 8px; border-radius: 10px; } } .office-my-profile__order-detalies--subtop { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 760px) { .office-my-profile__order-detalies--subtop { margin-bottom: 20px; } } .office-my-profile__order-detalies--subtop span { font-size: 22px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__order-detalies--subtop span { font-size: 16px; } } .office-my-profile__order-detalies--subtop button { display: inline-block; width: 24px; height: 11px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='28' height='15' viewBox='0 0 28 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 13L13.5 2L2 13' stroke='%23253561' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform: rotate(180deg); } .office-my-profile__order-detalies--subtop button.active { transform: rotate(0deg); } .office-my-profile__order-detalies-list { padding: 15px 30px !important; background: #ECEEF4; border-radius: 15px; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__order-detalies-list { border-radius: 10px; border: 1px solid #253561; padding: 0 !important; background-color: #fff; margin-bottom: 20px; } } .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item { display: none; } .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(1), .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(2) { display: flex; } .office-my-profile__order-detalies-list .office-my-profile__order-detalies-item:nth-child(2) { border-bottom: 1px solid transparent; } .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item { display: flex; } .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item:nth-child(2) { border-bottom: 1px solid #fff; } @media (max-width: 760px) { .office-my-profile__order-detalies-list.active .office-my-profile__order-detalies-item:nth-child(2) { border-bottom: 1px solid #253561; } } .office-my-profile__order-detalies-item { display: flex; padding: 15px 0; align-items: center; row-gap: 10px; } @media (max-width: 760px) { .office-my-profile__order-detalies-item { flex-wrap: wrap; padding: 15px; } } .office-my-profile__order-detalies-item:not(:last-child) { border-bottom: 1px solid #fff; } @media (max-width: 760px) { .office-my-profile__order-detalies-item:not(:last-child) { border-bottom: 1px solid #253561; } } .office-my-profile__order-detalies-img-box { margin-right: 20px; } @media (max-width: 760px) { .office-my-profile__order-detalies-img-box { margin-right: 10px; } } .office-my-profile__order-detalies-img-box img { width: 91px; height: 91px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 760px) { .office-my-profile__order-detalies-img-box img { width: 55px; height: 55px; } } .office-my-profile__order-detalies-name-box { flex-basis: 420px; margin-right: 20px; } @media (max-width: 760px) { .office-my-profile__order-detalies-name-box { flex-basis: 165px; margin-right: 0; } } .office-my-profile__order-detalies-name-box h3 { font-size: 18px; font-weight: 400; color: #333; margin-right: auto; } @media (max-width: 760px) { .office-my-profile__order-detalies-name-box h3 { font-size: 12px; font-weight: 600; } } .office-my-profile__order-detalies-price-box { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; } .office-my-profile__order-detalies-price-box span:nth-child(1) { font-size: 18px; font-weight: 600; text-decoration: line-through; color: #BDBDBD; } @media (max-width: 760px) { .office-my-profile__order-detalies-price-box span:nth-child(1) { font-size: 12px; } } .office-my-profile__order-detalies-price-box span:nth-child(2) { font-size: 24px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__order-detalies-price-box span:nth-child(2) { font-size: 16px; } } .office-my-profile__order-detalies-sum-box { margin-bottom: 30px; padding: 30px !important; border-radius: 15px; background: #ECEEF4; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-box { margin-bottom: 20px; padding: 18px !important; border-radius: 10px; } } .office-my-profile__order-detalies-sum-title { padding-bottom: 25px; font-size: 14px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-title { padding-bottom: 20px; font-size: 14px; border-bottom: 1px solid #fff; } } .office-my-profile__order-detalies-sum-row-sum, .office-my-profile__order-detalies-sum-row-sale, .office-my-profile__order-detalies-sum-row-delivery { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-sum, .office-my-profile__order-detalies-sum-row-sale, .office-my-profile__order-detalies-sum-row-delivery { padding: 15px 0; border-bottom: 1px solid #fff; } } .office-my-profile__order-detalies-sum-row-sum p, .office-my-profile__order-detalies-sum-row-sale p, .office-my-profile__order-detalies-sum-row-delivery p { font-size: 16px; font-weight: 500; color: #73716F; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-sum p, .office-my-profile__order-detalies-sum-row-sale p, .office-my-profile__order-detalies-sum-row-delivery p { font-size: 14px; color: #333333; } } .office-my-profile__order-detalies-sum-row-sum span, .office-my-profile__order-detalies-sum-row-sale span, .office-my-profile__order-detalies-sum-row-delivery span { font-size: 16px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-sum span, .office-my-profile__order-detalies-sum-row-sale span, .office-my-profile__order-detalies-sum-row-delivery span { font-size: 14px; } } .office-my-profile__order-detalies-sum-row-sale span { color: #27AE60; } .office-my-profile__order-detalies-sum-row-delivery { padding-bottom: 30px; border-bottom: 1px solid #fff; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-delivery { padding: 15px 0; } } .office-my-profile__order-detalies-sum-row-result { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 0px; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-result { padding-top: 15px; } } .office-my-profile__order-detalies-sum-row-result p { font-size: 20px; font-weight: 600; color: #73716F; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-result p { font-size: 16px; color: #333333; font-weight: 700; } } .office-my-profile__order-detalies-sum-row-result span { font-size: 20px; font-weight: 600; color: #333333; } @media (max-width: 760px) { .office-my-profile__order-detalies-sum-row-result span { font-size: 16px; font-weight: 700; } } .office-my-profile__order-detalies-info-box { margin-bottom: 40px; padding: 30px !important; border-radius: 15px; background: #ECEEF4; } @media (max-width: 760px) { .office-my-profile__order-detalies-info-box { margin-bottom: 20px; padding: 18px !important; border-radius: 10px; } } .office-my-profile__order-detalies-info-title { padding-bottom: 25px; font-size: 14px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__order-detalies-info-title { padding-bottom: 20px; font-size: 14px; border-bottom: 1px solid #fff; } } .office-my-profile__order-detalies-info-row { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } @media (max-width: 760px) { .office-my-profile__order-detalies-info-row { padding: 15px 0; border-bottom: 1px solid #fff; } } @media (max-width: 760px) { .office-my-profile__order-detalies-info-row:last-child { border-bottom: none; } } .office-my-profile__order-detalies-info-row p { font-size: 16px; font-weight: 500; color: #73716F; white-space: nowrap; margin-right: 10px; } @media (max-width: 760px) { .office-my-profile__order-detalies-info-row p { font-size: 14px; color: #333333; } } .office-my-profile__order-detalies-info-row span { font-size: 16px; font-weight: 600; color: #333333; text-align: right; } @media (max-width: 760px) { .office-my-profile__order-detalies-info-row span { font-size: 15px; font-weight: 500; } } .office-my-profile__order-detalies-repeat-btn { padding: 15px 88px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .office-my-profile__order-detalies-repeat-btn { margin: 0 auto; display: block; padding: 12px 25px; font-size: 12px; border-radius: 10px; } } .office-my-profile__find { margin-bottom: 100px; } .office-my-profile__find-top { display: block; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__find-top { margin-bottom: 20px; } } .office-my-profile__find-top h1 { font-size: 34px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__find-top h1 { font-size: 22px; font-weight: 700; } } .office-my-profile__find-form { display: block; margin-bottom: 40px; } .office-my-profile__find-select { display: block; width: 435px; margin-bottom: 30px; padding: 20px 20px; border-radius: 15px; border: 1px solid #253561; font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-my-profile__find-select { width: 280px; margin-bottom: 25px; padding: 10px; border-radius: 10px; font-size: 12px; } } .office-my-profile__find-btn { padding: 15px 88px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .office-my-profile__find-btn { padding: 12px 25px; font-size: 12px; border-radius: 10px; } } .office-my-profile__find-way { max-width: 100%; display: none; } .office-my-profile__find-way.active { display: block; } .office-my-profile__find-way h4 { display: block; font-size: 24px; font-weight: 600; color: #253561; margin-bottom: 20px; } @media (max-width: 760px) { .office-my-profile__find-way h4 { font-size: 15px; } } .office-my-profile__find-way-table { display: flex; } .office-my-profile__find-way-point-column { flex-shrink: 0; margin-right: 20px; width: 16px; background-repeat: no-repeat; background-size: contain; } .office-my-profile__find-way-point-column.step-6 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E%0A"); } .office-my-profile__find-way-point-column.step-5 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='114' width='4' height='375' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__find-way-point-column.step-4 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='200' width='4' height='289' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__find-way-point-column.step-3 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='286' width='4' height='203' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__find-way-point-column.step-2 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='372' width='4' height='117' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23253561'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__find-way-point-column.step-1 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='489' viewBox='0 0 16 489' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' width='4' height='489' rx='2' fill='%23BDBDBD'/%3E%3Crect x='6' y='455' width='4' height='34' rx='2' fill='%23253561'/%3E%3Ccircle cx='8' cy='28' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='114' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='200' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='286' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='372' r='8' fill='%23BDBDBD'/%3E%3Ccircle cx='8' cy='458' r='8' fill='%23253561'/%3E%3C/svg%3E"); } .office-my-profile__find-way-text:not(:last-child) { margin-bottom: 30px; } .office-my-profile__find-way-text-top span { font-size: 20px; font-weight: 600; color: #000; } @media (max-width: 760px) { .office-my-profile__find-way-text-top span { font-size: 13px; } } .office-my-profile__find-way-text-bottom span { font-size: 20px; font-weight: 400; color: #73716F; margin-right: 5px; } .office-my-profile__find-way-text-bottom span:nth-child(1), .office-my-profile__find-way-text-bottom span:nth-child(4) { margin-right: 0; } @media (max-width: 760px) { .office-my-profile__find-way-text-bottom span { font-size: 13px; } } .office-my-profile__find-form h1 { display: flex; justify-content: center; } .office-my-profile__find-form .__select { position: relative; width: 435px; height: 40px; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__find-form .__select { width: 280px; } } .office-my-profile__find-form .__select[data-state="active"] .__select__title { border-bottom: none; border-radius: 15px 15px 0 0; } .office-my-profile__find-form .__select[data-state="active"] .__select__title::before { transform: translate(-3px, -50%) rotate(-45deg); } .office-my-profile__find-form .__select[data-state="active"] .__select__title::after { transform: translate(3px, -50%) rotate(45deg); } .office-my-profile__find-form .__select[data-state="active"] .__select__content { opacity: 1; display: flex; } .office-my-profile__find-form .__select[data-state="active"] .__select__label + .__select__input + .__select__label { max-height: 40px; border-top-width: 1px; } .office-my-profile__find-form .__select__title { display: flex; align-items: center; width: 100%; height: 100%; padding: 8px 16px; border-radius: 5px; border: solid 1px #c7ccd1; cursor: pointer; width: 435px; padding: 20px 20px; border-radius: 15px; border: 1px solid #253561; font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-my-profile__find-form .__select__title { width: 280px; margin-bottom: 25px; padding: 10px; border-radius: 10px; font-size: 12px; } } .office-my-profile__find-form .__select__title::before, .office-my-profile__find-form .__select__title::after { content: ""; position: absolute; top: 50%; right: 16px; display: block; width: 10px; height: 2px; transition: all 0.3s ease-out; background-color: #333333; transform: translate(-3px, -50%) rotate(45deg); } .office-my-profile__find-form .__select__title::after { transform: translate(3px, -50%) rotate(-45deg); } .office-my-profile__find-form .reset { display: flex; width: 230px; padding: 8px 16px; margin: 0 auto; margin-bottom: 10px; border: solid 1px #c7ccd1; border-radius: 5px; transition: all 0.2s ease-out; cursor: pointer; font-weight: bold; background-color: #ffffff; color: #333333; } .office-my-profile__find-form .__select__content { position: absolute; top: 40px; left: 0px; display: flex; flex-direction: column; width: calc(100% - 1px); background-color: #ffffff; border-top: none; transition: all 0.3s ease-out; opacity: 0; z-index: 8; display: none; border-radius: 0 0 15px 15px; border: 1px solid #253561; } .office-my-profile__find-form .__select__content input:nth-child(1) { display: none; } .office-my-profile__find-form .__select__content label:nth-child(2) { display: none; } .office-my-profile__find-form .__select__input { display: none; } .office-my-profile__find-form .__select__input:checked + label { font-weight: 600; } .office-my-profile__find-form .__select__input:disabled + label { opacity: 0.6; pointer-events: none; } .office-my-profile__find-form .__select__label { display: flex; align-items: center; width: 100%; height: 40px; max-height: 0; padding: 0 16px; transition: all 0.2s ease-out; cursor: pointer; overflow: hidden; padding: 20px 20px; font-size: 18px; font-weight: 500; color: #333333; } @media (max-width: 760px) { .office-my-profile__find-form .__select__label { padding: 10px; border-radius: 10px; font-size: 12px; } } .office-my-profile__find-form .__select__label + input + .office-my-profile__find-form .__select__label { border-top: 0 solid #C7CCD160; } .office-my-profile__places { max-width: 710px; width: 100%; margin-bottom: 100px; } .office-my-profile__places-top { display: block; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__places-top { margin-bottom: 20px; } } .office-my-profile__places-top h1 { font-size: 34px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__places-top h1 { font-size: 22px; font-weight: 700; } } .office-my-profile__places-list { margin-bottom: 40px; max-width: 100%; } @media (max-width: 760px) { .office-my-profile__places-list { margin-bottom: 25px; } } .office-my-profile__places-item { max-width: 100%; } .office-my-profile__places-item:not(:last-child) { margin-bottom: 25px; } @media (max-width: 760px) { .office-my-profile__places-item:not(:last-child) { margin-bottom: 20px; } } .office-my-profile__places-item h2 { display: block; margin-bottom: 15px; font-size: 24px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__places-item h2 { margin-bottom: 10px; font-size: 15px; } } .office-my-profile__places-row { display: flex; align-items: center; } .office-my-profile__places-row p { flex: 0 0 470px; margin-right: auto; font-size: 20px; font-weight: 500; color: #333; } @media (max-width: 760px) { .office-my-profile__places-row p { flex: 0 0 178px; font-size: 12px; } } .office-my-profile__places-change-btn, .office-my-profile__places-map-btn, .office-my-profile__places-delete-btn { width: 24px; height: 24px; margin-left: 20px; } @media (max-width: 760px) { .office-my-profile__places-change-btn, .office-my-profile__places-map-btn, .office-my-profile__places-delete-btn { width: 15px; height: 15px; margin-left: 10px; } } @media (max-width: 760px) { .office-my-profile__places-change-btn svg, .office-my-profile__places-map-btn svg, .office-my-profile__places-delete-btn svg { width: 15px; height: 15px; -o-object-fit: contain; object-fit: contain; } } .office-my-profile__places-empty-box { width: 100%; margin-bottom: 25px; } @media (max-width: 760px) { .office-my-profile__places-empty-box { margin-bottom: 15px; } } .office-my-profile__places-empty-box h3 { margin-bottom: 25px; font-size: 24px; font-weight: 500; color: #000; } @media (max-width: 760px) { .office-my-profile__places-empty-box h3 { margin-bottom: 15px; font-size: 14px; font-weight: 600; } } .office-my-profile__places-empty-box p { font-size: 22px; font-weight: 400; color: #000; } @media (max-width: 760px) { .office-my-profile__places-empty-box p { font-size: 12px; } } .office-my-profile__places-add-btn { display: inline-block; padding: 15px 25px; border-radius: 15px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .office-my-profile__places-add-btn { padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .office-my-profile__places-add-form { width: 100%; } .office-my-profile__places-add-title { margin-bottom: 25px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .office-my-profile__places-add-title { margin-bottom: 20px; font-size: 13px; } } .office-my-profile__places-add-label { display: block; margin-bottom: 25px; } @media (max-width: 760px) { .office-my-profile__places-add-label { margin-bottom: 15px; } } .office-my-profile__places-add-label:nth-child(4) { margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__places-add-label:nth-child(4) { margin-bottom: 25px; } } .office-my-profile__places-add-label span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000; } @media (max-width: 760px) { .office-my-profile__places-add-label span { margin-bottom: 7px; font-size: 10px; } } .office-my-profile__places-add-label input { width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 15px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .office-my-profile__places-add-label input { border-radius: 10px; padding: 10px; font-size: 12px; } } .office-my-profile__places-add-label textarea { resize: none; width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 15px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .office-my-profile__places-add-label textarea { rows: 1; border-radius: 10px; padding: 10px; font-size: 12px; } } .office-my-profile__places-add-label input { width: 100%; border: 1px solid #253561; border-radius: 15px; padding: 15px 20px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 760px) { .office-my-profile__places-add-label input { border-radius: 10px; padding: 10px; font-size: 12px; } } .office-my-profile__places-add-bottom-inputs { display: flex; justify-content: space-between; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; } .office-my-profile__places-add-bottom-inputs .office-my-profile__places-add-label { width: calc( 50% - 10px); } @media (max-width: 760px) { .office-my-profile__places-add-bottom-inputs .office-my-profile__places-add-label { width: 100%; } } .office-my-profile__places-adding-btn { padding: 15px 25px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase; } @media (max-width: 760px) { .office-my-profile__places-adding-btn { padding: 10px 10px; font-size: 12px; border-radius: 10px; } } .office-my-profile__places-cansel-btn { display: inline-block; padding: 15px 25px; border-radius: 15px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; text-transform: uppercase; } @media (max-width: 760px) { .office-my-profile__places-cansel-btn { padding: 10px 10px; border-radius: 10px; font-size: 12px; } } .office-my-profile__places-add-map-wrapper { width: 100%; height: 370px; margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__places-add-map-wrapper { height: 230px; width: calc( 100% + 20px); margin-right: -10px; margin-left: -10px; } } .office-my-profile__places-add-map-wrapper .map { height: 100%; } .office-my-profile__maneger-top-row { display: flex; align-items: center; margin-bottom: 35px; } @media (max-width: 760px) { .office-my-profile__maneger-top-row { margin-bottom: 20px; } } .office-my-profile__maneger-top-row img { width: 100px; height: 100px; margin-right: 25px; border-radius: 50%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 760px) { .office-my-profile__maneger-top-row img { width: 77px; height: 77px; margin-right: 20px; } } .office-my-profile__maneger-top-row a:nth-child(2) { margin-right: 20px; } @media (max-width: 760px) { .office-my-profile__maneger-top-row a:nth-child(2) { margin-right: 15px; } } .office-my-profile__maneger-label:not(:last-child) { margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__maneger-label:not(:last-child) { margin-bottom: 15px; } } .office-my-profile__maneger-label span { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #000; } @media (max-width: 760px) { .office-my-profile__maneger-label span { font-size: 11px; margin-bottom: 7px; } } .office-my-profile__maneger-label p, .office-my-profile__maneger-label a { display: block; font-size: 18px; font-weight: 500; color: #000; } @media (max-width: 760px) { .office-my-profile__maneger-label p, .office-my-profile__maneger-label a { width: 100%; padding: 10px; border: 1px solid #828282; border-radius: 10px; font-size: 12px; } } .office-my-profile__purchases { margin-bottom: 100px; width: 100%; display: flex; flex-direction: column; } @media (max-width: 760px) { .office-my-profile__purchases { align-items: center; } } .office-my-profile__purchases-mobile-top { display: none; width: 320px; padding: 15px 20px; } @media (max-width: 760px) { .office-my-profile__purchases-mobile-top { display: flex; } } .office-my-profile__purchases-mobile-top .active { border-bottom: 1px solid #BDBDBD; } .office-my-profile__purchases-mobile-top span { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 400; color: #333333; } .office-my-profile__purchases-mobile-top span::after { content: ''; width: 21px; height: 18px; display: inline-block; margin-left: auto; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 0.5C6.5981 0.5 6.93194 0.635459 7.17808 0.876577C7.42422 1.1177 7.5625 1.44472 7.5625 1.78571V4.35714C7.5625 4.69814 7.42422 5.02516 7.17808 5.26628C6.93194 5.5074 6.5981 5.64286 6.25 5.64286C5.9019 5.64286 5.56806 5.5074 5.32192 5.26628C5.07578 5.02516 4.9375 4.69814 4.9375 4.35714V1.78571C4.9375 1.44472 5.07578 1.1177 5.32192 0.876577C5.56806 0.635459 5.9019 0.5 6.25 0.5V0.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 3.07153H7.5625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.9375 3.07153H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 13.3572C6.5981 13.3572 6.93194 13.4926 7.17808 13.7338C7.42422 13.9749 7.5625 14.3019 7.5625 14.6429V17.2143C7.5625 17.5553 7.42422 17.8823 7.17808 18.1235C6.93194 18.3646 6.5981 18.5 6.25 18.5C5.9019 18.5 5.56806 18.3646 5.32192 18.1235C5.07578 17.8823 4.9375 17.5553 4.9375 17.2143V14.6429C4.9375 14.3019 5.07578 13.9749 5.32192 13.7338C5.56806 13.4926 5.9019 13.3572 6.25 13.3572Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 15.9285H7.5625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.9375 15.9285H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.75 6.92847C17.0981 6.92847 17.4319 7.06393 17.6781 7.30504C17.9242 7.54616 18.0625 7.87319 18.0625 8.21418V10.7856C18.0625 11.1266 17.9242 11.4536 17.6781 11.6947C17.4319 11.9359 17.0981 12.0713 16.75 12.0713C16.4019 12.0713 16.0681 11.9359 15.8219 11.6947C15.5758 11.4536 15.4375 11.1266 15.4375 10.7856V8.21418C15.4375 7.87319 15.5758 7.54616 15.8219 7.30504C16.0681 7.06393 16.4019 6.92847 16.75 6.92847V6.92847Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4375 9.5H1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 9.5H18.0625' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .office-my-profile__purchases-top { margin-bottom: 40px; } @media (max-width: 780px) { .office-my-profile__purchases-top { display: none; margin-bottom: 30px; } .office-my-profile__purchases-top.active { display: flex; } } .office-my-profile__purchases-top .office-my-profile__find-form { display: flex; margin-bottom: 0; } @media (max-width: 780px) { .office-my-profile__purchases-top .office-my-profile__find-form { flex-direction: column; width: 320px; } } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) { width: 212px; margin-right: 25px; margin-bottom: 0; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__title { width: 212px; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__content { width: 100%; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) { width: 190px; margin-right: 25px; margin-bottom: 0; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2).hide { display: none; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__title { width: 190px; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__content { width: 100%; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) { width: 224px; margin-left: auto; margin-bottom: 0; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__title { width: 224px; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__content { width: 100%; } @media (max-width: 780px) { .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1), .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2), .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) { width: 320px; margin-bottom: 0; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__title, .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__title, .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__title { width: 320px; border-radius: 0; border: none; border-bottom: 1px solid #BDBDBD; font-size: 16px; font-weight: 600; padding: 15px 20px; } .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(1) .__select__content, .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(2) .__select__content, .office-my-profile__purchases-top .office-my-profile__find-form .__select:nth-child(4) .__select__content { border-radius: 0; border: none; border-bottom: 1px solid #BDBDBD; } } .office-my-profile__purchases-search { display: none; position: relative; width: 300px; margin-right: 25px; } @media (max-width: 780px) { .office-my-profile__purchases-search { width: 320px; margin-right: 0; } } .office-my-profile__purchases-search.active { display: block; } .office-my-profile__purchases-search input { border: 1px solid #253561; border-radius: 15px; width: 100%; padding: 9px 15px; font-size: 18px; font-weight: 500; color: #253561; } @media (max-width: 780px) { .office-my-profile__purchases-search input { border: none; border-radius: 0; border-bottom: 1px solid #BDBDBD; font-size: 16px; padding: 15px 20px; font-weight: 600; } } .office-my-profile__purchases-search input:placeholder { font-size: 14px; font-weight: 400; color: #253561; } .office-my-profile__purchases-search button { position: absolute; top: 11px; right: 15px; width: 20px; height: 20px; background-color: #fff; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8265 18.98L14.9662 14.1197C16.27 12.6208 17.0593 10.6652 17.0593 8.52772C17.0593 3.82262 13.2323 0 8.53161 0C3.82652 0 0.00390625 3.82705 0.00390625 8.52772C0.00390625 13.2284 3.83095 17.0554 8.53161 17.0554C10.6691 17.0554 12.6247 16.2661 14.1236 14.9623L18.9839 19.8226C19.0992 19.9379 19.2544 20 19.4052 20C19.556 20 19.7112 19.9424 19.8265 19.8226C20.0571 19.592 20.0571 19.2106 19.8265 18.98ZM1.19681 8.52772C1.19681 4.48337 4.48727 1.19734 8.52718 1.19734C12.5715 1.19734 15.8575 4.4878 15.8575 8.52772C15.8575 12.5676 12.5715 15.8625 8.52718 15.8625C4.48727 15.8625 1.19681 12.5721 1.19681 8.52772Z' fill='%23253561'/%3E%3C/svg%3E%0A"); } .office-my-profile__purchases-item { position: relative; display: flex; } .office-my-profile__purchases-item:not(:last-child) { margin-bottom: 30px; } @media (max-width: 760px) { .office-my-profile__purchases-item:not(:last-child) { margin-bottom: 0; border-bottom: 1px solid #253561; } } @media (max-width: 760px) { .office-my-profile__purchases-item { padding: 15px 0; margin-bottom: 0; } } .office-my-profile__purchases-photo-link { margin-right: 30px; } @media (max-width: 760px) { .office-my-profile__purchases-photo-link { position: absolute; top: 15px; left: 0; } } .office-my-profile__purchases-photo-link img { width: 160px; height: 160px; -o-object-fit: contain; object-fit: contain; border: 1px solid #999794; border-radius: 15px; } @media (max-width: 760px) { .office-my-profile__purchases-photo-link img { width: 55px; height: 55px; } } .office-my-profile__purchases-item-right-part { width: 100%; display: flex; flex-direction: column; } .office-my-profile__purchases-item-rp-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } @media (max-width: 760px) { .office-my-profile__purchases-item-rp-top { padding-left: 65px; } } .office-my-profile__purchases-item-rp-top a { flex: 0 0 430px; margin-right: 10px; font-size: 18px; font-weight: 400; color: #333333; } @media (max-width: 760px) { .office-my-profile__purchases-item-rp-top a { flex: 0 0 110px; font-size: 12px; } } .office-my-profile__purchases-item-rp-top span { font-size: 14px; font-weight: 500; } @media (max-width: 760px) { .office-my-profile__purchases-item-rp-top span { font-size: 10px; } } .office-my-profile__purchases-item-rp-top span.sold { color: #F04438; } .office-my-profile__purchases-item-rp-top span.availible { color: #27AE60; } .office-my-profile__purchases-item-code { display: block; margin-bottom: 7px; } .office-my-profile__purchases-item-code span:nth-child(1) { margin-right: 5px; font-size: 14px; font-weight: 400; color: #253561; } @media (max-width: 760px) { .office-my-profile__purchases-item-code span:nth-child(1) { font-size: 10px; } } .office-my-profile__purchases-item-code span:nth-child(2) { font-size: 14px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .office-my-profile__purchases-item-code span:nth-child(2) { font-size: 10px; } } .office-my-profile__purchases-item-last-order-info { display: block; font-size: 14px; font-weight: 600; color: #BDBDBD; margin-bottom: 10px; } @media (max-width: 760px) { .office-my-profile__purchases-item-last-order-info { margin-bottom: 0; font-size: 10px; max-width: 170px; } } .office-my-profile__purchases-item-last-order-info span { color: #253561; margin: 0 5px; } .office-my-profile__purchases-item-rp-bottom { display: flex; justify-content: space-between; margin-top: auto; align-items: flex-end; } @media (max-width: 760px) { .office-my-profile__purchases-item-rp-bottom { position: absolute; right: 0; bottom: 15px; flex-direction: column; } } .office-my-profile__purchases-price-wrapper { display: flex; flex-direction: column; } @media (max-width: 760px) { .office-my-profile__purchases-price-wrapper { margin-bottom: 5px; align-items: flex-end; } } .office-my-profile__purchases-price-wrapper span:nth-child(1) { font-size: 20px; font-weight: 500; text-decoration: line-through; color: #BDBDBD; } @media (max-width: 760px) { .office-my-profile__purchases-price-wrapper span:nth-child(1) { font-size: 12px; } } .office-my-profile__purchases-price-wrapper span:nth-child(2) { font-size: 24px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__purchases-price-wrapper span:nth-child(2) { font-size: 16px; } } .office-my-profile__purchases-bye-btn { border-radius: 15px; padding: 10px 47px; height: 43px; background-color: #253561; color: #fff; font-size: 16px; font-weight: 600; } @media (max-width: 760px) { .office-my-profile__purchases-bye-btn { height: 20px; border-radius: 10px; padding: 5px 20px; font-size: 7px; } } .office-my-profile__credit-info { width: 100%; margin-bottom: 40px; } .office-my-profile__credit-info .office-main__credit-bar { width: 730px; } @media (max-width: 760px) { .office-my-profile__credit-info .office-main__credit-bar { width: 218px; } } .office-my-profile__credit-info .office-main__credit-bar::before { background-repeat: repeat; } .office-my-profile__credit-info .office-main__credit-sum { font-size: 16px; } .office-my-profile__credit-fullsum-row, .office-my-profile__credit-spendsum-row, .office-my-profile__credit-availiblesum-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; padding-left: 25px; margin-bottom: 20px; } @media (max-width: 760px) { .office-my-profile__credit-fullsum-row, .office-my-profile__credit-spendsum-row, .office-my-profile__credit-availiblesum-row { padding-left: 0; } } .office-my-profile__credit-fullsum-row p, .office-my-profile__credit-spendsum-row p, .office-my-profile__credit-availiblesum-row p { font-size: 18px; font-weight: 600; color: #333; margin-right: 10px; } @media (max-width: 760px) { .office-my-profile__credit-fullsum-row p, .office-my-profile__credit-spendsum-row p, .office-my-profile__credit-availiblesum-row p { margin-bottom: 10px; font-size: 14px; } } .office-my-profile__credit-fullsum-row span, .office-my-profile__credit-spendsum-row span, .office-my-profile__credit-availiblesum-row span { font-size: 22px; font-weight: 600; color: #333; white-space: nowrap; } @media (max-width: 760px) { .office-my-profile__credit-fullsum-row span, .office-my-profile__credit-spendsum-row span, .office-my-profile__credit-availiblesum-row span { font-size: 18px; } } .office-my-profile__credit-spendsum-row { position: relative; } .office-my-profile__credit-spendsum-row:before { content: ''; position: absolute; display: inline-block; left: 0px; width: 16px; height: 12px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1315 1H1.86852C1.06982 1 0.59343 1.89014 1.03647 2.5547L7.16795 11.7519C7.56377 12.3457 8.43623 12.3457 8.83205 11.7519L14.9635 2.5547C15.4066 1.89015 14.9302 1 14.1315 1Z' fill='%23F04438' stroke='%23F04438'/%3E%3C/svg%3E"); } @media (max-width: 760px) { .office-my-profile__credit-spendsum-row:before { display: none; } } @media (max-width: 760px) { .office-my-profile__credit-availiblesum-inner p:nth-child(1) { margin-bottom: 7px; } } .office-my-profile__credit-availiblesum-inner p:nth-child(2) { font-size: 14px; font-weight: 400; } @media (max-width: 760px) { .office-my-profile__credit-availiblesum-inner p:nth-child(2) { font-size: 13px; } } .office-my-profile__credit-table { margin-bottom: 20px; } .office-my-profile__credit-table h5 { font-size: 24px; font-weight: 600; color: #333; } @media (max-width: 760px) { .office-my-profile__credit-table h5 { font-size: 18px; } } .office-my-profile__credit-title { display: flex; -moz-column-gap: 10px; column-gap: 10px; padding-bottom: 10px; } @media (max-width: 780px) { .office-my-profile__credit-title { display: none; } } .office-my-profile__credit-title span { font-size: 15px; font-weight: 600; color: #73716F; } .office-my-profile__credit-title span:nth-child(1) { flex: 0 0 111px; } .office-my-profile__credit-title span:nth-child(2) { flex: 0 0 141px; } .office-my-profile__credit-title span:nth-child(3) { flex: 0 0 164px; } .office-my-profile__credit-title span:nth-child(4) { flex: 0 0 120px; } .office-my-profile__credit-title span:nth-child(5) { flex: 0 0 101px; } .office-my-profile__credit-item { display: flex; -moz-column-gap: 10px; column-gap: 10px; padding: 15px 0; border-top: 1px solid #253562; } @media (max-width: 780px) { .office-my-profile__credit-item { flex-wrap: wrap; row-gap: 10px; } } .office-my-profile__credit-item a, .office-my-profile__credit-item span { font-size: 18px; font-weight: 500; color: #333; text-align: left; } @media (max-width: 780px) { .office-my-profile__credit-item a, .office-my-profile__credit-item span { font-size: 14px; } } .office-my-profile__credit-item a:nth-child(1) { flex: 0 0 111px; color: #27AE60; } @media (max-width: 780px) { .office-my-profile__credit-item a:nth-child(1) { flex: 0 0 61px; } } .office-my-profile__credit-item span:nth-child(2) { flex: 0 0 141px; color: #2F80ED; } @media (max-width: 780px) { .office-my-profile__credit-item span:nth-child(2) { order: -1; flex: 0 0 100%; } } .office-my-profile__credit-item span:nth-child(3) { flex: 0 0 164px; } @media (max-width: 780px) { .office-my-profile__credit-item span:nth-child(3) { flex: 123px; } } .office-my-profile__credit-item span:nth-child(4) { flex: 0 0 120px; text-align: right; } @media (max-width: 780px) { .office-my-profile__credit-item span:nth-child(4) { flex: 0 0 100%; text-align: left; } } .office-my-profile__credit-item span:nth-child(5) { flex: 0 0 101px; } @media (max-width: 780px) { .office-my-profile__credit-item span:nth-child(5) { flex: 0 0 190px; position: relative; } .office-my-profile__credit-item span:nth-child(5)::before { content: 'Оплатить до:'; display: inline-block; margin-right: 5px; } } .office-my-profile__credit-item a:nth-child(6) { flex: 0 0 92px; margin-left: auto; font-weight: 600; text-decoration: underline; } @media (max-width: 780px) { .office-my-profile__credit-item a:nth-child(6) { flex: 0 0 72px; } } .office-my-profile__discounts-info { width: 100%; margin-bottom: 40px; } .office-my-profile__discounts-info .office-main__credit-bar { width: 730px; } @media (max-width: 760px) { .office-my-profile__discounts-info .office-main__credit-bar { width: 250px; } } .office-my-profile__discounts-info .office-main__credit-bar::before { background-repeat: repeat; } .office-my-profile__discounts-info .office-main__credit-bar-progress { background-color: #219653; border-radius: 15px 15px 15px 15px; } .office-my-profile__discounts-info .office-main__credit-bar { background-color: #6FCF97; border-radius: 15px; } .office-my-profile__discounts-info .office-main__credit-sum { width: 40px; font-size: 16px; } .office-my-profile__discounts-info .office-main__credit-bar--12::before { background-image: none; } .office-my-profile__discounts-info .office-main__credit-bar-scale--1, .office-my-profile__discounts-info .office-main__credit-bar-scale--2, .office-my-profile__discounts-info .office-main__credit-bar-scale--3 { z-index: 100; position: absolute; left: 25%; display: block; width: 2px; height: 100%; background-color: #fff; } .office-my-profile__discounts-info .office-main__credit-bar-scale--2 { left: 50%; } .office-my-profile__discounts-info .office-main__credit-bar-scale--3 { left: 75%; } .office-my-profile__credit-text { max-width: 450px; } .office-my-profile__credit-text h5 { font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #333; margin-top: 0; } @media (max-width: 780px) { .office-my-profile__credit-text h5 { font-size: 18px; margin-bottom: 10px; } } .office-my-profile__credit-text h5 { font-size: 18px; font-weight: 600; color: #333; } @media (max-width: 780px) { .office-my-profile__credit-text h5 { font-size: 15px; } } .policy-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 150px; } @media (max-width: 1200px) { .policy-main { margin-bottom: 40px; } } .policy-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .policy-main__top { margin-bottom: 20px; } } .policy-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .policy-main__top h1 { font-size: 22px; font-weight: 700; } } .policy-main ol { counter-reset: li3; } .policy-main li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .policy-main__main-list { max-width: 954px; margin-bottom: 150px; } @media (max-width: 1200px) { .policy-main__main-list { margin-bottom: 100px; } } .policy-main__main-list li { font-size: 22px; font-weight: 700; color: #000; } .policy-main__main-list li:not(:last-child) { margin-bottom: 50px; } @media (max-width: 1200px) { .policy-main__main-list li { margin-bottom: 40px; font-size: 14px; } } .policy-main__nested-list { padding-top: 15px !important; } @media (max-width: 1200px) { .policy-main__nested-list { padding-top: 10px !important; } } .policy-main__nested-list li { margin-bottom: 36px; font-size: 22px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .policy-main__nested-list li { margin-bottom: 20px; font-size: 14px; } } .policy-main__nested-list li:last-child { margin-bottom: 0; } @media (max-width: 1200px) { .policy-main__nested-list li:last-child { margin-bottom: 0; } } .policy-main ul { padding-top: 10px; } .policy-main ul li { margin-left: 20px; list-style-type: circle; font-size: 22px; font-weight: 400; color: #000; } .policy-main ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .policy-main ul li { margin-bottom: 20px; font-size: 14px; } } .policy-main p { padding-top: 10px; max-width: 970px; font-size: 22px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .policy-main p { margin-bottom: 20px; font-size: 14px; } } .article-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; } @media (max-width: 1200px) { .article-main { margin-bottom: 40px; } } .article-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .article-main__top { margin-bottom: 20px; } } .article-main__top h1 { font-size: 34px; line-height: 120%; font-weight: 600; color: #333; } @media (max-width: 1200px) { .article-main__top h1 { font-size: 22px; font-weight: 700; } } .article-main__tag-list { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .article-main__tag-item:not(:last-child) { margin-right: 50px; } .article-main__tag-link { font-size: 18px; font-weight: 400; color: #253561; } .article-main__content { margin-bottom: 100px; } @media (max-width: 1200px) { .article-main__content { margin-bottom: 40px; } } .article-main__content img { max-width: 863px; max-height: 400px; margin-bottom: 33px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1200px) { .article-main__content img { margin-bottom: 20px; max-width: 100%; } } .article-main__content h2 { margin-bottom: 25px; max-width: 970px; font-size: 24px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .article-main__content h2 { margin-bottom: 10px; font-size: 17px; } } .article-main__content p { max-width: 970px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .article-main__content p { font-size: 12px; } } .article-main__content ul, .article-main__content ol { margin-top: 10px; } .article-main__content ul li { list-style: inside; } .article-main__content ol li { margin-left: 20px; } .article-main__content li { list-style: auto; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .article-main__content li { font-size: 12px; } } .article-main__card-list { display: flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .article-main__card-list .news-articles-card { max-width: 366px; display: none; } .article-main__card-list.show-3 .news-articles-card:nth-child(1), .article-main__card-list.show-3 .news-articles-card:nth-child(2), .article-main__card-list.show-3 .news-articles-card:nth-child(3) { display: flex; } .article-main__card-list.show-6 .news-articles-card:nth-child(4), .article-main__card-list.show-6 .news-articles-card:nth-child(5), .article-main__card-list.show-6 .news-articles-card:nth-child(6) { display: flex; } .article-main__card-list.show-9 .news-articles-card:nth-child(7), .article-main__card-list.show-9 .news-articles-card:nth-child(8), .article-main__card-list.show-9 .news-articles-card:nth-child(9) { display: flex; } .article-main__card-list.show-12 .news-articles-card:nth-child(10), .article-main__card-list.show-12 .news-articles-card:nth-child(11), .article-main__card-list.show-12 .news-articles-card:nth-child(12) { display: flex; } .article-main__card-list.show-15 .news-articles-card:nth-child(13), .article-main__card-list.show-15 .news-articles-card:nth-child(14), .article-main__card-list.show-15 .news-articles-card:nth-child(15) { display: flex; } .article-main__card-list.show-18 .news-articles-card:nth-child(16), .article-main__card-list.show-18 .news-articles-card:nth-child(17), .article-main__card-list.show-18 .news-articles-card:nth-child(18) { display: flex; } .article-main__card-list.show-21 .news-articles-card:nth-child(19), .article-main__card-list.show-21 .news-articles-card:nth-child(20), .article-main__card-list.show-21 .news-articles-card:nth-child(21) { display: flex; } .article-main__card-list.show-24 .news-articles-card:nth-child(22), .article-main__card-list.show-24 .news-articles-card:nth-child(23), .article-main__card-list.show-24 .news-articles-card:nth-child(24) { display: flex; } .article-main__card-list.show-27 .news-articles-card:nth-child(25), .article-main__card-list.show-27 .news-articles-card:nth-child(26), .article-main__card-list.show-27 .news-articles-card:nth-child(27) { display: flex; } .article-main__card-list.show-30 .news-articles-card:nth-child(28), .article-main__card-list.show-30 .news-articles-card:nth-child(29), .article-main__card-list.show-30 .news-articles-card:nth-child(30) { display: flex; } .article-main__card-list.show-33 .news-articles-card:nth-child(31), .article-main__card-list.show-33 .news-articles-card:nth-child(32), .article-main__card-list.show-33 .news-articles-card:nth-child(33) { display: flex; } .article-main__card-list.show-36 .news-articles-card:nth-child(34), .article-main__card-list.show-36 .news-articles-card:nth-child(35), .article-main__card-list.show-36 .news-articles-card:nth-child(36) { display: flex; } .article-main__card-list.show-39 .news-articles-card:nth-child(37), .article-main__card-list.show-39 .news-articles-card:nth-child(38), .article-main__card-list.show-39 .news-articles-card:nth-child(39) { display: flex; } .article-main__card-list.show-42 .news-articles-card:nth-child(40), .article-main__card-list.show-42 .news-articles-card:nth-child(41), .article-main__card-list.show-42 .news-articles-card:nth-child(42) { display: flex; } .article-main__card-list.show-45 .news-articles-card:nth-child(43), .article-main__card-list.show-45 .news-articles-card:nth-child(44), .article-main__card-list.show-45 .news-articles-card:nth-child(45) { display: flex; } .article-main__card-list.show-48 .news-articles-card:nth-child(46), .article-main__card-list.show-48 .news-articles-card:nth-child(47), .article-main__card-list.show-48 .news-articles-card:nth-child(48) { display: flex; } .article-main__card-more-btn { display: block; padding: 15px 47px; margin: 50px auto 100px auto; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 1200px) { .article-main__card-more-btn { max-width: 220px; margin: 20px auto 50px auto; font-size: 14px; } } .article-recommendation { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 150px; } @media (max-width: 1200px) { .article-recommendation { margin-bottom: 100px; } } .article-recommendation__top { display: flex; flex-wrap: wrap; } @media (max-width: 1200px) { .article-recommendation__top { margin-bottom: 10px; } } .article-recommendation h2 { margin-right: auto; margin-bottom: 30px; font-size: 28px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .article-recommendation h2 { margin-bottom: 20px; font-size: 20px; } } .article-recommendation__button-prev, .article-recommendation__button-next { display: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); background-size: 11px 19px; background-repeat: no-repeat; background-position: 13px 10px; cursor: pointer; } @media (max-width: 1200px) { .article-recommendation__button-prev, .article-recommendation__button-next { display: block; width: 22px; height: 22px; background-size: 5px 8px; background-position: 9px 7px; } } .article-recommendation__button-prev.swiper-button-disabled, .article-recommendation__button-next.swiper-button-disabled { opacity: 0.5; } .article-recommendation__button-prev { margin-left: auto; margin-right: 20px; cursor: pointer; } .article-recommendation__button-next { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); cursor: pointer; } .article-recommendation__inner .news-articles-card { max-width: 374px; height: 500px; } @media (max-width: 1200px) { .article-recommendation__inner .news-articles-card { height: 480px; } } @media (max-width: 1200px) { .article-recommendation__inner .news-articles-card__text { overflow: hidden; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; line-clamp: 8; box-orient: vertical; } } .article-recommendation__inner .swiper-pagination { position: relative; display: block; margin-top: 15px; margin-bottom: 25px; } .article-recommendation__inner .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; cursor: pointer; } .article-recommendation__inner .swiper-pagination-bullet-active { background-color: #253561; } .article-recommendation__more-btn { display: none; padding: 15px 47px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 1200px) { .article-recommendation__more-btn { max-width: 200px; display: block; margin: 0 auto; font-size: 14px; } } .main-404 { max-width: 730px; padding: 100px 20px 0; margin: 0 auto; margin-bottom: 120px; text-align: center; } @media (max-width: 1200px) { .main-404 { padding: 50px 20px 0; margin-bottom: 80px; } } .main-404__img-wrapper { position: relative; max-width: 570px; width: 100%; padding-bottom: 44%; margin: 0 auto; margin-bottom: 75px; } @media (max-width: 1200px) { .main-404__img-wrapper { margin-bottom: 30px; } } .main-404__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-404__title { margin-bottom: 20px; font-size: 30px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .main-404__title { margin-bottom: 15px; font-size: 22px; } } .main-404__text { margin-bottom: 60px; font-size: 16px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .main-404__text { margin-bottom: 20px; font-size: 14px; } } .main-404__link { padding: 15px 88px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 600; color: #fff; } @media (max-width: 760px) { .main-404__link { padding: 12px 25px; font-size: 12px; border-radius: 10px; } } .main-delivery { max-width: 1180px; padding: 0px 10px 0; margin: 0 auto; margin-bottom: 120px; } @media (max-width: 1200px) { .main-delivery { padding: 0px 20px 0; margin-bottom: 80px; } } .main-delivery__title { margin-bottom: 30px; font-size: 28px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .main-delivery__title { margin-bottom: 15px; font-size: 22px; } } .main-delivery__img-wrapper { max-width: 570px; width: 100%; margin-bottom: 30px; } @media (max-width: 1200px) { .main-delivery__img-wrapper { margin-bottom: 10px; } } .main-delivery__img-inner { position: relative; width: 100%; padding-bottom: 26%; } .main-delivery__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .main-delivery__text { margin-bottom: 50px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .main-delivery__text { margin-bottom: 20px; font-size: 14px; } } .main-delivery__text span { font-weight: 700; } .main-delivery__text a { margin: 0 5px; color: #253561; text-decoration: underline; } .main-delivery__subtitle { margin-bottom: 30px; font-size: 22px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .main-delivery__subtitle { margin-bottom: 15px; font-size: 16px; } } .main-delivery ol { counter-reset: li3; } .main-delivery li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .main-delivery__main-list { max-width: 954px; margin-bottom: 150px; } @media (max-width: 1200px) { .main-delivery__main-list { margin-bottom: 100px; } } .main-delivery__main-list li { font-size: 18px; font-weight: 700; color: #000; } .main-delivery__main-list li:not(:last-child) { margin-bottom: 50px; } @media (max-width: 1200px) { .main-delivery__main-list li { margin-bottom: 40px; font-size: 14px; } } .main-delivery__nested-list { padding-top: 15px !important; } @media (max-width: 1200px) { .main-delivery__nested-list { padding-top: 10px !important; } } .main-delivery__nested-list li { margin-bottom: 36px; font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .main-delivery__nested-list li { margin-bottom: 20px; font-size: 14px; } } .main-delivery__nested-list li:last-child { margin-bottom: 0; } @media (max-width: 1200px) { .main-delivery__nested-list li:last-child { margin-bottom: 0; } } .main-delivery ul { padding-top: 10px; } .main-delivery ul li { margin-left: 18px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .main-delivery ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .main-delivery ul li { margin-bottom: 20px; font-size: 14px; } } .main-contacts { max-width: 1180px; padding: 0px 10px 0; margin: 0 auto; margin-bottom: 120px; } @media (max-width: 1200px) { .main-contacts { padding: 0px 20px 0; margin-bottom: 80px; } } .main-contacts__title { margin-bottom: 30px; font-size: 28px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .main-contacts__title { margin-bottom: 15px; font-size: 22px; } } .main-contacts__button-list { display: flex; margin-bottom: 30px; } @media (max-width: 1200px) { .main-contacts__button-list { margin-bottom: 20px; } } .main-contacts__tab-btn-item.active { border-bottom: 1px solid #333; } .main-contacts__tab-btn-item:not(:last-child) { margin-right: 30px; } @media (max-width: 1200px) { .main-contacts__tab-btn-item:not(:last-child) { margin-right: 25px; } } .main-contacts__tab-btn { font-size: 22px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .main-contacts__tab-btn { font-size: 15px; } } .main-contacts__tab-btn.active { text-decoration: underline; } .main-contacts__tab { display: none; justify-content: space-between; flex-wrap: wrap; } .main-contacts__tab.active { display: flex; } .main-contacts__content { max-width: 585px; margin-right: 20px; } @media (max-width: 1200px) { .main-contacts__content { margin-right: 0; margin-bottom: 20px; } } .main-contacts__tab-article:not(:last-child) { margin-bottom: 20px; } .main-contacts__article-title { margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #73716F; } @media (max-width: 1200px) { .main-contacts__article-title { font-size: 14px; } } .main-contacts__accent-text { font-size: 16px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .main-contacts__accent-text { font-size: 14px; } } .main-contacts__text { font-size: 16px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .main-contacts__text { font-size: 14px; } } .main-contacts__text a { font-weight: 600; } .main-contacts__text a.main-contacts__accent-link { text-decoration: underline; color: #253561; } .main-contacts__map { width: 100%; max-width: 520px; height: 360px; margin-top: -60px; } @media (max-width: 1200px) { .main-contacts__map { margin: 0; } } @media (max-width: 360px) { .main-contacts__map { width: 320px; margin: 0 -20px 0 -20px; } } .main-contacts__staff-block-title { margin-bottom: 30px; font-size: 18px; font-weight: 600; } @media (max-width: 1200px) { .main-contacts__staff-block-title { margin-bottom: 10px; font-size: 14px; } } .main-contacts__staff-block-inner { display: flex; flex-wrap: wrap; } @media (max-width: 360px) { .main-contacts__staff-block-inner { margin: 0 -10px; width: 310px; } } .staff-card { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 150px; margin: 0 20px 20px; text-align: center; } @media (max-width: 1200px) { .staff-card { max-width: 120px; margin: 0 15px 30px; } } .staff-card__img { width: 64px; height: 64px; margin-bottom: 10px; border-radius: 50%; } @media (max-width: 1200px) { .staff-card__img { width: 50px; height: 50px; } } .staff-card__name { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .staff-card__name { font-size: 11px; } } .staff-card__position { margin-bottom: 10px; font-size: 11px; font-weight: 500; color: #73716F; } @media (max-width: 1200px) { .staff-card__position { font-size: 9px; } } .staff-card__email { margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #253561; } @media (max-width: 1200px) { .staff-card__email { font-size: 10px; } } .staff-card__tel { margin-bottom: 5px; font-size: 12px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .staff-card__tel { font-size: 10px; } } .news-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; } @media (max-width: 1200px) { .news-main { margin-bottom: 40px; } } .news-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .news-main__top { margin-bottom: 20px; } } .news-main__top h1 { font-size: 34px; line-height: 120%; font-weight: 600; color: #333; } @media (max-width: 1200px) { .news-main__top h1 { font-size: 22px; font-weight: 700; } } .news-main__tag-list { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .news-main__tag-item { margin-bottom: 10px; } .news-main__tag-item:not(:last-child) { margin-right: 50px; } .news-main__tag-item.hide { display: none; } .news-main__tag-link { display: flex; align-items: center; } .news-main__tag-link p { font-size: 18px; font-weight: 400; color: #253561; } .news-main__tag-link span { width: 0; height: 0; } .news-main__tag-link.active span { display: flex; width: 20px; height: 20px; margin-left: 7px; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5957' y='14.4961' width='14' height='1' rx='0.5' transform='rotate(-45 4.5957 14.4961)' fill='%23253561'/%3E%3Crect x='5.30273' y='4.5957' width='14' height='1' rx='0.5' transform='rotate(45 5.30273 4.5957)' fill='%23253561'/%3E%3C/svg%3E"); } .news-main__content { margin-bottom: 100px; } @media (max-width: 1200px) { .news-main__content { margin-bottom: 40px; } } .news-main__content img { max-width: 863px; max-height: 400px; margin-bottom: 33px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1200px) { .news-main__content img { margin-bottom: 20px; max-width: 100%; } } .news-main__content h2 { margin-bottom: 25px; max-width: 970px; font-size: 24px; font-weight: 600; color: #333; } @media (max-width: 1200px) { .news-main__content h2 { margin-bottom: 10px; font-size: 17px; } } .news-main__content p { max-width: 970px; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .news-main__content p { font-size: 12px; } } .news-main__content ul, .news-main__content ol { margin-top: 10px; } .news-main__content ul li { list-style: inside; } .news-main__content ol li { margin-left: 20px; } .news-main__content li { list-style: auto; font-size: 18px; font-weight: 500; color: #333; } @media (max-width: 1200px) { .news-main__content li { font-size: 12px; } } .news-main__card-more-btn { display: block; padding: 15px 47px; margin: 50px auto 100px auto; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 1200px) { .news-main__card-more-btn { max-width: 220px; margin: 20px auto 50px auto; font-size: 14px; } } .news-main__news-list { display: flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; margin-bottom: 40px; } .news-main__news-item.hide { display: none; } .news-main__news-item.hideByCounter { display: none; } .news-main__news-item .news-card { max-width: 270px; } @media (max-width: 540px) { .news-main__news-item .news-card { max-width: 275px; } } .news-main__tag-link-in-card.hide { color: red; } .news-main__more-news-btn { display: block; margin: 0 auto 100px; padding: 15px 25px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } @media (max-width: 760px) { .news-main__more-news-btn { padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .about-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .about-main { margin-bottom: 40px; } } .about-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .about-main__top { margin-bottom: 20px; } } .about-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .about-main__top h1 { font-size: 22px; font-weight: 700; } } .about-main ol { counter-reset: li3; } .about-main li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .about-main__main-list { margin-bottom: 10px; } .about-main__main-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .about-main__main-list li { font-size: 14px; } } .about-main__nested-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .about-main__nested-list li { font-size: 14px; } } .about-main__nested-list li:last-child { margin-bottom: 10px; } @media (max-width: 1200px) { .about-main__nested-list li:last-child { margin-bottom: 10px; } } .about-main ul { margin-bottom: 10px; } .about-main ul li { margin-left: 20px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .about-main ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .about-main ul li { font-size: 14px; } } .about-main__text, .about-main__accent-text { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .about-main__text, .about-main__accent-text { font-size: 14px; } } .about-main__accent-text { color: #253561; } .about-main__img { margin-bottom: 10px; max-width: 662px; width: 100%; } @media (max-width: 1200px) { .about-main__img { order: -1; } } .about-main__list { margin-bottom: 10px; } .about-main__list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .about-main__list li { font-size: 14px; } } .about-main__link, .about-main__accent-link, .about-main__doc-link { font-size: 18px; font-weight: 500; text-decoration: underline; color: #000; } @media (max-width: 1200px) { .about-main__link, .about-main__accent-link, .about-main__doc-link { font-size: 14px; } } .about-main__accent-link { color: #253561; } .about-main__doc-link { position: relative; display: flex; align-items: center; text-decoration: none; color: #253561; } .about-main__doc-link::before { content: ''; display: flex; margin-right: 10px; width: 27px; height: 34px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%233D83DB'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%233D83DB'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%233D83DB'/%3E%3C/svg%3E"); } .about-main__video { max-width: 560px; width: 100%; margin-bottom: 10px; } @media (max-width: 360px) { .about-main__video { height: 157px; } } .video-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .video-main { margin-bottom: 100px; } } .video-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .video-main__top { margin-bottom: 20px; } } .video-main__top h1 { font-size: 34px; line-height: 120%; font-weight: 600; color: #333; } @media (max-width: 1200px) { .video-main__top h1 { font-size: 22px; font-weight: 700; } } .video-main__selectors-wrapper { display: flex; flex-wrap: wrap; -moz-column-gap: 30px; column-gap: 30px; row-gap: 30px; margin-bottom: 30px; } @media (max-width: 1200px) { .video-main__selectors-wrapper { -moz-column-gap: 15px; column-gap: 15px; row-gap: 15px; } } .video-main__more-video-btn { display: block; margin: 40px auto 0; padding: 15px 25px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } .video-main__more-video-btn.hide { display: none; } @media (max-width: 760px) { .video-main__more-video-btn { margin: 30px auto 0; padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .video-main__select { width: 280px; } .video-main__nothing-found { display: none; font-size: 18px; font-weight: 600; color: #253561; } .video-main__nothing-found.active { display: block; } @media (max-width: 760px) { .video-main__nothing-found { font-size: 14px; } } .video-main__video-cards-wrapper { display: flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 30px; } @media (max-width: 1200px) { .video-main__video-cards-wrapper { justify-content: center; row-gap: 20px; } } .video-main__video-card.news-video-card { display: block; width: 100%; max-width: 366px; height: auto; } @media (max-width: 1200px) { .video-main__video-card.news-video-card { max-width: 280px; } } .video-main__video-card.news-video-card .news-video-card__img { width: 100%; height: 238px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1200px) { .video-main__video-card.news-video-card .news-video-card__img { height: 128px; } } @media (max-width: 1200px) { .video-main__video-card.news-video-card .news-video-card__name { margin: 0; font-size: 16px; } } .video-main__video-card.news-video-card::after { top: 106px; left: 167px; } @media (max-width: 1200px) { .video-main__video-card.news-video-card::after { top: 52px; left: 123px; width: 33px; height: 23px; } } .manufacturers-list-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 10px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .manufacturers-list-main { margin-bottom: 40px; } } .manufacturers-list-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .manufacturers-list-main__top { margin-bottom: 20px; } } .manufacturers-list-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .manufacturers-list-main__top h1 { font-size: 22px; font-weight: 700; } } .manufacturers-list-main__cards-wrapper { display: flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .manufacturers-list-main__cards-wrapper .manufacturer-card { display: none; } .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(1), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(2), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(3), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(4), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(5), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(6), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(7), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(8), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(9), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(10), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(11), .manufacturers-list-main__cards-wrapper .manufacturer-card:nth-child(12) { display: flex; } .manufacturers-list-main__cards-wrapper.active .manufacturer-card { display: flex; } @media (max-width: 1200px) { .manufacturers-list-main__cards-wrapper { justify-content: center; } } .manufacturers-list-main__more-btn { display: none; padding: 15px 25px; border-radius: 15px; margin: 40px auto 0; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } .manufacturers-list-main__more-btn.active { display: block; } @media (max-width: 760px) { .manufacturers-list-main__more-btn { margin: 30px auto 0; padding: 10px 50px; border-radius: 60px; font-size: 12px; } } .manufacturer-card { flex-shrink: 1; max-width: 275px; min-width: 128px; width: 23%; border-radius: 15px; border: 1px solid #253561; } .manufacturer-card__inner { display: flex; position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; border-radius: 15px; } .manufacturer-card__img { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; -o-object-fit: cover; object-fit: cover; border-radius: 15px; } .manufacturer-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 10px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .manufacturer-main { margin-bottom: 40px; padding: 0 20px 0; } } .manufacturer-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .manufacturer-main__top { margin-bottom: 20px; } } .manufacturer-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .manufacturer-main__top h1 { font-size: 22px; font-weight: 700; } } .manufacturer-main__main-content { margin-bottom: 30px; } .manufacturer-main__logo { max-width: 280px; width: 100%; margin-bottom: 20px; } @media (max-width: 1200px) { .manufacturer-main__logo { border: 1px solid #253561; border-radius: 10px; } } .manufacturer-main__text, .manufacturer-main__accent-text { font-size: 18px; font-weight: 400; color: #000; margin-bottom: 20px; } @media (max-width: 1200px) { .manufacturer-main__text, .manufacturer-main__accent-text { font-size: 14px; margin-bottom: 10px; } } .manufacturer-main__accent-text { margin-bottom: 0; font-weight: 600; } .manufacturer-main__more-btn { display: none; padding: 15px 25px; border-radius: 15px; margin: 40px auto 0; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } .manufacturer-main__more-btn.active { display: block; } @media (max-width: 760px) { .manufacturer-main__more-btn { margin: 30px auto 0; padding: 10px 50px; border-radius: 60px; font-size: 12px; } } .manufacturer-main__ol li { display: flex; } .manufacturer-main ol { counter-reset: li3; } .manufacturer-main ol li:before { display: inline; margin-right: 5px; counter-increment: li3; content: counters(li3, ".") ". "; } .manufacturer-main__ul { margin-bottom: 10px; } .manufacturer-main__ul li { margin-left: 20px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .manufacturer-main__ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .manufacturer-main__ul li { font-size: 14px; } } .manufacturer-main__products-wrapper .product-card__img { max-width: 225px; width: 100%; } .manufacturer-main__products-wrapper .swiper-pagination { display: none; bottom: 0; } @media (max-width: 1200px) { .manufacturer-main__products-wrapper .swiper-pagination { display: none; } } @media (max-width: 1200px) { .manufacturer-main__products-wrapper .swiper { padding-bottom: 30px; } } .manufacturer-main__products-wrapper .swiper-slide.hide { background-color: black; display: none !important; } .manufacturer-main__products-top { display: flex; align-items: center; margin-bottom: 30px; } @media (max-width: 1200px) { .manufacturer-main__products-top { margin-bottom: 20px; } } .manufacturer-main__product-title { font-size: 28px; font-weight: 600; margin-right: auto; } @media (max-width: 1200px) { .manufacturer-main__product-title { max-width: 200px; font-size: 20px; } } .manufacturer-main__button-prev, .manufacturer-main__button-next { width: 40px; height: 40px; display: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4833 1.18345C11.6378 1.33764 11.7604 1.52079 11.844 1.72241C11.9277 1.92403 11.9707 2.14017 11.9707 2.35845C11.9707 2.57673 11.9277 2.79287 11.844 2.99449C11.7604 3.19611 11.6378 3.37926 11.4833 3.53345L5.01663 10.0001L11.4833 16.4668C11.7949 16.7784 11.97 17.2011 11.97 17.6418C11.97 18.0825 11.7949 18.5052 11.4833 18.8168C11.1717 19.1284 10.749 19.3035 10.3083 19.3035C9.86759 19.3035 9.44493 19.1284 9.1333 18.8168L1.4833 11.1668C1.32879 11.0126 1.20621 10.8294 1.12258 10.6278C1.03894 10.4262 0.995893 10.2101 0.995893 9.99178C0.995893 9.7735 1.03894 9.55737 1.12258 9.35574C1.20621 9.15412 1.32879 8.97097 1.4833 8.81678L9.1333 1.16678C9.76663 0.533451 10.8333 0.533452 11.4833 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); background-size: 11px 19px; background-repeat: no-repeat; background-position: 13px 10px; cursor: pointer; } @media (max-width: 1200px) { .manufacturer-main__button-prev, .manufacturer-main__button-next { display: block; width: 30px; height: 30px; background-size: 10px 16px; background-position: 9px 7px; } } .manufacturer-main__button-prev.swiper-button-disabled, .manufacturer-main__button-next.swiper-button-disabled { opacity: 0.5; } .manufacturer-main__button-prev { margin-right: 20px; cursor: pointer; } .manufacturer-main__button-next { background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.516704 1.18345C0.362198 1.33764 0.239619 1.52079 0.155983 1.72241C0.0723472 1.92403 0.0292969 2.14017 0.0292969 2.35845C0.0292969 2.57673 0.0723472 2.79287 0.155983 2.99449C0.239619 3.19611 0.362198 3.37926 0.516704 3.53345L6.98337 10.0001L0.516704 16.4668C0.205075 16.7784 0.0300026 17.2011 0.0300026 17.6418C0.0300026 18.0825 0.205075 18.5052 0.516704 18.8168C0.828333 19.1284 1.25099 19.3035 1.6917 19.3035C2.13241 19.3035 2.55507 19.1284 2.8667 18.8168L10.5167 11.1668C10.6712 11.0126 10.7938 10.8294 10.8774 10.6278C10.9611 10.4262 11.0041 10.2101 11.0041 9.99178C11.0041 9.7735 10.9611 9.55737 10.8774 9.35574C10.7938 9.15412 10.6712 8.97097 10.5167 8.81678L2.8667 1.16678C2.23337 0.533451 1.1667 0.533452 0.516704 1.18345Z' fill='%23231F20'/%3E%3C/svg%3E%0A"); cursor: pointer; } .manufacturer-main__products-category-btns { display: flex; flex-wrap: wrap; -moz-column-gap: 25px; column-gap: 25px; row-gap: 25px; margin-bottom: 25px; } @media (max-width: 1200px) { .manufacturer-main__products-category-btns { -moz-column-gap: 15px; column-gap: 15px; row-gap: 15px; margin-bottom: 10px; } } .manufacturer-main__products-category-item { list-style-type: none; } .manufacturer-main__products-category-btn { padding: 12px 25px; font-size: 18px; font-weight: 400; border: 1px solid #3D83DB; border-radius: 15px; color: #3D83DB; background-color: #fff; } @media (max-width: 1200px) { .manufacturer-main__products-category-btn { padding: 6px; font-size: 14px; } } .manufacturer-main__products-category-btn.active { color: #fff; background-color: #3D83DB; } .manufacturer-main__products-category-num { margin-left: 5px; } .vacancies-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .vacancies-main { margin-bottom: 40px; } } .vacancies-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .vacancies-main__top { margin-bottom: 20px; } } .vacancies-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .vacancies-main__top h1 { font-size: 22px; font-weight: 700; } } .vacancies-main__item { width: 100%; padding: 40px 40px; border: 1px solid #21375F; border-radius: 35px; } @media (max-width: 1200px) { .vacancies-main__item { padding: 20px 20px; border-radius: 15px; } } .vacancies-main__item:not(:last-child) { margin-bottom: 40px; } @media (max-width: 1200px) { .vacancies-main__item:not(:last-child) { margin-bottom: 20px; } } .vacancies-main__item.active .vacancies-main__description { display: block; } .vacancies-main__card { position: relative; display: flex; padding-right: 50px; } @media (max-width: 1200px) { .vacancies-main__card { flex-direction: column; } } .vacancies-main__card.active { padding-bottom: 20px; } @media (max-width: 1200px) { .vacancies-main__card.active { padding-bottom: 15px; } } .vacancies-main__card-content { max-width: 760px; margin-right: 40px; } @media (max-width: 1200px) { .vacancies-main__card-content { margin-right: 0; margin-bottom: 15px; } } .vacancies-main__title { margin-right: auto; margin-bottom: 20px; font-size: 22px; font-weight: 600; color: #253561; } @media (max-width: 1200px) { .vacancies-main__title { margin-bottom: 10px; font-size: 16px; } } .vacancies-main__city, .vacancies-main__date { font-size: 18px; font-weight: 400; } @media (max-width: 1200px) { .vacancies-main__city, .vacancies-main__date { font-size: 13px; } } .vacancies-main__city { margin-right: 25px; font-weight: 500; } @media (max-width: 1200px) { .vacancies-main__date { margin-left: auto; } } .vacancies-main__salary { margin-left: auto; font-size: 22px; font-weight: 600; color: #253561; } @media (max-width: 1200px) { .vacancies-main__salary { margin-left: 0; font-size: 16px; } } .vacancies-main__more-btn { position: absolute; top: 0px; right: 0px; width: 35px; height: 25px; background-repeat: no-repeat; background-size: 24px 12px; background-position: 5px 6px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 7L15 1' stroke='%23253561'/%3E%3C/svg%3E"); } @media (max-width: 1200px) { .vacancies-main__more-btn { background-size: 18px 8px; background-position: 8px 9px; } } .vacancies-main__more-btn.active { transform: rotate(180deg); } .vacancies-main__description { position: relative; display: none; padding-top: 30px; font-size: 18px; font-weight: 400; color: #333333; } .vacancies-main__description::before { content: ''; position: absolute; top: 0; left: 0px; display: block; width: 100%; max-width: 760px; height: 1px; background-color: #253561; } @media (max-width: 1200px) { .vacancies-main__description { padding-top: 20px; font-size: 13px; } } .vacancies-main__text:not(:last-child), .vacancies-main__ol:not(:last-child), .vacancies-main__ul:not(:last-child) { margin-bottom: 40px; } @media (max-width: 1200px) { .vacancies-main__text:not(:last-child), .vacancies-main__ol:not(:last-child), .vacancies-main__ul:not(:last-child) { margin-bottom: 20px; } } .vacancies-main__list-title { font-weight: 600; } .vacancies-main__ol[class], .vacancies-main__ul[class] { list-style: inside; } .vacancies-main__ol-li[class], .vacancies-main__ul-li[class] { margin-left: 10px; list-style-type: auto; } .vacancies-main__ul-li[class] { list-style-type: disc; } .vacancies-main__apply-btn { padding: 15px 50px; font-size: 18px; font-weight: 600; color: #fff; background-color: #253561; border-radius: 15px; } @media (max-width: 1200px) { .vacancies-main__apply-btn { width: 238px; font-size: 12px; border-radius: 60px; } } .dealers-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 200px; } @media (max-width: 1200px) { .dealers-main { margin-bottom: 90px; } } .dealers-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .dealers-main__top { margin-bottom: 20px; } } .dealers-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .dealers-main__top h1 { font-size: 22px; } } .dealers-main__content { display: flex; } @media (max-width: 1200px) { .dealers-main__content { flex-direction: column; } } .dealers-main__description-row { width: 100%; max-width: 370px; margin-right: 20px; } @media (max-width: 1200px) { .dealers-main__description-row { margin-right: 0; margin-bottom: 40px; } } .dealers-main__select { margin-bottom: 20px; } @media (max-width: 1200px) { .dealers-main__select { margin-bottom: 25px; } } .dealers-main__list { max-height: 400px; overflow: scroll; } @media (max-width: 1200px) { .dealers-main__list { max-height: 295px; } } .dealers-main__list::-webkit-scrollbar { width: 7px; height: auto; background-color: #fff; } .dealers-main__list::-webkit-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 7px; height: auto; } .dealers-main__list::-moz-scrollbar { width: 7px; height: auto; background-color: #fff; } .dealers-main__list::-moz-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 7px; height: auto; } .dealers-main__item { display: flex; flex-direction: column; width: calc( 100% - 20px); height: 180px; padding: 15px 20px; border: 1px solid #253561; border-radius: 15px; } @media (max-width: 1200px) { .dealers-main__item { height: 140px; padding: 10px 15px; border-radius: 10px; } } .dealers-main__item:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1200px) { .dealers-main__item:not(:last-child) { margin-bottom: 15px; } } .dealers-main__item.accent { background-color: #253561; } .dealers-main__item.accent *[class] { color: #fff; } .dealers-main__title { margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #333333; } @media (max-width: 1200px) { .dealers-main__title { margin-bottom: 7px; font-size: 14px; } } .dealers-main__address { margin-bottom: 10px; font-size: 13px; font-weight: 500; color: #73716F; } @media (max-width: 1200px) { .dealers-main__address { margin-bottom: 7px; font-size: 10px; } } .dealers-main__phone { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #333333; } @media (max-width: 1200px) { .dealers-main__phone { margin-bottom: 7px; font-size: 12px; } } .dealers-main__email { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #253561; } @media (max-width: 1200px) { .dealers-main__email { margin-bottom: 7px; font-size: 12px; } } .dealers-main__link { margin-top: auto; font-size: 15px; font-weight: 500; color: #333333; } @media (max-width: 1200px) { .dealers-main__link { font-size: 12px; } } .dealers-main__card { width: 100%; height: auto; } @media (max-width: 768px) { .dealers-main__card { height: 290px; } } @media (max-width: 540px) { .dealers-main__card { height: 190px; } } .dealers-main__card svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .dealers-main__card svg path { translate: all 0.3s; } .dealers-main__card svg path:hover { opacity: 0.8; } .dealers-main__card svg .path--blue { fill: #253561; } .dealers-main__card svg .path--test { fill: green; } .dealers-main__card svg .path--red { fill: #FF3E3E; } .objects-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 200px; } @media (max-width: 1200px) { .objects-main { margin-bottom: 90px; } } .objects-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .objects-main__top { margin-bottom: 20px; } } .objects-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .objects-main__top h1 { font-size: 22px; } } .objects-main__content { display: flex; } @media (max-width: 1200px) { .objects-main__content { flex-direction: column; } } .objects-main__description-row { width: 100%; max-width: 370px; margin-right: 20px; } @media (max-width: 1200px) { .objects-main__description-row { margin-right: 0; margin-bottom: 40px; } } .objects-main__select { margin-bottom: 20px; } @media (max-width: 1200px) { .objects-main__select { margin-bottom: 25px; } } .objects-main__list { max-height: 400px; overflow: scroll; } @media (max-width: 1200px) { .objects-main__list { max-height: 295px; } } .objects-main__list::-webkit-scrollbar { width: 7px; height: auto; background-color: #fff; } .objects-main__list::-webkit-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 7px; height: auto; } .objects-main__list::-moz-scrollbar { width: 7px; height: auto; background-color: #fff; } .objects-main__list::-moz-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 7px; height: auto; } .objects-main__item { display: flex; flex-direction: column; width: calc( 100% - 20px); border: 1px solid #253561; border-radius: 15px; overflow: hidden; } @media (max-width: 1200px) { .objects-main__item { border-radius: 10px; } } .objects-main__item:not(:last-child) { margin-bottom: 20px; } @media (max-width: 1200px) { .objects-main__item:not(:last-child) { margin-bottom: 15px; } } .objects-main__item.accent { background-color: #253561; } .objects-main__item.accent *[class] { color: #fff; } .objects-main__img-wrapper { border: 1px dotted orange; width: 100%; height: 165px; } @media (max-width: 1200px) { .objects-main__img-wrapper { height: 145px; } } .objects-main__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .objects-main__bottom { padding: 20px; } @media (max-width: 1200px) { .objects-main__bottom { padding: 15px; } } .objects-main__title { margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #253561; } @media (max-width: 1200px) { .objects-main__title { margin-bottom: 7px; font-size: 13px; } } .objects-main__text { font-size: 15px; font-weight: 500; color: #333333; } @media (max-width: 1200px) { .objects-main__text { font-size: 12px; } } .objects-main__card { width: 100%; height: auto; } @media (max-width: 768px) { .objects-main__card { height: 290px; } } @media (max-width: 540px) { .objects-main__card { height: 190px; } } .objects-main__card svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .objects-main__card svg path { translate: all 0.3s; } .objects-main__card svg path:hover { opacity: 0.8; } .objects-main__card svg .path--blue { fill: #253561; } .objects-main__card svg .path--test { fill: green; } .objects-main__card svg .path--red { fill: #FF3E3E; } .object-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .object-main { margin-bottom: 40px; } } .object-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .object-main__top { margin-bottom: 20px; } } .object-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .object-main__top h1 { font-size: 22px; font-weight: 700; } } .object-main__row { display: flex; } .object-main ol { counter-reset: li3; } .object-main li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .object-main__main-list { margin-bottom: 10px; } .object-main__main-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .object-main__main-list li { font-size: 14px; } } .object-main__nested-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .object-main__nested-list li { font-size: 14px; } } .object-main__nested-list li:last-child { margin-bottom: 10px; } @media (max-width: 1200px) { .object-main__nested-list li:last-child { margin-bottom: 10px; } } .object-main ul { margin-bottom: 10px; } .object-main ul li { margin-left: 20px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .object-main ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .object-main ul li { font-size: 14px; } } .object-main__text, .object-main__accent-text { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .object-main__text, .object-main__accent-text { font-size: 14px; } } .object-main__accent-text { margin-right: 5px; font-weight: 600; color: #000; } .object-main__img { margin-bottom: 10px; max-width: 662px; width: 100%; } @media (max-width: 1200px) { .object-main__img { order: -1; } } .object-main__list { margin-bottom: 10px; } .object-main__list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .object-main__list li { font-size: 14px; } } .object-main__link, .object-main__accent-link, .object-main__doc-link { font-size: 18px; font-weight: 500; text-decoration: underline; color: #000; } @media (max-width: 1200px) { .object-main__link, .object-main__accent-link, .object-main__doc-link { font-size: 14px; } } .object-main__accent-link { color: #253561; } .object-main__doc-link { position: relative; display: flex; align-items: center; text-decoration: none; color: #253561; } .object-main__doc-link::before { content: ''; display: flex; margin-right: 10px; width: 27px; height: 34px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%233D83DB'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%233D83DB'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%233D83DB'/%3E%3C/svg%3E"); } .object-main__video { max-width: 560px; width: 100%; margin-bottom: 10px; } @media (max-width: 360px) { .object-main__video { height: 157px; } } .fc-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .fc-main { margin-bottom: 90px; } } .fc-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .fc-main__top { margin-bottom: 20px; } } .fc-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .fc-main__top h1 { font-size: 22px; font-weight: 700; } } .fc-main ol { counter-reset: li3; } .fc-main li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .fc-main__main-list { margin-bottom: 10px; } .fc-main__main-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .fc-main__main-list li { font-size: 14px; } } .fc-main__nested-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .fc-main__nested-list li { font-size: 14px; } } .fc-main__nested-list li:last-child { margin-bottom: 10px; } @media (max-width: 1200px) { .fc-main__nested-list li:last-child { margin-bottom: 10px; } } .fc-main ul { margin-bottom: 10px; } .fc-main ul li { margin-left: 20px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .fc-main ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .fc-main ul li { font-size: 14px; } } .fc-main__text, .fc-main__accent-text { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .fc-main__text, .fc-main__accent-text { font-size: 14px; } } .fc-main__accent-text { color: #253561; } .fc-main__img { margin-bottom: 10px; max-width: 662px; width: 100%; } @media (max-width: 1200px) { .fc-main__img { order: -1; } } .fc-main__list { margin-bottom: 10px; } .fc-main__list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .fc-main__list li { font-size: 14px; } } .fc-main__link, .fc-main__accent-link, .fc-main__doc-link { font-size: 18px; font-weight: 500; text-decoration: underline; color: #000; } @media (max-width: 1200px) { .fc-main__link, .fc-main__accent-link, .fc-main__doc-link { font-size: 14px; } } .fc-main__accent-link { color: #253561; } .fc-main__doc-link { position: relative; display: flex; align-items: center; text-decoration: none; color: #253561; } .fc-main__doc-link::before { content: ''; display: flex; margin-right: 10px; width: 27px; height: 34px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%233D83DB'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%233D83DB'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%233D83DB'/%3E%3C/svg%3E"); } .fc-main__video { max-width: 560px; width: 100%; margin-bottom: 10px; } @media (max-width: 360px) { .fc-main__video { height: 157px; } } .fc-main__sliders { max-width: 870px; position: relative; margin-top: 50px; } @media (max-width: 1200px) { .fc-main__sliders { margin-top: 25px; margin-bottom: 10px; } } @media (max-width: 540px) { .fc-main__sliders { max-width: 280px; } } .fc-main__slider-big { margin-bottom: 20px; } .fc-main__slider-big .swiper-slide { width: 865px; height: 650px; border: 1px solid #A8A8A8; border-radius: 15px; overflow: hidden; } @media (max-width: 768px) { .fc-main__slider-big .swiper-slide { width: 400px; height: 300px; } } @media (max-width: 540px) { .fc-main__slider-big .swiper-slide { width: 280px; height: 208px; } } .fc-main__slider-big .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .fc-main .swiper-pagination-big { text-align: center; } .fc-main .swiper-pagination { bottom: 0; } .fc-main__slider-little { width: 790px; } @media (max-width: 1200px) { .fc-main__slider-little { width: 100%; } } .fc-main__slider-little .swiper-slide { width: 140px; height: 140px; border: 1px solid #A8A8A8; border-radius: 15px; overflow: hidden; } @media (max-width: 768px) { .fc-main__slider-little .swiper-slide { width: 100px; height: 100px; } } @media (max-width: 540px) { .fc-main__slider-little .swiper-slide { width: 47px; height: 47px; } } .fc-main__slider-little .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .fc-main__slider-little-button-prev, .fc-main__slider-little-button-next { position: absolute; bottom: 58px; width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.189882 10.2574L7.89771 18.5599C8.15025 18.8317 8.55912 18.8313 8.81123 18.5585C9.06315 18.2857 9.0625 17.8438 8.80993 17.5717L1.56089 9.7634L8.81019 1.95508C9.06273 1.68297 9.06338 1.24138 8.81149 0.968565C8.68511 0.831808 8.51954 0.763428 8.35397 0.763428C8.18882 0.763428 8.0239 0.83135 7.89774 0.967157L0.189882 9.26945C0.0682508 9.40016 -1.75669e-06 9.57805 -1.74048e-06 9.7634C-1.72428e-06 9.94874 0.0684464 10.1264 0.189882 10.2574Z' fill='%23333333'/%3E%3C/svg%3E%0A"); background-size: 9px 18px; background-position: 7px 4px; background-repeat: no-repeat; } @media (max-width: 1200px) { .fc-main__slider-little-button-prev, .fc-main__slider-little-button-next { display: none; } } .fc-main__slider-little-button-prev::after, .fc-main__slider-little-button-next::after { font-size: 0; } .fc-main__slider-little-button-next { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.81012 9.26948L1.10229 0.966978C0.849749 0.695116 0.440885 0.695573 0.18877 0.968384C-0.0631501 1.24116 -0.0624992 1.68304 0.190071 1.95511L7.43911 9.76346L0.189808 17.5718C-0.0627299 17.8439 -0.063381 18.2855 0.188506 18.5583C0.314889 18.695 0.48046 18.7634 0.64603 18.7634C0.811177 18.7634 0.976097 18.6955 1.10225 18.5597L8.81012 10.2574C8.93175 10.1267 9 9.94881 9 9.76346C9 9.57812 8.93155 9.40044 8.81012 9.26948Z' fill='%23333333'/%3E%3C/svg%3E%0A"); } .banner { display: flex; flex-direction: column; margin-bottom: 70px; padding: 75px 0; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1200px) { .banner { margin-bottom: 40px; padding: 0; background-size: 0 0; } } .banner__content { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 10px; } .banner__img-wrapper { display: none; width: 100%; margin-bottom: 10px; } @media (max-width: 1200px) { .banner__img-wrapper { display: block; } } .banner__img-wrapper img { width: 100%; -o-object-fit: contain; object-fit: contain; } .banner__top-text { max-width: 600px; margin-bottom: 20px; font-size: 28px; font-weight: 700; color: #fff; } @media (max-width: 1200px) { .banner__top-text { font-size: 22px; color: #253561; } } .banner__bottom-text { max-width: 600px; font-size: 54px; font-weight: 500; color: #fff; } @media (max-width: 1200px) { .banner__bottom-text { font-size: 16px; color: #253561; } } .business-main { width: 100%; max-width: 1180px; margin: 0 auto; padding-bottom: 30px; } .business-main__title { font-size: 0; line-height: 0; } .business-main__group-title { display: block; margin: 0 auto 40px; font-size: 28px; font-weight: 600; color: #333; text-align: center; text-transform: uppercase; } @media (max-width: 1200px) { .business-main__group-title { margin-bottom: 20px; font-size: 16px; } } .business-main__cose-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px; -moz-column-gap: 10px; column-gap: 10px; margin-bottom: 100px; } @media (max-width: 1200px) { .business-main__cose-list { display: none; } } .business-main__cose-text { font-size: 22px; font-weight: 600; color: #253561; } @media (max-width: 1200px) { .business-main__cose-text { font-size: 12px; font-weight: 500; } } .business-main__cose-item { display: flex; align-items: center; justify-content: center; max-width: 370px; width: 100%; min-height: 160px; padding: 30px; border: 1px solid #253561; border-radius: 15px; text-align: center; } @media (max-width: 1200px) { .business-main__cose-item { width: 128px; height: 64px; padding: 15px 10px; } } .business-main__cose-list-mobile[class] { position: relative; display: none; width: 100%; margin-bottom: 40px; } @media (max-width: 1200px) { .business-main__cose-list-mobile[class] { display: block; margin-bottom: 40px; } } .business-main__cose-list-mobile[class] .swiper { padding-bottom: 25px; } .business-main__cose-list-mobile[class] .swiper-pagination { bottom: 0; } .business-main__cose-list-mobile[class] .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .business-main__cose-list-mobile[class] .swiper-pagination-bullet-active { background-color: #253561; } .business-main__cose-text-mobile { font-size: 12px; font-weight: 500; color: #253561; } .business-main__cose-item-mobile { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 10px; border: 1px solid #253561; border-radius: 15px; text-align: center; width: 128px; min-height: 110px; padding: 15px 10px; } .business-main__buttons-group { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 15px; -moz-column-gap: 25px; column-gap: 25px; margin-bottom: 50px; } @media (min-width: 1200px) { .business-main__buttons-group { margin-bottom: 100px; } } .business-main__button { display: flex; align-items: center; justify-content: center; width: 240px; padding: 15px; font-size: 12px; font-weight: 600; border-radius: 60px; } @media (min-width: 1200px) { .business-main__button { width: 350px; padding: 20px; font-size: 20px; font-weight: 500; } } .business-main__button--light { color: #253561; border: 1px solid #253561; background-color: #fff; } .business-main__button--dark { color: #ffffff; background-color: #253561; } .business-main__obj-list { display: none; flex-wrap: wrap; row-gap: 20px; margin-bottom: 70px; } @media (min-width: 1200px) { .business-main__obj-list { display: flex; } } .business-main__obj-list-mobile { margin-bottom: 20px; padding: 0 10px; } @media (min-width: 1200px) { .business-main__obj-list-mobile { display: none; } } .business-main__obj-list-mobile .swiper { padding-bottom: 25px; } .business-main__obj-list-mobile .swiper-pagination { bottom: 0; } .business-main__obj-list-mobile .swiper-pagination-bullet { width: 13px; height: 13px; border-radius: 50%; background-color: transparent; border: 1px solid #253561; transition: all 0.3s; } .business-main__obj-list-mobile .swiper-pagination-bullet-active { background-color: #253561; } .business-main__obj-item-mobile { display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 300px; margin: 0 10px; } @media (min-width: 1200px) { .business-main__obj-item-mobile { max-width: 370px; } } .business-main__obj-img-link { width: 100%; height: 150px; margin-bottom: 15px; border: 2px solid #253561; border-radius: 15px 15px 0 0; overflow: hidden; } @media (min-width: 1200px) { .business-main__obj-img-link { height: 200px; margin-bottom: 20px; } } .business-main__obj-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .business-main__obj-title-link { margin-bottom: 10px; padding: 0 20px; font-size: 13px; font-weight: 600; color: #253561; text-align: center; } .business-main__obj-text { padding: 0 20px; font-size: 11px; font-weight: 500; text-align: center; } .instructions-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .instructions-main { margin-bottom: 100px; } } .instructions-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .instructions-main__top { margin-bottom: 20px; } } .instructions-main__top h1 { font-size: 34px; line-height: 120%; font-weight: 600; color: #333; } @media (max-width: 1200px) { .instructions-main__top h1 { font-size: 22px; font-weight: 700; } } .instructions-main__more-instructions-btn { display: block; margin: 40px auto 0; padding: 15px 25px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } .instructions-main__more-instructions-btn.hide { display: none; } @media (max-width: 760px) { .instructions-main__more-instructions-btn { margin: 30px auto 0; padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .instructions-main__list { display: flex; align-items: stretch; flex-wrap: wrap; row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .instructions-main__item { display: none; flex-direction: column; width: 100%; max-width: 365px; margin-bottom: 15px; overflow: hidden; } @media (min-width: 1200px) { .instructions-main__item { padding-right: 2px; border: 1px solid #253561; border-radius: 15px; } } .instructions-main__item.active { display: flex; } .instructions-main__item-top { width: 100%; height: 130px; background-color: #fff; border: 1px solid #253561; border-radius: 10px 10px 0 0; } @media (min-width: 1200px) { .instructions-main__item-top { height: 170px; border-top: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; } } .instructions-main__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .instructions-main__bottom-list[class] { max-height: 240px; padding: 10px 0; list-style: inside; overflow-y: auto; } @media (min-width: 1200px) { .instructions-main__bottom-list[class] { max-height: 240px; margin-left: 4px; } } .instructions-main__bottom-list[class]::-webkit-scrollbar { width: 4px; height: auto; background-color: #fff; } .instructions-main__bottom-list[class]::-webkit-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 4px; height: 10px; } .instructions-main__bottom-list[class]::-moz-scrollbar { width: 4px; height: auto; background-color: #fff; } .instructions-main__bottom-list[class]::-moz-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 4px; height: auto; } .instructions-main__link-item[class] { margin-bottom: 20px; list-style-type: disc; } @media (min-width: 1200px) { .instructions-main__link-item[class] { margin-left: 10px; } } .instructions-main__link { font-size: 14px; font-weight: 500; color: #253561; text-decoration: underline; } @media (min-width: 1200px) { .instructions-main__link { font-size: 16px; } } .certificates-main { max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .certificates-main { margin-bottom: 100px; } } .certificates-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .certificates-main__top { margin-bottom: 20px; } } .certificates-main__top h1 { font-size: 34px; line-height: 120%; font-weight: 600; color: #333; } @media (max-width: 1200px) { .certificates-main__top h1 { font-size: 22px; font-weight: 700; } } .certificates-main__more-certificates-btn { display: block; margin: 40px auto 0; padding: 15px 25px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; } .certificates-main__more-certificates-btn.hide { display: none; } @media (max-width: 760px) { .certificates-main__more-certificates-btn { margin: 30px auto 0; padding: 10px 50px; border-radius: 10px; font-size: 12px; } } .certificates-main__list { display: flex; align-items: stretch; flex-wrap: wrap; row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .certificates-main__item { display: none; flex-direction: column; width: 100%; max-width: 365px; margin-bottom: 15px; overflow: hidden; } @media (min-width: 1200px) { .certificates-main__item { padding-right: 2px; } } .certificates-main__item.active { display: flex; } .certificates-main__item-top { width: 100%; height: 130px; background-color: #fff; border: 1px solid #253561; border-radius: 10px 10px 0 0; } @media (min-width: 1200px) { .certificates-main__item-top { height: 170px; border-radius: 15px 15px 0 0; } } .certificates-main__img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .certificates-main__bottom-list[class] { max-height: 240px; padding: 10px 0; list-style: inside; overflow-y: auto; } @media (min-width: 1200px) { .certificates-main__bottom-list[class] { max-height: 240px; margin-left: 4px; } } .certificates-main__bottom-list[class]::-webkit-scrollbar { width: 4px; height: auto; background-color: #fff; } .certificates-main__bottom-list[class]::-webkit-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 4px; height: 10px; } .certificates-main__bottom-list[class]::-moz-scrollbar { width: 4px; height: auto; background-color: #fff; } .certificates-main__bottom-list[class]::-moz-scrollbar-thumb { background-color: #253561; border-radius: 3px; width: 4px; height: auto; } .certificates-main__link-item[class] { margin-bottom: 20px; list-style-type: square; } @media (min-width: 1200px) { .certificates-main__link-item[class] { margin-left: 10px; } } .certificates-main__link { font-size: 14px; font-weight: 500; color: #253561; text-decoration: underline; } @media (min-width: 1200px) { .certificates-main__link { font-size: 16px; } } .service-main { display: flex; flex-direction: column; max-width: 1180px; padding: 0 20px 0; margin: 0 auto; margin-bottom: 100px; } @media (max-width: 1200px) { .service-main { margin-bottom: 40px; } } .service-main__top { margin-bottom: 30px; } @media (max-width: 1200px) { .service-main__top { margin-bottom: 20px; } } .service-main__top h1 { font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media (max-width: 1200px) { .service-main__top h1 { font-size: 22px; font-weight: 700; } } .service-main ol { counter-reset: li3; } .service-main li:before { counter-increment: li3; content: counters(li3, ".") ". "; } .service-main__main-list { margin-bottom: 10px; } .service-main__main-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .service-main__main-list li { font-size: 14px; } } .service-main__nested-list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .service-main__nested-list li { font-size: 14px; } } .service-main__nested-list li:last-child { margin-bottom: 10px; } @media (max-width: 1200px) { .service-main__nested-list li:last-child { margin-bottom: 10px; } } .service-main ul { margin-bottom: 10px; } .service-main ul li { margin-left: 20px; list-style-type: disc; font-size: 18px; font-weight: 400; color: #000; } .service-main ul li::before { font-size: 0; width: 0; height: 0; } @media (max-width: 1200px) { .service-main ul li { font-size: 14px; } } .service-main__subtitle { margin-top: 25px; margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .service-main__subtitle { font-size: 14px; } } .service-main__subtitle { margin-top: 25px; margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .service-main__subtitle { font-size: 14px; } } .service-main__category-title { margin-top: 100px; margin-bottom: 15px; font-size: 24px; font-weight: 600; color: #000; text-align: center; } @media (max-width: 1200px) { .service-main__category-title { margin-top: 50px; padding: 0 20px; font-size: 18px; } } .service-main__category-subtitle { margin-bottom: 50px; font-size: 20px; font-weight: 500; color: #000; text-align: center; } @media (max-width: 1200px) { .service-main__category-subtitle { margin-bottom: 15px; font-size: 16px; } } .service-main__category-subtitle--accent { font-size: 18px; font-weight: 700; text-align: left; } @media (max-width: 1200px) { .service-main__category-subtitle--accent { margin-bottom: 15px; font-size: 16px; font-weight: 500; } } .service-main__row-list[class] { margin-bottom: 50px; border: 1px dotted orange; } @media (max-width: 1200px) { .service-main__row-list[class] { margin-bottom: 40px; } } .service-main__row[class] { border: 1px dotted tomato; display: flex; justify-content: space-between; width: 100%; margin-left: 0; padding: 15px 0; border-bottom: 1px solid #A8A8A8; list-style-type: none; } @media (max-width: 1200px) { .service-main__row[class] { flex-direction: column; } } .service-main__row[class]::before { display: none; } .service-main__row-text[class] { font-size: 18px; font-weight: 500; } @media (max-width: 1200px) { .service-main__row-text[class] { font-size: 15px; } } .service-main__row-text[class]:not(:last-child) { margin-bottom: 10px; } .service-main__row-text--accent[class] { font-weight: 600; } .service-main__text, .service-main__accent-text { margin-bottom: 10px; font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .service-main__text, .service-main__accent-text { font-size: 14px; } } .service-main__info-row { margin-bottom: 15px; display: flex; } .service-main__dt, .service-main__dd { font-size: 18px; font-weight: 600; color: #73716F; } @media (max-width: 1200px) { .service-main__dt, .service-main__dd { font-size: 14px; } } .service-main__dt--accent, .service-main__dd--accent { color: #000; } .service-main__download-links-wrapper { margin-bottom: 50px; } @media (max-width: 1200px) { .service-main__download-links-wrapper { margin-bottom: 25px; } } .service-main__download-link { position: relative; display: flex; align-items: center; font-size: 18px; font-weight: 500; } @media (max-width: 1200px) { .service-main__download-link { font-size: 13px; } } .service-main__download-link:before { content: ''; flex-shrink: 0; display: block; width: 32px; height: 32px; margin-right: 15px; margin-left: 15px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19.8906C1.26522 19.8906 1.51957 19.996 1.70711 20.1835C1.89464 20.3711 2 20.6254 2 20.8906V25.8906C2 26.4211 2.21071 26.9298 2.58579 27.3048C2.96086 27.6799 3.46957 27.8906 4 27.8906H28C28.5304 27.8906 29.0391 27.6799 29.4142 27.3048C29.7893 26.9298 30 26.4211 30 25.8906V20.8906C30 20.6254 30.1054 20.3711 30.2929 20.1835C30.4804 19.996 30.7348 19.8906 31 19.8906C31.2652 19.8906 31.5196 19.996 31.7071 20.1835C31.8946 20.3711 32 20.6254 32 20.8906V25.8906C32 26.9515 31.5786 27.9689 30.8284 28.7191C30.0783 29.4692 29.0609 29.8906 28 29.8906H4C2.93913 29.8906 1.92172 29.4692 1.17157 28.7191C0.421427 27.9689 0 26.9515 0 25.8906V20.8906C0 20.6254 0.105357 20.3711 0.292893 20.1835C0.48043 19.996 0.734784 19.8906 1 19.8906Z' fill='black'/%3E%3Cpath d='M15.2933 23.7978C15.3862 23.891 15.4965 23.9649 15.618 24.0153C15.7395 24.0657 15.8697 24.0916 16.0013 24.0916C16.1328 24.0916 16.263 24.0657 16.3845 24.0153C16.506 23.9649 16.6164 23.891 16.7093 23.7978L22.7093 17.7978C22.897 17.6101 23.0025 17.3554 23.0025 17.0898C23.0025 16.8243 22.897 16.5696 22.7093 16.3818C22.5215 16.1941 22.2668 16.0886 22.0013 16.0886C21.7357 16.0886 21.481 16.1941 21.2933 16.3818L17.0013 20.6758V3.08984C17.0013 2.82463 16.8959 2.57027 16.7084 2.38274C16.5208 2.1952 16.2665 2.08984 16.0013 2.08984C15.736 2.08984 15.4817 2.1952 15.2942 2.38274C15.1066 2.57027 15.0013 2.82463 15.0013 3.08984V20.6758L10.7093 16.3818C10.5215 16.1941 10.2668 16.0886 10.0013 16.0886C9.73571 16.0886 9.48104 16.1941 9.29326 16.3818C9.10549 16.5696 9 16.8243 9 17.0898C9 17.3554 9.10549 17.6101 9.29326 17.7978L15.2933 23.7978Z' fill='black'/%3E%3C/svg%3E"); } @media (max-width: 1200px) { .service-main__download-link:before { width: 20px; height: 20px; margin-right: 10px; margin-left: 10px; } } .service-main__download-link--with-doc-icon { margin-bottom: 30px; } @media (max-width: 1200px) { .service-main__download-link--with-doc-icon { margin-bottom: 10px; } } .service-main__download-link--with-doc-icon::after { content: ''; order: -1; flex-shrink: 0; display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.6578 3.32812L46.3516 12.3906V46.8531H13.875V46.9656H46.4625V12.5047L37.6578 3.32812Z' fill='%23909090'/%3E%3Cpath d='M37.5477 3.21484H13.7617V46.8523H46.3492V12.3914L37.5461 3.21484' fill='%23F4F4F4'/%3E%3Cpath d='M13.5234 5.55859H3.53906V16.2258H34.9453V5.55859H13.5234Z' fill='%237A7B7C'/%3E%3Cpath d='M35.1125 16.0441H3.74219V5.36914H35.1125V16.0441Z' fill='%23DD2025'/%3E%3Cpath d='M14.1438 7.17405H12.1016V14.674H13.7078V12.1444L14.0625 12.1647C14.4071 12.1587 14.7485 12.097 15.0734 11.9819C15.3583 11.8839 15.6203 11.7292 15.8438 11.5272C16.0711 11.3347 16.2503 11.0918 16.3672 10.8178C16.5239 10.3623 16.5799 9.87827 16.5312 9.39905C16.5215 9.05672 16.4615 8.71768 16.3531 8.3928C16.2545 8.15828 16.1081 7.94686 15.9233 7.77201C15.7385 7.59715 15.5193 7.46269 15.2797 7.37717C15.0725 7.30217 14.8585 7.24774 14.6406 7.21467C14.4757 7.18922 14.3091 7.17565 14.1422 7.17405H14.1438ZM13.8469 10.7584H13.7078V8.44592H14.0094C14.1425 8.43633 14.276 8.45676 14.4002 8.50571C14.5243 8.55466 14.6358 8.63088 14.7266 8.72874C14.9146 8.98032 15.015 9.28655 15.0125 9.60061C15.0125 9.98499 15.0125 10.3334 14.6656 10.5787C14.4157 10.7162 14.1313 10.7781 13.8469 10.7569V10.7584ZM19.5828 7.15374C19.4094 7.15374 19.2406 7.16624 19.1219 7.17092L18.75 7.1803H17.5313V14.6803H18.9656C19.5138 14.6953 20.0596 14.6024 20.5719 14.4069C20.9842 14.2433 21.3494 13.9796 21.6344 13.6397C21.9115 13.2966 22.1104 12.8972 22.2172 12.4694C22.3399 11.9848 22.3998 11.4864 22.3953 10.9865C22.4256 10.3962 22.3799 9.80434 22.2594 9.22561C22.145 8.79962 21.9307 8.40701 21.6344 8.0803C21.4019 7.81649 21.1172 7.60369 20.7984 7.4553C20.5247 7.32861 20.2367 7.23523 19.9406 7.17717C19.8229 7.15773 19.7037 7.14884 19.5844 7.15061L19.5828 7.15374ZM19.3 13.3022H19.1438V8.51467H19.1641C19.4862 8.47761 19.8121 8.53573 20.1016 8.68186C20.3135 8.85112 20.4863 9.06436 20.6078 9.30686C20.739 9.56207 20.8146 9.84218 20.8297 10.1287C20.8438 10.4725 20.8297 10.7537 20.8297 10.9865C20.8361 11.2547 20.8188 11.523 20.7781 11.7881C20.73 12.0603 20.6409 12.3237 20.5141 12.5694C20.3705 12.7977 20.1764 12.9902 19.9469 13.1319C19.7541 13.2565 19.5258 13.3147 19.2969 13.2975L19.3 13.3022ZM27.2344 7.1803H23.4375V14.6803H25.0437V11.7053H27.075V10.3115H25.0437V8.57405H27.2312V7.1803' fill='%23464648'/%3E%3Cpath d='M34.0321 31.7384C34.0321 31.7384 39.0133 30.8353 39.0133 32.5369C39.0133 34.2385 35.9274 33.5463 34.0321 31.7384ZM30.3493 31.8681C29.5579 32.043 28.7866 32.2991 28.0477 32.6322L28.6727 31.2259C29.2977 29.8197 29.9461 27.9025 29.9461 27.9025C30.6919 29.1577 31.5597 30.3363 32.5368 31.4213C31.7999 31.5311 31.0697 31.6814 30.3493 31.8713V31.8681ZM28.3774 21.7119C28.3774 20.2291 28.8571 19.8244 29.2305 19.8244C29.604 19.8244 30.0243 20.0041 30.0383 21.2916C29.9167 22.5862 29.6456 23.8624 29.2305 25.0947C28.662 24.0601 28.3677 22.8971 28.3758 21.7166L28.3774 21.7119ZM21.1133 38.1431C19.5852 37.2291 24.318 34.415 25.1758 34.3244C25.1712 34.3259 22.7133 39.0994 21.1133 38.1431ZM40.468 32.7385C40.4524 32.5822 40.3118 30.8525 37.2337 30.926C35.9506 30.9053 34.6682 30.9957 33.4008 31.1963C32.1731 29.9594 31.1159 28.5643 30.2571 27.0478C30.7981 25.4844 31.1256 23.8551 31.2305 22.2041C31.1852 20.3291 30.7368 19.2541 29.2993 19.2697C27.8618 19.2853 27.6524 20.5431 27.8415 22.415C28.0267 23.6729 28.376 24.9011 28.8805 26.0681C28.8805 26.0681 28.2165 28.1353 27.3383 30.1916C26.4602 32.2478 25.8602 33.3259 25.8602 33.3259C24.3332 33.823 22.8957 34.5616 21.6024 35.5134C20.3149 36.7119 19.7915 37.6322 20.4696 38.5525C21.054 39.3463 23.0993 39.5259 24.9274 37.1306C25.8987 35.8935 26.7861 34.5926 27.5836 33.2369C27.5836 33.2369 30.3712 32.4728 31.2383 32.2634C32.1055 32.0541 33.154 31.8884 33.154 31.8884C33.154 31.8884 35.6993 34.4494 38.154 34.3588C40.6087 34.2681 40.4899 32.8916 40.4743 32.7416' fill='%23DD2025'/%3E%3Cpath d='M37.4297 3.33594V12.5125H46.2312L37.4297 3.33594Z' fill='%23909090'/%3E%3Cpath d='M37.5469 3.21484V12.3914H46.3484L37.5469 3.21484Z' fill='%23F4F4F4'/%3E%3Cpath d='M14.0227 7.05296H11.9805V14.553H13.593V12.0248L13.9492 12.0451C14.2939 12.0392 14.6353 11.9775 14.9602 11.8623C15.245 11.7643 15.507 11.6096 15.7305 11.4076C15.9561 11.2147 16.1337 10.9718 16.2492 10.6983C16.4059 10.2428 16.4619 9.75874 16.4133 9.27952C16.4035 8.93719 16.3435 8.59815 16.2352 8.27327C16.1365 8.03875 15.9901 7.82733 15.8053 7.65248C15.6205 7.47762 15.4013 7.34316 15.1617 7.25764C14.9536 7.18191 14.7385 7.12696 14.5195 7.09358C14.3546 7.06813 14.188 7.05455 14.0211 7.05296H14.0227ZM13.7258 10.6373H13.5867V8.32483H13.8898C14.0229 8.31523 14.1565 8.33566 14.2806 8.38462C14.4048 8.43357 14.5163 8.50979 14.607 8.60764C14.795 8.85923 14.8955 9.16546 14.893 9.47952C14.893 9.86389 14.893 10.2123 14.5461 10.4576C14.2962 10.5951 14.0118 10.657 13.7273 10.6358L13.7258 10.6373ZM19.4617 7.03264C19.2883 7.03264 19.1195 7.04514 19.0008 7.04983L18.6336 7.05921H17.4148V14.5592H18.8492C19.3974 14.5742 19.9432 14.4813 20.4555 14.2858C20.8678 14.1222 21.233 13.8585 21.518 13.5186C21.7951 13.1755 21.994 12.7761 22.1008 12.3483C22.2235 11.8637 22.2834 11.3653 22.2789 10.8655C22.3092 10.2751 22.2635 9.68325 22.143 9.10452C22.0286 8.67852 21.8143 8.28591 21.518 7.95921C21.2855 7.6954 21.0008 7.4826 20.682 7.33421C20.4083 7.20751 20.1203 7.11414 19.8242 7.05608C19.7065 7.03663 19.5873 7.02774 19.468 7.02952L19.4617 7.03264ZM19.1836 13.1811H19.0273V8.39358H19.0477C19.3698 8.35652 19.6957 8.41464 19.9852 8.56077C20.1971 8.73003 20.3699 8.94327 20.4914 9.18577C20.6226 9.44098 20.6982 9.72109 20.7133 10.0076C20.7273 10.3514 20.7133 10.6326 20.7133 10.8655C20.7196 11.1336 20.7024 11.4019 20.6617 11.667C20.6136 11.9393 20.5245 12.2026 20.3977 12.4483C20.254 12.6766 20.06 12.8691 19.8305 13.0108C19.6377 13.1355 19.4094 13.1936 19.1805 13.1764L19.1836 13.1811ZM27.1133 7.05921H23.3164V14.5592H24.9227V11.5842H26.9539V10.1905H24.9227V8.45296H27.1102V7.05921' fill='white'/%3E%3C/svg%3E%0A"); } @media (max-width: 1200px) { .service-main__download-link--with-doc-icon::after { width: 25px; height: 25px; } } .service-main__dd { margin-left: 5px; color: #000; } .service-main__staff-wrapper { display: flex; margin-bottom: 15px; } .service-main__staff-img { width: 70px; height: 70px; margin-right: 15px; border-radius: 50%; } @media (max-width: 1200px) { .service-main__staff-img { width: 50px; height: 50px; margin-right: 10px; } } .service-main__staff-description { display: flex; } .service-main__staff-text { margin-right: 3px; font-size: 18px; font-weight: 600; color: #000; } @media (max-width: 1200px) { .service-main__staff-text { font-size: 16px; } } .service-main__accent-text { color: #253561; } .service-main__img { margin-bottom: 10px; max-width: 662px; width: 100%; } @media (max-width: 1200px) { .service-main__img { order: -1; } } .service-main__list { margin-bottom: 10px; } .service-main__list li { font-size: 18px; font-weight: 400; color: #000; } @media (max-width: 1200px) { .service-main__list li { font-size: 14px; } } .service-main__link, .service-main__accent-link, .service-main__doc-link { margin: 0 3px; font-size: 18px; font-weight: 500; text-decoration: underline; color: #000; } @media (max-width: 1200px) { .service-main__link, .service-main__accent-link, .service-main__doc-link { font-size: 14px; } } .service-main__accent-link { font-weight: 600; } .service-main__doc-link { position: relative; display: flex; align-items: center; text-decoration: none; color: #253561; } .service-main__doc-link::before { content: ''; display: flex; margin-right: 10px; width: 27px; height: 34px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='27' height='34' viewBox='0 0 27 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 21.1814C12.7735 21.1814 12.166 22.172 12.166 23.4984C12.166 24.8332 12.7921 25.7765 13.8248 25.7765C14.866 25.7765 15.4634 24.7842 15.4634 23.4579C15.4634 22.2327 14.8761 21.1814 13.8147 21.1814V21.1814Z' fill='%233D83DB'/%3E%3Cpath d='M16.875 0H3.375C2.47989 0 1.62145 0.355579 0.988514 0.988514C0.355579 1.62145 0 2.47989 0 3.375V30.375C0 31.2701 0.355579 32.1285 0.988514 32.7615C1.62145 33.3944 2.47989 33.75 3.375 33.75H23.625C24.5201 33.75 25.3785 33.3944 26.0115 32.7615C26.6444 32.1285 27 31.2701 27 30.375V10.125L16.875 0ZM8.69906 26.0786C7.98019 26.676 6.88837 26.9578 5.55356 26.9578C4.752 26.9578 4.18669 26.9072 3.80194 26.8566V20.1555C4.49208 20.0561 5.18877 20.0093 5.886 20.0154C7.182 20.0154 8.02237 20.2483 8.67881 20.7444C9.38756 21.2709 9.83306 22.1113 9.83306 23.3128C9.83306 24.6206 9.35719 25.5218 8.69906 26.0786V26.0786ZM13.7447 27C11.7197 27 10.5368 25.4711 10.5368 23.5271C10.5368 21.4836 11.8412 19.9564 13.8561 19.9564C15.9503 19.9564 17.0944 21.5241 17.0944 23.4073C17.0927 25.6433 15.7359 27 13.7447 27V27ZM21.6 25.7141C22.0641 25.7141 22.5804 25.6112 22.8859 25.4914L23.1188 26.6946C22.8353 26.8363 22.1974 26.9882 21.3688 26.9882C19.0114 26.9882 17.7964 25.5218 17.7964 23.5778C17.7964 21.2507 19.4552 19.9564 21.5207 19.9564C22.3206 19.9564 22.9264 20.1184 23.1997 20.2601L22.8859 21.4853C22.475 21.3155 22.0344 21.2294 21.5899 21.2321C20.3648 21.2321 19.413 21.9713 19.413 23.49C19.413 24.8552 20.223 25.7141 21.6 25.7141V25.7141ZM16.875 11.8125H15.1875V3.375L23.625 11.8125H16.875Z' fill='%233D83DB'/%3E%3Cpath d='M6.04948 21.1995C5.70691 21.1995 5.48416 21.2299 5.35254 21.2602V25.7237C5.48416 25.7541 5.69679 25.7541 5.88748 25.7541C7.28473 25.7642 8.19429 24.9964 8.19429 23.3662C8.20441 21.9487 7.37585 21.1995 6.04948 21.1995V21.1995Z' fill='%233D83DB'/%3E%3C/svg%3E"); } .service-main__video { max-width: 560px; width: 100%; margin-bottom: 10px; } @media (max-width: 360px) { .service-main__video { height: 157px; } } @media (max-width: 760px) { .service-main__details-list { display: flex; flex-direction: column; } } .service-main__details-item[class] { list-style-type: none; margin-left: 0; } .service-main__details-link { display: flex; margin-bottom: 30px; border: 1px solid #253561; border-radius: 15px; overflow: hidden; } @media (max-width: 760px) { .service-main__details-link { display: flex; flex-direction: column; border: none; border-radius: 0; } } .service-main__details-img-wrapper { flex-shrink: 0; width: 270px; height: 125px; border-right: 1px solid #253561; } @media (max-width: 760px) { .service-main__details-img-wrapper { border: none; } } .service-main__details-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .service-main__details-title { display: flex; padding: 20px; align-items: center; font-size: 22px; font-weight: 600; color: #253561; } @media (max-width: 760px) { .service-main__details-title { align-items: flex-start; margin-top: 15px; padding: 0; font-size: 16px; } } *::-webkit-scrollbar { width: 0; height: 0; background-color: #fff; } *::-webkit-scrollbar-thumb { background-color: #98ADB7; border-radius: 3px; width: 0; height: 0; } *::-moz-scrollbar { width: 0; height: 0; background-color: #fff; } *::-moz-scrollbar-thumb { background-color: #98ADB7; border-radius: 3px; width: 0; height: 0; } *, *::before, *::after { box-sizing: border-box; } body { position: relative; position-font-family: 'Montserrat', sans-serif; position-font-weight: 500; position-font-size: 15px; position-line-height: 120%; position-color: #253561; min-height: 100vh; display: flex; flex-direction: column; } .wrap-content { position: relative; max-width: 1340px; left: 50%; transform: translateX(-50%); padding-left: 20px; padding-right: 20px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'], input[type="number"]:hover, input[type="number"]:focus { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; } button, a, label, dd { cursor: pointer; } h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; } * { font-family: 'Montserrat', sans-serif; } input.error, textarea.error { border: 2px solid #F04438; color: #F04438; } input.error::-moz-placeholder, textarea.error::-moz-placeholder { color: #F04438; } input.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder { color: #F04438; } input.error::placeholder, textarea.error::placeholder { color: #F04438; } .price-measure { display: inline-block; font-size: 12px; } @media (max-width: 900px) { .price-measure { display: inline-block; font-size: 8px; } } /* End */ /* Start:/local/templates/doorlock/template_styles.css?175096251153819*/ @media screen and (min-width: 1201px) { .header__item--company:hover .header__popup-company { display: block; } } @media screen and (max-width: 1200px) { .header__item--company:hover .header__popup-company { display: none; } .header__item a.header__item--company-link:hover { text-decoration: none; } .header__item--company:hover .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23253561'/%3E%3C/svg%3E"); } .header__item--company.active .header__item--company-link::after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L6.5 1L1 6' stroke='%23253561'/%3E%3C/svg%3E%0A"); } .header__item--company.active .header__popup-company { display: block; } } .header__btn-item a { display: flex; align-items: center; flex-direction: column; position: relative; } .header__btn-item a svg { margin-bottom: 5px; } .header__btn-item a span { font-size: 14px; font-weight: 600; white-space: nowrap; color: #253561; } .header__btn-item a img { margin-bottom: 5px; width: 27px; height: 27px; border-radius: 50%; } .header__btn-item--favorite button span.js_favorite_num--hidden { display: none; } .popup__authForm input.popup__submit { padding: 15px 45px; background: #253561; border: unset; border-radius: 60px; font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 0; width: unset; cursor: pointer; } .popup-enter-email__button-wrapper { margin-top: 20px; } .popup-window#modal_auth, .popup-window-content { background-color: rgba(0,0,0,0); } .userProperties-hidden { display: none; } .popup-registration-company__switcher { max-width: 146px; width: 100%; margin-left: auto; margin-right: auto; } .popup-registration-company__company-tipe { display: block; text-align: center; } .header__btn-item--card a span:nth-child(3) { position: absolute; top: -12px; right: 0; display: flex; justify-content: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 24px; height: 24px; padding: 0 8px; font-size: 16px; font-weight: 600; white-space: nowrap; color: #fff; background-color: #EB5757; border-radius: 50%; } .product-main__quantity .sign { text-align: center; } .product-main__acent-btn { display: block; } .about-main h1 { margin-bottom: 30px; font-size: 40px; line-height: 120%; font-weight: 500; color: #000; } @media screen and (max-width: 1200px) { .about-main h1 { font-size: 22px; font-weight: 700; } } .about-main p, .about-main li { font-size: 18px; font-weight: 400; color: #000; } .about-main p, .about-main ul, .about-main ol { margin-bottom: 10px; } .about-main p a, .about-main > a { text-decoration: underline; font-weight: 500; } @media screen and (max-width: 1200px) { .about-main p, .about-main li { font-size: 14px; } } .popup-registration-company__switcher input { display: none; } .popup-registration-company__switcher .registration-company_entrepreneur_btn { padding: 7px 20px; font-size: 16px; line-height: 130%; font-weight: 500; color: #73716F; display: inline-block; } .popup-registration-company__switcher input[checked] + label { background: #253561; color: #fff; border-radius: 60px; } .accessories-slider__btn-wrapper { display: flex; flex-direction: column; align-items: center; } .office-my-profile__find-form .__select__content { max-height: 202px; overflow-y: scroll; } .js-main-swiper { max-height: 440px; } .popup-buy-to-one-click__form .main-user-consent-request { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-bottom: 15px; } .popup-buy-to-one-click__form .main-user-consent-request input { width: unset; } .office-my-profile__find-form .__select__content label:nth-child(2) { display: flex; } .barFinal span { display: none; } .barFinal:after { content: none; } .office-main__product__itemName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; } .cart-main__credit-sum, .order-main__credit-sum { width: 103px; } .office-my-profile__find-form .__select__title, .office-my-profile__find-form .__select__label, .office-my-profile__purchases-search input { font-size: 14px; } .header__item a, .header__item button { text-decoration: none; } .header__item a:hover { text-decoration: underline; } .accessories-menu { background-color: #fff; } .accessories-menu__search input { background-color: #fff; } .product-description__tab-table-item.product-description__tab-table-item--odd::before { /*content: none;*/ counter-increment: oddCounter; content: counter(oddCounter) "."; } .product-description__tab-table-item.product-description__tab-table-item--even::before { /*content: none;*/ counter-increment: evenCounter; content: counter(evenCounter) "."; } .product-description__tab-table-item__num { /*color: #828282; display: inline-block; text-align: center; margin-right: 5px; margin-left: 10px; font-size: 18px; font-weight: 500; padding-top: 18px; padding-bottom: 18px;*/ } .product-description__tab-table-item { margin-right: 80px; } ol.product-description__tab-table.active { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } @media screen and (max-width: 1200px) { ol.product-description__tab-table.active { -moz-column-count: unset; column-count: unset; text-align: left; align-items: stretch; } .product-description__tab-table-item { max-width: calc(50% - 80px); } .product-description__tab-table-more-btn { width: 100%; } } @media screen and (max-width: 760px) { .product-description__tab-table-item { max-width: 100%; } } .product-description__tab-table-item__inner, .product-description__tab-table-item::before { padding-top: 8px; padding-bottom: 8px; } @media screen and (max-width: 540px) { .product-description__tab-table-item span:nth-child(1), .product-description__tab-table-item a, .product-description__tab-table-item span:nth-child(2) { font-size: 14px; } .product-description__tab-table-item::before { padding-bottom: 5px; padding-top: 8px; } .product-description__tab-table-item__inner { padding-top: 5px; padding-bottom: 5px; } } /*.office-my-profile__orders-item-titles span:nth-child(2), .office-my-profile__orders-item span:nth-child(3) { flex-basis: unset; } .office-my-profile__orders-item-titles span:nth-child(3) { flex-basis: 140px; }*/ .office-my-profile__orders-item span:nth-child(2) { flex-basis: 140px; } .office-my-profile__orders-item span:nth-child(3) { flex-basis: 140px; } .about-main [id] { scroll-margin-top: 7em; } .popup-catalog__wrapper { max-width: 1165px; } .office-my-profile__left-menu { background-color: #fff; border: 1px solid #ECEEF4; } .office-my-profile__menu-item { border-color: #ECEEF4; } .popup-choose-city__popular-city-item:hover { cursor: pointer; } .popup-choose-city__popular-city-item.active { text-decoration: underline; } .company__inn-wrapper { position: relative; } .popup-registration-company__inn-finded:hover { cursor: pointer; } .popup-registration-company__inn-finded { top: unset; } .office-my-profile__credit { width: 100%; } .office-my-profile__credit .product-main__credit-bar--12-percentage-credit { width: 100%; } .office-my-profile__credit .product-main__credit-bar--12-percentage-credit::before { content: none; } .office-my-profile__places { max-width: 100%; } .office-my-profile__places .product-main__credit-bar--12-percentage { width: 100%; } .product-main__credit-bar--12-percentage-credit::before { content: none; } .product-main__credit-bar-scale--differentHeight { position: absolute; bottom: 3px; height: 10px; width: 1px; background-color: #fff; z-index: 11; } .product-main__credit-bar-scale--differentHeight:nth-of-type(2n) { height: 15px; } .loadMore-loading { filter: grayscale(50%); opacity: 0.5; cursor: default; } .article-main__card-list .news-articles-card { display: flex; } .news-articles-card__img { object-fit: contain; object-position: center; } .js_news_tag_clear_btn { display: none; width: 20px; height: 20px; margin-left: 7px; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5957' y='14.4961' width='14' height='1' rx='0.5' transform='rotate(-45 4.5957 14.4961)' fill='%23253561'/%3E%3Crect x='5.30273' y='4.5957' width='14' height='1' rx='0.5' transform='rotate(45 5.30273 4.5957)' fill='%23253561'/%3E%3C/svg%3E"); } .article-main__tag-item { display: flex; flex-direction: row; } .article-main__tag-link.active + .js_news_tag_clear_btn { display: flex; } .article-main__tag-link:hover { text-decoration: underline; } .article-main__tag-link.active { font-weight: bold; } .accessories-menu { position: relative; } .accessories-menu:before { content: ""; position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 10px; border: 1px solid #253561; } .catalog-main__content-wrapper .popup-catalog__category-list { height: fit-content; } ul.footer__list { padding-right: 18px; padding-top: 8px; margin-top: 7px; } .accessories-slider .swiper-slide { height: auto; } .accessories-slider .swiper-slide .product-card { height: 100%; } @media (max-width: 1200px) { .header__search.mobileActive { display: block; } .header__mobile-buttons > * { margin-left: 15px } .footer__item:first-child span::after { content: none; } body { padding-bottom: 50px } .accessories-main__title { max-width: 100%; } .accessories-main__card { flex: unset; max-width: calc(100% / 5 - 5px); width: 100% } .accessories-main__card--link { height: unset; } .accessories-main__card-link { width: 100%; max-width: 100%; justify-content: center; } } @media (max-width: 920px) { .js-accessories-swiper .swiper-slide { height: auto; } .product-card { max-width: 100%; height: 100%; } .product-card__bottom { justify-content: flex-start; } .product-card__card { width: 22px; } .product-card__favorite { margin-right: 15px } .product-item-button-container { margin-right: unset } .product-item-button-container .product-card__btn { margin-right: unset } .product-card__btn { padding: 8px 16px } } @media (max-width: 780px) { .accessories-main__card { max-width: calc(100% / 3 - 5px); } } @media (max-width: 480px) { .accessories-main__card { max-width: calc(50% - 5px); } .accessories-main__card--link { max-width: 100%; width: unset; flex-grow: 1; } } .advantages .swiper-slide img { border-radius: unset; } form button.disabled { color: #e4e4e4; background-color: #999999; cursor: not-allowed; } .popup-one-click__productName { margin-bottom: 15px; } .accessories-menu__list { position: relative; z-index: 10; } .accessories-menu.fixedBottom { position: absolute; } .choices.is-focused.is-open { z-index: 100; position: relative; } .video-main__select.my-select { z-index: unset; } .catalog-main__menu form.active { display: block; } @media screen and (max-width: 1200px) { .catalog-main__menu form .catalog-main__menu-link { display: block; } .catalog-main__menu form .catalog-main__filter-result { display: block; } .catalog-main__menu form .catalog-main__filter-top { display: flex; } .catalog-main__menu form .filters-price__inputs { display: flex; } .catalog-main__menu form .filters-price__slider { display: block; } .catalog-main__menu form .bx-filter-block { display: none; } .catalog-main__filter.open .bx-filter-block { display: flex; margin-top: 15px } .catalog-main__filter.open .catalog-main__filter-top:after { transform: rotate(180deg); } .catalog-main__filter a.bx-ui-slider-handle { display: flex; } } .order-main__wrapper .bx-ui-sls-quick-locations { display: none; } .popup-map { overflow-y: scroll; height: 100%; } a.office-main__exit-btn { display: block; text-align: center; } @media screen and (max-width: 1200px) { .office-my-profile__left-menu .office-my-profile__menu-item { display: block; } } .service-main a[href$=".pdf"]:before, .service-main a[href$=".doc"]:before, .service-main a[href$=".xls"]:before, .service-main a[href$=".xlsx"]:before, .service-main a[href$=".ppt"]:before, .service-main a[href$=".pptx"]:before, .service-main a[href$=".docx"]:before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 19.8906C1.26522 19.8906 1.51957 19.996 1.70711 20.1835C1.89464 20.3711 2 20.6254 2 20.8906V25.8906C2 26.4211 2.21071 26.9298 2.58579 27.3048C2.96086 27.6799 3.46957 27.8906 4 27.8906H28C28.5304 27.8906 29.0391 27.6799 29.4142 27.3048C29.7893 26.9298 30 26.4211 30 25.8906V20.8906C30 20.6254 30.1054 20.3711 30.2929 20.1835C30.4804 19.996 30.7348 19.8906 31 19.8906C31.2652 19.8906 31.5196 19.996 31.7071 20.1835C31.8946 20.3711 32 20.6254 32 20.8906V25.8906C32 26.9515 31.5786 27.9689 30.8284 28.7191C30.0783 29.4692 29.0609 29.8906 28 29.8906H4C2.93913 29.8906 1.92172 29.4692 1.17157 28.7191C0.421427 27.9689 0 26.9515 0 25.8906V20.8906C0 20.6254 0.105357 20.3711 0.292893 20.1835C0.48043 19.996 0.734784 19.8906 1 19.8906Z' fill='black'/%3E%3Cpath d='M15.2933 23.7978C15.3862 23.891 15.4965 23.9649 15.618 24.0153C15.7395 24.0657 15.8697 24.0916 16.0013 24.0916C16.1328 24.0916 16.263 24.0657 16.3845 24.0153C16.506 23.9649 16.6164 23.891 16.7093 23.7978L22.7093 17.7978C22.897 17.6101 23.0025 17.3554 23.0025 17.0898C23.0025 16.8243 22.897 16.5696 22.7093 16.3818C22.5215 16.1941 22.2668 16.0886 22.0013 16.0886C21.7357 16.0886 21.481 16.1941 21.2933 16.3818L17.0013 20.6758V3.08984C17.0013 2.82463 16.8959 2.57027 16.7084 2.38274C16.5208 2.1952 16.2665 2.08984 16.0013 2.08984C15.736 2.08984 15.4817 2.1952 15.2942 2.38274C15.1066 2.57027 15.0013 2.82463 15.0013 3.08984V20.6758L10.7093 16.3818C10.5215 16.1941 10.2668 16.0886 10.0013 16.0886C9.73571 16.0886 9.48104 16.1941 9.29326 16.3818C9.10549 16.5696 9 16.8243 9 17.0898C9 17.3554 9.10549 17.6101 9.29326 17.7978L15.2933 23.7978Z' fill='black'/%3E%3C/svg%3E"); content: ''; flex-shrink: 0; display: block; width: 32px; height: 32px; margin-right: 15px; margin-left: 15px; background-repeat: no-repeat; background-size: contain; } .service-main a[href$=".pdf"] { position: relative; display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; font-size: 18px; font-weight: 500; } .service-main a[href$=".pdf"]:after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.6578 3.32812L46.3516 12.3906V46.8531H13.875V46.9656H46.4625V12.5047L37.6578 3.32812Z' fill='%23909090'/%3E%3Cpath d='M37.5477 3.21484H13.7617V46.8523H46.3492V12.3914L37.5461 3.21484' fill='%23F4F4F4'/%3E%3Cpath d='M13.5234 5.55859H3.53906V16.2258H34.9453V5.55859H13.5234Z' fill='%237A7B7C'/%3E%3Cpath d='M35.1125 16.0441H3.74219V5.36914H35.1125V16.0441Z' fill='%23DD2025'/%3E%3Cpath d='M14.1438 7.17405H12.1016V14.674H13.7078V12.1444L14.0625 12.1647C14.4071 12.1587 14.7485 12.097 15.0734 11.9819C15.3583 11.8839 15.6203 11.7292 15.8438 11.5272C16.0711 11.3347 16.2503 11.0918 16.3672 10.8178C16.5239 10.3623 16.5799 9.87827 16.5312 9.39905C16.5215 9.05672 16.4615 8.71768 16.3531 8.3928C16.2545 8.15828 16.1081 7.94686 15.9233 7.77201C15.7385 7.59715 15.5193 7.46269 15.2797 7.37717C15.0725 7.30217 14.8585 7.24774 14.6406 7.21467C14.4757 7.18922 14.3091 7.17565 14.1422 7.17405H14.1438ZM13.8469 10.7584H13.7078V8.44592H14.0094C14.1425 8.43633 14.276 8.45676 14.4002 8.50571C14.5243 8.55466 14.6358 8.63088 14.7266 8.72874C14.9146 8.98032 15.015 9.28655 15.0125 9.60061C15.0125 9.98499 15.0125 10.3334 14.6656 10.5787C14.4157 10.7162 14.1313 10.7781 13.8469 10.7569V10.7584ZM19.5828 7.15374C19.4094 7.15374 19.2406 7.16624 19.1219 7.17092L18.75 7.1803H17.5313V14.6803H18.9656C19.5138 14.6953 20.0596 14.6024 20.5719 14.4069C20.9842 14.2433 21.3494 13.9796 21.6344 13.6397C21.9115 13.2966 22.1104 12.8972 22.2172 12.4694C22.3399 11.9848 22.3998 11.4864 22.3953 10.9865C22.4256 10.3962 22.3799 9.80434 22.2594 9.22561C22.145 8.79962 21.9307 8.40701 21.6344 8.0803C21.4019 7.81649 21.1172 7.60369 20.7984 7.4553C20.5247 7.32861 20.2367 7.23523 19.9406 7.17717C19.8229 7.15773 19.7037 7.14884 19.5844 7.15061L19.5828 7.15374ZM19.3 13.3022H19.1438V8.51467H19.1641C19.4862 8.47761 19.8121 8.53573 20.1016 8.68186C20.3135 8.85112 20.4863 9.06436 20.6078 9.30686C20.739 9.56207 20.8146 9.84218 20.8297 10.1287C20.8438 10.4725 20.8297 10.7537 20.8297 10.9865C20.8361 11.2547 20.8188 11.523 20.7781 11.7881C20.73 12.0603 20.6409 12.3237 20.5141 12.5694C20.3705 12.7977 20.1764 12.9902 19.9469 13.1319C19.7541 13.2565 19.5258 13.3147 19.2969 13.2975L19.3 13.3022ZM27.2344 7.1803H23.4375V14.6803H25.0437V11.7053H27.075V10.3115H25.0437V8.57405H27.2312V7.1803' fill='%23464648'/%3E%3Cpath d='M34.0321 31.7384C34.0321 31.7384 39.0133 30.8353 39.0133 32.5369C39.0133 34.2385 35.9274 33.5463 34.0321 31.7384ZM30.3493 31.8681C29.5579 32.043 28.7866 32.2991 28.0477 32.6322L28.6727 31.2259C29.2977 29.8197 29.9461 27.9025 29.9461 27.9025C30.6919 29.1577 31.5597 30.3363 32.5368 31.4213C31.7999 31.5311 31.0697 31.6814 30.3493 31.8713V31.8681ZM28.3774 21.7119C28.3774 20.2291 28.8571 19.8244 29.2305 19.8244C29.604 19.8244 30.0243 20.0041 30.0383 21.2916C29.9167 22.5862 29.6456 23.8624 29.2305 25.0947C28.662 24.0601 28.3677 22.8971 28.3758 21.7166L28.3774 21.7119ZM21.1133 38.1431C19.5852 37.2291 24.318 34.415 25.1758 34.3244C25.1712 34.3259 22.7133 39.0994 21.1133 38.1431ZM40.468 32.7385C40.4524 32.5822 40.3118 30.8525 37.2337 30.926C35.9506 30.9053 34.6682 30.9957 33.4008 31.1963C32.1731 29.9594 31.1159 28.5643 30.2571 27.0478C30.7981 25.4844 31.1256 23.8551 31.2305 22.2041C31.1852 20.3291 30.7368 19.2541 29.2993 19.2697C27.8618 19.2853 27.6524 20.5431 27.8415 22.415C28.0267 23.6729 28.376 24.9011 28.8805 26.0681C28.8805 26.0681 28.2165 28.1353 27.3383 30.1916C26.4602 32.2478 25.8602 33.3259 25.8602 33.3259C24.3332 33.823 22.8957 34.5616 21.6024 35.5134C20.3149 36.7119 19.7915 37.6322 20.4696 38.5525C21.054 39.3463 23.0993 39.5259 24.9274 37.1306C25.8987 35.8935 26.7861 34.5926 27.5836 33.2369C27.5836 33.2369 30.3712 32.4728 31.2383 32.2634C32.1055 32.0541 33.154 31.8884 33.154 31.8884C33.154 31.8884 35.6993 34.4494 38.154 34.3588C40.6087 34.2681 40.4899 32.8916 40.4743 32.7416' fill='%23DD2025'/%3E%3Cpath d='M37.4297 3.33594V12.5125H46.2312L37.4297 3.33594Z' fill='%23909090'/%3E%3Cpath d='M37.5469 3.21484V12.3914H46.3484L37.5469 3.21484Z' fill='%23F4F4F4'/%3E%3Cpath d='M14.0227 7.05296H11.9805V14.553H13.593V12.0248L13.9492 12.0451C14.2939 12.0392 14.6353 11.9775 14.9602 11.8623C15.245 11.7643 15.507 11.6096 15.7305 11.4076C15.9561 11.2147 16.1337 10.9718 16.2492 10.6983C16.4059 10.2428 16.4619 9.75874 16.4133 9.27952C16.4035 8.93719 16.3435 8.59815 16.2352 8.27327C16.1365 8.03875 15.9901 7.82733 15.8053 7.65248C15.6205 7.47762 15.4013 7.34316 15.1617 7.25764C14.9536 7.18191 14.7385 7.12696 14.5195 7.09358C14.3546 7.06813 14.188 7.05455 14.0211 7.05296H14.0227ZM13.7258 10.6373H13.5867V8.32483H13.8898C14.0229 8.31523 14.1565 8.33566 14.2806 8.38462C14.4048 8.43357 14.5163 8.50979 14.607 8.60764C14.795 8.85923 14.8955 9.16546 14.893 9.47952C14.893 9.86389 14.893 10.2123 14.5461 10.4576C14.2962 10.5951 14.0118 10.657 13.7273 10.6358L13.7258 10.6373ZM19.4617 7.03264C19.2883 7.03264 19.1195 7.04514 19.0008 7.04983L18.6336 7.05921H17.4148V14.5592H18.8492C19.3974 14.5742 19.9432 14.4813 20.4555 14.2858C20.8678 14.1222 21.233 13.8585 21.518 13.5186C21.7951 13.1755 21.994 12.7761 22.1008 12.3483C22.2235 11.8637 22.2834 11.3653 22.2789 10.8655C22.3092 10.2751 22.2635 9.68325 22.143 9.10452C22.0286 8.67852 21.8143 8.28591 21.518 7.95921C21.2855 7.6954 21.0008 7.4826 20.682 7.33421C20.4083 7.20751 20.1203 7.11414 19.8242 7.05608C19.7065 7.03663 19.5873 7.02774 19.468 7.02952L19.4617 7.03264ZM19.1836 13.1811H19.0273V8.39358H19.0477C19.3698 8.35652 19.6957 8.41464 19.9852 8.56077C20.1971 8.73003 20.3699 8.94327 20.4914 9.18577C20.6226 9.44098 20.6982 9.72109 20.7133 10.0076C20.7273 10.3514 20.7133 10.6326 20.7133 10.8655C20.7196 11.1336 20.7024 11.4019 20.6617 11.667C20.6136 11.9393 20.5245 12.2026 20.3977 12.4483C20.254 12.6766 20.06 12.8691 19.8305 13.0108C19.6377 13.1355 19.4094 13.1936 19.1805 13.1764L19.1836 13.1811ZM27.1133 7.05921H23.3164V14.5592H24.9227V11.5842H26.9539V10.1905H24.9227V8.45296H27.1102V7.05921' fill='white'/%3E%3C/svg%3E%0A"); content: ''; order: -1; flex-shrink: 0; display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; } .js_popup_call-back_open_btn { cursor: pointer; } .popup-cookie { position: relative; z-index: 10; } .product-main__save-btn p { justify-content: center; } .product-main__input-wrapper { flex-direction: column; } .product-main__save-btn { max-width: 100%; width: 100%; margin-top: 15px; } .product-main__quantity input { width: 70px; } .popup-delivery__quantity-box .quantity-box__input[class] { width: 70px; } @media screen and (max-width: 470px) { .swiper.js-obj-swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; } .business-main__cose-item-mobile { width: unset; } .advantages__list .swiper-slide { display: flex; flex-direction: column; align-items: center; } } @media screen and (max-width: 700px) { .catalog-main__filter-result { left: 0; top: 100%; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); } } @media screen and (max-width: 760px) { .popup-one-click__productName { color: #fff; } } .popup-zoomedImage { top: 0; left: 0; width: 100%; height: 100%; } .popup-header-mobile-bottom-bar .bx-basket-block, .popup-header-mobile-bottom-bar .slidebar__item { position: relative; } .popup-header-mobile-bottom-bar .slidebar__cart-num { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: 50%; background-color: #EB5757; text-align: center; color: #fff; font-weight: bold; display: flex; justify-content: center; align-items: center; } .office-my-profile__purchases-top .office-my-profile__find-form .__select[data-state="active"] .__select__label + .__select__input + .__select__label { max-height: unset; } .office-my-profile__purchases-top .office-my-profile__find-form .__select__label { max-height: unset; height: unset; flex-shrink: 0; padding: 5px 20px; } .bx-soa-section-content .order-main__express-item, .bx-soa-section-content .bx-soa-pp .bx-soa-pp-company.order-main__pay-form-label { border-radius: 10px; } .bx-soa-section-content .order-main__pay-form-inner .bx-selected, .bx-soa-section-content .bx-soa-pp .bx-soa-pp-company.order-main__pay-form-label.bx-selected, .bx-soa-section-content .order-main__express-item.bx-selected { border: 3px solid #253561; outline: unset; border-radius: 10px; } @media screen and (max-width: 480px) { .order-main__pay-form-inner .bx-selected, .order-main__express-item.bx-selected { border-radius: 10px; border: 3px solid #253561; } .order-main__express-item { margin-bottom: 5px } } section.dealers-main, section.objects-main { margin-bottom: 0; } ul.dealers-main__list, ul.objects-main__list { max-height: 740px; } .dealers-main__card svg, .objects-main__card { height: 430px; } .dealers-main__card__btn { margin-bottom: 60px; } .footer__author-inner { display: flex; flex-direction: column; align-items: flex-end; margin-right: 14px; } .footer__author a, .footer__author span { margin-right: 0; } .footer__author a { text-decoration: underline; } .footer__author { align-items: flex-end; } @media screen and (max-width: 1200px) { .footer__author { flex-direction: row; } .footer__author-inner { margin-bottom: 0; } .footer__bottom .footer__author-inner span { margin-bottom: 0; } } .footer__item span { opacity: 0.7; text-transform: uppercase; } .footer__item span.footer__item-title { opacity: 1; text-transform: unset; } .footer__item a:hover { text-decoration: underline; } .footer__list > .footer__item:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 14px; } .footer__list-contacts .footer__item:first-child { border-bottom: unset; padding-bottom: 15px; } @media screen and (max-width: 780px) { .footer__list > .footer__item { display: none !important; } .footer__list.opened > .footer__item, .footer__list.footer__list-contacts > .footer__item { display: block !important; } .footer__list > .footer__item:first-child { border-bottom: unset; padding-bottom: 25px; position: relative; display: block !important; } .footer__list.footer__list-contacts > .footer__item:first-child:before { content: none; } .footer__list > .footer__item:first-child:before { content: ''; position: absolute; right: 0; top: 0; width: 30px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L9.94634 1L1 9' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; transform: rotate(180deg); background-size: contain; } .footer__list.opened > .footer__item:first-child:before { transform: rotate(0deg); } .footer__item:first-child span { opacity: 1; } .footer__item:not(:first-child) { opacity: 0.7; } } .header__top-item { display: flex; flex-direction: row; align-items: center; justify-content: center; } .header__top-item--link { font-size: 14px; font-weight: 600; color: #333333; position: relative; padding-left: 30px; } .header__top-item--link:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url('/local/templates/doorlock/assets/img/en.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } .header__top-inner .header__city span { width: 120px; } .header__contact-list { margin-right: 15px; } .header__mobile-bottom-inner .header__top-item { display: none; } @media screen and (max-width: 1200px) { .header__top-inner .header__top-item { display: none; } .header__mobile-bottom-inner { justify-content: flex-start; } .header__catalog-btn { margin-right: auto; } .header__mobile-bottom-inner .header__top-item { display: flex; } } .header__mobile-bottom-inner .header__top-item--link { color: #fff; margin-right: 20px; } .header__mobile-bottom-inner .header__top-item--link:before { background-image: url('/local/templates/doorlock/assets/img/en-w.png'); top: -2px; width: 17px; height: 17px; } .popup-one-click__productInfo { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; width: 100%; } .popup-one-click__productName { margin-bottom: 15px; } .popup-one-click__right { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .popup-one-click__productImage { max-width: 175px; margin-bottom: 20px; padding: 15px; background-color: #fff; border: 1px solid #253561; border-radius: 15px; margin-right: 20px; } .popup-one-click__productImage img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; } .popup-sms-code .popup-sms-code__form input { width: 100px; } .news-articles-card__bottom .news-articles-card__text { margin-bottom: 10px; } .news-card__btn { margin-top: auto; } .news-card__group { margin-bottom: 10px; display: flex; } .news-card__bottom { display: flex; flex-direction: column; flex-grow: 1; } .news-main__news-item .news-card { height: 100%; } .news__slider-wrapper .swiper-wrapper, .news__articles-slider-wrapper .swiper-wrapper { display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; } .news__articles-slider-wrapper .swiper-wrapper .swiper-slide, .news__slider-wrapper .swiper-wrapper .swiper-slide { height: auto; } .swiper-slide .news-card, .swiper-slide .news-articles-card { height: 100%; } .article-main__card-list .news-articles-card { height: unset; } @media screen and (max-width: 760px) { .popup-sms-code .popup-sms-code__wrapper { width: 100%; } } .fav-main__selectors-wrapper { max-width: 320px; margin-bottom: 15px; } main .product-similar__inner .product-card { height: unset; } .popup-watch-3d { display: none; align-items: flex-start; justify-content: center; background: rgba(41, 41, 41, 0.37); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding: 30px 10px 30px; z-index: 200; overflow-y: auto; } .popup-watch-3d.active { display: flex; } .popup-watch-3d__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 640px; width: 100%; margin: 0 auto; padding: 60px 60px; background-color: #fff; border-radius: 15px; overflow-y: auto; } .popup-watch-3d__title { display: block; text-align: center; font-size: 26px; line-height: 120%; font-weight: 500; color: #333333; margin-bottom: 15px; } .popup-watch-3d__btn-close { position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(0.70052 0.713632 -0.70052 0.713632 2.7832 0.17749)' fill='%23333333'/%3E%3Crect width='31.7032' height='1.67871' rx='0.839354' transform='matrix(-0.70052 0.713632 -0.70052 -0.713632 24.373 1.198)' fill='%23333333'/%3E%3C/svg%3E%0A"); } .btn__360 { width: 100%; padding: 16px; text-align: center; background: #253561; border-radius: 15px; color: #fff; font-size: 16px; line-height: 120%; margin-bottom: 15px; margin-top: 15px; } .slider-controls__wrapper { position: relative; } .errors__message { margin: 15px 0; } .popup-buy-to-one-click.active { z-index: 201; } .popup-registration-company__inn-finded { min-width: 320px; z-index: 11; } .office-my-profile__lebel p { min-height: 54px; } .captcha__wrapper { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .captcha__wrapper img { margin-right: 5px; } .captcha__wrapper img:hover { cursor: pointer; } .captcha__wrapper img + input { margin-left: 5px; } .register__type-switcher { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; } .register__type-switcher .register__type { position: relative; padding-left: 25px; margin-bottom: 15px; } .register__type-switcher .register__type:before { content: ""; position: absolute; left: 0; top: 0; border-radius: 50%; width: 16px; height: 16px; border: 1px solid #253561; } .register__type-switcher .register__type:after { content: none; position: absolute; left: 3px; top: 3px; width: 10px; height: 10px; border-radius: 50%; background-color: #253561; } .register__type-switcher input { display: none; } .register__type-switcher input[checked] + .register__type:after { content: ""; } @media screen and (max-width: 760px) { .register__type-switcher .register__type { color: #fff; } .register__type-switcher .register__type:before { border: 1px solid #fff; } .register__type-switcher .register__type:after { background-color: #fff; } } .company__inn-wrapper.hidden { display: none; } .popup_registration-company__errors, .popup-change-password-email__data-error { color: red; text-align: center; margin-bottom: 15px; font-size: 18px; } .popupLoading:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.3); z-index: 20; } .popupLoading:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('/local/templates/doorlock/assets/img/load.gif'); background-position: center; background-repeat: no-repeat; background-size: 30px 30px; z-index: 20; } .popup-enter-sms__data-error { display: block; max-width: 100%; width: 100%; } .policyText { display: block; margin-top: 15px; color: #858585; } @media screen and (max-width: 760px) { .policyText a { color: #fff; } } .policyText a { text-decoration: underline; } .popupLinkText { text-align: center; } .company__inn-wrapper input + .popup-registration-company__inn--subInput { margin-top: -15px; margin-bottom: 15px; } @media screen and (max-width: 760px) { .popup-registration-company__inn--subInput { color: #fff; } .office-my-profile__places-add-label span, .office-my-profile__places-add-title { color: #fff; } } .js-main-swiper, .main-slider a { max-height: 220px; min-height: 220px; } .main-slider__link { margin-bottom: 60px; } .main-slider .swiper-pagination { bottom: 20px; } .product-main__slider-little .swiper-slide.active { border-color: #253561; } @media screen and (max-width: 1200px) { .product-main__content-top h1 { display: block; width: 100%; } } @media screen and (max-width: 400px) { .product-main__content-bottom-left { max-width: 100%; } } .accessories-menu__search-list { z-index: 11; } .product-card__bottom.hidden { display: none!important; } @media screen and (max-width: 1200px) { .header__search.mobileActive { position: absolute; top: 24px; right: 120px; margin: 0; } } .header__top-item--link select { font-size: 12px; } @media screen and (max-width: 480px) { .header__search.mobileActive input { width: 190px; } .header__top-item--link select { font-size: 10px; } .header__mobile-bottom-inner .header__top-item--link:before { top: -1px; } } .popup__list { width: 100%; } .popup__list a { color: #253561; text-decoration: underline; } .popup__list > * + * { margin-top: 15px; } .popup-dealer__button-wrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 15px; width: 100%; } .popup-dealer__stay { display: inline-block; padding: 15px 45px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #253561; margin-right: 14px; max-width: calc(50% - 7px); width: 100%; text-align: center; } .popup-dealer__stay:hover { cursor: pointer; } .popup-dealer__go { display: inline-block; padding: 15px 45px; border-radius: 60px; border: 1px solid #253561; font-size: 16px; font-weight: 500; color: #fff; background-color: #253561; max-width: calc(50% - 7px); width: 100%; text-align: center; } .article-recommendation__inner .swiper-slide { height: auto; } .article-recommendation__inner .swiper-slide .news-articles-card__text { flex-grow: 1; } .news-card__img-wrapper { width: 100%; height: 160px; margin-bottom: 15px; } .news-articles-card__img-wrapper { width: 100%; height: 200px; padding: 16px; } .news-card__img-wrapper img, .news-articles-card__img-wrapper img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: contain; object-position: center; margin:0; } .header__btn-item a img.header__delivery-icon { width: auto; height: 28px; border-radius: unset; } .order-copy-errors-btns { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-top: 15px; } .order-copy-errors-btn-item { padding: 8px 38px; background: #253561; border-radius: 15px; font-size: 16px; font-weight: 600; border: 2px solid #253561; color: #fff; } .order-copy-errors-btn-item:hover { cursor: pointer; opacity: 0.7; } .order-copy-errors-btn-item--white { background-color: #fff; color: #253561; border: 2px solid #253561; } @media screen and (max-width: 1200px) { .header__popup-company-wrapper { padding: 15px 0 0; } .header__popup-company-wrapper .header__item { border: unset; padding: 10px 0; width: unset; } .header__popup-company-wrapper .header__item + .header__item { border-top: 1px solid #dbdbdb; } .header__popup-company-wrapper .header__item a { font-size: 16px; } } .article-main__content a { color: #333333; text-decoration: underline; } .article-main__content a:hover { opacity: 0.5; } @media screen and (max-width: 767px) { .article-main__content video { max-width: 100%; width: 100%; height: auto; } } .default__btn { display: inline-block; padding: 15px 45px; margin: 30px auto 0; background: #253561; border-radius: 60px; font-size: 18px; font-weight: 600; color: #fff; } @media screen and (max-width: 768px) { .dealers-main__card svg, .objects-main__card { height: unset; } .dealers-main__card .default__btn { margin-bottom: 30px; } } label > p > a { text-decoration: underline; } .popup-address-finded { position: absolute; background-color: #fff; padding: 10px; z-index: 20; border: 1px solid #000; width: 100%; } .popup-address-finded__item:hover { opacity: 0.5; cursor: pointer; } .popup-address-finded .popup-address-finded__item + .popup-address-finded__item { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e4e4e4; } .office-my-profile__credit-text { max-width: 100%; } .cloudflareCaptcha { width: 100%; max-width: 100%; margin-bottom: 15px; } @media (max-width: 1200px) { .footer__logo-box { width: calc(25% - 15px); } .footer__logo-box svg { width: 100%; } .footer__list { width: calc(25% - 15px); } } @media (max-width: 920px) { .footer__logo-box { width: 100%; } } @media (max-width: 780px) { .footer__list { width: 100%; max-width: 280px; } } .headerAlert__wrapper { max-width: 1180px; margin: 0 auto; padding: 0 10px 0; display: flex; align-items: center; justify-content: center; } .headerAlert__wrapper img { max-width: 100%; width: 100%; } .article-main__card-list { margin-bottom: 60px; } .product-description__tab-table-item.product-description__tab-table-item-article { align-items: center; position: relative; } .product-description__tab-table-item.product-description__tab-table-item-article + .product-description__tab-table-item.product-description__tab-table-item-article { margin-top: 15px; } .product-description__tab-table-item.product-description__tab-table-item-article:before { counter-increment: unset; content: ''; margin: 0; padding: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #253561; position: absolute; left: 0; top: 9px; } .product-description__tab-table-item__inner { position: relative; } .product-description__tab-table-item-name, .product-main__content-wrapper-table-item-name { position: relative; } .hintItem-hint { border: 1px solid #253561; display: none; border-radius: 8px; background-color: #fff; padding: 8px; position: absolute; right: 0; left: 0; z-index: 100; text-align: left; bottom: 100%; box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); max-width: 220px; min-width: 220px; max-height: 150px; width: 100%; opacity: 0; font-size: 14px; font-weight: normal; overflow: hidden; } .hintItem-hint--more:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; height: 115px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .hintItem-hint-moreBtn { position: absolute; z-index: 2; left: 0; bottom: 10px; font-weight: bold; text-decoration: underline; text-align: center; color: #253561; width: 100px; } .hintItem-hint-moreBtn:hover { cursor: pointer; opacity: 0.7; } .hintItem-hint.hint--show a { display: inline; font-size: inherit; padding-left: 0; background-color: unset; } .hintItem-hintMark { width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; margin-left: 7px; border: 1px solid #253561; color: #253561; border-radius: 50%; font-size: 13px; font-weight: bold; cursor: pointer; flex-shrink: 0; } .hintItem-hintMark:hover { opacity: 0.7; } .hintItem-hint.hint--show { display: block; opacity: 1; } .product-main__content-wrapper-table-row { position: relative; } .product-main__content-wrapper-table dt { display: inline-flex; } .product-main__content-wrapper-table-item-value .hintItem-hintMark { position: absolute; right: unset; left: 100%; } @media screen and (max-width: 480px) { .product-main__content-wrapper-table-item-value .hintItem-hintMark { position: relative; right: unset; left: unset; } .product-main__content-wrapper-table-item-value .hintItem-hint, .product-description__tab-table-item-value .hintItem-hint { left: unset; right: 0; } } .product-description__tab-table-item-value, .product-main__content-wrapper-table-item-value { display: flex; align-items: center; justify-content: flex-end; position: relative; } html body .catalog-main__filter-top h3 { display: flex; } .articles__resetFilters { display: flex; align-items: center; padding: 12px 15px; font-size: 18px; font-weight: 400; color: #253561; border: 1px solid #253561; border-radius: 15px; background-color: #fff; line-height: 1; } .articles__resetFilters:hover { opacity: 0.8; } .bx-section-desc { margin-bottom: 30px; } .popup-hint-details p a { text-decoration: underline; color: #253561; } @media screen and (max-width: 768px) { .popup-hint-details p { color: #fff; } .hintItem-hint[data-type="value"] { right: 0; left: unset; } } .catalog-main__filter_item--color.open--color .catalog-main__filter_element { position: relative; align-items: center; } .checkbox.catalog-main__filter_element .hintItem-hintMark { margin-left: auto; } .checkbox.catalog-main__filter_element .hintItem-hint[data-type="value"] { right: 0; left: unset; } .customCaptcha { position: relative; background-color: #eeeeee; padding: 20px; border-radius: 8px; display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; } .customCaptcha__box { width: 20px; height: 20px; margin-right: 15px; border-radius: 3px; border: 1px solid #ccc; background-color: #fff; position: relative; } .customCaptcha__box.customCaptcha__box--checked:before { content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); top: 2px; left: 2px; background-color: #15b815; border-radius: 2px; } .customCaptcha__box:hover { cursor: pointer; } .customCaptcha input { width: 0; height: 0; overflow: hidden; opacity: 0; border: 0; padding: 0; margin: 0; position: absolute; } .videoContentWrapper { display: flex; flex-direction: row; flex-wrap: wrap; } .videoContentWrapper--left .videoContent { order: 0; padding-left: 0; padding-right: 30px; } .videoContentWrapper--left .videoWrapper { order: 1; } .videoContent { padding-left: 30px; max-width: 40%; width: 100%; } .videoContent img { max-width: 100%; width: 100%; height: auto; object-position: top center; } .videoContentWrapper .videoWrapper, .videoContentWrapper iframe { max-width: 60%; width: 100%; } .article-main__content .videoWrapper, .article-main__content iframe { max-width: 60%; width: 100%; } .article-main__content .videoWrapper video { width: 100%; max-width: 100%; } .videoContentWrapper .videoWrapper video { width: 100%; object-fit: top center; height: auto; } .videoWrapper { position: relative; width: fit-content; } .videoWrapper.playing .play-button { background-image: url('/local/templates/doorlock/assets/img/pause-button.png'); opacity: 0; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; background: transparent; border: none; padding: 0; cursor: pointer; border-radius: 50%; width: 90px; height: 90px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/local/templates/doorlock/assets/img/play-button.png'); transition: opacity 1s ease; opacity: 1; } @media screen and (max-width: 767px) { .videoContentWrapper { flex-direction: column; } .videoContent { padding-left: 0; max-width: 100%; } .videoContentWrapper .videoWrapper, .article-main__content .videoWrapper, .videoContentWrapper iframe { max-width: 100%; } .videoContentWrapper--left .videoContent { padding-right: 0; } } /* t_20773 */ .main-slider .swiper { padding-left: 0; padding-right: 0; } /* t_20786 */ .product-card .item_plate.is_new_plate::before, .product-card .item_plate.is_sale_plate::before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 50px solid red; border-left: 50px solid red; border-bottom: 50px solid transparent; border-right: 50px solid transparent; border-top-left-radius: 16px } .product-card .item_plate.is_new_plate::before { border-top-color: #249754; border-left-color: #249754; } .product-card .item_plate.is_sale_plate::before { border-top-color: #E52A23; border-left-color: #E52A23; } .product-card .item_plate.is_new_plate::after, .product-card .item_plate.is_sale_plate::after { display: block; content: ''; color: #fff; position: absolute; font-weight: bold; top: 22px; left: 0px; transform: rotate(-45deg); font-size: 25px; line-height: 1; } .product-card .item_plate.is_new_plate::after { content: 'NEW'; } .product-card .item_plate.is_sale_plate::after { content: 'SALE'; } @media (max-width: 1023px) { .product-card .item_plate.is_new_plate::before, .product-card .item_plate.is_sale_plate::before { border-width: 40px!important; } .product-card .item_plate.is_new_plate::after, .product-card .item_plate.is_sale_plate::after { font-size: 20px; top: 18px; } } .product-item-detail-slider-block[data-plate="is_new_plate"]::before, .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { display: block; content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 50px solid red; border-left: 50px solid red; border-bottom: 50px solid transparent; border-right: 50px solid transparent; border-top-left-radius: 16px; z-index: 11; } .product-item-detail-slider-block[data-plate="is_new_plate"]::before { border-top-color: #249754; border-left-color: #249754; } .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { border-top-color: #E52A23; border-left-color: #E52A23; } .product-item-detail-slider-block[data-plate="is_new_plate"]::after, .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { display: block; content: ''; color: #fff; position: absolute; font-weight: bold; top: 22px; left: 0px; transform: rotate(-45deg); font-size: 25px; line-height: 1; z-index: 12; } .product-item-detail-slider-block[data-plate="is_new_plate"]::after { content: 'NEW'; } .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { content: 'SALE'; } @media (max-width: 1023px) { .product-item-detail-slider-block[data-plate="is_new_plate"]::before, .product-item-detail-slider-block[data-plate="is_sale_plate"]::before { border-width: 40px!important; } .product-item-detail-slider-block[data-plate="is_new_plate"]::after, .product-item-detail-slider-block[data-plate="is_sale_plate"]::after { font-size: 20px; top: 18px; } } /* t_20835 */ .header__logo_img { width: 270px; height: auto; } @media (min-width: 1201px) { .header__search { margin-right: 16px; } .header__btn-item:not(:last-child) { margin-right: 16px; } } @media (max-width: 400px) { .header__logo_img { width: 180px; } } .uf-subscribe{margin-bottom:10px;} .uf-subscribe a{text-decoration:underline;} #saveSubscribe{ display: none; padding: 13px 50px; background: #253561; border-radius: 60px; font-size: 16px; color: #fff; margin-top:20px; cursor:pointer; } #deleteSubscribe, #addSubscribe{ padding: 13px 50px; background: #253561; border-radius: 60px; font-size: 16px; color: #fff; margin-top:20px; cursor:pointer; } /* End */ /* /local/templates/doorlock/assets/fonts/stylesheet.css?1712304172304 */ /* /local/templates/doorlock/assets/css/swiper-bundle.min.css?171230417315562 */ /* /local/templates/doorlock/assets/css/nouislider.min.css?17123041734294 */ /* /local/templates/doorlock/assets/css/choices.min.css?17123041737667 */ /* /local/templates/doorlock/assets/css/main.css?1749220129587890 */ /* /local/templates/doorlock/template_styles.css?175096251153819 */