/* Start:/local/css/swiper-bundle.min.css?171790416115817*/ /** * Swiper 8.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 8, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next: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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{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/css/swiper.css?17179041612728*/ .swiper-button-next, .swiper-button-prev { top: 0; bottom: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 40px; height: 41px; margin: auto; transition: color .2s linear; transform: none; color: #fff; } .swiper-button-prev { left: 50%; margin-left: -690px; } .swiper-button-next { right: 50%; margin-right: -690px; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-next .icon, .swiper-button-prev .icon { display: block; width: 20px; height: 21px; } .swiper-button-next .icon { transform: rotate(180deg); } .swiper-button-next:hover, .swiper-button-prev:hover { color: #1f394c !important; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { position: absolute; bottom: -36px; left: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; height: 6px; pointer-events: none; } .swiper-pagination-bullet { position: relative; display: block; width: 6px; height: 6px; transition: .2s linear; pointer-events: auto; opacity: 1; border-radius: 50%; background: #ccd6dd; } .swiper-pagination-bullet:before { position: absolute; z-index: -2; top: 50%; left: 50%; display: block; width: calc(100% + 18px); height: calc(100% + 18px); content: ''; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; border-radius: 50%; background: #f0f3f5; } .swiper-pagination-bullet:after { position: absolute; z-index: -1; top: 50%; left: 50%; display: block; width: calc(100% + 10px); height: calc(100% + 10px); content: ''; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; border-radius: 50%; background: #e0e6eb; } .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 30px !important; } .swiper-pagination-bullet:hover, .swiper-pagination-bullet.active { background: #1f394c; box-shadow: 0 0 0 2px #1f394c; } .swiper-pagination-bullet.active:before, .swiper-pagination-bullet.active:after { opacity: 1; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } /* End */ /* Start:/local/css/fancybox.css?171790416115598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/css/ion.rangeSlider.css?17179041613244*/ .irs { position: relative; display: block; margin-top: 25px; -webkit-touch-callout: none; -khtml-user-select: none; } .irs.active { pointer-events: auto; } .irs .irs { margin: 0; } .irs-line { position: relative; display: block; height: 3px; background: #e7ebea; } .irs-bar { top: 0; left: 0; height: 3px; background: #899b94; } .irs-from, .irs-to, .irs-single, .irs-min, .irs-max { display: none !important; } .irs-slider { z-index: 9; top: -4px; display: block; width: 11px; height: 11px; cursor: pointer; border-radius: 50%; background: #899b94; } .irs-slider:before { position: absolute; top: -10px; left: -10px; display: block; width: calc(100% + 20px); height: calc(100% + 20px); content: ''; cursor: pointer; } .irs-line { position: relative; display: block; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; top: 0; display: block; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; left: 0; display: block; width: 0; } .irs-bar-edge { position: absolute; top: 0; left: 0; display: block; } .irs-shadow { position: absolute; left: 0; display: none; width: 0; } .irs-slider { position: absolute; z-index: 1; display: block; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; left: 0; display: block; cursor: default; } .irs-max { position: absolute; right: 0; display: block; cursor: default; } .irs-grid { position: absolute; top: -7px; left: 9px !important; display: none; width: calc(100% - 19px) !important; height: 20px; pointer-events: none; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; display: block; width: 1px; height: 20px; background: #fd810d; } .irs-grid-pol.small { display: none; } .irs-grid-text { position: absolute; bottom: 0; left: 0; display: none; cursor: pointer; text-align: center; white-space: nowrap; } .irs-disable-mask { position: absolute; z-index: 2; top: 0; left: -1%; display: block; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, .0); } .lt-ie9 .irs-disable-mask { cursor: not-allowed; background: #000; filter: alpha(opacity=0); } .irs-disabled { opacity: .4; } .irs-hidden-input { font-size: 0 !important; line-height: 0 !important; position: absolute !important; z-index: -9999 !important; top: 0 !important; left: 0 !important; display: block !important; overflow: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border-style: solid !important; border-color: transparent !important; outline: none !important; background: none !important; } /* End */ /* Start:/local/css/styles.css?175020474488746*/ /*----------- Fonts -----------*/ @font-face { font-family: 'FuturaPT'; font-weight: 300; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Light.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Light.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Light.ttf') format('truetype'); } @font-face { font-family: 'FuturaPT'; font-weight: normal; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Book.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Book.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Book.ttf') format('truetype'); } @font-face { font-family: 'FuturaPT'; font-weight: 500; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Medium.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Medium.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Medium.ttf') format('truetype'); } @font-face { font-family: 'FuturaPT'; font-weight: 600; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Demi.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Demi.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Demi.ttf') format('truetype'); } @font-face { font-family: 'FuturaPT'; font-weight: 700; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Bold.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Bold.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Bold.ttf') format('truetype'); } @font-face { font-family: 'FuturaPT'; font-weight: 900; font-style: normal; font-display: swap; src: url('/local/css/../fonts/FuturaPT-Heavy.woff2') format('woff2'), url('/local/css/../fonts/FuturaPT-Heavy.woff') format('woff'), url('/local/css/../fonts/FuturaPT-Heavy.ttf') format('truetype'); } /*------------------ Reset styles ------------------*/ * { box-sizing: border-box; margin: 0; padding: 0; scroll-margin-top: 24px; } *:before, *:after { box-sizing: border-box; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; overscroll-behavior: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; text-rendering: optimizeLegibility; text-decoration-skip: objects; } img { border-style: none; } textarea { overflow: auto; } input, textarea, input:active, textarea:active, button { margin: 0; -webkit-border-radius: 0; border-radius: 0; outline: none transparent !important; box-shadow: none; -webkit-appearance: none; appearance: none; -moz-outline: none !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } :focus { outline: 0; } :hover, :active { -webkit-tap-highlight-color: #000000; -webkit-touch-callout: none; } ::-ms-clear { display: none; } /*------------------- Global styles -------------------*/ :root { --bg: #fff; --sidebar_width: 330px; --scroll_width: 17px; --text_color: #161616; --font_size: 16px; --font_size_title: 36px; --font_family: 'FuturaPT', 'Arial', sans-serif; } ::selection { color: #fff; background: #1f394c; } ::-moz-selection { color: #fff; background: #1f394c; } .clear { clear: both; } .left { float: left; } .right { float: right; } html { height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; } html.custom_scroll ::-webkit-scrollbar { width: 10px; height: 10px; background-color: var(--bg); } html.custom_scroll ::-webkit-scrollbar-thumb { background-color: #1f394c; } html.custom_scroll { scrollbar-color: #1f394c var(--bg); scrollbar-width: thin; } body { font: var(--font_size) var(--font_family); height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; color: var(--text_color); } body.menu_open { overflow: hidden; } .a-link{ color: #568ebf; text-decoration: none; transition: color 0.2s; } @media (hover:hover) { .a-link:hover{ color: #000; } } button { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; cursor: pointer; vertical-align: top; color: inherit; border: none; background: none; } .wrap { position: relative; z-index: 9; display: flex; overflow: clip; flex-direction: column; min-width: 375px; min-height: 100%; background: var(--bg); } .wrap > .main { display: flex; flex: 1 0 auto; flex-direction: column; } .cont { width: 100%; max-width: 1488px; margin: 0 auto; padding: 0 24px; } .lazyload, .swiper-lazy { transition: opacity .5s linear; opacity: 0; } .lazyload.loaded, .swiper-lazy-loaded { opacity: 1; } .row { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; } .content_flex { position: relative; z-index: 3; padding-bottom: 30px; } .content_flex.row, .content_flex > .cont.row { align-content: stretch; align-items: stretch; justify-content: space-between; } .content_flex .content { position: relative; width: calc(100% - var(--sidebar_width) - 40px); } .content_flex .content > *:first-child { margin-top: 0; } .content_flex .content > *:last-child { margin-bottom: 0; } .block { margin-bottom: 60px; } .block.border { padding-bottom: 80px; border-bottom: 1px solid #ededed; } .overlay { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .65; background: #000; } /*-------------- Fancybox --------------*/ .fancybox__backdrop { background: rgba(0, 0, 0, .6); } .fancybox__slide { padding: 40px; } .modal.fancybox__content > .carousel__button.is-close { top: 10px; right: 10px; width: 36px; height: 36px; transition: color .2s linear; color: #9bacb9; } .modal.fancybox__content > .carousel__button.is-close svg { display: block; width: 16px; height: 16px; filter: none; stroke: none; stroke-width: 1px; } .modal.fancybox__content > .carousel__button.is-close:hover { color: #1f394c; } /*-------------- ButtonUp --------------*/ .buttonUp { position: fixed; z-index: 90; right: 40px; bottom: 40px; display: none; } .buttonUp .btn { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 62px; height: 62px; transition: background .2s linear; color: #fff; border-radius: 50%; background: #ae0b05; } .buttonUp .btn .icon { display: block; width: 22px; height: 24px; } .buttonUp .btn:hover { background: #d3241d; } /*------------ all_link ------------*/ .all_link { position: relative; z-index: 3; display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin-top: 56px; } .all_link:before { position: absolute; z-index: 1; top: 0; bottom: 0; display: block; width: 100%; height: 1px; margin: auto 0; content: ''; background: #ededed; } .all_link.no_line:before { display: none; } .all_link a { font-weight: 500; line-height: 22px; position: relative; z-index: 3; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; height: 32px; padding: 0 14px; transition: .2s linear; text-decoration: none; color: #568ebf; border: 1px solid #ededed; border-radius: 10px; background: var(--bg); } .all_link a .icon { display: block; width: 16px; height: 11px; margin-left: 10px; } .all_link a:hover { border-color: #e4edf3; background: #e4edf3; } /*---------------- Mini modal ----------------*/ .modal_cont { position: relative; } .mini_modal { position: absolute; z-index: 100; top: 100%; left: 0; visibility: hidden; transition: .2s linear; pointer-events: none; opacity: 0; } .mini_modal.active { visibility: visible; pointer-events: auto; opacity: 1; } /*--------------- Accordion ---------------*/ .accordion_item { transition: .2s linear; border: 1px solid #ededed; border-radius: 10px; } .accordion_item + .accordion_item { margin-top: 10px; } .accordion_item .head { position: relative; padding: 13px 47px 13px 19px; cursor: pointer; } .accordion_item .head .title { font-size: var(--font_size); line-height: 22px; } .accordion_item .head .icon { position: absolute; top: 0; right: 19px; bottom: 0; display: block; width: 9px; height: 15px; margin: auto 0; transition: transform .2s linear; } .accordion_item .data { display: none; padding: 13px 111px 19px 19px; } .accordion_item:hover, .accordion_item.active { border-color: var(--text_color); } .accordion_item.active .head .title { font-weight: 900; } .accordion_item.active .head .icon { transform: rotate(90deg); } /*---------------- Pagination ----------------*/ .pagination { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; } .pagination a, .pagination .sep { font-size: 20px; line-height: 42px; display: inline-block; width: 42px; height: 42px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; color: #568ebf; border-radius: 10px; } .pagination a:hover, .pagination a.active { color: #1f394c; } .pagination .prev, .pagination .next { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; transition: .2s linear; background: var(--bg); } .pagination .prev { margin-right: 12px; } .pagination .next { margin-left: 12px; } .pagination .prev .icon, .pagination .next .icon { display: block; width: 16px; height: 11px; } .pagination .prev .icon { transform: rotate(180deg); } .pagination .prev:hover, .pagination .next:hover { color: #568ebf; background: #e4edf3; } /*------------ Header ------------*/ header { position: relative; z-index: 9; top: 0; left: 0; width: 100%; } header .mob_close_btn { position: absolute; top: 0; left: 100%; display: none; width: 50px; height: 50px; cursor: pointer; border: none; background: none; } header .mob_close_btn:before, header .mob_close_btn:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 50%; height: 2px; margin: auto; content: ''; transform: rotate(45deg); background: #fff; } header .mob_close_btn:after { transform: rotate(-45deg); } header.show .mob_close_btn { display: block; } header .data { padding: 17px 0 25px; } header .right-content{ display: flex; align-items: center; width: calc(50% - 130px); gap: 20px; } header .region-select{ margin-left: auto; } header .region-select a{ color: #568ebf; text-decoration: none; } header .cont { align-content: center; align-items: center; justify-content: space-between; } header .cont + .cont { margin-top: 22px; } header .logo { position: absolute; z-index: 9; top: 33px; left: 50%; display: block; transform: translateX(-50%); text-decoration: none; color: currentColor; } header .logo img { display: block; width: 140px; height: 134px; } header .links { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; } header .links > * + * { margin-left: 81px; } header .links a { transition: color .2s linear; text-decoration: none; color: #7d7d7d; } header .links a:hover, header .links a.active { color: var(--text_color); } header .row:after, header .row:before{ display: none !important; } header .phones { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; } header .phones > * + * { margin-left: 16px; } header .phones a { white-space: nowrap; text-decoration: none; color: currentColor; } header .phones a.whatsapp_link { color: #5ae27a; } header .phones a .icon { display: block; width: 18px; height: 18px; } header .search { position: relative; width: 420px; max-width: 100%; } header .search ::-webkit-input-placeholder { color: #7d7d7d; } header .search :-moz-placeholder { color: #7d7d7d; } header .search ::-moz-placeholder { opacity: 1; color: #7d7d7d; } header .search :-ms-input-placeholder { color: #7d7d7d; } header .search .input { font-family: var(--font_family); font-size: var(--font_size); font-weight: 300; display: block; width: 100%; height: 32px; padding-right: 39px; padding-left: 13px; transition: .2s linear; color: var(--text_color); border: 1px solid transparent; border-radius: 10px; background: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } header .search .input:focus { border-color: #fff; box-shadow: 0 0 5px 0 rgba(86, 142, 191, .73); } header .search .submit_btn { position: absolute; z-index: 3; top: 0; right: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 32px; height: 32px; transition: color .2s linear; color: #b3b3b3; } header .search .submit_btn .icon { display: block; width: 18px; height: 18px; } header .search .submit_btn:hover { color: var(--text_color); } header .col { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; width: calc(50% - 130px); } header .callback_btn { font-weight: 500; line-height: 22px; height: 32px; margin-right: auto; padding: 0 15px; transition: .2s linear; color: #fff; border-radius: 10px; background: #899b94; box-shadow: 0 2px 0 #e7ebea; } header .callback_btn:hover { background: #6e837b; box-shadow: none; } header .account { margin-left: auto; } header .account a, header .account .btn { font-size: 14px; line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; white-space: nowrap; text-decoration: none; color: #1f394c; } header .account .icon { display: block; width: 28px; height: 28px; margin-right: 8px; transition: color .2s linear; } header .account a:hover, header .account a.active, header .account .btn:hover { font-weight: 500; color: #1f394c; } header .account a:hover .icon, header .account a.active .icon, header .account .btn:hover .icon { color: #568ebf; } header .favorite { margin-left: 33px; } header .favorite a { font-size: 14px; line-height: 22px; position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; white-space: nowrap; text-decoration: none; color: #1f394c; } header .favorite a .count { font-size: 12px; font-weight: 500; line-height: 14px; position: absolute; z-index: 3; top: -6px; left: 22px; width: 18px; height: 14px; text-align: center; color: #fff; border-radius: 3px; background-color: #568ebf; } header .favorite a .icon { display: block; width: 28px; height: 28px; margin-right: 8px; transition: color .2s linear; } header .favorite a:hover, header .favorite a.active { font-weight: 500; color: #1f394c; } header .favorite a:hover .icon, header .favorite a.active .icon { color: #568ebf; } header .cart { margin-left: 33px; } header .cart a { font-size: 14px; line-height: 22px; position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; white-space: nowrap; text-decoration: none; color: #1f394c; } header .cart a .count { font-size: 12px; font-weight: 500; line-height: 14px; position: absolute; z-index: 3; top: -6px; left: 22px; width: 18px; height: 14px; text-align: center; color: #fff; border-radius: 3px; background-color: #568ebf; } header .cart a .icon { display: block; width: 28px; height: 28px; margin-right: 8px; transition: color .2s linear; } header .cart a:hover, header .cart a.active { font-weight: 500; color: #1f394c; } header .cart a:hover .icon, header .cart a.active .icon { color: #568ebf; } header .categories { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } header .categories .col { padding: 15px 0; border-top: 1px solid #ededed; } header .categories .col + .col { padding-right: 43px; } header .categories .category.modal_cont { position: static; } header .categories .category > a { font-size: 22px; font-weight: 600; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; min-height: 50px; margin: 0 -21px; padding: 0 21px; transition: .2s linear; text-decoration: none; color: currentColor; border-radius: 25px; } header .categories .category > a:hover, header .categories .category > a.active { color: #1f394c; background: #eaf2f8; } header .categories .category .btn { font-size: 22px; font-weight: 600; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 50px; margin: 0 -17px 0 -10px; padding: 0 16px 0 9px; transition: .2s linear; border: 1px solid transparent; border-radius: 25px; } header .categories .category .btn .icon { display: block; width: 30px; height: 30px; margin-right: 12px; color: #568ebf; } header .categories .category .btn:hover, header .categories .category .btn.active { color: #1f394c; border-color: #568ebf; } header .categories .mini_modal { position: absolute; top: 100%; left: 0; width: 100%; padding: 36px 0; background: #eaf2f8; box-shadow: 0 1px 3px rgba(0, 0, 0, .15); } header .categories .mini_modal .row { margin-bottom: -72px; margin-left: -72px; } header .categories .mini_modal .row > * { margin-bottom: 72px; margin-left: 72px; } header .categories .mini_modal .main { font-size: 20px; font-weight: 600; line-height: 26px; margin-bottom: 12px; color: #1f394c; } header .categories .mini_modal .main a { display: inline-block; vertical-align: top; text-decoration: none; color: currentColor; } header .categories .mini_modal .items { line-height: 20px; color: #568ebf; } header .categories .mini_modal .items > * + * { margin-top: 8px; } header .categories .mini_modal .items a { display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; color: currentColor; } header .categories .mini_modal .items a:hover, header .categories .mini_modal .items a.active { color: #1f394c; } /*----------------- Mob. header -----------------*/ .mob_header { position: relative; z-index: 9; top: 0; left: 0; display: none; width: 100%; padding: 16px 0 24px; } .mob_header .cont { align-content: center; align-items: center; justify-content: space-between; } .mob_header .logo { display: block; margin-right: auto; text-decoration: none; color: currentColor; } .mob_header .logo img { display: block; width: 68px; height: 65px; } .mob_header .account { margin-left: auto; } .mob_header .account a, .mob_header .account .btn { font-size: 14px; line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; white-space: nowrap; text-decoration: none; color: #1f394c; } .mob_header .account .icon { display: block; width: 24px; height: 24px; margin-right: 8px; transition: color .2s linear; } .mob_header .account a:hover, .mob_header .account a.active, .mob_header .account .btn:hover { font-weight: 500; color: #1f394c; } .mob_header .account a:hover .icon, .mob_header .account a.active .icon, .mob_header .account .btn:hover .icon { color: #568ebf; } .mob_header .favorite { margin-left: 33px; } .mob_header .favorite a { font-size: 14px; line-height: 22px; position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; white-space: nowrap; text-decoration: none; color: #1f394c; } .mob_header .favorite a .count { font-size: 12px; font-weight: 500; line-height: 14px; position: absolute; z-index: 3; top: -6px; left: 22px; width: 18px; height: 14px; text-align: center; color: #fff; border-radius: 3px; background-color: #568ebf; } .mob_header .favorite a .icon { display: block; width: 24px; height: 24px; margin-right: 8px; transition: color .2s linear; } .mob_header .favorite a:hover, .mob_header .favorite a.active { font-weight: 500; color: #1f394c; } .mob_header .favorite a:hover .icon, .mob_header .favorite a.active .icon { color: #568ebf; } .mob_header .cart { margin-left: 33px; } .mob_header .cart a { font-size: 14px; line-height: 22px; position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; white-space: nowrap; text-decoration: none; color: #1f394c; } .mob_header .cart a .count { font-size: 12px; font-weight: 500; line-height: 14px; position: absolute; z-index: 3; top: -6px; left: 22px; width: 18px; height: 14px; text-align: center; color: #fff; border-radius: 3px; background-color: #568ebf; } .mob_header .cart a .icon { display: block; width: 24px; height: 24px; margin-right: 8px; transition: color .2s linear; } .mob_header .cart a:hover, .mob_header .cart a.active { font-weight: 500; color: #1f394c; } .mob_header .cart a:hover .icon, .mob_header .cart a.active .icon { color: #568ebf; } .mob_header .mob_menu_btn { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 44px; height: 34px; /* margin-right: -8px;*/ /* margin-left: 24px;*/ margin-top: 12px; margin-right: auto; margin-bottom: 12px; margin-left: -8px; padding: 8px; color: currentColor; } .mob_header .mob_menu_btn span { position: relative; display: block; width: 100%; height: 2px; background: currentColor; } .mob_header .mob_menu_btn span:before, .mob_header .mob_menu_btn span:after { position: absolute; top: -8px; left: 0; display: block; width: 100%; height: 100%; content: ''; background: currentColor; } .mob_header .mob_menu_btn span:after { top: 8px; } .mob_header .search { position: relative; width: 100%; margin-top: 12px; } .mob_header .search ::-webkit-input-placeholder { color: #7d7d7d; } .mob_header .search :-moz-placeholder { color: #7d7d7d; } .mob_header .search ::-moz-placeholder { opacity: 1; color: #7d7d7d; } .mob_header .search :-ms-input-placeholder { color: #7d7d7d; } .mob_header .search .input { font-family: var(--font_family); font-size: var(--font_size); font-weight: 300; display: block; width: 100%; height: 32px; padding-right: 39px; padding-left: 13px; transition: .2s linear; color: var(--text_color); border: 1px solid transparent; border-radius: 10px; background: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } .mob_header .search .input:focus { border-color: #fff; box-shadow: 0 0 5px 0 rgba(86, 142, 191, .73); } .mob_header .search .submit_btn { position: absolute; z-index: 3; top: 0; right: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 32px; height: 32px; transition: color .2s linear; color: #b3b3b3; } .mob_header .search .submit_btn .icon { display: block; width: 18px; height: 18px; } .mob_header .search .submit_btn:hover { color: var(--text_color); } /*------------- Sidebar -------------*/ aside { position: relative; width: var(--sidebar_width); max-width: 100%; } /*------------- Filter -------------*/ /*--------------- Page head ---------------*/ .page_head { margin-bottom: 44px; padding-top: 23px; border-top: 1px solid #ededed; } .breadcrumbs { line-height: 22px; } .breadcrumbs a { transition: color .2s linear; text-decoration: none; color: #7d7d7d; } .breadcrumbs a:hover { color: var(--text_color); } .breadcrumbs .sep { position: relative; top: -1px; display: inline-block; width: 8px; height: 6px; margin: 0 9px; transform: rotate(180deg); vertical-align: middle; color: #ced7de; } .page_title { font-size: var(--font_size_title); font-weight: 600; line-height: calc(100% + 10px); display: block; margin-top: 40px; letter-spacing: .3em; } .page_title.default { letter-spacing: 0; } /*---------------- Block head ----------------*/ .block_head { margin-bottom: 70px; } .block_head .title { font-size: var(--font_size_title); font-weight: 600; line-height: calc(100% + 10px); display: block; letter-spacing: .3em; } .block_head.center { text-align: center; } .block_head.default { margin-bottom: 46px; } .block_head.default .title { letter-spacing: 0; } /*------------------ Form elements ------------------*/ .form { --form_border_color: #ccd2d6; --form_focus_color: #fff; --form_border_radius: 10px; --form_bg_color: #fff; --form_placeholder_color: #7b7b7b; } .form ::-webkit-input-placeholder { color: var(--form_placeholder_color); } .form :-moz-placeholder { color: var(--form_placeholder_color); } .form ::-moz-placeholder { opacity: 1; color: var(--form_placeholder_color); } .form :-ms-input-placeholder { color: var(--form_placeholder_color); } .form .columns { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; margin-left: calc(var(--form_columns_offset) * -1); --form_columns_offset: 32px; } .form .columns > * { width: calc(50% - var(--form_columns_offset)); margin-left: var(--form_columns_offset); } .form .columns > *.width1of3 { width: calc(33.333% - var(--form_columns_offset)); } .form .columns > *.width2of3 { width: calc(66.666% - var(--form_columns_offset)); } .form .line { margin-bottom: 40px; } .form .line.min_m { margin-bottom: 20px; } .form .field { position: relative; } .form .field + .field { margin-top: 10px; } .form .columns > .field + .field { margin-top: 0; } .form .input { font-family: var(--font_family); font-size: var(--font_size); display: block; width: 100%; height: 42px; padding: 0 20px; transition: .2s linear; color: var(--text_color); border: 1px solid transparent; border-top-color: var(--form_border_color); border-radius: var(--form_border_radius); background: var(--form_bg_color); box-shadow: inset 0 1px 2px 0 rgba(31, 57, 76, .3); } .form .columns > .field .input { padding: 0 14px; } .form .input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important; } .form textarea { font-family: var(--font_family); font-size: var(--font_size); display: block; width: 100%; height: 84px; padding: 10px 20px; resize: none; transition: .2s linear; color: var(--text_color); border: 1px solid transparent; border-top-color: var(--form_border_color); border-radius: var(--form_border_radius); background: var(--form_bg_color); box-shadow: inset 0 1px 2px 0 rgba(31, 57, 76, .3); } .form textarea::-webkit-scrollbar { width: 5px; height: 5px; } .form .input:focus, .form textarea:focus { border-color: var(--form_focus_color); box-shadow: 0 0 5px 0 rgba(86, 142, 191, .73) !important; } .form .error { border-color: var(--form_focus_color); box-shadow: 0 0 5px 0 rgba(232, 32, 22, .73) !important; } .form .file label { font-size: 14px; line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; cursor: pointer; transition: color .2s linear; color: #568ebf; } .form .file label .icon { display: block; width: 18px; height: 20px; margin-right: 8px; } .form .file label span { overflow: hidden; width: calc(100% - 26px); white-space: nowrap; text-overflow: ellipsis; } .form .file label:hover { color: #1f394c; } .form .checkbox { font-family: var(--font_family2); font-size: 14px; line-height: 22px; position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 22px; padding-left: 29px; cursor: pointer; color: #1f394c; } .checkbox input { display: none; } .checkbox .check { position: absolute; top: 0; left: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 21px; height: 21px; transition: .2s linear; border-top: 1px solid var(--form_border_color); border-radius: 3px; background: var(--form_bg_color); } .checkbox .check:after { position: absolute; top: -4px; right: 0; bottom: 0; left: 0; display: block; width: 12px; height: 6px; margin: auto; content: ''; transition: opacity .2s linear; transform: rotate(-45deg); opacity: 0; border-bottom: 2px solid; border-left: 2px solid; } .checkbox a { transition: color .2s linear; text-decoration: none; color: #568ebf; } .checkbox a:hover { color: #1f394c; } .checkbox input:checked ~ .check { color: #fff; background: #1f394c; } .checkbox input:checked ~ .check:after { opacity: 1; } .line.agree .checkbox{ display: flex; align-items: center; padding-left: 0; } .line.agree .checkbox .check{ position: relative; border: 1px solid #666; margin-right: 10px; } .form .submit_btn { font-size: 14px; font-weight: 600; line-height: 22px; display: block; min-width: 110px; height: 42px; margin: 0 auto; padding: 0 17px; transition: background .2s linear; text-transform: uppercase; color: #fff; border-radius: 10px; background: #1f394c; box-shadow: 0 2px 0 #d2d7db; } .form .submit_btn:hover { background: #34536a; } .form .reset_btn { font-size: 14px; font-weight: 600; line-height: 22px; display: block; height: 42px; padding: 0 17px; transition: color .2s linear; text-transform: uppercase; color: #1f394c; border: 1px solid; border-radius: 10px; } .form .reset_btn:hover { color: #568ebf; } .main-text-content{ margin-bottom: 60px; } /*---------------- Typography ----------------*/ .text_block { font-size: 18px; line-height: 22px; } .text_block > *, .text_block .cols .col > * { margin-bottom: 20px; } .text_block > :last-child, .text_block .cols .col > :last-child { margin-bottom: 0 !important; } .text_block > :first-child, .text_block .cols .col > :first-child { margin-top: 0 !important; } .text_block h1 { font-size: 36px; font-weight: 600; line-height: calc(100% + 10px); } .text_block h2 { font-size: 30px; font-weight: 600; line-height: calc(100% + 8px); } .text_block h3 { font-size: 24px; font-weight: 700; line-height: calc(100% + 4px); } .text_block h4 { font-size: 20px; font-weight: 600; line-height: calc(100% + 6px); } .text_block * + h2, .text_block * + h3, .text_block * + h4 { margin-top: 52px; } .text_block h1 + *, .text_block h2 + *, .text_block h3 + *, .text_block h4 + * { margin-top: 0 !important; } .text_block img { display: block; max-width: 100%; border-radius: 10px; } .text_block img.loaded { height: auto !important; } .text_block .cols { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; margin-top: 52px; margin-bottom: 52px; } .text_block .cols .col { width: calc(50% - 20px); } .text_block b, .text_block strong { font-weight: 600; } .text_block blockquote { font-size: 30px; line-height: calc(100% + 8px); position: relative; display: block; margin-top: 52px; margin-right: 212px; margin-bottom: 52px; margin-left: 80px; padding-left: 74px; background: url(/local/css/../images/ic_quote.svg) 0 6px no-repeat; } .text_block ul li { position: relative; display: block; overflow: hidden; padding-left: 21px; list-style-type: none; } .text_block ul li + li { margin-top: 6px; } .text_block ul li:before { position: absolute; top: 7px; left: 0; display: block; width: 10px; height: 7px; content: ''; background: #899b94; clip-path: polygon(0 0, 70% 0, 100% 50%, 70% 100%, 0 100%); } .text_block ol { counter-reset: li; } .text_block ol li { position: relative; display: block; overflow: hidden; padding-left: 21px; list-style-type: none; } .text_block ol li + li { margin-top: 6px; } .text_block ol li:before { font-weight: 900; position: absolute; top: 0; left: 0; content: counter(li) '.'; counter-increment: li; color: #899b94; } .text_block .table_wrap { overflow: auto; max-width: 100%; border: 1px solid #ededed; border-radius: 10px; } .text_block table { width: 100%; border-spacing: 0; border-collapse: collapse; } .text_block table th { font-weight: 400; line-height: 22px; height: 50px; padding: 11px 19px; text-align: left; vertical-align: middle; color: #7d7d7d; border-bottom: 1px solid #ededed; } .text_block table td { min-width: 280px; height: 50px; padding: 11px 19px; text-align: left; vertical-align: middle; } .text_block table tr + tr td { border-top: 1px solid #ededed; } .text_block table td:first-child { width: 100%; } .text_block a { font-weight: 500; text-decoration: none; color: #568ebf; } .text_block hr { display: block; width: 100%; height: 1px; border: none; background: #ededed; } .text_block .accordion { margin-top: 52px; margin-bottom: 52px; } /*----------------- Main slider -----------------*/ .main_slider { padding-bottom: 20px; } .main_slider .swiper { overflow: visible !important; } .main_slider .swiper-slide { position: relative; overflow: hidden; } .main_slider .link { position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 400px; padding-top: 60px; padding-bottom: 60px; text-decoration: none; color: currentColor; } .main_slider .data { position: relative; z-index: 3; width: 370px; max-width: 100%; margin-left: 29.166%; color: #1f394c; } .main_slider .category { font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 4px; display: none !important; } .main_slider .product_name { font-size: 46px; line-height: 100%; display: none !important; } .main_slider .desc { line-height: 22px; margin-top: 20px; display: none !important; } .main_slider .btn { font-weight: 500; line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 119px; height: 32px; margin-top: 20px; transition: background .2s linear; color: #fff; border-radius: 10px; background: #568ebf; box-shadow: 0 2px 0 #568ebf; display: none !important; } .main_slider .btn:hover { background: #427db0; } .main_slider .btn .icon { display: block; width: 16px; height: 11px; margin-left: 7px; color: #90b8da; } .main_slider .image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; } .main_slider .image img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; } .main_slider .image .image__small{ display: none; } @media (max-width: 720px) { .main_slider .image .image__full{ display: none; } .main_slider .image .image__small{ display: block; } } /*----------------- About block -----------------*/ .about_block .title { font-size: 30px; line-height: 38px; text-align: center; } .about_block .desc { font-size: 22px; font-weight: 300; line-height: 28px; width: 990px; max-width: 100%; margin: 8px auto 0; text-align: center; } .about_block .swiper { overflow: visible !important; margin-top: 40px; padding: 0 100px; } .about_block .swiper-slide { position: relative; visibility: hidden; transition: opacity .2s linear, visibility .2s linear; pointer-events: none; opacity: 0; } .about_block .swiper-slide.visible { visibility: visible; pointer-events: auto; opacity: 1; } .about_block .swiper-button-next, .about_block .swiper-button-prev { color: #ccd6dd; } .about_block .item { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; height: 68px; text-decoration: none; color: currentColor; } .about_block .item img { display: block; max-width: 100%; max-height: 100%; filter: grayscale(100%); } .about_block .item:hover img { filter: grayscale(0%); } /*--------------------- Categories wall ---------------------*/ .categories_wall { position: relative; z-index: 3; } .categories_wall .bg { position: absolute; z-index: 1; top: 184px; left: 50%; display: block; width: 1820px; height: 607px; transform: translateX(-50%); pointer-events: none; } .categories_wall .cont { position: relative; z-index: 3; } .categories_wall .row { margin-bottom: -40px; margin-left: -40px; } .categories_wall .row > * { width: calc(33.333% - 40px); margin-bottom: 40px; margin-left: 40px; } .categories_wall .row > *.middle { width: calc(50% - 40px); } .categories_wall .row > *.big { width: calc(100% - 40px); } .categories_wall .category { position: relative; display: block; overflow: hidden; text-decoration: none; color: currentColor; border-radius: 10px; } .categories_wall .category .thumb { position: relative; height: 300px; background: #ddd; } .categories_wall .category .thumb img { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .categories_wall .category .arr { position: absolute; z-index: 3; right: 0; bottom: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 72px; height: 72px; padding: 12px 0 0 12px; transition: background .2s linear; color: #c8d9e5; border-radius: 100px 0 0; background: #1f394c; } .categories_wall .category .arr .icon { display: block; width: 9px; height: 15px; } .categories_wall .category .arr .icon + .icon { margin-left: -4px; } .categories_wall .category:hover .arr { background: #899b94; } /*-------------- Products --------------*/ .products .swiper { overflow: visible !important; } .products .swiper-slide { position: relative; visibility: hidden; transition: opacity .2s linear, visibility .2s linear; pointer-events: none; opacity: 0; } .products .swiper-slide.visible { visibility: visible; pointer-events: auto; opacity: 1; } .products .swiper-button-next, .products .swiper-button-prev { bottom: auto; margin: -20px 0 0; color: #ccd6dd; } .products .swiper-button-prev { left: 0; margin-left: -10px; } .products .swiper-button-next { right: 0; margin-right: -10px; } .products .row { align-content: stretch; align-items: stretch; margin-bottom: -40px; margin-left: -20px; } .products .row > * { width: calc(25% - 20px); margin-bottom: 40px; margin-left: 20px; } .content .products .row > * { width: calc(33.333% - 20px); } .products .product { position: relative; display: flex; flex-direction: column; transition: .2s linear; border-radius: 10px; } .products .product .stickers { position: absolute; z-index: 3; top: 15px; left: 0; display: flex; flex-direction: column; } .products .product .stickers > * + * { margin-top: 1px; } .products .product .stickers .sticker { font-size: 12px; font-weight: 500; line-height: 22px; position: relative; display: inline-block; padding: 0 9px; vertical-align: top; white-space: nowrap; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); } .products .product .stickers .sticker:after { position: absolute; right: 0; bottom: 0; display: block; width: 8px; height: 8px; content: ''; border-radius: 2px 0 0 0; } .products .product .stickers .sticker.yellow { background: #ffbd3f; } .products .product .stickers .sticker.yellow:after { background: #e69f17; } .products .product .stickers .sticker.red { background: #ff6464; } .products .product .stickers .sticker.red:after { background: #d13c3c; } .products .product .stickers .sticker.green { background: #00882d; } .products .product .stickers .sticker.green:after { background: #02da4a; } .products .product .favorite_btn { position: absolute; z-index: 3; top: 10px; right: 10px; width: 30px; height: 30px; } .products .product .favorite_btn .icon { display: block; width: 30px; height: 30px; transition: color .2s linear; color: #9bacb9; } .products .product .favorite_btn span { font-size: 14px; font-weight: 500; line-height: 20px; position: absolute; bottom: 100%; left: 50%; display: none; margin-bottom: 5px; padding: 5px 13px; transform: translateX(-50%); white-space: nowrap; pointer-events: none; color: #1f394c; border-radius: 5px; background-color: #e7e9ec; } .products .product .favorite_btn:hover .icon, .products .product .favorite_btn.active .icon { color: /*#1f394c;*/ red; } .products .product .favorite_btn:hover span { display: block; } .products .product .thumb { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; height: 300px; border-radius: 10px 10px 0 0; } .products .product .thumb img { display: block; max-width: 100%; max-height: 100%; } .products .product .info { display: flex; flex: 1 0 auto; flex-direction: column; padding: 24px; } .products .product .name { font-size: 18px; line-height: 24px; flex: 1 0 auto; text-align: center; } .products .product .name a { display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; word-wrap: break-word; width: 100%; color: #568ebf; } .products .product .name a:hover { color: #1f394c; } .products .product .price { font-size: 18px; font-weight: 900; line-height: 20px; margin-top: 12px; text-align: center; white-space: nowrap; } .products .product .price .old { font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: line-through; color: #7d7d7d; } .products .product .buy { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .products .product .buy > * + * { margin-left: 20px; } .products .product .amount { position: relative; width: 110px; } .products .product .amount .btn { position: absolute; z-index: 3; top: 0; left: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 38px; height: 42px; transition: color .2s linear; color: #b3b3b3; } .products .product .amount .btn.plus { right: 0; left: auto; } .products .product .amount .btn .icon { display: block; width: 7px; height: 10px; transform: rotate(90deg); } .products .product .amount .btn.minus .icon { transform: rotate(-90deg); } .products .product .amount .btn:hover { color: #7d7d7d; } .products .product .amount .input { font-family: var(--font_family); font-size: var(--font_size); font-weight: 300; display: block; width: 100%; height: 42px; padding: 0 38px; text-align: center; color: var(--text_color); border: none; border-radius: 10px; background-color: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } .products .product .buy_btn { font-size: 14px; font-weight: 600; line-height: 22px; display: flex; width: 110px; height: 42px; transition: .2s linear; text-transform: uppercase; color: #fff; border-radius: 10px; background-color: #1f394c; box-shadow: 0 2px 0 #d2d7db; align-items: center; justify-content: center; text-decoration: none; } /* .products .product .buy_btn span + span, .products .product .buy_btn.active span { display: none; } */ .products .product .buy_btn:hover { background: #34536a; } .products .product .buy_btn.active { color: #939fa8; background: #d2d7db; } .products .product .buy_btn.active span + span { display: block; } .products .product:hover { background: var(--bg); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); } /*---------------- Advantages ----------------*/ .advantages .row { justify-content: center; margin-bottom: -40px; margin-left: -40px; } .advantages .row > * { width: calc(25% - 40px); margin-bottom: 40px; margin-left: 40px; } .advantages .item { font-size: 20px; font-weight: 500; line-height: 26px; text-align: center; color: #1f394c; } .advantages .item .icon { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; height: 80px; margin-bottom: 16px; } .advantages .item .icon img { display: block; max-width: 100%; max-height: 100%; } /*-------------- Articles --------------*/ .articles .row { align-content: stretch; align-items: stretch; margin-bottom: -40px; margin-left: -40px; } .articles .row > * { width: calc(25% - 40px); margin-bottom: 40px; margin-left: 40px; } .articles .article .thumb { position: relative; overflow: hidden; margin-bottom: 16px; padding-bottom: 60.606%; border-radius: 10px; background: #ddd; } .articles .article .thumb img { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; } .articles .article .date { font-size: 14px; font-weight: 300; line-height: 22px; position: absolute; z-index: 3; bottom: 0; left: 0; padding: 4px 13px; transition: background .2s linear; white-space: nowrap; color: #fff; border-radius: 0 10px 0 0; background: #899b94; } .articles .article .name { font-size: 18px; font-weight: 600; line-height: 24px; color: #568ebf; } .articles .article .name a { display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; color: currentColor; } .articles .article .name a:hover { color: #1f394c; } .articles .article .desc { line-height: 22px; margin-top: 8px; } .articles .article:hover .date { background: #1f394c; } /*------------- Consult -------------*/ .consult { position: relative; z-index: 2; padding-bottom: 80px; } .consult .bg { position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 100%; min-height: 100%; pointer-events: none; } .consult .cont { position: relative; z-index: 3; } .consult .form { width: 700px; max-width: 100%; margin: 0 auto; } /*----------------------- Full width slider -----------------------*/ .full_w_slider .swiper-slide { position: relative; z-index: 3; } .full_w_slider .swiper-slide:before { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; opacity: .5; background-color: #161616; } .full_w_slider .img { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .full_w_slider .cont { position: relative; z-index: 3; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; height: 600px; padding-top: 60px; padding-bottom: 60px; } .full_w_slider .title { font-size: 24px; font-weight: 600; line-height: 32px; width: 656px; max-width: 100%; margin: 0 auto; text-align: center; color: #fff; } /*----------------------- Order cooperation -----------------------*/ .order_cooperation .form { width: 980px; max-width: 100%; margin: 0 auto; --form_border_color: #d3d3d3; --form_bg_color: #ededed; } /*---------- Tags ----------*/ .content .tags { margin-bottom: 30px; } .tags .row { margin-bottom: -10px; margin-left: -10px; } .tags .row > * { margin-bottom: 10px; margin-left: 10px; } .tags a { line-height: 22px; display: block; padding: 9px 13px; transition: .2s linear; text-decoration: none; color: #568ebf; border: 1px solid #dde8f2; border-radius: 10px; } .tags a:hover, .tags a.active { border-color: #e4edf3; background: #e4edf3; } /*------------------- Products head -------------------*/ .products_head { position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } .products + .products_head { margin-top: 40px; margin-bottom: 0; } .products_head .sort, .products_head .limit { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; } .products_head .pagination { margin: 0 auto; } .products + .products_head .limit { position: absolute; top: 0; right: 0; } .products_head .label { line-height: 22px; margin-right: 14px; } .products_head .field { position: relative; } .products_head .sort .field { width: 237px; } .products_head .limit .field { width: 80px; } .products_head select { display: none; } .ns-select{ display: none; } .nice-select { position: relative; display: block; cursor: pointer; } .nice-select .current { font-size: var(--font_size); line-height: 40px; display: block; overflow: hidden; height: 42px; padding: 0 37px 0 9px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: var(--text_color); border-radius: 10px; background-color: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } .nice-select-dropdown { position: absolute; z-index: 9; top: 100%; left: 0; visibility: hidden; overflow: hidden; width: 100%; transition: .2s linear; opacity: 0; border-radius: 10px; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); } .nice-select.open .nice-select-dropdown { visibility: visible; opacity: 1; } .nice-select .list { overflow: auto; max-height: 180px; } .nice-select .list::-webkit-scrollbar { width: 4px; height: 4px; } .nice-select .list .option { line-height: 22px; display: block; padding: 10px 14px; list-style-type: none; cursor: pointer; transition: background .2s linear; white-space: nowrap; } .nice-select .list .option:empty { display: none; } .nice-select .list .option:hover { background: #f4f4f4; } .nice-select .list .option.selected { font-weight: 500; } .nice-select + .arr { position: absolute; top: 0; right: 15px; bottom: 0; display: block; width: 6px; height: 9px; margin: auto; transition: transform .2s linear; transform: rotate(90deg); pointer-events: none; } .nice-select.open + .arr { transform: rotate(-90deg); } /*------------------ Product data ------------------*/ .product_data .cont > .row { margin-bottom: -48px; margin-left: -40px; } .product_data .cont > .row > * { width: calc(50% - 40px); margin-bottom: 48px; margin-left: 40px; } .product_data .cont > .row > *.description, .product_data .cont > .row > *.peculiarities, .product_data .cont > .row > *.videos { width: 100%; } .product_data .title { font-size: 30px; font-weight: 600; line-height: 38px; margin-bottom: 20px; } /*------------ Videos ------------*/ .videos .row { margin-bottom: -40px; margin-left: -40px; } .videos .row > * { width: calc(50% - 40px); margin-bottom: 40px; margin-left: 40px; } .videos .item { display: block; text-decoration: none; color: currentColor; } .videos .item .thumb { position: relative; overflow: hidden; padding-bottom: 50%; border-radius: 10px; background: #ddd; } .videos .item .thumb img { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; } .videos .item .thumb .icon { position: absolute; z-index: 3; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 80px; height: 80px; margin: auto; padding-left: 4px; transition: background .2s linear; color: #fff; border-radius: 50%; background: #1f394c; inset: 0; } .videos .item .thumb .icon svg { display: block; width: 27px; height: 30px; } .videos .item:hover .thumb .icon { background: #899b94; } /*------------------ Product info ------------------*/ .product_info .images { position: relative; max-height: 586px; overflow: hidden; width: calc(50% - 20px); padding-left: 114px; } .product_info .stickers { position: absolute; z-index: 9; top: 0; left: 0; display: flex; flex-direction: column; } .product_info .stickers > * + * { margin-top: 1px; } .product_info .stickers .sticker { font-size: 12px; font-weight: 500; line-height: 22px; position: relative; display: inline-block; padding: 0 9px; vertical-align: top; white-space: nowrap; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); } .product_info .stickers .sticker:after { position: absolute; right: 0; bottom: 0; display: block; width: 8px; height: 8px; content: ''; border-radius: 2px 0 0 0; } .product_info .stickers .sticker.yellow { background: #ffbd3f; } .product_info .stickers .sticker.yellow:after { background: #e69f17; } .product_info .stickers .sticker.red { background: #ff6464; } .product_info .stickers .sticker.red:after { background: #d13c3c; } .product_info .stickers .sticker.green { background: #00882d; } .product_info .stickers .sticker.green:after { background: #005e1f; } .product_info .images .big .image { position: relative; display: block; color: currentColor; } .product_info .images .big .image div { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; width: 100%; height: 100%; } .product_info .images .big .image img { display: block; max-width: 100%; max-height: 100%; } .product_info .images .thumbs { position: absolute; top: 0; left: 0; width: 90px; height: 460px; max-height: 100%; } .product_info .images .thumbs .swiper { position: absolute; top: 0; left: 0; overflow: visible !important; width: 100%; height: 100%; padding: 35px 0; } .product_info .images .thumbs .swiper-slide { position: relative; visibility: hidden; height: 90px; padding: 4px; transition: .2s linear; transition-property: opacity, visibility, border-color; pointer-events: none; opacity: 0; border: 1px solid transparent; border-radius: 10px; } .product_info .images .thumbs .swiper-slide.visible { visibility: visible; pointer-events: auto; opacity: 1; } .product_info .images .thumbs .swiper-button-next, .product_info .images .thumbs .swiper-button-prev { width: 100%; height: 35px; color: #ccd6dd; } .product_info .images .thumbs .swiper-button-prev { left: 0; align-content: flex-start; align-items: flex-start; margin: 0; } .product_info .images .thumbs .swiper-button-next { top: auto; right: 0; bottom: 0; align-content: flex-end; align-items: flex-end; margin: 0; } .product_info .images .thumbs .swiper-button-prev .icon { transform: rotate(90deg); } .product_info .images .thumbs .swiper-button-next .icon { transform: rotate(-90deg); } .product_info .images .thumbs .image { position: relative; overflow: hidden; padding-bottom: 100%; cursor: pointer; border-radius: 10px; background: #e7e9ec; } .product_info .images .thumbs .image img { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: opacity .2s linear; opacity: .5; border-radius: 10px; object-fit: cover; } .product-video-thumb{ background: #e7e9ec; display: flex; align-items: center; justify-content: center; color: #1f394c; cursor: pointer; } .product-video-thumb .icon{ position: relative; left: 1px; } .product-video-thumb .icon svg{ display: block; width: 27px; height: 30px; } .product_info .images .thumbs .swiper-slide-thumb-active, .product_info .images .thumbs .swiper-slide:hover { border-color: #899b94; } .product_info .images .thumbs .swiper-slide:hover .image img, .product_info .images .thumbs .swiper-slide-thumb-active .image img { opacity: 1; } .product_info .data { width: calc(50% - 20px); margin-left: auto; border: 1px solid #ededed; border-radius: 10px; } .product_info .section { display: flex; align-content: stretch; align-items: stretch; flex-wrap: wrap; justify-content: space-between; } .product_info .section + .section { border-top: 1px solid #ededed; } .product_info .section > * { width: 50%; padding: 20px; } .product_info .section > *.full_w { width: 100%; } .product_info .section > *.border { border-left: 1px solid #ededed; } .product_info .favorite_btn { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; color: #568ebf; } .product_info .favorite_btn .icon { display: block; width: 30px; height: 30px; margin-right: 10px; } /*.product_info .favorite_btn span + span, .product_info .favorite_btn.active span { display: none; } */ .product_info .data .section .active, .product_info .data .section .favorite_btn.active { color:/*#1f394c;*/ red; } .product_info .favorite_btn:hover { color: #1f394c; } .product_info .favorite_btn.active span + span { display: block; } .product_info .articul { font-size: 14px; line-height: 30px; color: #7d7d7d; } .product_info .sizes .label { line-height: 20px; margin-bottom: 8px; color: #7d7d7d; } .product_info .sizes .vals { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-bottom: -15px; margin-left: -15px; } .product_info .sizes .vals > * { margin-bottom: 15px; margin-left: 15px; } .product_info .sizes label { display: block; cursor: pointer; } /*new*/ .product_info .sizes li { display: block; cursor: pointer; order: 1; } .product_info .sizes label input { display: none; } .product_info .sizes label div { font-size: 18px; font-weight: 300; line-height: 38px; width: 40px; height: 40px; transition: .2s linear; text-align: center; color: #1f394c; border: 1px solid transparent; border-radius: 5px; background-color: #e7e9ec; } .product_info .sizes li div { font-size: 18px; font-weight: 300; line-height: 38px; width: 40px; height: 40px; transition: .2s linear; text-align: center; color: #1f394c; border: 1px solid transparent; border-radius: 5px; background-color: #e7e9ec; overflow: hidden; } .product_info .sizes label div:hover { border-color: #1f394c; background: none; } .product_info .sizes li:not(.notallowed) div:hover { border-color: #1f394c; background: #1f394c; color: #fff; } .product_info .sizes li.selected.notallowed div, .product_info .sizes li.notallowed div { cursor: default; position: relative; overflow: hidden; border: 1px solid #d5d5d5; background: #fff; color: #1f394c; font-weight: 100; } .product_info .sizes li.notallowed div:before { content: ''; width: 1px; height: 100px; background: #d5d5d5; position: absolute; transform: rotate(45deg); top: 0; left: 100%; transform-origin: top right; } .product_info .sizes li div img { max-width: 100%; } .product_info .sizes label input:checked + div { font-weight: 500; color: #fff; background: #1f394c; } .sizes .selected .size_att { font-weight: 500; color: #fff; background: #1f394c; } .product_info .sizes .table_link { font-size: 14px; line-height: 16px; display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; color: #568ebf; } .product_info .sizes .table_link:hover { color: #1f394c; } .product_info .colors .label { line-height: 20px; margin-bottom: 8px; color: #7d7d7d; } .product_info .colors .label span { color: var(--text_color); } .product_info .colors .vals { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-bottom: -15px; margin-left: -15px; } .product_info .colors .vals > * { margin-bottom: 15px; margin-left: 15px; } .product_info .colors label { display: block; cursor: pointer; } .product_info .colors label input { display: none; } .product_info .colors label div { position: relative; width: 40px; height: 40px; border-radius: 5px; background-color: #e7e9ec; } .product_info .colors label div:before { position: absolute; top: -4px; left: -4px; display: block; width: calc(100% + 8px); height: calc(100% + 8px); content: ''; transition: opacity .2s linear; pointer-events: none; opacity: 0; border: 1px solid #7d7d7d; border-radius: 5px; } .product_info .colors label img { display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; } .product_info .colors label div:hover:before, .product_info .colors label input:checked + div:before { opacity: 1; } .product_info .buy { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; } .product_info .buy .label { line-height: 20px; margin-bottom: 8px; color: #7d7d7d; } .product_info .amount .box { position: relative; width: 110px; } .product_info .amount .btn { position: absolute; z-index: 3; top: 0; left: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 38px; height: 42px; transition: color .2s linear; color: #b3b3b3; } .product_info .amount .btn.plus { right: 0; left: auto; } .product_info .amount .btn .icon { display: block; width: 7px; height: 10px; transform: rotate(90deg); } .product_info .amount .btn.minus .icon { transform: rotate(-90deg); } .product_info .amount .btn:hover { color: #7d7d7d; } .product_info .amount .input { font-family: var(--font_family); font-size: var(--font_size); font-weight: 300; display: block; width: 100%; height: 42px; padding: 0 38px; text-align: center; color: var(--text_color); border: none; border-radius: 10px; background-color: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } .product_info .price .val { font-size: 22px; font-weight: 900; line-height: 20px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 42px; white-space: nowrap; } .product_info .price .old { font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: line-through; color: #7d7d7d; } .product_info .quike_buy_btn { font-weight: 500; line-height: 22px; margin-bottom: 8px; transition: color .2s linear; color: #568ebf; } .product_info .quike_buy_btn:hover { color: #1f394c; } .product_info .buy_btn { font-size: 14px; font-weight: 600; line-height: 22px; display: block; width: 152px; max-width: 100%; height: 42px; transition: .2s linear; text-transform: uppercase; color: #fff; border-radius: 10px; background-color: #1f394c; box-shadow: 0 2px 0 #d2d7db; } /* .product_info .buy_btn span + span, .product_info .buy_btn.active span { display: none; } */ .product_info .buy_btn:hover { background: #34536a; } .product_info .buy_btn.active { color: #939fa8; background: #d2d7db; } .product_info .buy_btn.active span + span { display: block; } .product_info .features { line-height: 22px; column-gap: 40px; column-count: 2; } .product_info .features > * { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; transform: translateZ(0); --webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .product_info .features > * + * { margin-top: 10px; } .product_info .features .label { color: #7d7d7d; } .product_info .features .val { font-weight: 500; margin-left: auto; } .product_info .features .val.full_w { width: 100%; } .product_info .features .btn { transition: color .2s linear; color: #568ebf; } .product_info .features .btn:hover { color: #1f394c; } /*--------------- Cart info ---------------*/ .cart_info .cont { position: relative; } .cart_info .clear_btn { line-height: 22px; position: absolute; right: 24px; bottom: 100%; display: flex; align-content: center; align-items: center; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 52px; transition: color .2s linear; white-space: nowrap; color: #568ebf; } .cart_info .clear_btn .icon { display: block; width: 31px; height: 28px; margin-right: 9px; } .cart_info .clear_btn:hover { color: #1f394c; } .cart_info .table_wrap { border: 1px solid #ededed; border-radius: 10px; } .cart_info table { width: 100%; border-spacing: 0; border-collapse: collapse; } .cart_info table th { font-weight: 400; line-height: 22px; height: 50px; padding: 11px 19px; text-align: left; vertical-align: middle; color: #7d7d7d; border-bottom: 1px solid #ededed; } .cart_info table td { padding: 19px; text-align: left; vertical-align: middle; } .cart_info table tr + tr td { border-top: 1px solid #ededed; } .cart_info table td.thumb { width: 204px; min-width: 204px; table-layout: fixed; } .cart_info table td.thumb a { display: flex; overflow: hidden; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; height: 150px; border-radius: 10px; } .cart_info table td.thumb img { display: block; max-width: 100%; max-height: 100%; } .cart_info table td.info { vertical-align: top; } .cart_info table td.info .name { font-size: 20px; line-height: 26px; } .cart_info table td.info .name a { display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; color: currentColor; } .cart_info table td.info .articul { font-size: 14px; line-height: 20px; color: #7d7d7d; } .cart_info table td.info .size { line-height: 20px; margin-top: 20px; color: #7d7d7d; } .cart_info table td.info .size span { color: var(--text_color); } .cart_info table td.info .color { line-height: 20px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-top: 10px; color: #7d7d7d; } .cart_info table td.info .color span { color: var(--text_color); } .cart_info table td.info .color img { display: block; width: 20px; height: 20px; margin-left: 8px; border-radius: 5px; } .cart_info table td.amount { width: 200px; min-width: 200px; table-layout: fixed; } .cart_info table td.amount .box { position: relative; width: 110px; } .cart_info table td.amount .btn { position: absolute; z-index: 3; top: 0; left: 0; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; width: 38px; height: 42px; transition: color .2s linear; color: #b3b3b3; } .cart_info table td.amount .btn.plus { right: 0; left: auto; } .cart_info table td.amount .btn .icon { display: block; width: 7px; height: 10px; transform: rotate(90deg); } .cart_info table td.amount .btn.minus .icon { transform: rotate(-90deg); } .cart_info table td.amount .btn:hover { color: #7d7d7d; } .cart_info table td.amount .input { font-family: var(--font_family); font-size: var(--font_size); font-weight: 300; display: block; width: 100%; height: 42px; padding: 0 38px; text-align: center; color: var(--text_color); border: none; border-radius: 10px; background-color: #ededed; box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .11); } .cart_info table td.price { font-size: 22px; font-weight: 900; line-height: 20px; width: 220px; min-width: 220px; table-layout: fixed; white-space: nowrap; } .cart_info table td.price .old { font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: line-through; color: #7d7d7d; } .cart_info table td.delete { width: 93px; min-width: 93px; table-layout: fixed; } .cart_info table td.delete .btn { position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; transition: color .2s linear; } .cart_info table td.delete .btn .icon { display: block; width: 24px; height: 24px; color: #9bacb9; } .cart_info table td.delete .btn span { font-size: 14px; font-weight: 500; line-height: 20px; position: absolute; bottom: 100%; left: 50%; display: none; margin-bottom: 5px; padding: 5px 13px; transform: translateX(-50%); white-space: nowrap; pointer-events: none; color: #1f394c; border-radius: 5px; background-color: #e7e9ec; } .cart_info table td.delete .btn:hover { color: #1f394c; } .cart_info table td.delete .btn:hover span { display: block; } .cart_info table td.action { width: 93px; min-width: 93px; table-layout: fixed; } .cart_info table td.action .favorite_btn { position: relative; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; transition: color .2s linear; } .cart_info table td.action .favorite_btn .icon { display: block; width: 30px; height: 30px; transition: color .2s linear; color: #9bacb9; } .cart_info table td.action .favorite_btn span { font-size: 14px; font-weight: 500; line-height: 20px; position: absolute; bottom: 100%; left: 50%; display: none; margin-bottom: 5px; padding: 5px 13px; transform: translateX(-50%); white-space: nowrap; pointer-events: none; color: #1f394c; border-radius: 5px; background-color: #e7e9ec; } .cart_info table td.action .favorite_btn:hover .icon, .cart_info table td.action .favorite_btn.active .icon { color: #1f394c; } .cart_info table td.action .favorite_btn:hover span { display: block; } .cart_info table tfoot td { height: 76px; background: linear-gradient(to bottom, #e8eaed 0%,#e8eaed 100%); } .cart_info table tfoot td.total-label { line-height: 22px; color: #7d7d7d; } /*-------------- Checkout --------------*/ .checkout { position: relative; z-index: 3; padding-bottom: 242px; } .checkout .cont { position: relative; z-index: 3; } .checkout .form { width: 983px; max-width: 100%; margin: 0 auto; --form_border_color: #d3d3d3; --form_bg_color: #ededed; } .checkout .section + .section { margin-top: 56px; } .checkout .section .title { font-size: 30px; font-weight: 600; line-height: calc(100% + 8px); margin-bottom: 28px; text-align: center; } .checkout .methods { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; margin-bottom: -10px; margin-left: -32px; } .checkout .methods > * { margin-bottom: 10px; margin-left: 32px; } .checkout .methods .field + .field { margin-top: 0; } .checkout .methods label { position: relative; display: block; cursor: pointer; } .checkout .methods input { display: none; } .checkout .methods .check { position: absolute; top: 0; bottom: 0; left: 12px; width: 20px; height: 20px; margin: auto 0; border: 1px solid transparent; border-top-color: var(--form_border_color); border-radius: var(--form_border_radius); border-radius: 50%; background: var(--form_bg_color); box-shadow: inset 0 1px 2px 0 rgba(31, 57, 76, .3); } .checkout .methods .check + div { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 42px; padding: 9px 16px 9px 40px; border: 1px solid #ededed; border-radius: 20px; } .checkout .methods input:checked + .check { border: none; background: #fff; box-shadow: inset 0 0 0 6px #1e374a; } .checkout .notice { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .checkout .notice .icon { display: block; width: 20px; height: 20px; margin-right: 8px; color: #e6a019; } .checkout .notice span { max-width: calc(100% - 28px); } .checkout .bg { position: absolute; z-index: 1; bottom: 0; left: 0; display: block; width: 100%; min-height: 100%; pointer-events: none; } /*------------- LK info -------------*/ .lk_info .form { --form_border_color: #d3d3d3; --form_bg_color: #ededed; } .lk_info .section + .section { margin-top: 16px; } .lk_info .section .title { font-size: 30px; font-weight: 600; line-height: calc(100% + 8px); margin-bottom: 28px; } .lk_info .fields { width: calc(100% - 460px); } .lk_info .field.date { width: 130px; } .lk_info .gender { display: flex; align-content: center; align-items: center; align-self: center; flex-wrap: wrap; justify-content: flex-start; margin-left: auto; } .lk_info .gender .label { font-weight: 600; line-height: 22px; white-space: nowrap; } .lk_info .gender label { position: relative; display: block; margin-left: 15px; cursor: pointer; } .lk_info .gender input { display: none; } .lk_info .gender .check { position: absolute; top: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto 0; border: 1px solid transparent; border-top-color: var(--form_border_color); border-radius: var(--form_border_radius); border-radius: 50%; background: var(--form_bg_color); box-shadow: inset 0 1px 2px 0 rgba(31, 57, 76, .3); } .lk_info .gender .check + div { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding-left: 29px; } .lk_info .gender input:checked + .check { border: none; background: #fff; box-shadow: inset 0 0 0 6px #1e374a; } .lk_info .btns { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; width: 420px; max-width: 100%; margin-left: auto; padding: 7px 0; } .lk_info .btns .btn { line-height: 22px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; transition: color .2s linear; color: #568ebf; } .lk_info .btns .btn + .btn { margin-left: 30px; } .lk_info .btns .btn.logout_btn { margin-left: auto; } .lk_info .btns .btn .icon { display: block; margin-right: 8px; } .lk_info .btns .edit_btn .icon { width: 27px; height: 28px; } .lk_info .btns .save_btn .icon { width: 28px; height: 28px; } .lk_info .btns .logout_btn .icon { width: 33px; height: 28px; } .lk_info .btns .btn:hover { color: #1f394c; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders { margin-top: 16px; } .lk_info .orders .title { font-size: 30px; font-weight: 600; line-height: 38px; margin-bottom: 28px; } .lk_info .orders .order { transition: border-color .2s linear; border: 1px solid #ededed; border-radius: 10px; } .lk_info .orders .order + .order { margin-top: 10px; } .lk_info .orders .order .head { line-height: 22px; position: relative; display: flex; align-content: stretch; align-items: stretch; flex-wrap: nowrap; justify-content: flex-start; padding: 13px 51px 13px 20px; cursor: pointer; } .lk_info .orders .order .head .col_status { font-weight: 500; } .lk_info .orders .order .head .green { color: #649c86; } .lk_info .orders .order .head .red { color: #d13c3c; } .lk_info .orders .order .head .col_price { font-weight: 900; } .lk_info .orders .order .head .icon { position: absolute; top: 0; right: 19px; bottom: 0; display: block; width: 9px; height: 15px; margin: auto; transition: .2s linear; } .lk_info .orders .order:hover, .lk_info .orders .order.active { border-color: var(--text_color); } .lk_info .orders .order.active .head .icon { transform: rotate(90deg); } .lk_info .orders .order.active .col_price { display: none; } .lk_info .orders .col_number { width: 176px; min-width: 176px; } .lk_info .orders .col_date { width: 156px; min-width: 156px; } .lk_info .orders .col_status { width: 100%; } .lk_info .orders .col_price { width: 242px; min-width: 242px; } .lk_info .orders .cart_info { display: none; } .lk_info .orders .cart_info .table_wrap { border: none; border-top: 1px solid var(--text_color); border-radius: 0 0 10px 10px; } .lk_info .orders .cart_info table td.thumb { width: 176px; min-width: 176px; } .lk_info .orders .cart_info table td.thumb a { height: 130px; } /*------------ Footer ------------*/ footer { position: relative; z-index: 3; padding: 50px 0; color: #c8d9e5; background: #1f394c; } footer .cont { position: relative; z-index: 3; align-content: stretch; align-items: stretch; justify-content: space-between; } footer .bg { position: absolute; z-index: 1; right: 0; bottom: 0; display: block; max-width: 50%; pointer-events: none; } footer .col { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; width: 370px; max-width: 100%; padding-right: 60px; border-right: 1px solid #30495b; } footer .logo img { display: block; width: 110px; height: 105px; } footer .socials { align-self: flex-end; margin-left: auto; } footer .socials .label { line-height: 22px; margin-bottom: 12px; } footer .socials .items { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; } footer .socials .items a { display: block; transition: color .2s linear; text-decoration: none; color: #4f6b83; } footer .socials .items a + a { margin-left: 40px; } footer .socials .items .icon { display: block; width: 22px; height: 22px; } footer .socials .items a:hover { color: #7e96aa; } footer .copyright { font-size: 14px; font-weight: 300; line-height: 22px; width: 100%; margin-top: 45px; } footer .privacy_policy_link { font-size: 14px; font-weight: 300; line-height: 22px; width: 100%; } footer .privacy_policy_link a { transition: color .2s linear; text-decoration: none; color: currentColor; } footer .privacy_policy_link a:hover { color: #4f6b83; } footer .title { font-size: 24px; font-weight: 600; line-height: 22px; margin-bottom: 18px; color: #4f6b83; } footer .links { padding-top: 18px; padding-bottom: 18px; } footer .links .items { font-weight: 300; line-height: 20px; } footer .links .items > * + * { margin-top: 10px; } footer .links .items a { display: inline-block; transition: color .2s linear; vertical-align: top; text-decoration: none; color: currentColor; } footer .links .items a:hover, footer .links .items a.active { color: #4f6b83; } /*----------- PopUp -----------*/ .modal { display: none; visibility: visible !important; width: 800px; max-width: 100%; padding: 36px 60px 52px; color: var(--text_color); border-radius: 10px; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25); } .modal.mini { width: 460px; } .modal_title { font-size: var(--font_size_title); font-size: 30px; font-weight: 600; line-height: 38px; margin-bottom: 28px; text-align: center; } .modal .form { padding: 0 20px; --form_border_color: #d3d3d3; --form_bg_color: #ededed; } .modal .btns { display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 32px; } .modal .btns .btn { line-height: 30px; display: block; transition: color .2s linear; color: #568ebf; } .modal .btns .btn:hover { color: #1f394c; } .modal .btns .sep { width: 6px; height: 6px; margin: 0 19px; border-radius: 50%; background: #ccd6dd; } /* #bx-soa-properties{ display: none !important; } */ #bx-soa-basket{ display: none !important; } /*[data-property-id-row="1"]{ display: none; }*/ #bx-soa-orderSave [data-save-button]{ display: none; } .bx-soa-pp-company[data-id="2"] .bx-soa-pp-company-desc{ font-size: 14px; font-weight: 500; } .bx-soa-pp-company-smalltitle{ font-size: 14px; font-weight: 600; color: #161616; } .tfl-define-popup{ margin-left: -45px; } .sizes-table-modal table td{ padding: 5px 7px; } .sizes-table-modal table tr:nth-child(odd){ background: rgba(86, 142, 191, 0.1); } .sizes-table-modal table tr:nth-child(1){ background: transparent; font-weight: 600; font-size: 18px; } .sizes-table-modal table tr:nth-child(2){ background: transparent; font-weight: 600; } .sizes-table-modal table tr:nth-child(1) td{ margin-bottom: 7px; } .sizes-table-modal_instruction-btn{ margin-bottom: 20px; } /* End */ /* Start:/local/css/castom.css?17492518294454*/ header .links .active, footer .links .items .active { cursor: default; pointer-events: none; text-decoration: none; } .block .sw-app{ width: 100%!important; } .error_text { color: red; } .form .file input { display: none; } .none{ display:none; } /*для фильтра в каталоге*/ #modef { position: absolute; left: calc(100% + 30px); z-index: 8; top: 0; font-size: 14px; width: max-content; background: #fff; padding: 10px; box-shadow: 1px 1px 20px rgba(0,0,0,0.1); } #modef a { color: #5679ad; } #modef a:hover { text-decoration: none; } .modef_target { display: block; position: relative; width: 100%; } #set_filter:disabled{ opacity: 0.5; pointer-events:none; } .popup-window-buttons { margin: 0 auto; display: block; } .bx-blue .btn.btn-default { outline: 0; font-size: 14px; font-weight: 600; line-height: 0px; padding: 20px; display: block; height: 42px; transition: .2s linear; text-transform: uppercase; color: #fff; border-radius: 10px; background-color: rgb(31, 57, 76); cursor: pointer; } .bx-blue .btn.btn-default:hover { background: #34536a; } #bx-soa-paysystem > div.bx-soa-section-content.container-fluid > div > div.bx-soa-pp-item-container.methods > label.radio.bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6.bx-selected > div.check, #bx-soa-delivery > div.bx-soa-section-content.container-fluid > div > div.methods.bx-soa-pp-item-container > label.field.radio.bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6.bx-selected > div.check { border: none; background: #fff; box-shadow: inset 0 0 0 6px #1e374a; } #bx-soa-delivery .container-fluid .methods .field .name[title-date]:hover:after { content: attr(title-date); font-size: 14px; font-weight: 500; line-height: 20px; position: absolute; bottom: 100%; left: 50%; display: block; margin-bottom: 5px; padding: 5px 13px; transform: translateX(-50%); white-space: nowrap; pointer-events: none; color: #1f394c; border-radius: 5px; background-color: rgb(231, 233, 236); } .bx-sls .dropdown-block { font-family: var(--font_family); font-size: var(--font_size); display: block; width: 100%; height: 42px; padding: 0 20px; transition: .2s linear; color: var(--text_color); border: 1px solid transparent; border-top-color: var(--form_border_color); border-radius: var(--form_border_radius); background: var(--form_bg_color); box-shadow: inset 0 1px 2px 0 rgba(31, 57, 76, .3); } .bx-sls .dropdown-fade2white { width: 0; } .bx-sls .dropdown-icon { left: 260px; position: absolute; top: 0; width: 14px; height: 100%; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route{ top: 0; height: 100%; } .bx-sls .bx-ui-sls-container{ height: 100%; } .bx-sls .bx-ui-sls-pane{ top: calc(100% + 2px); } .bx-sls .bx-ui-sls-clear{ top: 5px; } .form .columns > *.width1of6 { width: calc(16.333% - var(--form_columns_offset)); } @media (max-width: 479px) { .checkout .form .columns > *.width1of6 { width: calc(100% - var(--form_columns_offset)); } } @media (max-width: 479px) { .bx-sls .dropdown-icon { height: 14px; left: 270px; position: absolute; top: 10px; width: 14px; } } /* для карточки*/ .product_info .colors li img { display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover; } .product_info .colors li div { position: relative; width: 40px; height: 40px; border-radius: 5px; background-color: rgb(231, 233, 236); } .product_info .colors .selected div:before { position: absolute; top: -4px; left: -4px; display: block; width: calc(100% + 8px); height: calc(100% + 8px); content: ''; transition: opacity .2s linear; pointer-events: none; border: 1px solid #7d7d7d; border-radius: 5px; } .product-item-amount-description-container{ font-size: 22px; font-weight: 900; line-height: 20px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; min-height: 42px; white-space: nowrap; } .consult.block{ margin-bottom: 0 !important; } .title-search-result b{ font-weight: 600; } /* End */ /* Start:/local/css/response_1439.css?171790416110607*/ @media print, (max-width: 1439px) { /*------------------- Global styles -------------------*/ :root { --sidebar_width: 300px; } .swiper-button-prev { left: 40px; margin-left: 0; } .swiper-button-next { right: 40px; margin-right: 0; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -32px; } .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 24px !important; } .content_flex { padding-bottom: 20px; } .content_flex .content { width: calc(100% - var(--sidebar_width) - 24px); } /*------------ all_link ------------*/ .all_link { margin-top: 40px; } /*------------ Header ------------*/ header .data { padding: 16px 0 24px; } header .cont + .cont { margin-top: 20px; } header .links > * + * { margin-left: 48px; } header .logo { top: 24px; } header .phones, header .col { width: calc(50% - 112px); } header .search { width: 356px; } header .account .icon { width: 24px; height: 24px; } header .favorite { margin-left: 28px; } header .favorite a .icon { width: 24px; height: 24px; } header .cart { margin-left: 28px; } header .cart a .icon { width: 24px; height: 24px; } header .categories .col { padding: 12px 0; } header .categories .category .btn { font-size: 20px; min-height: 48px; } header .categories .category > a { font-size: 20px; min-height: 48px; margin: 0 -20px; padding: 0 20px; } header .categories .mini_modal { padding: 28px 0 40px; } header .categories .mini_modal .row { margin-bottom: -40px; margin-left: -40px; } header .categories .mini_modal .row > * { margin-bottom: 40px; margin-left: 40px; } header .categories .mini_modal .main { font-size: 18px; line-height: 24px; } /*--------------- Page head ---------------*/ .page_head { margin-bottom: 40px; padding-top: 20px; } /*---------------- Block head ----------------*/ .block_head { margin-bottom: 48px; } .block_head.default { margin-bottom: 40px; } /*------------------ Form elements ------------------*/ .form .columns { --form_columns_offset: 24px; } .form .line { margin-bottom: 24px; } .form .field + .field { margin-top: 12px; } /*---------------- Typography ----------------*/ .text_block h1 { font-size: 32px; line-height: calc(100% + 8px); } .text_block h2 { font-size: 28px; } .text_block * + h2, .text_block * + h3, .text_block * + h4 { margin-top: 48px; } .text_block .cols { margin-top: 48px; margin-bottom: 48px; } .text_block .cols .col { width: calc(50% - 12px); } .text_block blockquote { font-size: 28px; margin-top: 48px; margin-right: 68px; margin-bottom: 48px; margin-left: 68px; padding-left: 72px; } .text_block table th, .text_block table td { height: 48px; } .text_block table td { min-width: 240px; } /*----------------- Main slider -----------------*/ .main_slider .data { margin-left: 24%; } .main_slider .product_name { font-size: 44px; } /*----------------- About block -----------------*/ .about_block .title { font-size: 28px; line-height: 36px; } .about_block .desc { font-size: 20px; line-height: 26px; width: 940px; margin-top: 12px; } .about_block .swiper { padding: 0 80px; } .about_block .swiper-button-prev { left: 0; } .about_block .swiper-button-next { right: 0; } /*--------------------- Categories wall ---------------------*/ .categories_wall .row { margin-bottom: -24px; margin-left: -24px; } .categories_wall .row > * { width: calc(33.333% - 24px); margin-bottom: 24px; margin-left: 24px; } .categories_wall .row > *.middle { width: calc(50% - 24px); } .categories_wall .row > *.big { width: calc(100% - 24px); } .categories_wall .category .thumb { height: 264px; } /*-------------- Products --------------*/ .products .product .stickers { top: 8px; } .products .product .thumb { height: 264px; } .products .product .info { padding: 16px; } .products .product .buy > * + * { margin-left: 12px; } /*---------------- Advantages ----------------*/ .advantages .row { margin-left: -24px; } .advantages .row > * { width: calc(25% - 24px); margin-left: 24px; } .advantages .item { font-size: 18px; line-height: 24px; } /*-------------- Articles --------------*/ .articles .row { margin-left: -24px; } .articles .row > * { width: calc(25% - 24px); margin-left: 24px; } /*---------- Tags ----------*/ .content .tags { margin-bottom: 24px; } .tags .row { margin-bottom: -8px; margin-left: -8px; } .tags .row > * { margin-bottom: 8px; margin-left: 8px; } .tags a { line-height: 19px; } /*------------------- Products head -------------------*/ .products_head { margin-bottom: 24px; } /*------------------ Product info ------------------*/ .product_info .images { width: calc(50% - 12px); padding-left: 104px; } .product_info .images .thumbs { bottom: 0; width: 80px; height: 420px; } .product_info .images .thumbs .swiper-slide { height: 80px; } .product_info .data { width: calc(50% - 12px); } .product_info .section > * { padding: 16px; } .product_info .sizes .vals, .product_info .colors .vals { margin-bottom: -12px; margin-left: -12px; } .product_info .sizes .vals > *, .product_info .colors .vals > * { margin-bottom: 12px; margin-left: 12px; } .product_info .buy_btn { width: 125px; } .product_info .features { line-height: 21px; column-gap: 32px; } /*------------------ Product data ------------------*/ .product_data .cont > .row { margin-bottom: -40px; margin-left: -24px; } .product_data .cont > .row > * { width: calc(50% - 24px); margin-bottom: 40px; margin-left: 24px; } .product_data .title { font-size: 28px; line-height: 36px; margin-bottom: 16px; } /*------------ Videos ------------*/ .videos .row { margin-bottom: -24px; margin-left: -24px; } .videos .row > * { width: calc(50% - 24px); margin-bottom: 24px; margin-left: 24px; } /*----------------------- Full width slider -----------------------*/ .full_w_slider .swiper-button-prev { left: 14px; } .full_w_slider .swiper-button-next { right: 14px; } .full_w_slider .cont { height: 400px; } .full_w_slider .title { font-size: 22px; line-height: 30px; width: 600px; } /*--------------- Cart info ---------------*/ .cart_info .clear_btn { margin-bottom: 48px; } .cart_info table td.thumb { width: 168px; min-width: 168px; } .cart_info table td.price { font-size: 20px; width: 168px; min-width: 168px; } .cart_info table td.amount { width: 168px; min-width: 168px; } .cart_info table td.delete, .cart_info table td.action { width: 62px; min-width: 62px; } .cart_info table tfoot td { height: 68px; } /*-------------- Checkout --------------*/ .checkout { padding-bottom: 160px; } .checkout .section .title { font-size: 28px; margin-bottom: 24px; } /*------------- LK info -------------*/ .lk_info .section .title { font-size: 28px; margin-bottom: 24px; } .lk_info .fields { width: calc(100% - 420px); } .lk_info .field.date { width: 100%; } .lk_info .gender { width: 100%; margin-top: 12px; } .lk_info .btns { width: 380px; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders .title { font-size: 28px; margin-bottom: 24px; } .lk_info .orders .cart_info table td.thumb { width: 168px; min-width: 168px; } /*------------ Footer ------------*/ footer .title { font-size: 22px; line-height: 100%; } footer .links { padding-top: 16px; padding-bottom: 16px; } /*----------- PopUp -----------*/ .modal_title { font-size: 28px; line-height: 36px; } .modal .btns { margin-top: 28px; } .modal .btns .btn { line-height: 24px; } } /* End */ /* Start:/local/css/response_1279.css?171790416110022*/ @media print, (max-width: 1279px) { /*------------------- Global styles -------------------*/ :root { --sidebar_width: 280px; --font_size: 15px; --font_size_title: 32px; } html.custom_scroll ::-webkit-scrollbar { width: 5px; height: 5px; } .block { margin-bottom: 68px; } .block.border { padding-bottom: 68px; } /*-------------- Fancybox --------------*/ .fancybox__slide { padding: 32px; } /*------------ all_link ------------*/ .all_link { margin-top: 32px; } /*---------------- Pagination ----------------*/ .pagination a, .pagination .sep { font-size: 18px; line-height: 40px; width: 40px; height: 40px; } /*------------ Header ------------*/ header .data { padding: 16px 0 20px; } header .cont + .cont { margin-top: 20px; } header .links > * + * { margin-left: 24px; } header .logo img { width: 104px; height: 100px; } header .phones, header .col { width: calc(50% - 76px); } header .phones > * + * { margin-left: 12px; } header .search { width: 304px; } header .callback_btn { line-height: 21px; position: absolute; top: 0; right: 24px; margin-top: 11px; padding: 0 12px; } header .favorite a .count, header .cart a .count { left: 16px; } header .categories .col { padding: 8px 0; } header .categories .category .btn { font-size: 18px; min-height: 44px; } header .categories .category > a { font-size: 18px; min-height: 44px; margin: 0 -16px; padding: 0 16px; } header .categories .mini_modal { padding: 24px 0 32px; } header .categories .mini_modal .row { margin-left: -24px; } header .categories .mini_modal .row > * { width: calc(20% - 24px); margin-left: 24px; } header .categories .mini_modal .main { font-size: 17px; line-height: 23px; } header .categories .mini_modal .items { line-height: 17px; } /*------------- Sidebar -------------*/ /*--------------- Page head ---------------*/ .breadcrumbs .sep { margin: 0 6px; } .page_title { line-height: calc(100% + 8px); margin-top: 32px; } /*---------------- Block head ----------------*/ .block_head, .block_head.default { margin-bottom: 40px; } .block_head .title { line-height: calc(100% + 8px); } /*------------------ Form elements ------------------*/ .form .input { padding: 0 16px; } .form textarea { padding: 10px 16px; } /*---------------- Typography ----------------*/ .text_block h2 { font-size: 26px; } .text_block blockquote { font-size: 26px; margin-right: 48px; margin-left: 48px; padding-left: 68px; } .text_block table td { min-width: 200px; } /*----------------- Main slider -----------------*/ .main_slider .link { min-height: 360px; } .main_slider .data { margin-left: 20%; } .main_slider .category { font-size: 18px; line-height: 22px; } .main_slider .product_name { font-size: 40px; } .main_slider .desc { line-height: 21px; } .main_slider .btn { line-height: 21px; width: 120px; } /*----------------- About block -----------------*/ .about_block .title { font-size: 26px; line-height: 32px; } .about_block .desc { font-size: 18px; line-height: 24px; width: 812px; margin-top: 16px; } .about_block .swiper { padding: 0 60px; } /*--------------------- Categories wall ---------------------*/ .categories_wall .category .thumb { height: 212px; } .categories_wall .category .arr { width: 64px; height: 64px; } /*-------------- Products --------------*/ .products .row > * { width: calc(33.333% - 20px); } .content .products .row > * { width: calc(50% - 20px); } .products .product .thumb { height: 240px; } .products .product .info { padding: 20px; } /*---------------- Advantages ----------------*/ .advantages .item { font-size: 17px; line-height: 23px; } .advantages .item .icon { height: 68px; } /*-------------- Articles --------------*/ .articles .article .date { font-size: 13px; line-height: 19px; padding: 3px 12px; } .articles .article .name { font-size: 17px; line-height: 23px; } .articles .article .desc { line-height: 19px; } /*------------- Consult -------------*/ .consult { padding-bottom: 68px; } .consult .form { width: 640px; } /*------------------- Products head -------------------*/ .products_head .pagination { margin: 0; } .products + .products_head { margin-top: 32px; } /*------------------ Product info ------------------*/ .product_info .images { width: calc(50% - 12px); padding-left: 80px; } .product_info .images .thumbs { bottom: 0; width: 60px; height: 326px; } .product_info .images .thumbs .swiper { padding: 28px 0; } .product_info .images .thumbs .swiper-slide { height: 60px; } .product_info .images .thumbs .swiper-button-next, .product_info .images .thumbs .swiper-button-prev { height: 28px; } .product_info .images .thumbs .swiper-button-next .icon, .product_info .images .thumbs .swiper-button-prev .icon { display: block; width: 16px; height: 17px; } .product_info .buy { flex-direction: column; } .product_info .buy > * + * { margin-top: 16px; } /*------------------ Product data ------------------*/ .product_data .title { font-size: 26px; line-height: 34px; } /*----------------------- Order cooperation -----------------------*/ .order_cooperation .form { width: 840px; } /*--------------- Cart info ---------------*/ .cart_info .clear_btn { margin-bottom: 46px; } .cart_info table td.thumb { width: 160px; min-width: 160px; } .cart_info table td.info .name { font-size: 18px; line-height: 24px; } .cart_info table td.price { font-size: 18px; width: 160px; min-width: 160px; } .cart_info table td.amount { width: 160px; min-width: 160px; } .cart_info table tfoot td { height: 64px; } /*-------------- Checkout --------------*/ .checkout { padding-bottom: 120px; } .checkout .section + .section { margin-top: 48px; } .checkout .section .title { font-size: 26px; } .checkout .methods { margin-left: -28px; } .checkout .methods > * { margin-left: 28px; } /*------------- LK info -------------*/ .lk_info .section .title { font-size: 26px; } .lk_info .fields { width: 100%; } .lk_info .field.date { width: 130px; } .lk_info .gender { width: auto; margin-top: 0; } .lk_info .btns { width: 100%; margin: 0; margin-bottom: 32px; padding: 0; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders .title { font-size: 26px; } .lk_info .orders .col_number { width: 148px; min-width: 148px; } .lk_info .orders .col_date { width: 140px; min-width: 140px; } .lk_info .orders .col_price { width: 200px; min-width: 200px; } .lk_info .orders .cart_info table td.thumb { width: 160px; min-width: 160px; } /*------------ Footer ------------*/ footer { padding: 48px 0; } footer .col { width: 340px; padding-right: 48px; } footer .socials .items a + a { margin-left: 32px; } footer .copyright { margin-top: 40px; } footer .title { font-size: 20px; } footer .links { padding-top: 0; padding-bottom: 0; } footer .links .items > * + * { margin-top: 8px; } /*----------- PopUp -----------*/ .modal { width: 740px; padding: 36px 48px 48px; } .modal_title { font-size: 26px; line-height: 32px; } .modal .btns { margin-top: 24px; } .modal .btns .btn { line-height: 23px; } } /* End */ /* Start:/local/css/response_1023.css?171993847914449*/ @media print, (max-width: 1023px) { /*------------------- Global styles -------------------*/ :root { --sidebar_width: 100%; --font_size: 15px; --font_size_title: 30px; } .content_flex { padding: 0; } .content_flex .content { width: 100%; } /*-------------- Fancybox --------------*/ .fancybox__slide { padding: 24px; } /*--------------- Accordion ---------------*/ .accordion_item .data { padding: 12px 19px 19px 19px; } /*------------ Header ------------*/ header { position: fixed; z-index: 101; top: 0; right: 100%; left: auto; width: 325px; height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; margin: 0; padding: 0; transition: transform .3s linear; background: var(--bg); } header.show { transform: translateX(100%); } header .scroll { display: flex; overflow: auto; flex-direction: column; height: 100%; min-height: -moz-available; min-height: -webkit-fill-available; min-height: fill-available; padding: 24px 0; overscroll-behavior-y: contain; } header .data { order: 2; margin-top: 24px; padding: 24px 0 0; border-top: 1px solid #ededed; } header .right-content{ flex-direction: column; align-items: flex-start; width: 100%; } header .region-select{ margin-left: 0; } header .cont + .cont { margin-top: 24px; } header .logo { display: none; } header .links { font-size: 15px; display: block; width: 100%; } header .links > * + * { margin-top: 8px; margin-left: 0; } header .phones { font-size: 15px; width: 100%; margin-top: 24px; } header .phones > * + * { margin-left: auto; } header .search { display: none; width: 100%; } header .col { width: 100%; margin-top: 24px; } header .search + .col { margin: 0; } header .callback_btn { position: relative; top: 0; right: 0; width: 100%; margin: 0; } header .account, header .favorite, header .cart { display: none; } header .categories .col, header .categories .col + .col { display: block; margin: 0; padding: 0; border: none; } header .categories .category > a { justify-content: flex-start; text-align: left; } header .categories .mini_modal { position: relative; display: none; width: calc(100% + 48px); margin: 20px -24px; padding: 24px 0; } header .categories .mini_modal.active { display: block; } header .categories .mini_modal .row { margin-left: 0; } header .categories .mini_modal .row > * { width: 100%; margin-left: 0; } /*----------------- Mob. header -----------------*/ .mob_header { display: block; } /*------------- Sidebar -------------*/ aside { margin-bottom: 24px; } /*------------- Filter -------------*/ .mob_filter_btn { display: block; } .filter .form { display: none; margin-top: 12px; } /*---------------" Page head ---------------*/ .page_title { margin-top: 28px; letter-spacing: .2em; } /*---------------- Block head ----------------*/ /*------------------ Form elements ------------------*/ .form .columns { --form_columns_offset: 20px; } .form .line { margin-bottom: 20px; } /*---------------- Typography ----------------*/ .text_block h1 { font-size: 28px; } .text_block h2 { font-size: 24px; } .text_block h3 { font-size: 22px; } .text_block * + h2, .text_block * + h3, .text_block * + h4 { margin-top: 40px; } .text_block .cols { margin-top: 40px; margin-bottom: 40px; } .text_block blockquote { font-size: 24px; margin-top: 40px; margin-right: 0; margin-bottom: 40px; margin-left: 0; padding-left: 60px; } .text_block table td { min-width: 160px; } /*----------------- Main slider -----------------*/ .main_slider .swiper-button-next, .main_slider .swiper-button-prev { display: none; } .main_slider .link { min-height: 320px; } .main_slider .data { width: 344px; margin-left: 12%; } .main_slider .product_name { font-size: 36px; } /*----------------- About block -----------------*/ .about_block .title { font-size: 24px; line-height: 30px; } .about_block .desc { font-size: 17px; line-height: 23px; width: 100%; } .about_block .swiper { margin-top: 32px; padding: 0 40px; } .about_block .swiper-button-prev { left: -16px; } .about_block .swiper-button-next { right: -16px; } /*--------------------- Categories wall ---------------------*/ .categories_wall .row { margin-bottom: -12px; margin-left: -12px; } .categories_wall .row > * { width: calc(33.333% - 12px); margin-bottom: 12px; margin-left: 12px; } .categories_wall .row > *.middle { width: calc(50% - 12px); } .categories_wall .row > *.big { width: calc(100% - 12px); } .categories_wall .category .thumb { height: 160px; } .categories_wall .category .arr { width: 56px; height: 56px; } /*---------------- Advantages ----------------*/ .advantages .item { font-size: 16px; line-height: 22px; } .advantages .item .icon { height: 64px; } .advantages .item br { display: none; } /*-------------- Articles --------------*/ .articles .row { display: block; overflow: auto; width: calc(100% + 48px); margin: 0 -24px; padding: 0 24px; white-space: nowrap; scroll-padding: 0 24px; scroll-snap-type: x mandatory; scrollbar-color: transparent transparent !important; scrollbar-width: thin !important; } .articles .row::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background-color: transparent !important; } .articles .row::-webkit-scrollbar-thumb { background-color: transparent !important; } .articles .row > * { display: inline-block; width: 240px; max-width: none; margin: 0; vertical-align: top; white-space: normal; scroll-snap-align: start; } .articles .row > * + * { margin-left: 20px; } /*------------- Consult -------------*/ .consult .bg { left: -40%; width: 180%; } .consult .form { width: 604px; } /*---------- Tags ----------*/ .tags .row { display: block; overflow: auto; width: calc(100% + 48px); margin: 0 -24px; padding: 0 24px; white-space: nowrap; scroll-padding: 0 24px; scroll-snap-type: x mandatory; scrollbar-color: transparent transparent !important; scrollbar-width: thin !important; } .tags .row::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background-color: transparent !important; } .tags .row::-webkit-scrollbar-thumb { background-color: transparent !important; } .tags .row > * { display: inline-block; width: auto; max-width: none; margin: 0; vertical-align: top; white-space: normal; scroll-snap-align: start; } .tags .row > * + * { margin-left: 4px; } /*-------------- Products --------------*/ .products .row > *, .content .products .row > * { width: calc(50% - 20px); } /*------------------ Product info ------------------*/ .product_info .images { width: 100%; margin-bottom: 24px; padding-left: 104px; } .product_info .images .thumbs { top: 80px; bottom: auto; width: 80px; height: 340px; } .product_info .images .thumbs .swiper-slide { height: 80px; } .product_info .data { width: 100%; } .product_info .section > * { padding: 20px; } .product_info .buy { flex-direction: row; } .product_info .buy > * + * { margin-top: 0; } .product_info .features { column-gap: 40px; } /*------------ Videos ------------*/ .videos .item .thumb .icon { width: 68px; height: 68px; } .videos .item .thumb .icon svg { width: 21px; height: 24px; } /*----------------------- Full width slider -----------------------*/ .full_w_slider .cont { height: 300px; padding-top: 48px; padding-bottom: 48px; } .full_w_slider .title { font-size: 20px; line-height: 28px; width: 544px; } /*--------------- Cart info ---------------*/ .cart_info .clear_btn { margin-bottom: 44px; } .cart_info table thead { display: none; } .cart_info table tr { position: relative; display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; padding: 19px; } .cart_info table tr + tr { border-top: 1px solid #ededed; } .cart_info table td, .cart_info table tr + tr td { display: block; padding: 0; border: none; } .cart_info table td.info { width: calc(100% - 184px); margin-left: auto; padding-right: 44px; } .cart_info table td.info .color { margin-top: 8px; } .cart_info table td.info + td.price { margin-left: 184px; } .cart_info table td.price, .cart_info table td.amount { position: relative; padding-top: 28px; } .cart_info table td.price:before, .cart_info table td.amount:before { font-size: 14px; font-weight: 400; position: absolute; top: 0; left: 0; display: block; width: 100%; content: attr(data-column); opacity: .6; } .cart_info table td.delete, .cart_info table td.action { position: absolute; top: 19px; right: 19px; width: auto; min-width: 0; } .cart_info table tfoot tr { background: linear-gradient(to bottom, rgba(232,234,237,1) 0%,rgba(232,234,237,0) 100%); } .cart_info table tfoot td { height: auto; background: none; } .cart_info table tfoot td:empty { display: none; } .cart_info table tfoot td.price { padding: 0; } /*-------------- Checkout --------------*/ .checkout { padding-bottom: 80px; } .checkout .section + .section { margin-top: 40px; } .checkout .section .title { font-size: 24px; } .checkout .methods { margin-left: -24px; } .checkout .methods > * { margin-left: 24px; } /*------------- LK info -------------*/ .lk_info .section .title { font-size: 24px; } .lk_info .field.date { width: 100%; } .lk_info .gender { width: 100%; margin-top: 12px; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders .title { font-size: 24px; } .lk_info .orders .col_number, .lk_info .orders .col_date { width: 120px; min-width: 120px; } .lk_info .orders .col_price { width: 160px; min-width: 160px; } /*------------ Footer ------------*/ footer { padding-bottom: 112px; } footer .col { width: 100%; margin-bottom: 40px; padding: 0; border: none; } footer .logo img { width: 92px; height: 88px; } footer .copyright { position: absolute; bottom: -64px; left: 0; width: 100%; margin: 0; text-align: center; } footer .privacy_policy_link { position: absolute; bottom: -88px; left: 0; width: 100%; margin: 0; text-align: center; } /*----------- PopUp -----------*/ .modal { padding: 36px 40px 40px; } .modal.mini { width: 428px; } .modal_title { font-size: 24px; line-height: 30px; } .modal .form { padding: 0 16px; } } /* End */ /* Start:/local/css/response_767.css?171993847912183*/ @media print, (max-width: 767px) { /*------------------- Global styles -------------------*/ :root { --font_size: 14px; --font_size_title: 28px; } .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 20px !important; } .block { margin-bottom: 60px; } .block.border { padding-bottom: 60px; } /*-------------- Fancybox --------------*/ .fancybox__slide { padding: 20px; } /*------------ all_link ------------*/ .all_link { margin-top: 24px; } /*----------------- Mob. header -----------------*/ .mob_header { padding: 16px 0 20px; } .mob_header .account, .mob_header .favorite, .mob_header .cart { margin-left: 24px; } .mob_header .account .btn .icon, .mob_header .favorite a .icon, .mob_header .cart a .icon { margin: 0; } .mob_header .account .btn span, .mob_header .favorite a span, .mob_header .cart a span { display: none; } .mob_header .favorite a span.count, .mob_header .cart a span.count { left: 18px; display: block; } /*--------------- Page head ---------------*/ .page_title { margin-top: 24px; letter-spacing: .1em; } /*---------------- Block head ----------------*/ .block_head, .block_head.default { margin-bottom: 32px; } /*------------------ Form elements ------------------*/ .form .checkbox { line-height: 18px; } .form .columns > *.width1of3 { width: calc(50% - var(--form_columns_offset)); } .form .columns > *.width1of3.mob_big, .form .columns > *.width2of3 { width: calc(100% - var(--form_columns_offset)); } /*---------------- Typography ----------------*/ .text_block h1 { font-size: 26px; } .text_block h2 { font-size: 22px; } .text_block h3 { font-size: 20px; } .text_block h4 { font-size: 18px; margin-bottom: 16px !important; } .text_block .cols .col { width: 100%; } .text_block .cols .col + .col { margin-top: 40px; } .text_block blockquote { font-size: 22px; padding-top: 40px; padding-left: 0; background-size: auto 16px; } .text_block table { width: 768px; } /*----------------- Main slider -----------------*/ .main_slider .cont { padding: 0; } .main_slider .link { min-height: 288px; padding: 48px 0; } .main_slider .data { width: 320px; margin-left: 24px; } .main_slider .category { font-size: 17px; line-height: 21px; } .main_slider .product_name { font-size: 32px; } .main_slider .desc { line-height: 20px; } .main_slider .btn { width: 112px; height: 31px; } .main_slider .image { border-radius: 0; } /*----------------- About block -----------------*/ .about_block .title { font-size: 22px; line-height: 28px; } .about_block .desc { font-size: 16px; line-height: 22px; } .about_block .swiper { margin-top: 28px; } /*--------------------- Categories wall ---------------------*/ .categories_wall .row > *, .categories_wall .row > *.middle { width: calc(50% - 12px); } .categories_wall .row > *.big { width: calc(100% - 12px); } .categories_wall .category .thumb { height: 125px; } .categories_wall .category .arr { width: 48px; height: 48px; padding-top: 8px; padding-left: 8px; } .categories_wall .category .arr .icon { width: 8px; height: 13px; } /*-------------- Products --------------*/ .products .swiper-slide { visibility: visible; width: 272px; pointer-events: auto; opacity: 1; } .products .swiper-button-next, .products .swiper-button-prev { display: none; } .products .row { margin-left: 0; } .products .row > *, .content .products .row > * { width: 50%; margin-left: 0; } .products .product .thumb { height: 220px; } .products .row .product .thumb { height: 172px; } .products .row .product .name { font-size: 17px; line-height: 21px; } .products .row .product .buy { flex-direction: column; } .products .row .product .buy > * + * { margin-top: 8px; margin-left: 0; } /*---------------- Advantages ----------------*/ .advantages .row { display: block; overflow: auto; width: calc(100% + 48px); margin: 0 -24px; padding: 0 24px; white-space: nowrap; scroll-padding: 0 24px; scroll-snap-type: x mandatory; scrollbar-color: transparent transparent !important; scrollbar-width: thin !important; } .advantages .row::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background-color: transparent !important; } .advantages .row::-webkit-scrollbar-thumb { background-color: transparent !important; } .advantages .row > * { display: inline-block; width: auto; max-width: none; margin: 0; vertical-align: top; white-space: normal; scroll-snap-align: start; } .advantages .row > * + * { margin-left: 36px; } .advantages .item { font-size: 15px; line-height: 21px; } .advantages .item .icon { height: 60px; } .advantages .item br { display: block; } /*------------- Consult -------------*/ .consult { padding-bottom: 60px; } .consult .bg { left: -100%; width: 300%; } .consult .form { width: 100%; } /*------------------- Products head -------------------*/ .products + .products_head { margin-top: 20px; } .products_head .mob_hide { display: none; } .products_head .sort .field { width: 164px; } .products_head .limit .field { width: 68px; } .products_head .pagination { margin: 0 auto; } /*------------------ Product info ------------------*/ .product_info .images { padding-left: 0; } .product_info .images .swiper { overflow: visible !important; padding-bottom: 34px; } .product_info .images .swiper-horizontal > .swiper-pagination-bullets, .product_info .images .swiper-pagination-bullets.swiper-pagination-horizontal, .product_info .images .swiper-pagination-custom, .product_info .images .swiper-pagination-fraction { bottom: 15px; } .product_info .images .thumbs { display: none; } .product_info .section > *:not(.mob_ignore) { width: 100%; } .product_info .section > *:not(.mob_ignore) + *:not(.mob_ignore) { padding-top: 0; } .product_info .buy > * { width: calc(50% - 12px); } .product_info .buy_btn { width: 152px; } .product_info .features { line-height: 20px; column-gap: 24px; } /*------------------ Product data ------------------*/ .product_data .cont > .row { margin-left: 0; } .product_data .cont > .row > * { width: 100%; margin-left: 0; } .product_data .title { font-size: 24px; line-height: 30px; } /*------------ Videos ------------*/ .videos .row { margin-left: 0; } .videos .row > * { width: 100%; margin-left: 0; } .videos .item .thumb .icon { width: 60px; height: 60px; } .videos .item .thumb .icon svg { width: 20px; height: 23px; } /*----------------------- Full width slider -----------------------*/ .full_w_slider .cont { height: 240px; padding-top: 40px; padding-bottom: 40px; } .full_w_slider .title { font-size: 18px; line-height: 26px; width: 100%; } .full_w_slider .swiper-button-prev { left: 8px; } .full_w_slider .swiper-button-next { right: 8px; } /*--------------- Cart info ---------------*/ .cart_info table td.thumb { width: 120px; min-width: 0; } .cart_info table td.info { width: calc(100% - 144px); } .cart_info table td.info .name { font-size: 16px; line-height: 22px; } .cart_info table td.info .articul { margin-top: 8px; } .cart_info table td.info .color { margin-top: 4px; } .cart_info table td.info + td.price { margin-left: 0; } .cart_info table td.price, .cart_info table td.amount { width: 33.333%; min-width: 0; } /*-------------- Checkout --------------*/ .checkout { padding-bottom: 68px; } .checkout .section .title { margin-bottom: 20px; } .checkout .methods { margin-left: -16px; } .checkout .methods > * { margin-left: 16px; } .checkout .notice { line-height: 20px; margin-top: 24px; } /*------------- LK info -------------*/ .lk_info .section .title { margin-bottom: 20px; } .lk_info .btns { margin-bottom: 24px; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders .title { margin-bottom: 20px; } .lk_info .orders .order .head { flex-wrap: wrap; padding: 11px 47px 11px 15px; } .lk_info .orders .order .head .icon { right: 15px; width: 8px; height: 13px; } .lk_info .orders .col_number, .lk_info .orders .col_date, .lk_info .orders .col_status, .lk_info .orders .col_price { width: 50%; min-width: 0; } .lk_info .orders .cart_info table td.thumb { width: 120px; min-width: 0; } .lk_info .orders .cart_info table td.price, .lk_info .orders .cart_info table td.amount { margin-top: 20px; } .lk_info .orders .cart_info table tfoot td { margin: 0 0 0 auto !important; } /*------------ Footer ------------*/ footer { padding-bottom: 24px; } footer .col { margin: 0; } footer .links { display: none; } footer .copyright { position: relative; bottom: 0; margin-top: 40px; } footer .privacy_policy_link { position: relative; bottom: 0; margin-top: 4px; } /*----------- PopUp -----------*/ .modal_title { font-size: 22px; line-height: 28px; margin-bottom: 24px; } .modal .form { padding: 0; } #bx-soa-total{ display: none !important; } } /* End */ /* Start:/local/css/response_479.css?17179041617459*/ @media (max-width: 479px) { /*------------------- Global styles -------------------*/ /*-------------- Fancybox --------------*/ .fancybox__slide { padding: 16px; } /*--------------- Accordion ---------------*/ .accordion_item .head { padding: 11px 43px 11px 15px; } .accordion_item .head .title { line-height: 20px; } .accordion_item .head .icon { right: 15px; width: 7px; height: 12px; } .accordion_item .data { padding: 12px 15px 15px 15px; } /*---------------- Pagination ----------------*/ .pagination a, .pagination .sep { font-size: 16px; line-height: 35px; width: 35px; height: 35px; } .pagination .prev { margin-right: 4px; } .pagination .next { margin-left: 4px; } /*----------------- Mob. header -----------------*/ .mob_header { padding: 12px 0 16px; } .mob_header .logo { position: absolute; top: 12px; right: 0; left: 0; width: 60px; height: 58px; margin: 0 auto; } .mob_header .logo img { width: 60px; height: 58px; } .mob_header .phones { font-size: 15px; line-height: 21px; } .mob_header .phones .mob_hide { display: none; } .mob_header .account, .mob_header .favorite, .mob_header .cart { order: 2; margin-left: 16px; } .mob_header .search { order: 3; } /*------------- Filter -------------*/ .filter .form .submit { padding: 24px; } .filter .form .submit_btn { width: auto; } /*---------------- Block head ----------------*/ .block_head .title { letter-spacing: .15em; } /*------------------ Form elements ------------------*/ .form .columns > * { width: calc(100% - var(--form_columns_offset)); } .form .line, .form .line.min_m { margin-bottom: 16px; } .form .columns > .field + .field { margin-top: 16px; } .form .submit { padding-top: 8px; } .form .submit_btn { width: 100%; } /*---------------- Typography ----------------*/ .text_block { line-height: 20px; } .text_block h1 { font-size: 24px; } .text_block h2 { font-size: 20px; } .text_block h3 { font-size: 18px; } .text_block table { width: 700px; } /*----------------- Main slider -----------------*/ .main_slider .link { min-height: 300px; } .main_slider .data { width: 280px; } .main_slider .product_name { font-size: 30px; } .main_slider .desc br { display: none; } /*----------------- About block -----------------*/ .about_block .swiper { padding: 0 48px; } /*--------------------- Categories wall ---------------------*/ .categories_wall .category .thumb { height: 108px; } .categories_wall .category.big .thumb img { object-position: 0 50%; } .categories_wall .category .arr { width: 40px; height: 40px; padding-top: 8px; padding-left: 8px; } .categories_wall .category .arr .icon { width: 7px; height: 11px; } /*------------- Consult -------------*/ .consult .bg { left: -170%; width: 440%; } /*------------------- Products head -------------------*/ .products_head .sort, .products_head .limit { width: 100%; } .products_head > * + * { margin-top: 8px; } .products_head .label { width: 74px; } .products_head .nice-select .current { line-height: 34px; height: 36px; } /*-------------- Products --------------*/ .products .row > *, .content .products .row > * { width: 50%; margin-left: 0; padding: 2px; margin-bottom: 30px; } .products .product .product-item-amount-description-container{ display: none; } .products .product .info{ padding: 10px; } .products .row .product .name{ font-size: 15px; line-height: 19px; } .products .product .price{ font-size: 15px; line-height: 19px; } .products .row .product .buy { flex-direction: column; margin-top: 20px; } .products .row .product .buy > * + * { margin-left: 0; margin-top: 5px; } /*------------------ Product info ------------------*/ .product_info .section > * { width: 100%; padding: 16px; } .product_info .section > * + * { padding-top: 0; } .product_info .articul { margin-top: -8px; } .product_info .features { column-gap: 0; column-count: 1; } /*------------------ Product data ------------------*/ .product_data .title { font-size: 22px; line-height: 28px; } /*--------------- Cart info ---------------*/ .cart_info .clear_btn .icon { width: 28px; height: 26px; margin-right: 8px; } .cart_info table td.thumb { width: 100%; margin-bottom: 20px; } .cart_info table td.info { width: 100%; padding: 0; } .cart_info table td.price, .cart_info table td.amount { width: 50%; margin-top: 20px; } .cart_info table tfoot td.price { margin: 0; } /*-------------- Checkout --------------*/ .checkout { padding-bottom: 60px; } .checkout .form .columns > *.width1of3 { width: calc(100% - var(--form_columns_offset)); } /*------------- LK info -------------*/ .lk_info .form .columns > *.width1of3 { width: calc(100% - var(--form_columns_offset)); } .lk_info .gender { margin-top: 16px; } .lk_info .btns .btn + .btn { margin-left: 20px; } .lk_info .btns .btn.logout_btn { margin-left: auto; } .lk_info .btns .edit_btn .icon { width: 24px; height: 25px; } .lk_info .btns .save_btn .icon { width: 24px; height: 24px; } .lk_info .btns .logout_btn .icon { width: 28px; height: 24px; } /*---------------------- LK info - Orders ----------------------*/ .lk_info .orders .cart_info table td.thumb { width: 100%; } /*----------- PopUp -----------*/ .modal .btns { width: calc(100% + 16px); margin-right: -8px; margin-left: -8px; } .modal .btns .sep { margin: 0 12px; } } /* End */ /* Start:/bitrix/components/twofingers/location/templates/.default/style.min.css?17199436078632*/ @-webkit-keyframes animate-circle{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes animate-circle{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.tfl__link-container,.tfl__link-container:hover{text-decoration:none;display:flex}.tfl__link,.tfl__link:hover{border-bottom:1px dashed;cursor:pointer}.tfl__link-label{margin-right:5px}.tfl__link.tfl__link_order{font-weight:700;line-height:2}.tfl-define-popup{background-color:#fff;text-align:center}.tfl-define-popup__desktop{border-radius:.3em;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px 0 rgba(0,0,0,.1);box-shadow:0 1px 10px 0 rgba(0,0,0,.1);transform:translateX(-50%);z-index:1001;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute}.tfl-define-popup__text{padding-left:20px;padding-right:20px}.tfl-define-popup__mobile{width:100%;position:relative;z-index:9999999;border-radius:0!important}.tfl-define-popup__mobile .tfl-define-popup__buttons{border-radius:0!important}.tfl-define-popup__desktop:before{position:absolute;width:11px;height:11px;transform:rotate(45deg);content:"";background-color:#fff;left:calc(50% - 5px);top:-5px}.tfl-define-popup__buttons{text-align:center;overflow:hidden;display:grid}.tfl-define-popup__button{display:block;padding:10px 20px;box-sizing:border-box}.tfl-define-popup__main{font-weight:700}.tfl-define-popup__second{background-color:#f5f5f5}.tfl-popup{position:fixed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff;z-index:2001;max-width:100%;overflow:hidden;left:50%;top:42%;transform:translate(-50%,-50%);-webkit-box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);-moz-box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;grid-gap:0;box-sizing:border-box;opacity:0;transition:opacity .2s ease-in,top .2s ease-out}.tfl-popup.tfl-popup_loaded{opacity:1;top:45%}.tfl-popup.tfl-popup_loading{background:url(/bitrix/components/twofingers/location/templates/.default/img/preloader.svg)center center no-repeat #fff}.tfl-popup__title-container{position:relative;width:100%}.tfl-popup__search-wrapper{margin-bottom:20px}.tfl-popup__title{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;width:calc(100% - 40px)}.tfl-popup__search{position:relative;padding:0;margin-bottom:15px;margin-top:26px}.tfl-popup .tfl-popup__search-input{color:#333;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1;padding:10px 5px 12px;width:100%;position:relative;border:0;background-color:transparent;background-repeat:no-repeat;background:bottom no-repeat,50% 100%;transition:background ease-out;background-size:0 100%,100% 100%;background-image:linear-gradient(to top,#1f2949 2px,rgba(255,86,5,0) 2px),linear-gradient(to top,#bdbdbd 1px,rgba(189,189,189,0) 1px)}.tfl-popup .tfl-popup__search-input:focus{background-size:100% 100%,100% 100%;transition:.3s;outline:0}.tfl-popup__search-input::-webkit-input-placeholder{color:#bbb}.tfl-popup__search-input::-moz-placeholder{color:#bbb}.tfl-popup__search-input:-ms-input-placeholder{color:#bbb}.tfl-popup__search-input:-moz-placeholder{color:#bbb}.tfl-popup__search-input:focus::-webkit-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus::-moz-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-ms-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-moz-placeholder{color:#d5d5d5}.tfl-popup__clear-field{height:14px;position:absolute;right:35px;top:calc(50%);transform:translateY(-50%);width:14px;display:none}.tfl-popup__search-icon{height:40%;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto;text-align:right}.tfl-popup__search-icon svg{fill:#d5d5d5;background-color:transparent;width:auto;height:100%}.tfl-popup__search-icon svg path{fill:#d5d5d5}.tfl-popup__container{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.tfl-popup__container:before{position:absolute;content:"";width:100%;height:18px;bottom:0;z-index:1;background-image:-moz-linear-gradient(top,rgba(255,255,255,.001)0,#fff);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.001)0,#fff);background-image:-o-linear-gradient(top,rgba(255,255,255,.001)0,#fff);background-image:-ms-linear-gradient(top,rgba(255,255,255,.001) 0%,#fff);background-image:linear-gradient(top,rgba(255,255,255,.001) 0%,#fff)}.tfl-popup__container.tfl-popup__container_no-found:before,.tfl-popup__list li:after,.tfl-popup__list li:before{content:none}.favorites-right-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{grid-template-columns:2fr 1fr}.favorites-left-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{grid-template-columns:1fr 2fr}.tfl-popup__scroll-container{overflow:hidden;overflow-y:auto;position:relative;display:none}.tfl-popup__scroll-container+.tfl-popup__scroll-container{padding-left:10px}.tfl-popup__with-defaults .tfl-popup__scroll-container.tfl-popup__defaults,.tfl-popup__with-locations .tfl-popup__scroll-container.tfl-popup__locations{display:block}.tfl-popup__list{list-style:none outside none;padding:0;line-height:1.25;margin-bottom:15px;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-rule:0 solid #ccc;-moz-column-rule:0 solid #ccc;column-rule:0 solid #ccc;display:block}.favorites-under-search .tfl-popup__defaults .tfl-popup__list{margin-top:15px;margin-bottom:0}.tfl-popup__search-wrapper .tfl-popup__defaults .tfl-popup__list{margin-top:30px;margin-bottom:0}.tfl-popup__list li{padding-bottom:7.5px;overflow:hidden;list-style:none;page-break-inside:avoid;break-inside:avoid;padding-left:0}.tfl-popup__location-link{color:#333;text-decoration:none;border-bottom:1px dashed #777}.tfl-popup__location-link:hover{color:#333;border-bottom:1px dotted #333}.tfl-popup__defaults .tfl-popup__location-link{font-weight:700;border-bottom:1px dotted #333}.tf-location__region{display:block;font-size:.7em;color:#999;line-height:1;margin-top:.3em}.tfl-popup-overlay{display:none;position:fixed;margin:0;padding:0;top:0;left:0;bottom:0;right:0;background:url(/bitrix/components/twofingers/location/templates/.default/img/custom-popup-overlay.png);z-index:10000}.tfl-popup-overlay__loader{--size:10rem;position:fixed;top:50%;left:50%;height:var(--size);width:var(--size);transform:translateX(-50%) translateY(-50%)}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle{--duration:2s;position:absolute;height:inherit;width:inherit;background:#fff;border-radius:50%;-webkit-animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite;animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:nth-of-type(2){-webkit-animation-delay:calc(var(--duration)/-3);animation-delay:calc(var(--duration)/-3)}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:nth-of-type(3){-webkit-animation-delay:calc(var(--duration)/-6);animation-delay:calc(var(--duration)/-6)}.tfl-popup__close{display:flex;position:absolute;cursor:pointer;opacity:.2;width:40px;height:40px;top:20px;right:20px;align-items:center;justify-content:center}.tfl-define-popup .tfl-popup__close{top:0;right:0}.tfl-popup__close:hover{opacity:.5}.tfl-popup__close:after,.tfl-popup__close:before{position:absolute;content:"";width:2px;background-color:#333;height:20px}.tfl-popup__close:before{transform:rotate(45deg)}.tfl-popup__close:after{transform:rotate(-45deg)}.tfl-popup__clear-field .tfl-popup__close{width:100%;height:100%;top:0;right:0}.tfl-popup__clear-field .tfl-popup__close:after,.tfl-popup__clear-field .tfl-popup__close:before{width:2px;height:15px;top:0;left:6px}.tfl-define-popup .tfl-popup__close{width:30px;height:30px}.tfl-define-popup .tfl-popup__close:after,.tfl-define-popup .tfl-popup__close:before{width:2px;height:15px;top:7px;left:15px}.tfl-body-freeze{overflow-y:hidden;margin-right:calc(-1*(100vw - 100%));height:auto}.tfl-body-blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.tfl-popup__nofound-mess{display:none;font-size:20px;text-align:center;position:absolute;top:50%;width:100%;color:#d5d5d5;transform:translateY(-50%)}.tfl-popup__container_no-found .tfl-popup__nofound-mess{display:block} /* End */ /* Start:/local/templates/main/components/bitrix/search.title/.default/style.css?17492518292134*/ div.title-search-result { border:1px solid rgb(31, 57, 76); display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:100%; } table.title-search-result th { color:#fafafa; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; /*white-space:nowrap;*/ white-space: normal; width:1%; } table.title-search-result td { background-color:#fafafa; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; /*white-space:nowrap;*/ white-space: normal; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:bottom; display:block; } table.title-search-result td.title-search-item img { vertical-align:bottom; } table.title-search-result td.title-search-item b { color: rgb(31, 57, 76); font-weight: 600; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#979797; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; /*padding-right:15px;*/ /*padding-left:24px;*/ padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:4px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:10px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/main/components/bitrix/search.title/mob/style.css?17492518292134*/ div.title-search-result { border:1px solid rgb(31, 57, 76); display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:100%; } table.title-search-result th { color:#fafafa; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; /*white-space:nowrap;*/ white-space: normal; width:1%; } table.title-search-result td { background-color:#fafafa; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; /*white-space:nowrap;*/ white-space: normal; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:bottom; display:block; } table.title-search-result td.title-search-item img { vertical-align:bottom; } table.title-search-result td.title-search-item b { color: rgb(31, 57, 76); font-weight: 600; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#979797; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; /*padding-right:15px;*/ /*padding-left:24px;*/ padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:4px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:10px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/mob/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/style.css?171993847945420*/ .bx-soa { padding-bottom:20px;} .bx-soa-section { border-radius: 2px; margin-bottom: 6px; -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; border: 1px solid #e8e9eb; } .bx-soa-section.bx-step-completed {border: 1px solid #83CB1B;} /*.bx-soa-section.bx-step-completed .bx-soa-section-title:before {*/ /*content: " ";*/ /*display: inline-block;*/ /*width: 18px;*/ /*margin:2px 10px 1px 0;*/ /*line-height: 20px;*/ /*height: 18px;*/ /*background: url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/sprite.png) no-repeat center 0;*/ /*vertical-align: middle;*/ /*}*/ .bx-soa-section-title-count{ display:inline-block; min-width:17px; height:17px; border-radius:8px; border:1px solid #98979d; vertical-align:middle; position: relative; margin: -3px 10px 0 0; } #bx-soa-order{ transition: 500ms opacity ease; counter-reset: heading; } .bx-soa-section .bx-soa-section-title-count:after { position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:#98979d; line-height:15px; counter-increment: heading; content: counter(heading); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-soa-section-title-count:before{ content:""; position:absolute; width:10px; height:10px; right:-5px; bottom:-2px; display:none; background: url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/sprite.png) no-repeat center; } .bx-soa-section.bx-step-completed .bx-soa-section-title-count{background:#87c73d;border-color:#87c73d;} .bx-soa-section.bx-step-completed .bx-soa-section-title-count:after{color:#fff;} .bx-soa-section.bx-step-completed .bx-soa-section-title-count:before{display:block;background-position:center 0;} .bx-soa-section.bx-step-warning .bx-soa-section-title-count{background:#f8c11a;border-color:#f8c11a;} .bx-soa-section.bx-step-warning .bx-soa-section-title-count:after{color:#000;} .bx-soa-section.bx-step-warning {border: 1px solid #CCBE71;} .bx-soa-section.bx-step-warning .bx-soa-section-title-count:before {display:block;background-position:center -37px;} .bx-soa-section.bx-step-error .bx-soa-section-title-count{background:#db4c4c;border-color:#db4c4c;} .bx-soa-section.bx-step-error .bx-soa-section-title-count:after{color:#fff;} .bx-soa-section.bx-step-error {border: 1px solid #db4a29;} .bx-soa-section.bx-step-error .bx-soa-section-title-count:before {display:block;background-position:center -20px;} /*.bx-soa-section.bx-step-error .bx-soa-section-title:before {background: url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/sprite.png) no-repeat center -18px;}*/ .bx-soa-section.bx-selected {border: 1px solid #91cedc;} .bx-soa-section-title-container { overflow: hidden; background: #f2f5f7; padding: 7px 0; font-size: 14px; } .bx-soa-section.bx-selected .bx-soa-section-title-container {padding: 15px 0;} .bx-soa-section-title { border-radius: 2px; margin: 0; color: #000; line-height: 15px; min-height: 20px; vertical-align: middle; font-size: 16px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-regular, 400); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-top: 3px; /*padding-left:0;*/ } .bx-soa-section.bx-selected .bx-soa-section-title {font-size: 22px;} .bx-soa-editstep { display: inline; font-size: 12px; vertical-align: middle; line-height: 22px; border-bottom: 1px dotted; } .bx-soa-section.bx-selected .bx-soa-editstep {display: none;} .bx-soa-section.bx-selected .bx-soa-editstep:hover {border-bottom: none;} .bx-soa-section-content { padding: 10px 15px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .bx-soa-section.bx-step-completed .bx-soa-section-content, .bx-soa-section.bx-selected .bx-soa-section-content {line-height: 18px;} /* Table */ .bx-soa-table-fade{ position:relative; } .bx-soa-table-fade:before{ left:0; background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } .bx-soa-table-fade:after{ right:0; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bx-soa-table-fade:before, .bx-soa-table-fade:after{ content: ""; width: 0; position: absolute; bottom: 10px; top: 0; height: 100%; display: block; -webkit-transition: width 300ms ease; -moz-transition: width 300ms ease; -ms-transition: width 300ms ease; -o-transition: width 300ms ease; transition: width 300ms ease; } .bx-soa-table-fade-left:before, .bx-soa-table-fade-right:after{width: 15px;} .bx-soa-item-table{ margin-bottom:10px; min-width:100%; display:table; } .bx-soa-item-tr{ display:table-row; } .bx-soa-item-td{ display:table-cell; vertical-align: top; padding-top:10px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border-top: 1px dotted #e5e5e5; } @media (min-width:769px){ .bx-soa-item-td{ padding-left: 7px; padding-right:7px; padding-bottom:10px; } } .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td{border-top: none} /*.bx-soa-item-block{padding-bottom:10px;}*/ .bx-soa-item-img-block{ float:left; padding-right:15px; } .bx-step-completed .bx-soa-item-img-block { width: 48px; padding-bottom:10px; padding-right:10px; } .bx-soa-item-imgcontainer { border-radius: 4px; border: 1px solid #c0cfd9; padding-top: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .bx-soa-item-content{} .bx-soa-item-title { font-weight: var(--ui-font-weight-bold); padding-bottom:5px; } .bx-soa-item-td-title { line-height: 20px; color: #7c7c7c; padding-bottom: 3px; font-size: 12px; } .bx-soa-item-td-text { line-height: 25px; vertical-align: middle; } .bx-soa-item-properties .bx-soa-item-td-title, .bx-soa-item-properties .bx-soa-item-td-text{ text-align:center;} .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:right;} .bx-soa-item-td-text input[type="number"] { height: 25px; line-height: 20px; } .bx-soa-item-td-text .bx-price {white-space: nowrap;} .bx-price-old { white-space: nowrap; text-decoration: line-through; color: #B8B8B8; font-size: 13px; } .bx-soa-item-td-control { padding-bottom: 5px; font-size: 11px; } @media (max-width:991px){ .bx-soa-item-table, .bx-soa-item-table>tbody, .bx-soa-item-tr, .bx-soa-item-td{display:block;} .bx-soa-item-tr.bx-soa-item-info-container, .bx-soa-item-tr .bx-soa-item-td{border:none;} .bx-soa-item-tr{ border-top: 1px dotted #e5e5e5; padding-bottom:15px; padding-top:10px; overflow:hidden; } .bx-soa-item-tr.bx-soa-item-tr-first{border:none;} .bx-soa-item-block{ overflow:hidden;} .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title, .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:center;} } @media (min-width:581px) and (max-width:991px){ .bx-soa-item-properties{float:left; padding-bottom:10px;} .bx-soa-item-td-title, .bx-soa-item-nth-4p1, .bx-soa-item-tr{clear:both;} } @media (max-width:580px){ .bx-soa-item-td {line-height: 17px;} .bx-soa-item-img-block{ float:none; max-width: 160px; margin: 0 auto; padding-right:0; } .bx-soa-section.bx-step-completed .bx-soa-item-img-block{float:left;} .bx-soa-item-content{padding-top:15px;} .bx-soa-section.bx-step-completed .bx-soa-item-content{padding-top:0;} .bx-scu-container{padding-top:10px;} .bx-soa-item-td-title, .bx-soa-item-td-text{ line-height:20px; display:inline-block !important; padding: 2px 5px; text-align: left; vertical-align:middle; font-size:13px; } .bx-soa-item-td-title:after {content: ":"} .bx-soa-item-properties {padding:0;} } @media (min-width: 580px) { .bx-soa-item-img-block { width: 85px; margin: 0; } } /* Advanced info */ .bx-soa-item-info-container{ position:relative; height:35px; } .bx-soa-item-info-container .bx-soa-item-td{ border:none; position:absolute; /*left:20px;*/ /*right:20px;*/ /*padding:0 20px;*/ } .bx-soa-item-info-container .bx-soa-item-info-block { height: 0; overflow: hidden; margin-bottom: 10px; } .bx-soa-item-info-block.bx-active { padding-top: 10px; height: auto; } .bx-soa-info-block{ border:none; max-width:100%; } .bx-soa-info-line {line-height: 15px;} .bx-soa-info-title { color: #7c7c7c; font-size: 12px; padding:4px 0; vertical-align:top; } .bx-soa-info-text { display: inline-block; font-size:12px; padding:4px 10px; vertical-align:top; } @media (max-width:580px){ .bx-soa-item-info-container .bx-soa-item-td{ position:static; left:auto; right:auto; padding:0; } .bx-soa-item-info-container{ position:relative; height:auto !important; min-height:0; } } /* Coupon */ .bx-soa-coupon { border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 10px; } .bx-soa-coupon-label { display: inline-block; font-weight: var(--ui-font-weight-bold); font-size: 13px; color: #000; padding-right: 10px; vertical-align: top; } .bx-selected .bx-soa-coupon-label{padding-top: 7px;} .bx-soa-coupon-item-fixed .bx-soa-coupon-block { font-weight:normal; } .bx-soa-coupon-item-fixed .bx-soa-coupon-label, .bx-soa-coupon-item-fixed .bx-soa-coupon-item { font-weight: normal; padding-top: 0; line-height: 20px; } .bx-soa-coupon-block { vertical-align: middle; line-height: 34px; } .bx-soa-coupon-input { display: inline-block; position:relative; vertical-align: middle; } .bx-soa-coupon-input:after { content:""; display:block; width: 8px; height:8px; background-color:transparent; border-right: 2px solid #8da3ad; border-bottom:2px solid #8da3ad; position:absolute; right:10px; top:50%; margin-top:-4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor:pointer; } .bx-soa-coupon-input input[type=text].form-control { border: 1px solid #CCD5DB; background-color: #f8fafc; background-image: none; border-radius: 2px; outline: none; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; box-shadow: none; } .bx-soa-coupon-input input[type=text].form-control:focus { border-color: rgb(99, 116, 126); outline: none; box-shadow: none; } .bx-step-completed .bx-soa-coupon-list { padding-top: 0; line-height: 20px; } .bx-soa-coupon-item{} .bx-soa-coupon-item strong:first-child{ margin-left:10px;} .bx-soa-coupon-item strong { white-space: nowrap; margin-right: 20px; position: relative; text-transform: uppercase; font-size: 15px; font-weight: var(--ui-font-weight-bold); display: inline-block; letter-spacing: -0.5px } .bx-soa-coupon-item strong.bx-soa-coupon-item-danger {color: #A94442;} .bx-soa-coupon-item strong.bx-soa-coupon-item-success{color: #3ba428;} .bx-soa-coupon-item strong.bx-soa-coupon-item-used{color: #777;} .bx-soa-coupon-item-danger-mess, .bx-soa-coupon-item-mess { display: none; position: absolute; left: 0; min-width: 100%; top: 100%; font-weight: normal; padding: 6px 10px; background: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); text-transform: none; color: #333; letter-spacing: normal; z-index: 1; } /*.bx-touch .bx-soa-coupon-item strong .bx-soa-coupon-item-mess,*/ .bx-soa-coupon-item strong:hover .bx-soa-coupon-item-mess, /*.bx-touch .bx-soa-coupon-item strong .bx-soa-coupon-item-danger-mess,*/ .bx-soa-coupon-item strong:hover .bx-soa-coupon-item-danger-mess {display: block;} .bx-soa-coupon-remove { display: inline-block; height:20px; width: 20px; margin-left: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNpEkM0KwjAQhGdr/Dv6Nj6EXkRvehTfRhS868lWWigU9OFEHGeTqIF0dydftrMJp0s1McMdwJ5AY0iLKaxVbwGbBxgeJKaCS4NjbJxQvlE4a/ektUFX9w5JCNolEzQmGCHlT8VjEFQjdvrBN0EOF4oOrXS5Cxmqs7NKVSEroPHlkLLOLRX4r5HOjenf3tE7DDyjxCLNx032ZFovSe80BK7Sl9IQmJ4gT4foSfowe+47jGx+xzidQxY9Zd/+/cLbIC8ztW9VHBL0fXDWGdeDc/ERYABB6E45iF95UQAAAABJRU5ErkJggg==) no-repeat center; cursor: pointer; vertical-align:middle; position:relative; top:-1px; } /* pickup */ #pickUpMap img { max-height: initial; } .bx-soa-pickup-preview-img { height: 76px; border: 1px solid #ddd; border-radius: 1px; padding: 1px; margin-left:10px; float: right; background-size: contain; background-repeat: no-repeat; background-position: center; } .bx-soa-pickup-subTitle { font-size: 15px; font-weight: var(--ui-font-weight-bold); padding-bottom: 10px; } .bx-soa-pickup-list { margin-bottom: 20px; } .bx-soa-pickup-list .bx-soa-pickup-list-item { border-top: 1px solid #dcdfe2; padding: 16px 35px; font-size: 13px; position: relative; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; } .bx-soa-pickup-list-item.bx-selected {background: #f8fafc;} .bx-soa-pickup-list .bx-soa-pickup-list-item:last-child {border-bottom: 1px solid #dcdfe2;} .bx-soa-pickup-l-item-adress { padding-left: 15px; color: #25495e; font-weight: var(--ui-font-weight-bold); line-height: 17px; min-height: 17px; position: relative; padding-right: 100px; } .bx-soa-pickup-l-item-adress:before { height: 17px; width: 18px; content: ""; top: 50%; left: -5px; margin-top: -8px; position: absolute; background: url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/sprite.png) no-repeat center -54px; } .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail { padding-top: 20px; display: none; } .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-detail {display: block;} .bx-soa-pickup-l-item-detail { padding-left: 100px; position: relative; min-height: 80px; } .bx-soa-pickup-l-item-detail.no-image {padding-left: 20px;} .bx-soa-pickup-l-item-btn { position: absolute; right: 0; top: 50%; margin-top: -17px; } .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn { padding-left: 100px; padding-top: 10px; float: none; position: relative; top: auto; right: auto; margin-top: 0; } .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn.no-image {padding-left: 20px;} .bx-soa-pickup-l-item-name {font-weight: var(--ui-font-weight-bold);} .bx-soa-pickup-l-item-img { position: absolute; top: 23px; left: 0; max-width: 90px; max-height: 90px; height: auto; width: auto; } /*Sidebar*/ .bx-soa-sidebar { position: relative; height: 100%; } .bx-soa-cart-total { border: 1px solid #e8e9eb; border-radius: 3px; padding: 20px; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; } .bx-soa-cart-total.bx-soa-cart-total-fixed { position: fixed; top: 10px; } .bx-soa-cart-total.bx-soa-cart-total-bottom {opacity: 0;} @media(max-width: 768px){ .bx-soa-cart-total.bx-soa-cart-total-fixed{ position: static; padding-top:0; width: 100% !important; } .bx-soa-cart-total.bx-soa-cart-total-bottom{ opacity:1 !important; position: static; } .bx-soa-cart-total-ghost{ display: none; } } .bx-soa-cart-total-line { padding: 5px 7px; font-size: 13px; border-top: 1px solid #e5e5e5; line-height: 25px; overflow: hidden; } .bx-soa-cart-total .bx-soa-cart-total-line:first-child {border-top: none;} .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {border-color: #bfbfbf;} .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t {font-weight: var(--ui-font-weight-bold);} .bx-soa-cart-total .bx-soa-cart-total-line-total { padding-top: 25px; border-bottom: none; } .bx-soa-cart-t {float: left;} .bx-soa-cart-d { float: right; text-align: right; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {font-weight: var(--ui-font-weight-bold);} .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {font-size: 28px;} .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 18px;} .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background-color: #d4ffb8; border-color: transparent; } .bx-soa-cart-total-line-highlighted + .bx-soa-cart-total-line { border-top: none; } .bx-soa-cart-total-button-container{ padding-top: 20px; text-align: center; } .bx-soa-cart-total-button-container>.btn{ width: 100%; } .bx-soa-more { border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 10px; } .bx-soa-price-not-calc{ border-bottom:1px dashed; color:#F55450; text-decoration:none; cursor: pointer; } .bx-soa-price-not-calc:active, .bx-soa-price-not-calc:hover{ border-color:transparent; color:#A94442; } .bx-soa-price-free{ color: #257210; } @media (max-width: 991px) { .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { white-space: nowrap; font-size: 19px; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 14px;} } @media (max-width: 580px) { .bx-soa-coupon-label { /*text-align: center;*/ display: block; padding-bottom: 5px; } .bx-soa-coupon-block {display: block;} .bx-soa-coupon-input {text-align: center;} .bx-soa-coupon-input input {display: inline-block !important;} .bx-soa-coupon-item {text-align: center;} .bx-soa-coupon-item strong { display: inline-block; position: relative; /*right: -20px;*/ } .bx-soa-coupon-item strong:first-child {margin-left: 0;} .bx-soa-coupon-remove:after { content: ""; clear: both; } .bx-soa-more {padding-top: 10px;} .bx-soa-pickup-l-item-detail {padding-left: 0;} .bx-soa-pickup-l-item-img { position: relative; left: auto; top: auto; max-width: 200px; max-height: 200px; } .bx-soa-pickup-l-item-adress {padding-right: 0;} } /* SCU */ .bx-scu-container{overflow:hidden;} .bx-soa-item-content .bx-scu-container {max-width: 200px;} .bx-scu-block {} .bx-scu-list { margin: 0; padding: 0 5px; } .bx-scu-itemlist { list-style: none; padding: 0; overflow: hidden; margin: 0 -5px; min-width: 40px; } .bx-scu-item { float: left; width: 20%; padding: 5px; } .bx-img-item { float: left; width: 50%; padding: 5px; min-width: 30px; max-width: 50px; } @media (max-width: 580px){ .bx-img-item { width: 45px; } } .bx-img-itemColor { position: absolute; top: 3px; right: 3px; left: 3px; bottom:3px; background-size: contain; -webkit-background-size: contain; background-position: center; background-repeat: no-repeat; } .bx-scu-itemColorBlock { position: relative; padding-top: 100%; cursor: pointer; outline: 1px solid #c0cfda; -webkit-transition: outline .2s ease; -moz-transition: outline .2s ease; -o-transition: outline .2s ease; transition: outline .2s ease; } .bx-scu-itemColorBlock:hover {outline: 1px solid #006cc0;} .bx-scu-itemColorBlock.selected {outline: 2px solid #006cc0;} .bx-scu-itemColor { position: absolute; top: 3px; right: 3px; left: 3px; bottom: 3px; background-size: contain; background-position: center; background-repeat: no-repeat; } .bx-scu-itemTextBlock { position: relative; cursor: pointer; outline: 1px solid #c0cfda; -webkit-transition: outline .2s ease; -moz-transition: outline .2s ease; -o-transition: outline .2s ease; transition: outline .2s ease; } .bx-scu-itemTextBlock:hover {outline: 1px solid #006cc0;} .bx-scu-itemTextBlock.selected {outline: 2px solid #006cc0;} .bx-scu-itemText { vertical-align: middle; text-align: center; font-size: 11px; line-height: 18px; white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; } /*.bx-step-completed*/ .bx-scu-container{ position:relative; height:35px; overflow:hidden; } /*.bx-step-completed*/ .bx-scu-container:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:25px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .bx-selected .bx-scu-container{height:auto;} .bx-selected .bx-scu-container:after{height: 0;} @media (max-width: 768px) { .bx-scu-container{height:auto;} .bx-scu-container:after{height: 0;} } /*.bx-step-completed*/ .bx-scu-container .bx-soa-item-td-title{line-height:20px;} .bx-scu-container .bx-soa-item-td-title, .bx-scu-container .bx-soa-item-td-text{ float: left; font-size:13px; padding-right:5px; line-height:19px; vertical-align: middle; padding-bottom:3px; } .bx-scu-container .bx-soa-item-td-title{clear: both;} /*.bx-scu-container .bx-soa-item-td-title:after{ content:": "; }*/ @media (min-width:768px){ .bx-scu-container .bx-soa-item-td-title, .bx-scu-container .bx-soa-item-td-text { padding-bottom:0; line-height:20px; } } /* AUTH */ .bx-soa h3.bx-title { font-size: 15px; font-weight: var(--ui-font-weight-bold); } .bx-soa-reg-block { background: #f8fafc; padding: 25px 20px; } .bx-soa-reg-block p { color: #595a5b; font-size: 13px; margin: 0 0 10px; padding: 0; } /*bx-soa-reference*/ .bx-soa-reference { color: #9a9a9a; font-size: 11px; padding-top: 10px; padding-bottom: 20px; } .bx-soa-auth .bx-soa-reference {border-top: 1px solid #f2f2f2;} /*REGION*/ .bx-sls .quick-location-tag, .bx-slst .quick-location-tag { display: inline-block; background: #d0ecf1; border-radius: 3px; padding: 10px 20px 11px; margin: 10px 2px; cursor: pointer; vertical-align: middle; font-size: 15px; line-height: 20px; height: auto; color: #333; border: none; -webkit-transition: background 200ms ease; -moz-transition: background 200ms ease; -o-transition: background 200ms ease; transition: background 200ms ease; } .bx-sls .quick-location-tag:hover, .bx-slst .quick-location-tag:hover {background-color: #e3f4f7;} .bx-sls .quick-location-tag:first-child, .bx-slst .quick-location-tag:first-child {margin-left: 0;} .bx-sls .quick-location-tag:last-child, .bx-slst .quick-location-tag:last-child {margin-right: 0;} .bx-soa .bx-soa-location-offered small {color: #737373;} .bx-soa-location-selected { padding-top: 12px; padding-bottom: 22px; } .bx-soa .bx-soa-customer-label, .bx-soa .bx-soa-custom-label, .bx-soa .form-group label { position: relative; font-size: 14px; font-weight: 500; padding-bottom: 2px; color: #000; } .bx-soa .bx-soa-customer-label-container small, .bx-soa .bx-soa-custom-label-container small, .bx-soa .form-group label small {color: #737373;} /*FIELDS*/ .form-control { background-color: #f8fafc; border: 1px solid #d5dadc; box-shadow: none; border-radius: 2px; } .form-group .form-control:focus {border-color: #63747e} .bx-soa .bx-soa-location-input-container {position: relative;} .bx-soa .bx-soa-customer-tel-input-container {position: relative;} .bx-soa .bx-soa-customer-tel-input-container {height: 41px;} .bx-soa .bx-soa-location-input {padding: 10px 40px 11px;} .bx-soa .bx-soa-customer-tel-input {padding: 10px 11px 10px 50px;} .bx-soa .bx-soa-location-input-container:before { content: " "; position: absolute; left: 8px; bottom: 9px; top: 9px; width: 20px; background-size: contain; } /*pay*/ .bx-soa-pp-company { padding-bottom: 20px; z-index: 100; position: relative; } .bx-soa-pp .bx-soa-pp-company { padding: 7px; border: 1px solid transparent; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .bx-soa-pp-desc-container {padding-top: 7px;} .bx-soa-pp-desc-container .bx-soa-pp-company { background: #f8fafc; border: 1px solid #d5dadc; padding: 7px 15px; } .bx-soa-pp-company-logo {padding-top: 6px;} .bx-soa-pp-company-graf-container { border: 2px solid #c3cace; border-radius: 2px; position: relative; background: #fff; width: auto; height: 0; /*margin-bottom: 10px;*/ padding-top: 50%; } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;} .bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {border-color: #159ebb;} .bx-soa-pp-company.bx-bd-error .bx-soa-pp-company-graf-container {border-color: #db4a29;} .bx-soa-pp-company.bx-bd-waring .bx-soa-pp-company-graf-container {border-color: #CCBE71;} input[type=checkbox].bx-soa-pp-company-checkbox { position: absolute; top: 7px; left: 7px; margin: 0; padding: 0; z-index: 100; } .bx-soa-pp-company-image { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } .bx-soa-pp-desc-container .bx-soa-pp-company-logo {max-width: 150px;} .bx-soa-pp-company-smalltitle { padding-top: 9px; color: #a3a3a3; font-size: 11px; text-align: center; padding-bottom: 5px; } .bx-soa-pp-company-title { font-size: 19px; font-weight: var(--ui-font-weight-bold); } .bx-soa-pp-company-subTitle { font-size: 15px; font-weight: var(--ui-font-weight-bold); } .bx-soa-pp-company-desc { font-size: 13px; padding-top: 10px; line-height: 17px; } .bx-soa-pp-company-selected{padding:4px 0;} .bx-soa-pp-company-selected strong{margin-left:10px;} ul.bx-soa-pp-list { margin: 10px 0; padding: 0; list-style: none; font-size: 13px; color: #000; } ul.bx-soa-pp-list li { clear: both; padding: 5px 0; } .bx-soa-pp-list-termin { color: #8d8d8d; display: block; } .bx-soa-pp-list-description {display: block;} .bx-soa-pp-delivery-cost { position: absolute; font-size: 14px; line-height: 14px; color: #fff; padding: 2px 4px; right: -2px; bottom: -2px; border-radius: 1px; background: rgba(0, 0, 0, .5); } .bx-soa-pp-field .form-control{background: #fff;} .bx-soa-pp-company-block .checkbox label, .bx-soa-pp-company-block .form-group label{font-size:13px;} .bx-soa-pp-company-block .form-control{font-size:13px;} .bx-soa-pp-price{ text-align:right; padding: 4px 0; } .bx-soa-service-small{ color: #a3a3a3; font-size: 11px; } /*CHECKBOX*/ @media (min-width:1200px) { .bx-soa-pp .bx-soa-pp-company:nth-child(3n+1) {clear: both;} } @media (min-width:992px) { .bx-soa-pp .bx-soa-pp-company:nth-child(3n+1) {clear: both;} } @media (min-width:768px) and (max-width:991px) { .bx-soa-pp .bx-soa-pp-company:nth-child(3n+1) {clear: both;} } @media (max-width:767px) { .bx-soa-pp .bx-soa-pp-company:nth-child(2n+1) {clear: both;} } @media (min-width:481px) and (max-width:766px) { .bx-soa-pp-desc-container .bx-soa-pp-company-logo { width: 100%; padding-top: 0 } .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none; } .bx-soa-pp-list-termin {width: 30%;} } @media (max-width:480px) { .bx-soa-pp-company-logo {width: 45%;} .bx-soa-pp-company-title {display: none;} /* .bx-soa-pp-company-smalltitle { font-weight: var(--ui-font-weight-bold); color: #000; font-size: 14px; }*/ .bx-soa-pp-item-container {border-right: none;} .bx-soa-pp-desc-container {} .bx-soa-pp-desc-container .bx-soa-pp-company-logo { width: 100%; padding-top: 0 } .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none;} .bx-soa-pp-list-termin {width: 40%;} /* .bx-soa-pp-list-description { margin-left: 45%; }*/ } @media only screen and (-webkit-min-device-pixel-ratio: 2),@media only screen and (min--moz-device-pixel-ratio: 2),@media only screen and (-moz-min-device-pixel-ratio: 2),@media only screen and (-o-min-device-pixel-ratio: 2/1),@media only screen and (min-device-pixel-ratio: 2),@media only screen and (min-resolution: 192dpi),@media only screen and (min-resolution: 2dppx){ .bx-soa-location-input-container { border-width: .5px; } } .bx-soa-section.bx-step-good { -webkit-animation: animationBorderStep ease 5s; -moz-animation: animationBorderStep ease 5s; -o-animation: animationBorderStep ease 5s; animation: animationBorderStep ease 5s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}} @-moz-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}} @-ms-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}} @-o-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}} @keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}} .bx-soa-section.bx-step-bad { -webkit-animation: animationBorderStepBad ease 5s; -moz-animation: animationBorderStepBad ease 5s; -o-animation: animationBorderStepBad ease 5s; animation: animationBorderStepBad ease 5s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}} @-moz-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}} @-ms-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}} @-o-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}} @keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}} .bx-soa-changeCostSign { -webkit-animation: changeCostSign ease .4s; -moz-animation: changeCostSign ease .4s; -o-animation: changeCostSign ease .4s; animation: changeCostSign ease .4s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}} @-moz-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}} @-ms-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}} @-o-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}} @keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}} .bx-sls.form-control {padding: 0;} .bx-sls .bx-ui-sls-pane, .bx-slst .bx-ui-combobox-dropdown{border: 1px solid #bdbdbd;} .bx-sls .dropdown-fade2white, .bx-slst .dropdown-fade2white{top:1px;} .bx-sls .form-control.dropdown-block, .bx-slst .form-control.dropdown-block{ background-color: #f8fafc; border: 1px solid #d5dadc; box-shadow: none; } .has-error .bx-sls .form-control.dropdown-block, .has-error .bx-slst .form-control.dropdown-block{ border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input{padding-top: 7px;} .bx-bd-error {border-color: #db4a29;} .bx-bd-waring {border-color: #CCBE71;} .wsnw{white-space: nowrap;} .bx-step-opacity { transition: 500ms opacity ease; } /* MAPS */ ymaps h3{ margin: 6px 0 10px 0; } /* AUTH */ .bx-authform{ margin: 0 0 25px; } /*block*/ .bx-authform-formgroup-container{ margin-bottom: 25px; } .bx-authform-content-container, .bx-authform-label-container{ font-size:13px; color: #5a6c77; padding-bottom: 2px; } .bx-authform-input-container{ position: relative; } .bx-authform-psw-protected{ height: 38px; width: 38px; position: absolute; right: 1px; top: 50%; margin-top: -19px; background: url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/sprite.png) no-repeat center; -webkit-background-size: 11px auto; background-size: 11px auto; } .bx-authform-psw-protected-desc{ display: none; background: #fff; position: absolute; width: 250px; left: 50%; margin-left: -125px; bottom: 100%; margin-bottom: 14px; border:1px solid #f0f1f2; padding: 10px 20px; font-size: 14px; z-index: 110; box-shadow: 0 6px 9px 0 rgba(0,0,0,.1) } .bx-authform-psw-protected:hover .bx-authform-psw-protected-desc{display: block;} .bx-authform-psw-protected-desc>span{ position: absolute; left: 0; right: 0; top: 100%; height: 14px; display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzNzExNDdGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzNzExNDhGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjM3MTE0NUZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjM3MTE0NkZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PodxyuQAAAFASURBVHjarJS/SgNBEMZ3x00glj6DL2Fn5UtYi7WdlYUIYhGwCYgPYBeIjbUvIYikCxaCGk/wZvf2n98dCiEm521y2xwzOzO/m5tvTn5knyrG+LLZ6211ux3R5rHWCtZGhBBOCbaTUu7kzM9FYVuDeO+FNsWjD+EQ9S/px/8EY7ctmHVO5KwzwM5Iymu4pjRzP24D5tAJs34D7Bzm3a+f5uLWgpWfCzMZY+YHG0QXqDVdBloZZp0VXzmXAriCOZq/pyV5STB0Eo0pHqCufXQygCs2BTWCxUrC5eDZO+f7iL+BSy+KpX9ethZWSVibCSDHiLutK0QNPv9CGIpDXWaCPTkioj5c7+uC/sBctSccMfjBrITrjsQvKEXB25DufUepDPtyAnvYNFElrkrVGZZxD89hSqJaYflL2Gtq0rcAAwDa/ePzqfelnAAAAABJRU5ErkJggg==) no-repeat center bottom; } .bx-authform-input-container input[type="text"], .bx-authform-input-container input[type="password"] { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-authform-input-container input[type="text"].bx-empty-field, .bx-authform-input-container input[type="password"].bx-empty-field{ border-color: #dd4b39; } span.bx-authform-starrequired{ color: #d93333; } .bx-authform-formgroup-container .bx-captcha{ margin-bottom: 10px; } .bx-authform-link-container, .bx-authform-description-container{ padding-bottom: 10px; font-size: 13px; color: #292d2e; } .bx-authform-description-container{ font-size: 13px; color: #5a6c77; } .bx-authform-link-container{margin-bottom: 20px;} hr.bxe-light{ border: 0; border-bottom: 1px solid #e5e5e5; margin-top: 20px; margin-bottom: 20px; } .alert{ border: none; border-radius: 1px; font-size: 14px; padding: 15px; margin-bottom: 20px; } .bxe-aleft-title{ font-weight: var(--ui-font-weight-bold); padding-bottom: 5px; } .alert-success { color: #3C763D; background-color: #DFF0D8; border-color: #D6E9C6; } .alert-warning { color: #8A6D3B; background-color: #FCF8E3; border-color: #FAEBCC; } .alert-danger { color: #A94442; background-color: #F2DEDE; border-color: #EBCCD1; } /* PAGINATION */ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{ background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{ background: #F9A91D; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{ background: #E22B2B; color: #fff; } #loading_screen{ position:fixed; z-index: 1150; left:50%; top:50%; margin-left: -32px; margin-top: -32px; width:64px; height:64px; } .bx-soa-tooltip.bx-soa-tooltip-static{ position: relative; z-index: 0; } .bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow{left:20px;} .bx-soa-tooltip .tooltip-inner{max-width: 300px;} .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow{border-top-color:#F2DEDE;} .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner{background:#F2DEDE;color:#A94442;} .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow{border-top-color:#FCF8E3;} .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner{background:#FCF8E3;color:#8A6D3B;} .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow{border-top-color:#dff0d8;} .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner{background:#dff0d8;color:#3c763d;} .bx-soa-tooltip.bx-soa-tooltip-coupon{display:none;} .bx-soa-coupon-item-used:hover .bx-soa-tooltip, .bx-soa-coupon-item-danger:hover .bx-soa-tooltip, .bx-soa-coupon-item-success:hover .bx-soa-tooltip{ display:block; opacity:1; bottom:100%; } .bx-soa-tooltip-coupon>span{ display:block; text-transform:none; } .bx-soa-empty-cart-image{ width:131px; height:116px; margin:50px auto 42px; background:url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/empty_cart.svg) no-repeat center; -webkit-background-size:contain; background-size:contain; } .bx-soa-empty-cart-text{ font-size:36px; text-align:center; color:#bababa; margin-bottom:42px; } .bx-soa-empty-cart-desc{ text-align:center; color:#000; font-size:16px; margin-bottom:42px; } .soa-property-container .input-group-addon{ background:#fff; } .input-group-addon .bx-calendar{ background:url(/local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/images/calendar.svg) no-repeat center; display: inline-block; width: 18px; background-size: 18px auto; height: 18px; } .icon-success { position: absolute; left: 16px; width: 21px; height: 21px; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxzdHlsZT4uc3Qwe2ZpbGw6IzcxYmEyNH08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTAuNSAwQzQuNyAwIDAgNC43IDAgMTAuNVM0LjcgMjEgMTAuNSAyMSAyMSAxNi4zIDIxIDEwLjUgMTYuMyAwIDEwLjUgMHpNOSAxNS40bC01LTQuOSAyLTIgMyAzIDYtNS45IDIgMi04IDcuOHoiLz48L3N2Zz4=); } .icon-warning { position: absolute; left: 16px; width: 22px; height: 20px; background-size: contain; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjAiPjxzdHlsZT4uc3Qwe2ZpbGw6I2RlYTcxMn08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMjEuNyAxNi43TDEyLjkgMS4xQzEyLjMuMSAxMS0uMyAxMCAuM2MtLjQuMi0uNy41LS45LjhMLjMgMTYuN2MtLjQuNy0uNCAxLjUgMCAyLjIuNC43IDEuMSAxLjEgMS45IDEuMWgxNy43Yy44IDAgMS41LS40IDEuOS0xLjEuMy0uNy4zLTEuNS0uMS0yLjJ6bS0xMC43LjhjLS44IDAtMS40LS42LTEuNS0xLjQgMC0uOC42LTEuNCAxLjQtMS41LjggMCAxLjQuNiAxLjUgMS40IDAgLjgtLjYgMS41LTEuNCAxLjV6bTEuNC02LjJjMCAuOC0uNiAxLjQtMS40IDEuNHMtMS40LS42LTEuNC0xLjRWNC43YzAtLjQuMy0uNy43LS43aDEuNWMuNCAwIC43LjMuNy43bC0uMSA2LjZ6Ii8+PC9zdmc+); } /* USER CONSENT */ label[data-bx-user-consent] { line-height: 13px; } label[data-bx-user-consent] a{ color: #000; font-weight: 100; } label[data-bx-user-consent] input{ margin-top: 2px; } /* End */ /* /local/css/swiper-bundle.min.css?171790416115817 */ /* /local/css/swiper.css?17179041612728 */ /* /local/css/fancybox.css?171790416115598 */ /* /local/css/ion.rangeSlider.css?17179041613244 */ /* /local/css/styles.css?175020474488746 */ /* /local/css/castom.css?17492518294454 */ /* /local/css/response_1439.css?171790416110607 */ /* /local/css/response_1279.css?171790416110022 */ /* /local/css/response_1023.css?171993847914449 */ /* /local/css/response_767.css?171993847912183 */ /* /local/css/response_479.css?17179041617459 */ /* /bitrix/components/twofingers/location/templates/.default/style.min.css?17199436078632 */ /* /local/templates/main/components/bitrix/search.title/.default/style.css?17492518292134 */ /* /local/templates/main/components/bitrix/search.title/mob/style.css?17492518292134 */ /* /local/templates/main/components/bitrix/sale.order.ajax/bitrix-original/style.css?171993847945420 */