/* Start:/local/templates/knives/css/libs/fancybox.css?167438616515598*/ .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/templates/knives/css/libs/swiper-bundle.min.css?167438616516466*/ /** * Swiper 8.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 26, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/knives/css/style.css?1773736277165639*/ *, ::after, ::before { box-sizing: border-box; } body { overflow-x: hidden; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .offers-carousel { max-width: 400px; } @media (max-width: 767px) { .offers-carousel { max-width: 100%; } } .offers-carousel__arrows .carousel-arrows__item { width: 26px; height: 26px; top: calc(50% - 13px); border: 1px solid #000033; } .offers-carousel__arrows .carousel-arrows__item._next { right: 10px; } .offers-carousel__arrows .carousel-arrows__item._prev { left: 10px; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25; } hr:not([size]) { height: 1px; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1 { font-size: 2.5rem; } } /* @media (max-width: 767px) { h1 { overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } } */ h2 { font-size: calc(1.325rem + .9vw); } @media (min-width: 1200px) { h2 { font-size: 2rem; } } h3 { font-size: calc(1.3rem + .6vw); } @media (min-width: 1200px) { h3 { font-size: 1.75rem; } } h4 { font-size: calc(1.275rem + .3vw); } @media (min-width: 1200px) { h4 { font-size: 1.5rem; } } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: .875em; } mark { padding: .2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; direction: ltr; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: .875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding: 0 20px; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1400px; } } @media (min-width: 1480px) { .container { max-width: 1480px; } } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-ExtraBold.eot"); src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBold.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Heavy.eot"); src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("/local/templates/knives/css/../fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Heavy.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-LightItalic.eot"); src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url("/local/templates/knives/css/../fonts/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-LightItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-ThinItalic.eot"); src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url("/local/templates/knives/css/../fonts/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-ThinItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-BlackItalic.eot"); src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url("/local/templates/knives/css/../fonts/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-BlackItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-BoldItalic.eot"); src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url("/local/templates/knives/css/../fonts/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-BoldItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-SemiBold.eot"); src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBold.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-UltraLightItalic.eot"); src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLightItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-SemiBoldItalic.eot"); src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBoldItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Light.eot"); src: local("Gilroy Light"), local("Gilroy-Light"), url("/local/templates/knives/css/../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Light.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-MediumItalic.eot"); src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("/local/templates/knives/css/../fonts/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-MediumItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-ExtraBoldItalic.eot"); src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBoldItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Regular.eot"); src: local("Gilroy Regular"), local("Gilroy-Regular"), url("/local/templates/knives/css/../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Regular.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-HeavyItalic.eot"); src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url("/local/templates/knives/css/../fonts/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-HeavyItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-HeavyItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Medium.eot"); src: local("Gilroy Medium"), local("Gilroy-Medium"), url("/local/templates/knives/css/../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Medium.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-RegularItalic.eot"); src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("/local/templates/knives/css/../fonts/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-RegularItalic.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-UltraLight.eot"); src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLight.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Bold.eot"); src: local("Gilroy Bold"), local("Gilroy-Bold"), url("/local/templates/knives/css/../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Bold.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Thin.eot"); src: local("Gilroy Thin"), local("Gilroy-Thin"), url("/local/templates/knives/css/../fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Thin.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url("/local/templates/knives/css/../fonts/Gilroy-Black.eot"); src: local("Gilroy Black"), local("Gilroy-Black"), url("/local/templates/knives/css/../fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/knives/css/../fonts/Gilroy-Black.woff") format("woff"), url("/local/templates/knives/css/../fonts/Gilroy-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } html { font-size: 24px; } @media (max-width: 1399px) { html { font-size: 22px; } } @media (max-width: 1199px) { html { font-size: 21px; } } @media (max-width: 991px) { html { font-size: 20px; } } @media (max-width: 767px) { html { font-size: 19px; } } @media (max-width: 575px) { html { font-size: 18px; } } body { background: #F1F3F8; font-family: 'Gilroy'; color: #000033; font-weight: normal; font-style: normal; } @media (prefers-color-scheme: dark) { body { background: #F1F3F8; color: #000033; } } @media (min-width: 992px) { body.compensate-for-scrollbar .header { width: calc(100% - 15px); } } body * { outline: none !important; } b, strong { font-weight: bold; } a, svg, path, rect, circle, button, span, ::before, ::after { transition: 0.5s ease; } button { border-radius: 0; -webkit-appearance: none; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; color: inherit; } input, textarea { -webkit-appearance: none !important; box-shadow: none !important; } .list-page { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .list-page__list { column-count: 2; padding: 60px; } @media (max-width: 767px) { .list-page__list { padding: 30px; } } @media (max-width: 575px) { .list-page__list { column-count: 1; } } @media (min-width: 576px) { .list-page__list li { padding-right: 40px; } } .svg { display: none; } .arrow-triangle { display: flex; align-items: center; } .arrow-triangle::after { content: ''; width: 8px; height: 8px; border-left: 1px solid; border-bottom: 1px solid; margin-left: 7px; position: relative; } .arrow-triangle._down::after { transform: rotate(-45deg); top: -2px; } /* .arrow-triangle._down._hover:hover::after { */ .arrow-triangle._down._hover._active::after { transform: rotate(135deg); top: 2px; } .arrow-triangle._right::after { transform: rotate(-135deg); } .arrow-triangle._left::after { transform: rotate(45deg); } .arrow-triangle._black-opacity::after { border-color: rgba(0, 0, 51, 0.4); } .arrow-triangle._black-opacity:hover::after, .arrow-triangle._black-opacity._active::after { border-color: #000033; } .header-top__nav .arrow-triangle::after { content: ''; width: 8px; height: 8px; border-left: 1px solid; border-bottom: 1px solid; margin-left: 7px; /* position: relative; */ position: absolute; right: 3px; } .header-top__nav .arrow-triangle > a { padding-right: 18px; } .header-top__nav .arrow-triangle._down::after { transform: rotate(-45deg); pointer-events: none; top: 50%; margin-top: -11px; } .header-top__nav .arrow-triangle._down._hover._active::after { transform: rotate(135deg); top: 50%; margin-top: -7px; } .carousel-arrows__item { width: 60px; height: 60px; border-radius: 50%; background: #FFFFFF; box-shadow: 0px 15px 30px rgba(0, 0, 51, 0.1); display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 30px); z-index: 6; } .carousel-arrows__item svg use { fill: #000033; } .carousel-arrows__item._next { transform: rotate(180deg); right: -20px; box-shadow: 15px 0 30px rgba(0, 0, 51, 0.1); } .carousel-arrows__item._prev { left: -20px; } .carousel-arrows__item.swiper-button-disabled { display: none !important; } h1, .h1 { font-size: 2rem; font-weight: 600; line-height: 120%; padding: 0; margin: 0 0 25px; } @media (max-width: 991px) { h1, .h1 { font-size: 1.77rem; margin-bottom: 15px; } } h1._search, .h1._search { font-size: 1.5rem; font-weight: 400; } h1._search span, .h1._search span { font-weight: bold; } h1 sup, .h1 sup { color: rgba(0, 0, 51, 0.4); margin-left: 10px; font-size: .83rem; position: relative; top: -20px; } @media (max-width: 991px) { h1 sup, .h1 sup { font-size: .77rem; top: -15px; } } @media (max-width: 767px) { h1 sup, .h1 sup { top: -8px; } } .header__row { position: relative; padding: 10px; width: 100%; background: #2F80ED; color: #fff; text-align: center; font-size: 14px; } .header__row.hidden { display: none; } .header__row span { background: #fff; padding: 7px 8px 6px; color: #003; border-radius: 5px; display: inline-block; } .header__row-close { width: 30px; height: 30px; border-radius: 50%; background: #FFFFFF; position: absolute; top: 50%; transform: translate(0, -50%); right: 15px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .header__row-close { width: 20px; height: 20px; } } .header__row-close::before, .header__row-close::after { content: ''; width: 1px; height: 12px; background: #000033; position: absolute; } @media (max-width: 991px) { .header__row-close::before, .header__row-close::after { height: 16px; width: 2px; } } @media (max-width: 767px) { .header__row { padding-right: 35px; padding-left: 35px; } .header__row-close { right: 10px; } .header__row-close::before, .header__row-close::after { height: 10px; width: 2px; } } .header__row-close::before { transform: rotate(45deg); } .header__row-close::after { transform: rotate(-45deg); } @media (max-width: 767px) { .header__row span { font-size: 10px; } } .header { position: fixed; width: 100%; background: #F1F3F8; z-index: 10; top: 0; border-bottom: 1px solid #E2E6EF; } .header._scroll .header-top { height: 30px; } .header._scroll .header__cols { height: 70px; } .header._scroll .header-catalog { max-height: calc(100vh - 100px); } .header__cols { height: 100px; display: flex; align-items: center; justify-content: space-between; transition: 0.5s ease; } @media (max-width: 991px) { .header__cols { height: 50px !important; } } .header__content { position: relative; z-index: 3; background: #F1F3F8; transition: 0.5s ease; } .header__content._active { z-index: 4; } .header__content._white { background: #FFFFFF; } @media (max-width: 1399px) { .header__logo-desktop { display: none; } } .header__logo-mobile { display: none; } @media (max-width: 1399px) { .header__logo-mobile { display: inline-block; } } .header__catalog { margin: 0 30px; height: 50px; background: #2F80ED; padding: 0 15px; border-radius: 5px; display: flex; align-items: center; font-size: .75rem; font-weight: 600; color: #FFFFFF; } @media (max-width: 991px) { .header__catalog { display: none; } } .header__catalog:hover { background: rgba(47, 128, 237, 0.7); } .header__catalog-icon { min-width: 24px; max-width: 24px; height: 24px; margin-right: 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .header__catalog-icon span { width: 18px; height: 2px; background: #FFFFFF; border-radius: 2px; margin-bottom: 4px; } .header__catalog-icon span:last-child { margin-bottom: 0; } .header__catalog._active .header__catalog-icon span { position: absolute; top: calc(50% - 2px); } .header__catalog._active .header__catalog-icon span:first-child { transform: rotate(45deg); } .header__catalog._active .header__catalog-icon span:nth-child(2) { transform: rotate(-45deg); } .header__catalog._active .header__catalog-icon span:last-child { display: none; } .header__search { flex-grow: 1; } @media (max-width: 991px) { .header__search { display: none; } } .header__controls { display: flex; align-items: center; padding-left: 30px; margin-top: 9px; } .header__control { display: flex; flex-direction: column; align-items: center; margin-right: 20px; font-size: .55rem; font-weight: 500; color: #000033; text-decoration: none; position: relative; } @media (max-width: 991px) { .header__controls { margin-top: 0; } .header__control { display: none; font-size: 0; } } .header__control:last-child { margin-right: 0; } .header__control:hover, .header__control._active { color: #2F80ED; } .header__control:hover svg use, .header__control._active svg use { stroke: #2F80ED; } .header__control svg { margin-bottom: 5px; } @media (max-width: 991px) { .header__control svg { margin-bottom: 0; } } .header__control svg use { stroke: #000033; } .header__control .header__control { margin-right: 0; } @media (max-width: 991px) { .header__cart { display: none; } } .header__cart:hover svg use, .header__cart._active svg use { fill: #2F80ED; } .header__cart svg use { stroke: none !important; fill: #000033; } .header__cart-icon { position: relative; } .header__cart-icon span { width: 19px; height: 19px; border-radius: 50%; background: #2F80ED; color: #FFFFFF; display: flex; align-items: center; justify-content: center; position: absolute; right: -10px; top: -10px; font-size: .75rem; } @media (max-width: 991px) { .header__cart-icon span { top: -6px; right: -6px; } } .header__mobile-catalog { display: none; margin-right: 0; position: relative; align-items: center; justify-content: center; width: 25px; font-size: .75rem; color: #000033 !important; } @media (max-width: 991px) { .header__mobile-catalog { display: flex; } } .header__mobile-catalog svg use { stroke: none !important; fill: #000033; } .header__mobile-catalog::before, .header__mobile-catalog::after { content: ''; width: 2px; height: 20px; background: #2F80ED; position: absolute; display: none; } .header__mobile-catalog::before { transform: rotate(45deg); } .header__mobile-catalog::after { transform: rotate(-45deg); } .header__mobile-catalog._active svg, .header__mobile-catalog._active span { display: none; } .header__mobile-catalog._active::before, .header__mobile-catalog._active::after { display: inline-block; } .header__profile:hover .header__profile-list { display: block; } .header__profile-list { position: absolute; top: 100%; padding-top: 10px; display: none; } .header__profile-list ul { background: #FFFFFF; padding: 15px; margin: 0; list-style: none; display: flex; flex-direction: column; border: 1px solid #E2E6EF; border-radius: 10px; } .header__profile-list ul li { color: rgba(0, 0, 51, 0.4); font-weight: 500; margin-bottom: 10px; } .header__profile-list ul li:last-child { margin-bottom: 0; } .header__profile-list ul li:hover, .header__profile-list ul li._active { color: #000033; } .header__profile-list ul li a { color: inherit; text-decoration: none; white-space: nowrap; } .header-top { background: #E2E6EF; height: 50px; display: flex; flex-direction: column; justify-content: center; font-size: .78rem; color: rgba(0, 0, 51, 0.4); position: relative; z-index: 5; transition: 0.5s ease; } @media (max-width: 991px) { .header-top { display: none; } } .header-top__cols { display: flex; align-items: center; justify-content: space-between; } .header-top__city { display: flex; align-items: center; } .header-top__city svg { margin-right: 10px; } .header-top__city svg use { fill: rgba(0, 0, 51, 0.4); } .header-top__city:hover { color: #000033; } .header-top__city:hover svg use { fill: #000033; } .product-page__info { width: 100%; } .product-page__info .header-top__city { color: #2F80ED; } .product-page__info .header-top__city svg use { fill: #2F80ED; } .product-page__info .arrow-triangle._black-opacity::after { border-color: #2F80ED; } .header-top__col { display: flex; align-items: center; padding-left: 30px; } .header-top__nav { margin-right: 60px; margin-top: 10px; } .header-top__nav>ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; } .header-top__nav>ul>li { position: relative; margin-right: 30px; padding-bottom: 10px; } .header-top__nav>ul>li:last-child { margin-right: 0; } .header-top__nav>ul>li:hover, .header-top__nav>ul>li._active { color: #000033; } .header-top__nav>ul>li._active>ul { display: flex; } .header-top__nav>ul>li>a { color: inherit; text-decoration: none; white-space: nowrap; } .header-top__nav>ul>li>ul { position: absolute; top: 100%; left: -15px; background: #FFFFFF; padding: 15px; margin: 0; list-style: none; display: none; flex-direction: column; border: 1px solid #E2E6EF; border-radius: 10px; } .header-top__nav>ul>li>ul>li { color: rgba(0, 0, 51, 0.4); font-weight: 500; margin-bottom: 10px; } .header-top__nav>ul>li>ul>li:last-child { margin-bottom: 0; } .header-top__nav>ul>li>ul>li:hover, .header-top__nav>ul>li>ul>li._active { color: #000033; } .header-top__nav>ul>li>ul>li>a { color: inherit; text-decoration: none; white-space: nowrap; } .header-top__phone { font-weight: 600; color: inherit; text-decoration: none; } .header-top__phone:hover { color: #000033; } .search { position: relative; z-index: 6; } .search._active .search__results { display: block; } @media (max-width: 991px) { .search._active .search__form { border: 2px solid #2F80ED; } } @media (max-width: 991px) { .search._active .search__input input { background: #FFFFFF; } } @media (max-width: 991px) { .search._active .search__submit { background: #FFFFFF; } } .search__form { display: flex; font-size: .75rem; position: relative; z-index: 2; } @media (max-width: 991px) { .search__form { font-size: .88rem; border: 2px solid transparent; border-radius: 5px; } } .search__input { position: relative; flex-grow: 1; height: 50px; } .search__input input { width: 100%; height: 100%; background: #FFFFFF; border: 2px solid #2F80ED; border-right: 0; border-radius: 5px 0 0 5px; padding: 0 50px 0 18px; } @media (max-width: 991px) { .search__input input { border: 0; background: #E2E6EF; } } .search__input input::-moz-placeholder { color: rgba(0, 0, 51, 0.4); } .search__input input::-ms-input-placeholder { color: rgba(0, 0, 51, 0.4); } .search__input input::-webkit-input-placeholder { color: rgba(0, 0, 51, 0.4); } .search__reset { /* width: 10px; height: 10px; */ width: 50px; height: 50px; display: none; align-items: center; justify-content: center; position: absolute; right: 20px; /* top: calc(50% - 5px); */ top: 0; } @media (max-width: 991px) { .search__reset { right: 0; } } .search__reset::after, .search__reset::before { content: ''; width: 1px; height: 12px; background: #000033; position: absolute; } .search__reset::before { transform: rotate(45deg); } .search__reset::after { transform: rotate(-45deg); } .search__reset._active { display: flex; z-index: 3; } .search__submit { background: #2F80ED; border-radius: 0 5px 5px 0; padding: 0 20px; color: #FFFFFF; font-weight: 600; } @media (max-width: 991px) { .search__submit { background: #E2E6EF; } .search__submit svg use { stroke: #000033; } } @media (min-width: 992px) { .search__submit:hover { background: #000033; } } .search__opacity { display: none; } @media (min-width: 992px) { .search__opacity { background: rgba(0, 0, 51, 0.07); position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; } .search__opacity._active { display: block; } } .search__results { position: absolute; z-index: 1; display: none; background: #FFFFFF; width: 100%; padding: 18px 15px 0; border-radius: 0 0 15px 15px; transition: 0.5s ease; top: calc(100% - 4px); } .search__results-result, .search__results-temp { display: none; flex-direction: column; } .search__results-result._active, .search__results-temp._active { display: flex; } .search__tags { margin-bottom: 15px; margin-right: -15px; padding-right: 15px; } .search__tags-slide { width: auto; } .search__tag { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0 15px; background: #E2E6EF; border-radius: 15px; font-weight: 500; font-size: .75rem; color: inherit; text-decoration: none; } @media (max-width: 991px) { .search__tag { font-size: .75rem; } } .search__tag:hover { background: #000033; color: #FFFFFF; } .search__items { display: flex; flex-direction: column; max-height: 280px; padding-bottom: 10px; } @media (max-width: 320px) { .search__items { max-height: 200px; } } .search__item { display: flex; align-items: center; position: relative; padding-right: 20px; margin-bottom: 10px; } .search__item:last-child { margin-bottom: 0; } .search__item-col { display: flex; align-items: center; flex-grow: 1; } .search__item-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 15px; } .search__item-picture { min-width: 52px; max-width: 52px; height: 52px; border: 1px solid #E2E6EF; border-radius: 5px; padding: 5px; display: flex; align-items: center; justify-content: center; } .search__item-picture img { width: 100%; max-width: 100%; height: auto; max-height: 100%; } .search__item-title { font-size: .75rem; color: inherit; text-decoration: none; font-weight: 500; } @media (max-width: 991px) { .search__item-title { font-size: .77rem; } } .search__item-title:hover { color: #2F80ED; } .search__item-title::after { content: ''; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } .search__item-price { font-weight: bold; font-size: .78rem; display: flex; align-items: center; } @media (max-width: 991px) { .search__item-price { font-size: .75rem; } } .search__item-price span { margin-right: 10px; } .search__item-price span:last-child { margin-right: 0; } .search__item-price span._old-price { font-weight: 500; color: #808099; text-decoration: line-through; font-size: .75rem; } @media (max-width: 991px) { .search__item-price span._old-price { font-size: .75rem; } } .search__item-arrow use { stroke: #000033; } .search__category { margin: 0 -15px; background: #E2E6EF; padding: 10px 35px 10px 15px; display: flex; align-items: center; justify-content: space-between; position: relative; border-radius: 0 0 15px 15px; } .search__category-col { flex-grow: 1; display: flex; align-items: center; } .search__category-content { display: flex; flex-grow: 1; flex-direction: column; align-items: flex-start; padding-left: 30px; } @media (max-width: 1199px) { .search__category-content { padding-left: 15px; } } .search__category-picture { min-width: 90px; max-width: 90px; height: 90px; background: #FFFFFF; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 10px; } @media (max-width: 991px) { .search__category-picture { min-width: 70px; max-width: 70px; height: 70px; } } .search__category-picture img { max-width: 100%; height: auto; max-height: 100%; } .search__category-subtitle { font-weight: 500; font-size: .75rem; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .search__category-subtitle { font-size: .75rem; } } .search__category-title { color: inherit; text-decoration: none; font-size: .75rem; font-weight: 500; } @media (max-width: 991px) { .search__category-title { font-size: .77rem; } } .search__category-title:hover { color: #2F80ED; } .search__category-title::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .search__category-arrow use { stroke: #000033; } .search__block { display: flex; flex-direction: column; padding-bottom: 15px; } .search__block:first-child { margin-bottom: 15px; border-bottom: 1px solid #E2E6EF; } .search__block._hide { display: none; } .search__block-title-block { display: flex; align-items: center; justify-content: space-between; color: #B3B3C2; font-size: .72rem; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } @media (max-width: 991px) { .search__block-title-block { font-size: .75rem; } } .search__block-clear { color: #2F80ED; font-size: .75rem; font-weight: 500; } @media (max-width: 991px) { .search__block-clear { font-size: .75rem; } } .search__block-clear:hover { color: #000033; } .search__block-items { display: flex; flex-direction: column; } .search__block-item { display: flex; align-items: center; margin-bottom: 15px; font-size: .75rem; font-weight: 500; } @media (max-width: 991px) { .search__block-item { font-size: .75rem; } } /* .search__block-item:last-child { margin-bottom: 0; } */ .search__block-item._hide { display: none; } .search__block-title { display: flex; align-items: center; flex-grow: 1; } .search__block-title:hover { color: #2F80ED; } .search__block-title:hover svg use { stroke: #2F80ED; } .search__block-title svg { margin-right: 10px; } .search__block-title svg use { stroke: #C0C4D3; } .search__block-remove { min-width: 10px; max-width: 10px; height: 10px; margin-left: 15px; display: flex; align-items: center; justify-content: center; position: relative; } .search__block-remove::before, .search__block-remove::after { content: ''; width: 1px; height: 12px; background: #B3B3C2; position: absolute; } .search__block-remove::before { transform: rotate(45deg); } .search__block-remove::after { transform: rotate(-45deg); } .search__block-remove:hover::before, .search__block-remove:hover::after { background: #2F80ED; } .search__block-description { color: #2F80ED; } .header-catalog { position: absolute; top: -100vh; background: #FFFFFF; width: 100%; padding: 30px 0; overflow-x: hidden; max-height: calc(100vh - 150px); overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; transition: .5s ease; z-index: 2; } @media (max-width: 991px) { .header-catalog { background: #F1F3F8; padding: 20px 0 80px; max-height: unset !important; height: calc(100vh - 50px) !important; } } .header-catalog::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .header-catalog._active { top: 100%; } @media (max-width: 991px) { .header-catalog._active { top: calc(100% + 1px); } } .header-catalog__cols { display: flex; margin: 0 -30px; } @media (max-width: 991px) { .header-catalog__cols { margin: 0; flex-direction: column; } } .header-catalog__col { padding: 0 30px; border-right: 1px solid #E2E6EF; } @media (max-width: 991px) { .header-catalog__col { padding: 0; border-right: 0; width: 100% !important; } .header-catalog__col._active { display: block; } } .header-catalog__col:last-child { border-right: 0; } .header-catalog__col._categories { width: 36%; } /* .header-catalog__col._compilations { width: 28%; } .header-catalog__col._brands { width: 21%; } */ .header-catalog__col._compilations { width: 38%; } .header-catalog__col._brands { width: 26%; } .header-catalog__col._price { width: 15%; } .header-catalog__title { font-size: .78rem; color: rgba(0, 0, 51, 0.4); font-weight: 600; text-transform: uppercase; margin-bottom: 13px; } @media (max-width: 991px) { .header-catalog__title { display: none; } } .header-catalog__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start; font-size: 0.75rem; } .header-catalog__list li { font-weight: 500; color: rgba(0, 0, 51, 0.4); margin-bottom: 10px; } @media (max-width: 991px) { .header-catalog__list li { margin-bottom: 15px; color: #000033; } } .header-catalog__list li:last-child { margin-bottom: 0; } .header-catalog__list li:hover, .header-catalog__list li._active { color: #000033; } @media (max-width: 991px) { .header-catalog__list li:hover, .header-catalog__list li._active { color: #2F80ED; } } .header-catalog__list li a { color: inherit; text-decoration: none; } .header-catalog__list li a sup { margin-left: 5px; } .header-catalog__tags { padding: 0; margin: 0 -10px -12px 0; list-style: none; display: flex; flex-wrap: wrap; } .header-catalog__tags li { margin: 0 10px 12px 0; } .header-catalog__tags li a { height: 40px; padding: 0 20px; display: flex; align-items: center; justify-content: center; color: #000033; text-decoration: none; font-size: .5rem; font-weight: 500; border-radius: 15px; white-space: nowrap; } @media (max-width: 991px) { .header-catalog__tags li a { font-size: .77rem; } } @media (max-width: 767px) { .header-catalog__tags li { margin: 0 8px 10px 0; } .header-catalog__tags li a { height: 30px; } } .header-catalog__tags._grey li a { background: #E2E6EF; } .header-catalog__tags._grey li a:hover { /* background: rgba(0, 0, 51, 0.15); */ background: #2F80ED; color: #FFFFFF; } .header-catalog__tags._beige li a { background: #F0E5D3; } .header-catalog__tags._beige li a:hover { background: #DABE92; color: #FFFFFF; } .header-catalog__tags._blue li a { background: #D5E6FB; } .header-catalog__tags._blue li a:hover { background: rgba(47, 128, 237, 0.7); color: #FFFFFF; } .header-catalog__opacity { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 7; background: rgba(0, 0, 51, 0.15); display: none; } .header-catalog__opacity._active { display: block; } .header-catalog__tabs { display: none; margin-bottom: 20px; margin-right: -20px; padding-right: 20px; } @media (max-width: 991px) { .header-catalog__tabs { display: block; } } .header-catalog__tab { width: auto; } .header-catalog__tab button { text-transform: uppercase; font-size: .77rem; font-weight: bold; color: rgba(0, 0, 51, 0.4); background: } .header-catalog__tab.swiper-slide-thumb-active button { color: #fff; min-width: 116px; border-radius: 55px; height: 40px; background: #2F80ED; } /* - категории голубые - подборки серые - Бренды золотистые */ @media (max-width: 767px) { .header-catalog__tab button { border-radius: 15px; /* background: #2F80ED; color: #000033; */ height: 40px; min-width: 116px; background: #FFFFFF; color: #000033; } .header-catalog__tab.swiper-slide-thumb-active button { color: #fff; min-width: 116px; border-radius: 55px; height: 40px; background: #2F80ED; } /* .header-catalog__tab:nth-child(2) button { background: #FFFFFF; color: #000033; min-width: 116px; border-radius: 55px; height: 40px; } .header-catalog__tab:nth-child(2) button:hover { background: #FFFFFF; color: #000033; min-width: 116px; border-radius: 55px; height: 40px; } */ /* .header-catalog__tab:nth-child(3) button { background: #FFFFFF; color: #000033; min-width: 116px; border-radius: 55px; height: 40px; } .header-catalog__tab:nth-child(3) button:hover { background: #FFFFFF; color: #000033; min-width: 116px; border-radius: 55px; height: 40px; } */ .cabinet-nav__list li {} .cabinet-nav__list li a { padding: 3px 10px 5px; border-radius: 15px; background: #2F80ED; color: #fff !important; line-height: 1.2; display: block; } .cabinet-nav__list li:nth-child(1) a { background: #E2E6EF; color: #000033 !important; } .cabinet-nav__list li:nth-child(1) a:hover { background: rgba(0, 0, 51, 0.15); color: #000033 !important; } .cabinet-nav__list li:nth-child(2) a { background: #F0E5D3; color: #000033 !important; } .cabinet-nav__list li:nth-child(2) a:hover { background: #DABE92; } } .header-catalog__search { display: none; margin-bottom: 20px; } @media (max-width: 991px) { .header-catalog__search { display: block; } } .scroll { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #C0C4D3 transparent; } .scroll::-webkit-scrollbar { width: 3px; } .scroll::-webkit-scrollbar-track { background: transparent; } .scroll::-webkit-scrollbar-thumb { background: #C0C4D3; border-radius: 10px; border: 0; } .panel { height: 60px; background: #FFFFFF; position: fixed; bottom: 0; width: 100%; z-index: 15; box-shadow: 0px 0px 30px rgba(0, 0, 51, 0.1); border-radius: 15px 15px 0 0; display: none; flex-direction: column; justify-content: center; } @media (max-width: 991px) { .panel { display: flex; } } .panel__controls { display: flex; align-items: center; justify-content: space-between; } .panel__control { display: flex; flex-direction: column; align-items: center; font-size: .75rem; font-weight: 500; text-decoration: none; color: #000033 !important; position: relative; } .panel__control svg { margin-bottom: 5px; } .panel__control svg use { stroke: #000033; } .panel__control svg._fill use { stroke: none; fill: #000033; } .panel__control._active { color: #2F80ED !important; } .panel__control._active svg use { stroke: #2F80ED; } .panel__control._active svg._fill use { stroke: none; fill: #2F80ED; } .panel__cart { width: 19px; height: 19px; border-radius: 50%; background: #2F80ED; color: #FFFFFF; display: flex; align-items: center; justify-content: center; position: absolute; right: 5px; top: -4px; font-size: .75rem; } .main { padding-top: 170px; } .header.__has_row:not(.hidden-row)~main { padding-top: 222px; } @media (max-width: 991px) { .main { padding-top: 70px; } .header.__has_row:not(.hidden-row)~main { padding-top: 120px; } } .tags { margin-bottom: 20px; } .tags__carousel { position: relative; padding-right: 150px; } .tags__carousel::after { content: ''; width: 40px; top: 0; bottom: 0; right: 0; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); position: absolute; z-index: 5; pointer-events: none; } .tags__slide { width: auto; } .tags__item { display: flex; align-items: center; justify-content: center; background: #E2E6EF; height: 40px; border-radius: 43px; padding: 0 25px; font-size: .75rem; color: inherit; font-weight: 500; text-decoration: none; } @media (max-width: 991px) { .tags__item { height: 30px; padding: 0 15px; font-size: .75rem; } } .tags__item:hover { background: #2F80ED; color: #FFFFFF; } .home-slider__wrapper { position: relative; } .home-slider__carousel { position: relative; } @media (max-width: 575px) { .home-slider__carousel { margin: 0 -20px; } } .home-slider__carousel::after, .home-slider__carousel::before { content: ''; width: 90px; top: 0; bottom: 0; position: absolute; z-index: 5; } @media (max-width: 575px) { .home-slider__carousel::after, .home-slider__carousel::before { display: none; } } .home-slider__carousel::after { right: 0; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); } .home-slider__carousel::before { left: 0; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); transform: matrix(-1, 0, 0, 1, 0, 0); } .home-slider__slide { width: 80%; } .home-slider__img { width: 100%; height: auto; border-radius: 30px; } @media (max-width: 991px) { .home-slider__img { border-radius: 15px; } } @media (max-width: 991px) { .home-slider__arrows { display: none; } } .section { padding: 100px 0; } @media (max-width: 1199px) { .section { padding: 70px 0; } } @media (max-width: 991px) { .section { padding: 50px 0; } } .section._pt0 { padding-top: 0 !important; } .section._pb0 { padding-bottom: 0 !important; } .section__title { font-size: 1.33rem; font-weight: 600; padding: 0; margin: 0 0 50px; line-height: 120%; } @media (max-width: 1199px) { .section__title { margin-bottom: 30px; } } @media (max-width: 991px) { .section__title { font-weight: 500; margin-bottom: 20px; } } .section__title-wrapper { display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px; } @media (max-width: 1199px) { .section__title-wrapper { margin-bottom: 30px; } } @media (max-width: 991px) { .section__title-wrapper { margin-bottom: 20px; } } .section__title-wrapper .section__title { margin-bottom: 0 !important; } .section__all { font-size: .75rem; font-weight: 600; text-decoration: none; color: rgba(0, 0, 51, 0.4); } .section__all::after { border-width: 2px !important; } .section__all:hover { color: #000033; } @media (max-width: 575px) { /* .section__all { display: none; } */ } .section__all._blue { color: #2F80ED; font-weight: 500; } .section__all._blue:hover { color: #000033; } .popular__tabs { display: flex; margin-bottom: 50px; } @media (max-width: 1199px) { .popular__tabs { margin-bottom: 30px; } } @media (max-width: 991px) { .popular__tabs { margin-bottom: 20px; } } @media (max-width: 575px) { .popular__tabs { margin-right: -20px; overflow-x: auto; } .popular__tabs::-webkit-scrollbar { width: 0; height: 0; } } .popular__tab { margin-bottom: 0 !important; margin-right: 60px; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .popular__tab { margin-right: 30px; } } @media (max-width: 575px) { .popular__tab { white-space: nowrap; } } .popular__tab:last-child { margin-right: 0; } .popular__tab._active { color: #000033; } .popular__content { position: relative; display: none; } .popular__content._active { display: block; } .popular__content._visible { display: block !important; } .popular__carousel { padding-bottom: 40px; margin-bottom: -40px; position: relative; padding-right: 90px; padding-left: 15px; margin-left: -15px; } @media (max-width: 575px) { .popular__carousel { padding-right: 20px; padding-left: 0; margin-left: 0; margin-right: -20px; } } .popular__carousel::after { content: ''; right: 0; top: 0; bottom: 0; width: 90px; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); z-index: 5; position: absolute; } @media (max-width: 575px) { .popular__carousel::after { display: none; } } .popular__slide { width: 300px; height: unset; } @media (max-width: 991px) { .popular__slide { width: 235px; } } @media (max-width: 991px) { .popular__arrows { display: none; } } .popular__arrows button { top: calc(50% - 60px) !important; } .product { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: #FFFFFF; position: relative; border-radius: 30px; padding: 15px; transition: 0.5s ease; cursor: pointer; } @media (max-width: 991px) { .product { border-radius: 15px; } } @media (min-width: 992px) { .product:hover { box-shadow: 0px 20px 20px rgba(0, 0, 51, 0.1); } .product:hover .product__cart button { background: #2F80ED; color: #FFFFFF; } .product:hover .product__remove { background: #000033; border-color: #000033; } .product:hover .product__remove::before, .product:hover .product__remove::after { background: #FFFFFF; } } .product__col { display: flex; flex-direction: column; position: relative; z-index: 1; } .product__labels { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; left: 15px; top: 15px; } @media (max-width: 991px) { .catalog__product .product__labels { left: 8px; top: 8px; } } .product__label { height: 32px; display: flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 15px; color: #FFFFFF; font-size: .58rem; transition: 0.5s ease; } @media (max-width: 991px) { .product__label { height: 22px; font-size: .75rem; } } .product__label._blue { background: #2F80ED; } .product__label._red { background: #D94646; } .product__label._green { background: #ED8C46; } .product__picture { display: flex; align-items: center; justify-content: center; } /* .product__picture img { width: 100%; height: auto; } */ .product__title { /*font-size: .75rem;*/ font-weight: 500; color: inherit; text-decoration: none; margin-bottom: 15px; line-height: 130%; } @media (max-width: 991px) { .product__title { /*font-size: .75rem;*/ margin-bottom: 5px; font-weight: bold; } } .product__title:hover { color: #2F80ED; } .product__title::after { content: ''; left: 0; top: 0; right: 0; bottom: 0; position: absolute; } .product__params { display: flex; flex-direction: column; margin-bottom: 20px; } @media (max-width: 991px) { .product__params { margin-bottom: 5px; } } .product__param { display: flex; align-items: center; justify-content: space-between; font-size: .58rem; font-weight: 500; margin-bottom: 5px; } @media (max-width: 991px) { .product__param { font-size: .75rem; margin-bottom: 0; } } .product__param:last-child { margin-bottom: 0; } .product__param span:first-child { padding-right: 10px; color: rgba(0, 0, 51, 0.4); } .product__param span:last-child { padding-left: 10px; } @media (max-width: 767px) { .product__param span:last-child { font-size: 12px; } } .product__offer { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .product__offer { margin-bottom: 5px; } } .product__prices { display: flex; align-items: center; padding-right: 10px; } @media (max-width: 767px) { .catalog__product .product__prices { padding-right: 0; } } .product__price { font-size: .73rem; font-weight: 600; margin-right: 15px; white-space: nowrap; } @media (max-width: 991px) { .product__price { font-size: .68rem; margin-right: 10px; } } @media (max-width: 767px) { .catalog__product .product__price { margin-right: 5px; } } .product__price:last-child { margin-right: 0; } .product__price._old-price { color: rgba(0, 0, 51, 0.4); font-weight: 500; font-size: .65rem; text-decoration: line-through; } @media (max-width: 991px) { .product__price._old-price { font-size: .68rem; } } .product__available { font-weight: 500; font-size: .75rem; padding-left: 10px; white-space: nowrap; } @media (max-width: 991px) { .product__available { font-size: .68rem; } } @media (max-width: 575px) { .product__available { /* font-size: .68rem; */ font-size: .6rem; padding-left: 8px; } } .product__available._true { color: #00CB9A; } .product__available._false { color: #D94646; } .product__controls { display: flex; align-items: center; justify-content: space-between; } .product__cart { padding-right: 10px; } @media (max-width: 991px) { .product__cart { padding-right: 5px; } } .product__cart button { padding: 0 20px; background: #E2E6EF; height: 40px; border-radius: 20px; font-weight: 500; font-size: .58rem; position: relative; } @media (max-width: 991px) { .product__cart button { height: 30px; font-size: .75rem; } } @media (max-width: 575px) { .product__cart button { padding: 0 10px; } } .product__cart button:hover { background: #000033 !important; color: #FFFFFF; } .product__cart button span { transition: none; } @media (max-width: 1400px) { .product__cart button span._desktop { display: none; } } .product__cart button span._mobile { display: none; } @media (max-width: 1400px) { .product__cart button span._mobile { display: block; } } .product__modules { display: flex; align-items: center; } .product__module { margin-right: 10px; height: 40px; min-width: 40px; max-width: 40px; background: #E2E6EF; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 991px) { .product__module { margin-right: 5px; height: 30px; min-width: 30px; max-width: 30px; } } .product__module:last-child { margin-right: 0; } .product__module svg { width: 60%; height: auto; } .product__module svg use { stroke: #000033; } .product__module:hover { background: #000033; } .product__module:hover svg use { stroke: #FFFFFF; } .product__module._active { background: #2F80ED; } .product__module._active svg use { stroke: #FFFFFF; fill: #FFFFFF; } .product__remove { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; border: 1px solid #E2E6EF; border-radius: 50%; background: #FFFFFF; display: flex; align-items: center; justify-content: center; z-index: 2; } @media (max-width: 991px) { .product__remove { width: 22px; height: 22px; } } .product__remove::before, .product__remove::after { content: ''; width: 1px; height: 12px; background: #000033; position: absolute; } @media (max-width: 991px) { .product__remove::before, .product__remove::after { height: 10px; } } .product__remove::before { transform: rotate(45deg); } .product__remove::after { transform: rotate(-45deg); } .files__remove { width: 30px; height: 30px; border: 1px solid #E2E6EF; border-radius: 50%; background: #FFFFFF; align-items: center; justify-content: center; z-index: 2; position: relative; margin-left: 15px; display: none; } .files__remove.active { display: flex; } .files__remove::before, .files__remove::after { content: ''; width: 1px; height: 12px; background: #000033; position: absolute; } .files__remove::before { transform: rotate(45deg); } .files__remove::after { transform: rotate(-45deg); } .files__remove:hover { background: #E2E6EF; } .product._compare .product__cart { flex-grow: 1; } .product._compare .product__cart button { width: 100%; } .product._compare .product__carousel { margin: -13px -13px 0 -13px; width: calc(100% + 26px); border-radius: 30px 30px 0 0; } @media (max-width: 991px) { .product._compare .product__carousel { border-radius: 15px 15px 0 0; } } @media (max-width: 575px) { .product._compare .product__carousel { margin: -15px -15px 0 -15px; width: calc(100% + 30px); } } .product._compare .product__carousel .product__picture { margin: 0; } .product._compare .product__carousel .product__picture img { border-radius: 0; } .product._compare .product__picture { margin: -13px -13px 15px -13px; } @media (max-width: 575px) { .product._compare .product__picture { margin: -15px -15px 15px -15px; } } .product._compare .product__picture img { border-radius: 30px; } @media (max-width: 991px) { .product._compare .product__picture img { border-radius: 15px; } } .product__carousel { width: 100%; position: relative; padding-bottom: 20px; } .product__carousel-pagination { position: absolute; left: 0; right: 0; bottom: 10px !important; } @media (min-width: 992px) { .product__carousel-pagination { top: 0; } } .categories-carousel { position: relative; } .categories-carousel__carousel { margin-left: -15px; padding-left: 15px; padding-bottom: 40px; margin-bottom: -40px; position: relative; padding-right: 90px; } @media (max-width: 575px) { .categories-carousel__carousel { margin-left: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 0; margin-right: -20px; padding-right: 20px; } } .categories-carousel__carousel::after { content: ''; position: absolute; width: 90px; top: 0; bottom: 0; right: 0; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); z-index: 5; } @media (max-width: 575px) { .categories-carousel__carousel::after { display: none; } } @media (max-width: 991px) { .categories-carousel__arrows { display: none; } } .categories-carousel__arrows button { top: calc(50% - 50px); } .categories-carousel__slide { width: 250px; } @media (max-width: 991px) { .categories-carousel__slide { width: 160px; } } .categories-carousel__item { height: 250px; border-radius: 30px; background: #E2E6EF; display: flex; position: relative; flex-direction: column; padding: 30px; transition: 0.5s ease; } @media (max-width: 991px) { .categories-carousel__item { height: 160px; padding: 15px; border-radius: 15px; } } @media (min-width: 992px) { .categories-carousel__item:hover { background: #FFFFFF; box-shadow: 0px 20px 20px rgba(0, 0, 51, 0.1); } } .categories-carousel__title { height: 40px; font-size: .78rem; font-weight: 600; color: inherit !important; text-decoration: none; margin-bottom: 8px; } @media (max-width: 991px) { .categories-carousel__title { height: 34px; font-size: .77rem; } } .categories-carousel__title::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .categories-carousel__title._catalog { font-size: .75rem; font-weight: 500; } .categories-carousel__title sup { color: rgba(0, 0, 51, 0.4); } .categories-carousel__picture { height: 140px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .categories-carousel__picture { height: 82px; } } .categories-carousel__picture img { max-width: 100%; max-height: 100%; height: unset; width: unset; } .brands__carousel { position: relative; padding-right: 90px; } @media (max-width: 575px) { .brands__carousel { padding-right: 20px; margin-right: -20px; } } .brands__carousel::after { content: ''; position: absolute; width: 90px; top: 0; right: 0; bottom: 0; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); z-index: 5; } @media (max-width: 575px) { .brands__carousel::after { display: none; } } .brands__slide { width: auto; height: unset; } .brands__item { display: flex; align-items: center; justify-content: center; } .brands__item img { max-width: 190px; max-height: 140px; width: unset; height: unset; transition: 0.5s ease; opacity: .3; } @media (max-width: 991px) { .brands__item img { max-width: 150px; max-height: 90px; } } .brands__item img:hover { opacity: 1; } .articles-carousel { position: relative; } .articles-carousel__carousel { padding-right: 90px; position: relative; } @media (max-width: 575px) { .articles-carousel__carousel { padding-right: 20px; margin-right: -20px; } } .articles-carousel__carousel::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 90px; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); z-index: 5; } @media (max-width: 575px) { .articles-carousel__carousel::after { display: none; } } @media (max-width: 991px) { .articles-carousel__arrows { display: none; } } .articles-carousel__arrows button { top: calc(50% - 120px); } .articles-carousel__slide { width: 430px; } @media (max-width: 991px) { .articles-carousel__slide { width: 300px; } } .articles-carousel__slide._all { width: 264px; } .article { display: flex; flex-direction: column; position: relative; } .article:hover .article__opacity { opacity: 0; } .article:hover .article__play { background: rgba(255, 255, 255, 0.3); } .article__picture { margin-bottom: 25px; } @media (max-width: 991px) { .article__picture { margin-bottom: 20px; } } .article__picture img { width: 100%; height: auto; border-radius: 30px; } @media (max-width: 991px) { .article__picture img { border-radius: 15px; } } .article__date { margin-bottom: 15px; font-size: .75rem; color: rgba(0, 0, 51, 0.4); font-weight: 600; } @media (max-width: 991px) { .article__date { margin-bottom: 10px; font-size: .77rem; } } .article__title { color: inherit; text-decoration: none; line-height: 120%; } .article__title:hover { color: #2F80ED; } .article__title::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .article__all { height: 264px; background: #E2E6EF; display: flex; align-items: center; justify-content: center; border-radius: 30px; position: relative; } @media (max-width: 991px) { .article__all { height: 184px; border-radius: 15px; } } .article__all a { display: flex; align-items: center; font-size: .75rem; font-weight: 600; color: inherit; text-decoration: none; } .article__all a span { margin-left: 20px; position: relative; top: unset; right: unset !important; box-shadow: none !important; } .article__all a:hover { color: #2F80ED; } .article__all a::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .article__video { position: relative; margin-bottom: 25px; } @media (max-width: 991px) { .article__video { margin-bottom: 20px; } } .article__opacity { transition: 0.5s ease; background: rgba(0, 0, 51, 0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 30px; } @media (max-width: 991px) { .article__opacity { border-radius: 15px; } } .article__play { width: 90px; height: 90px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; position: absolute; left: calc(50% - 45px); top: calc(50% - 45px); transition: 0.5s ease; } .article__play::after { content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-left: 15px solid #FFFFFF; border-bottom: 15px solid transparent; border-radius: 5px; } .footer { padding-bottom: 15px; } @media (max-width: 991px) { .footer { padding-bottom: 100px; } } .footer__wrapper { background: #E2E6EF; padding: 60px 60px 0; border-radius: 30px; } @media (max-width: 767px) { .footer__wrapper { padding: 30px 30px 0; border-radius: 15px; } } .footer__cols { display: flex; margin: 0 -15px; align-items: flex-start; padding-bottom: 30px; } @media (max-width: 1199px) { .footer__cols { flex-wrap: wrap; margin-bottom: -30px; } } @media (max-width: 767px) { .footer__cols { flex-direction: column; align-items: stretch; padding-bottom: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } } .footer__col { display: flex; flex-direction: column; align-items: flex-start; padding: 0 15px; } @media (max-width: 1199px) { .footer__col { margin-bottom: 30px; } } @media (max-width: 767px) { .footer__col { width: 100% !important; padding: 0; } } .footer__col._w16 { width: 16.66%; } @media (max-width: 1199px) { .footer__col._w16 { width: 33.33%; } } .footer__col._w25 { width: 25%; } @media (max-width: 1199px) { .footer__col._w25 { width: 50%; } } @media (max-width: 767px) { .footer__col._mobile-border { padding-top: 30px; border-top: 1px solid rgba(0, 0, 51, 0.15); } } .footer__list-title { font-size: .83rem; color: inherit; text-decoration: none; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } @media (max-width: 767px) { .footer__list-title { font-size: 1.11rem; font-weight: 600; margin-bottom: 0; } } @media (max-width: 767px) { .footer__list-title { display: flex; align-items: center; width: 100%; justify-content: space-between; } } .footer__list-title span { display: none; position: relative; z-index: 2; } @media (max-width: 767px) { .footer__list-title span { display: flex; } } .footer__list-title span::after { border-width: 2px; } div.footer__list-title:hover { cursor: default; } a.footer__list-title:hover { color: #2F80ED; } .footer__list-title._active span::after { position: relative; transform: rotate(135deg); top: 2px; } .footer__list-title._active+.footer__list { display: block; } .footer__list { padding: 0; margin: 0; list-style: none; } @media (max-width: 767px) { .footer__list { display: none; margin-top: 20px; } } .footer__list li { font-size: .75rem; color: rgba(0, 0, 51, 0.4); margin-bottom: 10px; line-height: 130%; } .footer__list li:last-child { margin-bottom: 0; } .footer__list li:hover { color: #000033; } .footer__list li a { color: inherit; text-decoration: none; } .footer__contact { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 30px; } .footer__contact:last-child { margin-bottom: 0; } .footer__contact-value { font-size: 1.33rem; font-weight: 600; color: inherit; text-decoration: none; line-height: 100%; margin-bottom: 3px; } @media (max-width: 1400px) { .footer__contact-value { font-size: 1rem; } } @media (max-width: 767px) { .footer__contact-value { font-size: 1.77rem; } } .footer__contact-value:hover { color: #2F80ED; } .footer__contact-text { font-size: .75rem; } @media (max-width: 767px) { .footer__contact-text { font-size: 1rem; } } .footer__contact-link { color: #00CB9A; text-decoration: none; } .footer__contact-link.__telegram { color: #0088cc; } .footer__contact-link.__viber { color: #7360f2; } .footer__contact-link:hover { color: #0a58ca; } @media (max-width: 991px) { .footer__contact._hidden-mobile { display: none; } } .footer__contact._visible-mobile { display: none; } @media (max-width: 991px) { .footer__contact._visible-mobile { display: flex; } } .footer__button { height: 60px; padding: 0 30px; border: 2px solid rgba(0, 0, 51, 0.15); border-radius: 30px; font-size: .75rem; font-weight: 500; text-transform: uppercase; } @media (max-width: 1400px) { .footer__button { font-size: .75rem; } } @media (max-width: 767px) { .footer__button { width: 100%; font-size: 1rem; padding: 0; } } .footer__button:hover { background: rgba(0, 0, 51, 0.15); color: #FFFFFF; } .footer__social { display: flex; align-items: center; margin: 0 0 30px; } @media (max-width: 767px) { .footer__social { justify-content: space-between; width: 100%; } } .footer__social a { min-width: 50px; max-width: 50px; height: 50px; background: #C0C4D3; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; } @media (max-width: 1400px) and (min-width: 992px) { .footer__social a { height: 40px; min-width: 40px; max-width: 40px; } } @media (max-width: 767px) { .footer__social a { margin-right: 0; } } .footer__social a:last-child { margin-right: 0; } .footer__social a:hover { background: #2F80ED; } .footer__card { display: flex; align-items: center; } @media (max-width: 1400px) { .footer__card { flex-wrap: wrap; margin-bottom: -20px; } } @media (max-width: 767px) { .footer__card { justify-content: space-between; width: 100%; } } .footer__card svg { margin-right: 20px; } @media (max-width: 1400px) { .footer__card svg { margin-bottom: 20px; } } @media (max-width: 767px) { .footer__card svg { margin-right: 10px; } } .footer__card svg:last-child { margin-right: 0; } .footer__card svg use { fill: #C0C4D3; } .footer__card svg:hover use { fill: #2F80ED; } .footer__copyright-cols { display: flex; align-items: center; padding: 15px 0; border-top: 1px solid rgba(0, 0, 51, 0.15); font-size: .78rem; color: rgba(0, 0, 51, 0.4); justify-content: space-between; } @media (max-width: 767px) { .footer__copyright-cols { flex-direction: column; font-size: .77rem; } } .footer__copyright-col { display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 767px) { .footer__copyright-col { margin-bottom: 10px; } .footer__copyright-col:last-child { margin-bottom: 0; } } .footer__copyright-col._center { align-items: center; } .footer__copyright-link { color: inherit; text-decoration: none; } .footer__copyright-link:hover { color: #000033; } .breadcrumbs { padding-bottom: 15px; } @media (max-width: 991px) { .breadcrumbs { padding-bottom: 20px; } } @media (min-width: 992px) { .breadcrumbs._small { padding-bottom: 60px; } } .breadcrumbs__list-wrapper { display: flex; } @media (max-width: 991px) { .breadcrumbs__list-wrapper._profile { justify-content: space-between; align-items: center; } } .breadcrumbs__list { margin: 0; list-style: none; display: flex; background: #E2E6EF; height: 44px; border-radius: 17px; padding: 2px 2px 2px 22px; font-size: .58rem; font-weight: 500; align-items: center; } @media (max-width: 991px) { .breadcrumbs__list { display: none; } } .breadcrumbs__list li { margin-right: 48px; } .breadcrumbs__list li:last-child { margin-right: 0; margin-left: -26px; } .breadcrumbs__list li a { color: inherit; text-decoration: none; } .breadcrumbs__list li a:hover { color: #2F80ED; } .breadcrumbs__list li>span { display: flex; align-items: center; height: 40px; background: #FFFFFF; border-radius: 15px; padding: 0 22px; } .breadcrumbs__mobile { display: none; font-size: .77rem; font-weight: 600; text-decoration: none; color: #000033 !important; } @media (max-width: 991px) { .breadcrumbs__mobile { display: flex; align-items: center; } } .breadcrumbs__mobile svg { transform: rotate(180deg); margin-right: 10px; } .breadcrumbs__mobile svg use { stroke: rgba(0, 0, 51, 0.4); stroke-width: 2px !important; } .breadcrumbs__exit { display: none !important; } @media (max-width: 991px) { .compare__clear.breadcrumbs__exit { display: flex !important; background: #003 !important; color: #fff !important; border: 0 !important; } } .catalog__cols { display: flex; } .catalog__col { display: flex; flex-direction: column; } .catalog__col._aside { min-width: 352px; max-width: 352px; margin-right: 10px; } @media (max-width: 1400px) { .catalog__col._aside { min-width: 300px; max-width: 300px; } } @media (max-width: 1199px) { .catalog__col._aside { display: none; } } .catalog__col._content { min-width: calc(100% - 362px); max-width: calc(100% - 362px); } @media (max-width: 1400px) { .catalog__col._content { min-width: calc(100% - 315px); max-width: calc(100% - 315px); } } @media (max-width: 1199px) { .catalog__col._content { min-width: 100%; max-width: 100%; } } .catalog__products { display: flex; flex-wrap: wrap; margin: 0 -5px -30px; } @media (max-width: 767px) { .catalog__products { margin-bottom: -15px; } } @media (max-width: 575px) { .catalog__products { margin-left: -20px; margin-right: -20px; justify-content: space-between; } } .catalog__product { padding: 0 5px; width: 33.33%; /* margin-bottom: 30px; */ margin-bottom: 10px; } @media (max-width: 767px) { .catalog__product { width: 50%; /* margin-bottom: 15px; */ margin-bottom: 2px; } .catalog__product .product { padding: 8px!important; /* padding-left: 8px!important; padding-right: 8px!important; */ } } .catalog__product .product__title { margin-bottom: 5px !important; } @media (max-width: 575px) { .catalog__product { padding: 0; width: calc(50% - 1px); } } .filter-aside { display: flex; flex-direction: column; padding: 30px; border-radius: 15px; background: #FFFFFF; position: sticky; top: 120px; max-height: calc(100vh - 240px); overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: none; } .filter-aside::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .filter-aside._scroll { max-height: calc(100vh - 130px); } .filter-aside__block { margin-bottom: 30px; display: flex; flex-direction: column; } .filter-aside__block:last-child { margin-bottom: 0; } .filter-aside__title { font-size: .75rem; font-weight: 500; text-align: left; display: flex; align-items: center; justify-content: space-between; } .filter-aside__title::after { content: '+'; color: rgba(0, 0, 51, 0.4); font-weight: 200; font-size: 1.5rem; line-height: 100%; } .filter-aside__title._active::after { content: '-'; } .filter-aside__title._active+.filter-aside__group { display: flex; } .filter-aside__group { margin-top: 10px; flex-direction: column; align-items: flex-start; display: none; } .filter-aside__group._row { flex-direction: row; align-items: center; } .filter-aside__radio { margin-bottom: 15px; } .filter-aside__radio:last-child { margin-bottom: 0; } .filter-aside__radio-input { display: none; } .filter-aside__radio-input:checked+label .filter-aside__radio-circle { border-color: #2F80ED; } .filter-aside__radio-input:checked+label .filter-aside__radio-circle::after { opacity: 1; } .filter-aside__radio-input:checked+label .filter-aside__checkbox-circle { border: 1px solid #2F80ED; background: #2F80ED; } .filter-aside__radio-input:checked+label .filter-aside__checkbox-circle::after { opacity: 1; } .filter-aside__radio-label { display: flex; align-items: center; font-size: .65rem; font-weight: 500; cursor: pointer; } @media (max-width: 991px) { .filter-aside__radio-label { font-size: .88rem; } } @media (max-width: 767px) { .filter-aside__radio-label[for="cart-bonuses"] { min-width: initial; width: fit-content; } .filter-aside__radio-label[for="cart-bonuses"] .filter-aside__radio-text { white-space: nowrap; } .for-bonuses-text { white-space: nowrap; } .lt_bonus_cont_success .filter-aside__radio { width: 100%; } .product-page__info-item { font-size: 16px!important; font-style: normal!important; font-weight: 700!important; clear: both!important; width: 100%!important; margin-left: 0!important; } .product-page__info-title { flex-wrap: wrap!important; margin-bottom: 40px!important; } .product-page__info-title.mobile-defailt-mb, .product-page__info-title + .product-page__info-title { margin-bottom: 8px!important; } } .filter-aside__radio-label sup { margin-left: 5px; color: rgba(0, 0, 51, 0.4); } .filter-aside__radio-circle { min-width: 20px; max-width: 20px; height: 20px; border-radius: 50%; border: 1px solid #E2E6EF; display: flex; align-items: center; justify-content: center; transition: 0.5s ease; margin-right: 10px; background: #FFFFFF; } .filter-aside__radio-circle:after { content: ''; min-width: 12px; max-width: 12px; height: 12px; border-radius: 50%; background: #2F80ED; opacity: 0; } .filter-aside__checkbox { margin-bottom: 10px; width: 50%; flex: 0 0 50%; padding-left: 5px; padding-right: 5px; } .filter-aside__checkbox:last-child { /* margin-bottom: 0; */ } .filter-aside__checkbox._grey .filter-aside__checkbox-label { background: #E2E6EF; } .filter-aside__checkbox._grey .filter-aside__checkbox-label:hover { background: rgba(0, 0, 51, 0.15); } .filter-aside__checkbox._beige .filter-aside__checkbox-label { background: #F0E5D3; } .filter-aside__checkbox._beige .filter-aside__checkbox-label:hover { background: #DABE92; color: #FFFFFF; } .filter-aside__checkbox._blue .filter-aside__checkbox-label { background: #D5E6FB; } .filter-aside__checkbox._blue .filter-aside__checkbox-label:hover { background: rgba(47, 128, 237, 0.7); color: #FFFFFF; } .filter-aside__checkbox-input { display: none; } .filter-aside__checkbox-input:checked+label { background: #2F80ED !important; color: #FFFFFF; } .filter-aside__checkbox-input:checked+label .filter-aside__checkbox-remove { display: flex; } .filter-aside__checkbox-circle { min-width: 20px; max-width: 20px; height: 20px; border-radius: 3px; background: #FFFFFF; border: 1px solid #E2E6EF; position: relative; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .filter-aside__checkbox-circle::after { position: absolute; content: ''; height: 5px; width: 10px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: rotate(-45deg); top: 5px; opacity: 0; } .filter-aside__checkbox-label { display: flex; align-items: center; justify-content: space-between; height: 40px; border-radius: 15px; /* padding: 0 22px; */ padding: 0 0 0 10px; cursor: pointer; font-size: .78rem; font-weight: 500; transition: 0.5s ease; } @media (max-width: 991px) { .filter-aside__checkbox-label { font-size: .77rem; } .filter-aside__checkbox-label { padding-right: 10px !important; } .filter-aside__checkbox { width: initial; flex: initial; } .filter-content__block-scroll { gap: 5px; } .filter-content__block-scroll .filter-aside__checkbox { margin-right: 0; } } @media (max-width: 991px) { .filter-aside__checkbox-label { font-size: .77rem; } } .filter-aside__checkbox-remove { min-width: 14px; max-width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; align-items: center; justify-content: center; /* margin-left: 10px; */ margin-right: 5px; display: none; position: relative; } @media (max-width: 767px) { .filter-aside__checkbox-remove { margin-left: 5px; } } .filter-aside__checkbox-remove::before, .filter-aside__checkbox-remove::after { content: ''; width: 1px; height: 6px; background: #000033; position: absolute; } .filter-aside__checkbox-remove::before { transform: rotate(45deg); } .filter-aside__checkbox-remove::after { transform: rotate(-45deg); } .filter-content { margin-bottom: 5px; } .filter-content.is-podborki { margin-bottom: 5px; } @media (max-width: 991px) { .filter-content { overflow-x: auto; } .filter-content::-webkit-scrollbar { width: 0; height: 0; } } @media (max-width: 575px) { .filter-content { margin-right: -20px; padding-right: 20px; } } .filter-content__form { display: flex; margin: 0 -5px; } .filter-content.is-podborki .filter-content__form { flex-wrap: wrap; } @media (max-width: 991px) { .filter-content__form { margin: 0; } } .filter-content__item { padding: 0 5px; width: 14.8%; position: relative; } .filter-content__item.code_STAL, .filter-content__item.code_RUKOYAT { width: 13%; } .filter-content__item.code_DLINA_KLINKA, .filter-content__item.code_TOLSHCHINA_KLINKA { width: 16.6%; } .filter-content__item.accessories__item { padding: 0 5px; width: auto; position: relative; } @media (max-width: 991px) { .filter-content__item { padding: 0; width: auto !important; margin-right: 5px; } .filter-content__item:last-child { margin-right: 0; } .filter-content.is-podborki .filter-content__form { flex-wrap: initial; } } .filter-content__title { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; background: #FFFFFF; padding: 0 15px; border: 1px solid #E2E6EF; border-radius: 15px; font-size: .55rem; font-weight: 500; color: #000033; text-decoration: none; margin-bottom: 10px; line-height: 1.2; } .filter-content.is-podborki .filter-content__title { white-space: nowrap; margin-bottom: 10px; } .filter-content.is-podborki .filter-content__item a { background-color: #E2E6EF; } .filter-content.is-podborki .filter-content__item a._active { background: #2F80ED; } @media (max-width: 1480px) { .filter-content__title { font-size: .55rem; } } @media (max-width: 991px) { .filter-content__title { white-space: nowrap; height: 32px; font-size: .75rem; } .filter-content__title::after { display: none; } } .filter-content__title._active { background: #2F80ED; color: white; } .filter-content__title._active::after { transform: rotate(135deg); top: 3px; } .filter-content__title._active+.filter-content__block { display: flex; } @media (max-width: 991px) { .filter-content__title._active+.filter-content__block { bottom: 0; } } .accessories__item .filter-content__title._active::before { display: none !important; } @media (max-width: 991px) { .filter-content__title._active::before { content: ''; position: fixed; left: 0; right: 0; bottom: 0; height: 100vh; display: block; background: rgba(0, 0, 51, 0.3); z-index: 19; } } .filter-content__block { position: absolute; top: calc(100% + 10px); left: 5px; background: #FFFFFF; border: 1px solid #E2E6EF; padding: 10px 10px 0 10px; /* min-width: 176px; */ /* width: 330px; */ width: 305px; border-radius: 15px; overflow: hidden; display: none; flex-direction: column; align-items: flex-start; transition: 0.5s ease; z-index: 3; } .filter-content__item._last .filter-content__block { right: 5px; left: initial; } .sortinger .filter-content__block { width: 176px; } @media (max-width: 991px) { .filter-content__block { position: fixed; left: 0; right: 0; top: unset; bottom: -100vh; width: 100%; min-width: 100%; z-index: 20; max-height: calc(100vh - 16px); padding: 30px 0; border-radius: 30px 30px 0 0; border: 0; display: flex; } } .filter-content__block._right { left: unset; right: 0; } .filter-content__block-scroll { display: flex; /* flex-direction: column; */ width: 100%; align-items: flex-start; max-height: 350px; overflow-y: auto; flex-wrap: wrap; } @media (max-width: 991px) { .filter-content__block-scroll { flex-direction: row; flex-wrap: wrap; } } @media (min-width: 992px) { .filter-content__block .container { width: 100%; max-width: 100%; padding: 0; } } @media (max-width: 991px) { .filter-content__block .container { padding: 0 30px; } } .filter-content__sorting { padding: 0; align-items: stretch; } @media (max-width: 991px) { .filter-content__sorting { padding: 30px 0; } } @media (max-width: 991px) { .filter-content__sorting-item { margin-bottom: 15px; } .filter-content__sorting-item:last-child { margin-bottom: 0; } } .filter-content__sorting-item input { display: none; } .filter-content__sorting-item input:checked+label { background: #E2E6EF; } @media (max-width: 991px) { .filter-content__sorting-item input:checked+label { background: none; color: #2F80ED; } } .filter-content__sorting-item label { white-space: nowrap; height: 32px; display: flex; padding: 0 14px; font-size: .75rem; font-weight: 500; align-items: center; cursor: pointer; } @media (max-width: 991px) { .filter-content__sorting-item label { height: auto; padding: 0; font-size: 1rem; } } .filter-content__sorting-item label:hover { background: rgba(0, 0, 0, 0.05); } @media (max-width: 991px) { .filter-content__sorting-item label:hover { background: none; } } @media (max-width: 991px) { .filter-content__checkbox { margin-right: 10px; } } .filter-content__checkbox label { font-size: .65rem; border-radius: 10px; height: 34px; white-space: nowrap; } @media (max-width: 991px) { .filter-content__checkbox label { height: 40px; font-size: .77rem; border-radius: 15px; } } .filter-content__submit { background: #2F80ED; margin-top: 10px; width: 100%; height: 34px; color: #FFFFFF; border-radius: 10px; font-size: .75rem; font-weight: 500; position: relative; display: none; margin-bottom: 10px; } .filter-content__submit:hover { color: #fff; } a.filter-content__submit { text-decoration: none; padding: 8px; } @media (max-width: 991px) { .filter-content__submit { height: 64px; margin-top: 20px; font-size: 1rem; font-weight: 600; border-radius: 32px; padding-left: 15px !important; } } .filter-content__submit._active { display: flex; align-items: center; } .filter-content__submit:hover { background: rgba(47, 128, 237, 0.7); } .filter-content__submit-count { height: 16px; position: absolute; /* padding: 2px 2px 2px 5px; */ padding: 2px 5px 0 5px; display: flex; align-items: center; border-radius: 10px; font-size: .71rem; font-weight: 600; right: 10px; top: calc(50% - 8px); background: #FFFFFF; color: #000033; } @media (max-width: 991px) { .filter-content__submit-count { height: 20px; right: 22px; padding-left: 7px; font-size: .77rem; top: calc(50% - 10px); } } .filter-content__submit-text { position: relative; top: 1px; } .filter-content__submit-remove { min-width: 12px; max-width: 12px; height: 12px; border-radius: 50%; background: #2F80ED; margin-left: 2px; position: relative; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; cursor: pointer; } @media (max-width: 991px) { .filter-content__submit-remove { min-width: 16px; max-width: 16px; height: 16px; margin-left: 5px; } } .filter-content__submit-remove::before, .filter-content__submit-remove::after { content: ''; width: 1px; height: 6px; background: #FFFFFF; position: absolute; } .filter-content__submit-remove::before { transform: rotate(45deg); } .filter-content__submit-remove::after { transform: rotate(-45deg); } .filter-content__title-mobile { display: none; align-items: center; justify-content: space-between; font-size: .77rem; font-weight: 600; color: rgba(0, 0, 51, 0.4); text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 991px) { .filter-content__title-mobile { display: flex; } } .filter-content__title-mobile button { display: flex; align-items: center; justify-content: center; min-width: 20px; max-width: 20px; height: 20px; position: relative; } .filter-content__title-mobile button::before, .filter-content__title-mobile button::after { content: ''; width: 2px; height: 20px; background: #000033; position: absolute; } .filter-content__title-mobile button::before { transform: rotate(45deg); } .filter-content__title-mobile button::after { transform: rotate(-45deg); } .filter-selected { display: none; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } @media (max-width: 991px) { .filter-selected { overflow-x: auto; flex-wrap: nowrap; margin-bottom: 15px; } .filter-selected::-webkit-scrollbar { width: 0; height: 0; } } @media (max-width: 575px) { .filter-selected { margin-right: -20px; } } .filter-selected._active { display: flex; } .filter-selected__item { display: flex; align-items: center; margin-right: 15px; font-size: .75rem; font-weight: 500; white-space: nowrap; margin-bottom: 5px; color: inherit; text-decoration: none; } @media (max-width: 991px) { .filter-selected__item { font-size: .75rem; margin-bottom: 0; } } @media (min-width: 992px) { .filter-selected__item:hover { color: #2F80ED; } .filter-selected__item:hover span { background: #2F80ED; border-color: #2F80ED; } .filter-selected__item:hover span::before, .filter-selected__item:hover span::after { background: #FFFFFF; } } .filter-selected__item span { min-width: 14px; max-width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; border: 1px solid #E2E6EF; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 5px; transition: 0.5s ease; } .filter-selected__item span::before, .filter-selected__item span::after { content: ''; width: 1px; height: 6px; background: #000033; position: absolute; } .filter-selected__item span::before { transform: rotate(45deg); } .filter-selected__item span::after { transform: rotate(-45deg); } .filter-selected__clear { height: 34px; border-radius: 10px; background: #FFFFFF; border: 1px solid #E2E6EF; padding: 0 12px; font-size: .75rem; font-weight: 500; display: none; align-items: center; white-space: nowrap; margin-bottom: 5px; } a.filter-selected__clear, a.filter-selected__clear:hover { text-decoration: none; color: #003; } @media (max-width: 991px) { .filter-selected__clear { font-size: .75rem; margin-bottom: 0; } } @media (min-width: 992px) { .filter-selected__clear:hover { background: #E2E6EF; } } .filter-selected__clear._active { display: flex; } /*.filter-content__title span,*/ .filter-selected__clear span { min-width: 14px; max-width: 14px; height: 14px; border-radius: 50%; background: #2F80ED; position: relative; margin-left: 10px; display: flex; align-items: center; justify-content: center; } .filter-content__title span { min-width: 14px; max-width: 14px; height: 14px; border-radius: 50%; background: white; position: relative; margin-left: 10px; display: flex; align-items: center; justify-content: center; } /*.filter-content__title span::before, .filter-content__title span::after,*/ .filter-selected__clear span::before, .filter-selected__clear span::after { content: ''; width: 1px; height: 6px; background: #FFFFFF; position: absolute; } .filter-content__title span::before, .filter-content__title span::after { content: ''; width: 1px; height: 6px; background: black; position: absolute; } .filter-content__title span::before, .filter-selected__clear span::before { transform: rotate(45deg); } .filter-content__title span::after, .filter-selected__clear span::after { transform: rotate(-45deg); } .pagination { padding-top: 40px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .pagination { flex-direction: column; padding-top: 30px; } } .pagination__more { display: flex; align-items: center; font-size: .75rem; font-weight: 500; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .pagination__more { margin-bottom: 25px; font-size: 1rem; } } .pagination__more svg { margin-right: 15px; } .pagination__more svg use { fill: rgba(0, 0, 51, 0.4); } .pagination__more:hover { color: #000033; } .pagination__more:hover svg { transform: rotate(180deg); } .pagination__more:hover svg use { fill: #000033; } .pagination__list { margin: 0 0 0 20px; padding: 0; list-style: none; display: flex; align-items: center; font-size: .78rem; color: #000033; font-weight: 600; justify-content: flex-end; } @media (max-width: 991px) { .pagination__list { font-size: .77rem; margin: 0; justify-content: center; } } .pagination__list li { margin-right: 30px; } .pagination__list li:last-child { margin-right: 0; } .pagination__list li a { color: rgba(0, 0, 51, 0.4); text-decoration: none; } .pagination__list li a:hover { color: #2F80ED; } .pagination__list-arrow::after { border-width: 2px; margin-left: 0; } .pagination__list-arrow:hover::after { border-color: #2F80ED; } .pagination__list, .pagination__empty { min-width: 35%; } @media (max-width: 991px) { .pagination__list, .pagination__empty { min-width: 100%; } } .modal { display: none; background: #FFFFFF; padding: 40px; max-width: 470px; width: 100%; position: relative; border-radius: 30px; } .fancybox__container .modal { display: flex; } @media (max-width: 991px) { .modal { padding: 30px 30px 70px; border-radius: 30px 30px 0 0; max-height: 100vh; overflow-y: auto; } .modal::-webkit-scrollbar { width: 0; height: 0; } } .modal._auth { max-width: 500px; } .modal._cart { max-width: 585px; } .modal .is-close { display: none; } .modal__title-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .modal__title { font-weight: bold; } @media (max-width: 991px) { .modal__title { padding-right: 15px; } } .modal__title._green { color: #00CB9A; } .modal__title-sub { color: rgba(0, 0, 51, 0.4); display: block; font-weight: normal; font-size: .75rem; } @media (max-width: 991px) { .modal__title-sub { font-size: 1rem; } } .modal__close { width: 30px; height: 30px; border-radius: 50%; background: #FFFFFF; position: absolute; top: 0; right: -45px; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .modal__close { position: relative; top: unset; right: unset; width: 20px; height: 20px; border-radius: 0; } } .modal__close::before, .modal__close::after { content: ''; width: 1px; height: 12px; background: #000033; position: absolute; } @media (max-width: 991px) { .modal__close::before, .modal__close::after { height: 16px; width: 2px; } } .modal__close::before { transform: rotate(45deg); } .modal__close::after { transform: rotate(-45deg); } .fancybox__backdrop { background: rgba(0, 0, 51, 0.3); } @media (max-width: 991px) { .fancybox__slide.has-inline { padding-left: 0; padding-right: 0; padding-bottom: 0; justify-content: flex-end; margin-bottom: -40px; } .fancybox__slide.has-inline::after { display: none !important; } } @media (min-width: 1024px) { .fancybox__slide { padding: 30px 100px; } } .fancybox__caption { font-size: .7rem; padding: 15px; border-radius: 10px; background: rgba(0, 0, 0, 0.7); margin-top: 20px; text-align: left; } .form__fieldset { margin-bottom: 20px; position: relative; } .form__fieldset._mb0 { margin-bottom: 0; } .form__label { font-size: .55rem; font-weight: 600; background: #FFFFFF; padding: 0 5px; position: absolute; left: 15px; top: -8px; opacity: 0; transition: 0.5s ease; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%) !important; } @media (max-width: 991px) { .form__label { font-size: .77rem; top: -10px; } } .form__input { height: 56px; padding: 0 18px; background: #FFFFFF; border: 2px solid #E2E6EF; border-radius: 10px; font-size: .75rem; width: 100%; transition: 0.5s ease; } textarea.form__input { padding-top: 10px; } @media (max-width: 991px) { .form__input { font-size: .89rem; } } .form__input::-webkit-input-placeholder { color: rgba(0, 0, 51, 0.4); } .form__input::-ms-input-placeholder { color: rgba(0, 0, 51, 0.4); } .form__input::-moz-placeholder { color: rgba(0, 0, 51, 0.4); } .form__input:focus { border-color: #2F80ED; } .form__input._active, .form__input:not(:placeholder-shown) { border-color: #000033; } .form__input._active+label, .form__input:not(:placeholder-shown)+label { opacity: 1; } .form__input:not(:placeholder-shown)+label+.form__clear, .form__input._active+label+.form__clear { opacity: 1; } .form__input._error { border-color: #D94646; } .form__input:disabled { background: #E2E6EF; } .form__textarea { height: 112px; padding: 15px 18px; background: #FFFFFF; border: 2px solid #E2E6EF; border-radius: 10px; font-size: .75rem; width: 100%; transition: 0.5s ease; resize: none; } @media (max-width: 991px) { .form__textarea { font-size: .89rem; height: 90px; } } .form__textarea::-webkit-input-placeholder { color: rgba(0, 0, 51, 0.4); } .form__textarea::-ms-input-placeholder { color: rgba(0, 0, 51, 0.4); } .form__textarea::-moz-placeholder { color: rgba(0, 0, 51, 0.4); } .form__textarea:focus { border-color: #2F80ED; } .form__textarea._active { border-color: #000033; } .form__textarea._active+label, .form__textarea:not(:placeholder-shown)+label { opacity: 1; } .form__textarea._active+label+.form__clear, .form__textarea:not(:placeholder-shown)+label+.form__clear { opacity: 1; } .form__textarea._error { border-color: #D94646; } /* .form__clear { position: absolute; width: 10px; height: 10px; right: 18px; top: 23px; display: flex; align-items: center; opacity: 0; } .form__clear::before, .form__clear::after { content: ''; width: 2px; height: 8px; background: #000033; position: absolute; } */ .form__clear { position: absolute; width: 20px; height: 20px; right: 15px; top: 50%; transform: translate(0, -50%); display: flex; align-items: center; opacity: 0; } .form__clear::before, .form__clear::after { content: ''; left: 9px; top: 6px; width: 2px; height: 8px; background: #000033; position: absolute; } .form__clear::before { transform: rotate(45deg); } .form__clear::after { transform: rotate(-45deg); } .form__bmt { margin-top: 30px; } @media (max-width: 991px) { .form__bmt { margin-top: 20px; } } .form__radios { display: flex; flex-direction: column; align-items: flex-start; } .form__submit { margin-top: 24px; } .form__submit button, .form__submit a { display: flex; width: 100%; height: 60px; background: #2F80ED; color: #FFFFFF; font-size: .75rem; font-weight: 600; border-radius: 30px; align-items: center; justify-content: center; text-decoration: none; } @media (max-width: 991px) { .form__submit button, .form__submit a { font-size: 1rem; } } .form__submit button:hover, .form__submit a:hover { background: #000033; } .form__submit button:disabled, .form__submit a:disabled { opacity: .2; } .form__submit button._grey, .form__submit a._grey { background: #E2E6EF; color: #000033; } .form__submit button._grey:hover, .form__submit a._grey:hover { background: #2F80ED; color: #FFFFFF; } .form__submit button._border, .form__submit a._border { background: #FFFFFF; border: 2px solid #2F80ED; color: #000033; } .form__submit button._border:hover, .form__submit a._border:hover { background: #D5E6FB; border-color: #D5E6FB; } .form__auth { color: #2F80ED; font-size: .75rem; font-weight: 500; margin: -20px 0 15px; } @media (max-width: 991px) { .form__auth { font-size: .88rem; margin-top: -15px; } } .form__timer { font-size: .78rem; text-align: center; font-weight: 500; margin-top: 20px; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .form__timer { font-size: .77rem; } } .form__product { display: flex; align-items: center; margin-bottom: 20px; } .form__product-picture { min-width: 100px; max-width: 100px; height: 100px; border: 2px solid #E2E6EF; border-radius: 13px; margin-right: 15px; overflow: hidden; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .form__product-picture { min-width: 90px; max-height: 90px; height: 90px; } } .form__product-picture img { max-height: 90%; max-width: 90%; width: unset; height: unset; } .form__product-content { display: flex; flex-direction: column; justify-content: center; font-size: .75rem; font-weight: 500; } @media (max-width: 991px) { .form__product-content { font-size: 1rem; } } .form__product-title { margin-bottom: 5px; line-height: 120%; } .form__product-price { font-weight: bold; } .form__rating { display: flex; align-items: center; font-size: .78rem; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .form__rating { font-size: .77rem; } } .form__rating-items { display: flex; align-items: center; margin-left: 15px; position: relative; top: -3px; flex-flow: row-reverse; } /* .form__rating-items .reviews-total__star:last-child { margin-right: 5px; } */ .form__rating-items input { display: none; } .form__rating-items input:checked+label svg use { /* fill: #2F80ED; */ fill: #FFA800; } .form__rating-items input:checked+label+input+label svg use { /* fill: #2F80ED; */ fill: #FFA800; } .form__rating-items input:checked+label+input+label+input+label svg use { /* fill: #2F80ED; */ fill: #FFA800; } .form__rating-items input:checked+label+input+label+input+label+input+label svg use { /* fill: #2F80ED; */ fill: #FFA800; } .form__rating-items input:checked+label+input+label+input+label+input+label+input+label svg use { /* fill: #2F80ED; */ fill: #FFA800; } .form__rating-items label { cursor: pointer; } .form__attachment { display: flex; flex-direction: column; align-items: flex-start; font-size: .78rem; } @media (max-width: 991px) { .form__attachment { font-size: .77rem; } } .form__attachment-title { color: rgba(0, 0, 51, 0.4); margin-bottom: 10px; } .form__attachment-input { margin-bottom: 15px; display: flex; width: 100%; align-items: center; } .form__attachment-input input { display: none; } .form__attachment-input label { height: 40px; border: 1px solid #E2E6EF; cursor: pointer; padding: 0 15px; display: flex; align-items: center; font-weight: 600; border-radius: 10px; transition: 0.5s ease; } .form__attachment-input label svg { margin-right: 6px; } .form__attachment-input label svg use { fill: #000033; } .form__attachment-input label:hover { background: #E2E6EF; } .form__attachment-upload { display: flex; align-items: center; font-weight: 500; margin-bottom: 15px; } .form__attachment-upload picture { min-width: 60px; max-width: 60px; border-radius: 10px; border: 1px solid #E2E6EF; margin-right: 15px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .form__attachment-upload picture img { max-width: 100%; max-height: 100%; } .form__attachment-info { display: flex; align-items: center; font-size: .75rem; } @media (max-width: 991px) { .form__attachment-info { font-size: .77rem; } } .form__attachment-info svg { margin-right: 12px; } .form__attachment-info svg use { stroke: #2F80ED; } .form__cols { display: flex; align-items: center; margin: 0 -15px; flex-wrap: wrap; } @media (max-width: 767px) { .form__cols { margin: 0; } } .form__col { padding: 0 15px; margin-bottom: 20px; width: 50%; } .form__col._big { width: 100%; } @media (max-width: 767px) { .form__col { width: 100%; padding: 0; } } .form__col .form__fieldset { margin-bottom: 0; } .form__col .cart__form-policy { margin-bottom: 0; } .form__btns { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px; } .form__btn { width: calc(50% - 7.5px); margin-top: 0 !important; } @media (max-width: 575px) { .form__btn { width: 100%; margin-bottom: 15px; } .form__btn:last-child { margin-bottom: 0; } } .product-page__cols { display: flex; align-items: flex-start; width: 100%; } @media (max-width: 991px) { .product-page__cols { margin-bottom: 45px; flex-direction: column; align-items: stretch; } } .product-page__cols:last-child { margin-bottom: 0; } .product-page__cols._top { max-width: 1220px; } .product-page__cols._bottom { max-width: 1310px; padding-top: 70px; } @media (max-width: 991px) { .product-page__cols._bottom { /* padding-top: 45px; */ padding-top: 0; } } @media (max-width: 991px) { .product-page__col { max-width: 100% !important; min-width: 100% !important; width: 100% !important; margin-left: 0 !important; } } .product-page__col._big { flex-grow: 1; max-width: 100%; width: 720px; } @media (max-width: 1400px) { .product-page__col._big { width: 630px; } } @media (max-width: 1199px) { .product-page__col._big { width: 450px; } } .product-page__col._small { max-width: 530px; min-width: 530px; margin-left: 60px; } @media (max-width: 1400px) { .product-page__col._small { margin-left: 30px; max-width: 440px; min-width: 440px; } } @media (max-width: 991px) { .product-page__col._params { order: -1; margin-bottom: 45px; } } .product-page__gallery { display: flex; align-items: flex-start; } @media (max-width: 991px) { .product-page__gallery { flex-direction: column; align-items: flex-start; } } .product-page__thumbs { min-width: 90px; max-width: 90px; margin-right: 10px; height: 620px; position: relative; padding-bottom: 30px; } @media (max-width: 1400px) { .product-page__thumbs { height: 530px; } } @media (max-width: 1199px) { .product-page__thumbs { min-width: 50px; max-width: 50px; height: 390px; } } @media (max-width: 991px) { .product-page__thumbs { margin-top: 10px; margin-bottom: 20px; min-width: 100%; max-width: 100%; margin-right: 0; height: 50px; padding-bottom: 0; padding-right: 30px; } } .product-page__thumbs::after { content: ''; background: linear-gradient(to bottom, rgba(241, 243, 248, 0) 0%, #F1F3F8 100%); position: absolute; height: 30px; left: 0; right: 0; bottom: 0; z-index: 5; } @media (max-width: 991px) { .product-page__thumbs::after { width: 30px; right: 0; top: 0; bottom: 0; left: unset; background: linear-gradient(to right, rgba(241, 243, 248, 0) 0%, #F1F3F8 100%); height: unset; } } .product-page__thumbs-slide { width: 100%; height: 90px; cursor: pointer; } @media (max-width: 1199px) { .product-page__thumbs-slide { height: 50px; } } @media (max-width: 991px) { .product-page__thumbs-slide { width: 50px; } } .product-page__thumbs-slide img { width: 100%; height: auto; border-radius: 15px; border: 2px solid #E2E6EF; transition: 0.5s ease; } @media (max-width: 1199px) { .product-page__thumbs-slide img { border-radius: 10px; } } .product-page__thumbs-slide.swiper-slide-thumb-active img { border-color: #2F80ED; } .product-page__carousel { min-width: 620px; max-width: 620px; border-radius: 30px; overflow: hidden; } @media (max-width: 1400px) { .product-page__carousel { min-width: 530px; max-width: 530px; } } @media (max-width: 1199px) { .product-page__carousel { min-width: 390px; max-width: 390px; } } @media (max-width: 991px) { .product-page__carousel { order: -1; margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { .product-page__carousel { min-width: 100%; max-width: 100%; border-radius: 10px; } } .product-page__carousel-slide { height: 620px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; } @media (max-width: 1400px) { .product-page__carousel-slide { height: 530px; } } @media (max-width: 1199px) { .product-page__carousel-slide { height: 390px; } } @media (max-width: 991px) { .product-page__carousel-slide { justify-content: flex-start; } } @media (max-width: 767px) { .product-page__carousel-slide { height: 335px; padding: 30px; } } .product-page__carousel-slide a, .product-page__carousel-slide picture { display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .product-page__carousel-slide a, .product-page__carousel-slide picture { height: 100%; width: 100%; } } .product-page__carousel-slide img { width: unset; height: unset; max-width: 80%; max-height: 80%; } @media (max-width: 767px) { .product-page__carousel-slide img { max-width: 100%; max-height: 100%; } } .product-page__labels { z-index: 5; left: 20px; top: 20px; } .product-page__content { display: flex; flex-direction: column; align-items: flex-start; } .product-page__title { font-size: 1rem; font-weight: 500; padding: 0; margin: 0 0 25px; } @media (max-width: 991px) { .product-page__title { font-size: 1.33rem; margin-bottom: 15px; } } .product-page__offer { display: flex; align-items: center; margin-bottom: 5px; } .product-page__prices { display: flex; align-items: center; margin-right: 15px; } .product-page__price { font-size: 1.33rem; font-weight: 500; margin-right: 15px; } .product-page__price:last-child { margin-right: 0; } .product-page__price._old-price { font-size: .65rem; color: rgba(0, 0, 51, 0.4); text-decoration: line-through; } .product-page__available { font-weight: 500; font-size: .75rem; } .product-page__available._true { color: #00CB9A; } .product-page__available._false { color: #D94646; } .product-page__bonus { height: 34px; padding: 0 15px; background: #2F80ED; border-radius: 10px; color: #FFFFFF; font-size: .78rem; font-weight: 500; display: flex; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .product-page__bonus { margin-bottom: 20px; font-size: .77rem; } } .product-page__controls { display: flex; align-items: center; margin-bottom: 25px; } @media (max-width: 991px) { .product-page__controls { margin-bottom: 20px; width: 100%; } } @media (max-width: 767px) { .product-page__controls { width: 100%; justify-content: space-between; } } .product-page__count { display: flex; align-items: center; margin-right: 15px; } .product-page__count-btn { min-width: 60px; max-width: 60px; height: 60px; border: 2px solid #E2E6EF; border-radius: 50%; background: transparent; font-size: 1.5rem; font-weight: 300; } @media (max-width: 991px) { .product-page__count-btn { min-width: 50px; max-width: 50px; height: 50px; } } .product-page__count-btn:hover { background: #E2E6EF; } .product-page__count-btn._minus::after { content: '-'; } .product-page__count-btn._plus::after { content: '+'; } .product-page__count-input { min-width: 60px; max-width: 60px; background: none; border: 0; text-align: center; padding: 0 10px; font-size: .75rem; font-weight: 500; } @media (max-width: 991px) { .product-page__count-input { min-width: 40px; max-width: 40px; } } .product-page__cart { padding: 0 30px; height: 60px; background: #2F80ED; border-radius: 30px; font-size: .75rem; font-weight: 600; color: #FFFFFF; } @media (max-width: 991px) { .product-page__cart { height: 50px; padding: 0 15px; } } @media (max-width: 575px) { .product-page__cart { flex-grow: 1; } } .product-page__cart:hover { background: #000033; } .product-page__modules { display: flex; align-items: center; margin-bottom: 55px; } @media (max-width: 991px) { .product-page__modules { margin-bottom: 35px; width: 100%; } } @media (max-width: 575px) { .product-page__modules { justify-content: space-between; } } .product-page__one-click { height: 60px; background: #E2E6EF; padding: 0 30px; border-radius: 30px; font-size: .75rem; font-weight: 600; margin-right: 15px; } @media (max-width: 991px) { .product-page__one-click { height: 50px; padding: 0 15px; margin-right: 10px; } } @media (max-width: 575px) { .product-page__one-click { white-space: nowrap; font-size: .7rem; } } .product-page__one-click:hover { background: #000033; color: #FFFFFF; } .product-page__module { min-width: 60px; max-width: 60px; height: 60px; margin-right: 15px; } @media (max-width: 991px) { .product-page__module { min-width: 50px; max-width: 50px; height: 50px; margin-right: 10px; } } .product-page__module:last-child { margin-right: 0; } .product-page__module svg { width: 24px; height: auto; } @media (max-width: 991px) { .product-page__module svg { width: 16px; } } .product-page__info { margin-bottom: 55px; display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 991px) { .product-page__info { margin-bottom: 35px; } } .product-page__info:last-child { margin-bottom: 0; } .product-page__info-title { font-size: .78rem; font-weight: bold; color: rgba(0, 0, 51, 0.4); text-transform: uppercase; margin-bottom: 8px; display: flex; /* align-items: center; */ align-items: flex-end; } @media (max-width: 991px) { .product-page__info-title { font-size: .77rem; } } .product-page__info-title button { margin-left: 15px; } .product-page__info-cols { display: flex; } .product-page__info-col { display: flex; flex-direction: column; align-items: flex-start; margin-right: 10px; } .product-page__info-col:last-child { margin-right: 0; } .product-page__info-item { font-size: .75rem; font-weight: 500; margin-bottom: 10px; } .product-page__info-item._small { font-size: .75rem; line-height: 1.7; margin-left: 5px; font-weight: bold; } @media (max-width: 991px) { .product-page__info-item { font-size: .88rem; } .product-page__info-item._small { font-size: .75rem; line-height: 1.7; } } .product-page__info-item:last-child { margin-bottom: 0; } .product-page__info-item._strong { font-weight: bold; } .product-page__info-item._blue { color: #2F80ED; } .product-page__info-offers-link img { width: 100%; border: 2px solid #ddd; border-radius: 15px; /* margin-right: 10px; */ /* height: 90px; */ } .offers-items { display: flex; align-items: flex-start; gap: 1px; width: 100%; } .offers-items .product-page__info-offers-link img { max-width: 79px; } @media(max-width: 767px) { .offers-items .product-page__info-offers-item { flex: 0 0 20%; width: 20%; } } .product-page__info-offers-link img:hover { border: 2px solid #2F80ED; } @media (hover: none) { .product-page__info-offers-link img:hover { border: 2px solid #ddd; } } .product-page__info-offers { display: flex; align-items: center; justify-content: center; flex-direction: row; } .product-page__info .offers-blue img { border: 2px solid #2F80ED; } .product-page__info-title .model_black { color: #000033; } .product-page__tabs { margin-bottom: 25px; display: flex; align-items: center; } @media (max-width: 575px) { .product-page__tabs { justify-content: space-between; } } .product-page__tabs .product-page__tab-title { margin-bottom: 0; } .product-page__tab { color: rgba(0, 0, 51, 0.4); margin-right: 30px; } @media (max-width: 575px) { .product-page__tab { margin-right: 15px; } } .product-page__tab:last-child { margin-right: 0; } .product-page__tab._active { color: #000033; } .product-page__tab sup { margin-left: 5px; } .product-page__tab-title { font-weight: 500; margin-bottom: 25px; } .product-page__tab-content { display: none; } .product-page__tab-content._active { display: flex; flex-direction: column; } .product-page__tab-content p { font-size: .75rem; margin-bottom: 15px; } .product-page__tab-content p:last-child { margin-bottom: 0; } .product-page__params { display: flex; flex-direction: column; } .product-page__param { padding: 12px 15px; background: #FFFFFF; border-radius: 10px; display: flex; align-items: center; font-size: .78rem; } @media (max-width: 991px) { .product-page__param { font-size: .77rem; } } .product-page__param:nth-child(2n) { background: transparent; } .product-page__param span { width: 50%; } .product-page__param span:first-child { padding-right: 10px; } .product-page__param span:last-child { padding-left: 10px; } .reviews-carousel { margin-bottom: 30px; position: relative; } .reviews-carousel._mb0 { margin-bottom: 0; } .reviews-carousel._mt20 { margin-top: 20px; } .reviews-carousel__carousel { position: relative; padding-right: 90px; } @media (max-width: 575px) { .reviews-carousel__carousel { padding-right: 0; margin-right: -20px; } } .reviews-carousel__carousel._pr0 { padding-right: 0; } .reviews-carousel__carousel._pr0::after { display: none; } .reviews-carousel__carousel::after { content: ''; right: 0; top: 0; bottom: 0; width: 90px; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); position: absolute; z-index: 5; } @media (max-width: 575px) { .reviews-carousel__carousel::after { display: none; } } @media (max-width: 991px) { .reviews-carousel__arrows { display: none; } } .reviews-carousel__slide { width: 120px; } @media (max-width: 991px) { .reviews-carousel__slide { width: 90px; } } .reviews-carousel__slide a, .reviews-carousel__slide picture { display: block; } .reviews-carousel__slide img { width: 100%; height: auto; border-radius: 10px; } .reviews-total { margin-bottom: 30px; padding: 30px; background: #FFFFFF; border-radius: 30px; } @media (max-width: 991px) { .reviews-total { padding: 20px; border-radius: 15px; } } .reviews-total__cols { margin: 0 -15px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1199px) { .reviews-total__cols { margin: 0; flex-direction: column; align-items: stretch; } } .reviews-total__col { padding: 0 15px; width: 50%; } @media (max-width: 1199px) { .reviews-total__col { padding: 0; width: 100%; max-width: 100% !important; } } .reviews-total__col:first-child { max-width: 277px; } .reviews-total__col:last-child { max-width: 323px; } .reviews-total__mark-cols { margin: 0 -15px; display: flex; align-items: center; } @media (max-width: 1199px) { .reviews-total__mark-cols { margin-bottom: 20px; } } .reviews-total__mark-col { padding: 0 15px; width: 50%; } @media (max-width: 1199px) { .reviews-total__mark-col { width: auto; } } .reviews-total__mark { font-size: 3.2rem; line-height: 100%; } .reviews-total__stars { display: flex; align-items: center; margin-bottom: 5px; } .reviews-total__star { margin-right: 1px; padding: 0 2px; position: relative; } .reviews-total__star:last-child { margin-right: 0; } .reviews-total__star svg use { fill: #D5E6FB; } .reviews-total__star._active svg use { /* fill: #2F80ED; */ fill: #FFA800; } .reviews-total__star-half { position: absolute; top: 0; left: 0; width: 10px; overflow: hidden; } .reviews-total__star-half svg use { /* fill: #2F80ED; */ fill: #FFA800; } .reviews-total__info { font-size: .75rem; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .reviews-total__info { font-size: .77rem; } } .reviews-total__btn { height: 40px; border-radius: 20px; background: #2F80ED; color: #FFFFFF; padding: 0 30px; font-size: .78rem; font-weight: 500; } @media (max-width: 991px) { .reviews-total__btn { font-size: .77rem; line-height: 1.2; height: auto; padding: 5px 10px; } } .reviews-total__btn:hover { background: #000033; } .reviews-total__progress { display: flex; flex-direction: column; } @media (max-width: 1199px) { .reviews-total__progress { margin-top: 20px; } } .reviews-total__progress-item { display: flex; align-items: center; margin-bottom: 10px; } .reviews-total__progress-item:last-child { margin-bottom: 0; } .reviews-total__progress-title { font-size: .83rem; } .reviews-total__progress-title:first-child { min-width: 14px; max-width: 14px; margin-right: 8px; } .reviews-total__progress-title:last-child { min-width: 40px; max-width: 40px; margin-left: 10px; } @media (max-width: 575px) { .reviews-total__progress-title:last-child { min-width: 25px; max-width: 25px; } } .reviews-total__progress-line { flex-grow: 1; height: 4px; background: #E2E6EF; border-radius: 2px; position: relative; } .reviews-total__progress-line span { position: absolute; background: #2F80ED; border-radius: 2px; height: 4px; left: 0; top: 0; } .reviews { display: flex; flex-direction: column; } .reviews__item { display: flex; flex-direction: column; margin-bottom: 5px; padding: 30px; background: #FFFFFF; border-radius: 15px; } @media (max-width: 991px) { .reviews__item { padding: 20px; } } .reviews__item:last-child { margin-bottom: 0; } .reviews__date { font-size: .78rem; color: rgba(0, 0, 51, 0.4); margin-bottom: 15px; } @media (max-width: 991px) { .reviews__date { font-size: .77rem; } } .reviews__city { font-size: .78rem; color: rgba(0, 0, 51, 0.4); margin-bottom: 15px; } @media (max-width: 991px) { .reviews__city { font-size: .77rem; } } .reviews__title { display: flex; align-items: center; flex-wrap: wrap; font-weight: 600; margin-bottom: 5px; } .reviews__title .reviews-total__stars { margin-bottom: 0; margin-left: 20px; position: relative; top: -3px; } .reviews__content { font-size: .75rem; } .reviews__content p:last-child { margin-bottom: 0; } .reviews__more { margin-top: 30px; display: flex; justify-content: center; } .reviews__more button { height: 40px; padding: 0 20px; background: transparent; border: 2px solid #E2E6EF; border-radius: 20px; font-size: .78rem; font-weight: 500; } @media (max-width: 991px) { .reviews__more button { font-size: .77rem; } } .reviews__more button:hover { background: #E2E6EF; } .compare__title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; } @media (max-width: 991px) { .compare__title-wrap { margin-bottom: 15px; } } .compare__title-wrap h1 { margin-bottom: 0 !important; } @media (max-width: 575px) { .compare__title-wrap h1 { font-size: 1.1rem; } } .compare__clear { height: 34px; border-radius: 10px; background: #FFFFFF; border: 1px solid #E2E6EF; padding: 0 10px 0 15px; font-size: .75rem; font-weight: 500; display: flex; align-items: center; text-decoration: none; color: #000033 !important; } @media (max-width: 991px) { .compare__clear { font-size: .75rem; } } .compare__clear:hover { background: #E2E6EF; } @media (max-width: 575px) { .compare__clear-hidden { display: none; } } .compare__clear-circle { min-width: 14px; max-width: 14px; height: 14px; background: #E2E6EF; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; margin-left: 10px; } .compare__clear-circle::before, .compare__clear-circle::after { content: ''; width: 1px; height: 6px; background: #000033; position: absolute; } .compare__clear-circle::before { transform: rotate(45deg); } .compare__clear-circle::after { transform: rotate(-45deg); } .compare__products-wrap { position: relative; margin-bottom: 15px; } @media (max-width: 991px) { .compare__products-wrap { margin-bottom: 15px; } } @media (max-width: 991px) { .compare__arrows { display: none; } } .compare__products { margin: 0 0 -40px -15px; padding: 0 90px 40px 15px; position: relative; } @media (max-width: 767px) { .compare__products { margin: 0; padding: 0; } } @media (max-width: 575px) { .compare__products { margin: 0 -20px; } } .compare__products::after { content: ''; right: 0; bottom: 40px; top: 0; width: 90px; z-index: 5; background: linear-gradient(270deg, #F1F3F8 0%, rgba(241, 243, 248, 0) 100%); position: absolute; } @media (max-width: 767px) { .compare__products::after { display: none; } } .compare__products-slide { width: 300px; height: unset; } @media (max-width: 991px) { .compare__products-slide { width: 187px; } } @media (max-width: 767px) { .compare__products-slide { width: auto; } } @media (max-width: 575px) { .compare__products-slide.swiper-slide-active .product { border-radius: 0 15px 15px 0; } .compare__products-slide.swiper-slide-active .product .product__picture { margin-left: -15px; } .compare__products-slide.swiper-slide-active .product .product__picture img { border-radius: 0 15px 0 0; } } @media (max-width: 575px) { .compare__products-slide.swiper-slide-next .product { border-radius: 15px 0 0 15px; } .compare__products-slide.swiper-slide-next .product .product__picture { margin-right: -15px; } .compare__products-slide.swiper-slide-next .product .product__picture img { border-radius: 15px 0 0 0; } } .compare__param { background: #FFFFFF; border-radius: 15px; padding: 12px 15px; margin-bottom: 5px; position: relative; z-index: 2; font-size: .83rem; } @media (max-width: 991px) { .compare__param { font-size: 1rem; } } @media (max-width: 575px) { .compare__param { margin-left: -20px; margin-right: -20px; } } .compare__param:last-child { margin-bottom: 0; } .compare__param-btn { display: flex; align-items: center; justify-content: space-between; font-weight: 500; width: 100%; } .compare__param-btn::after { border-width: 2px; } .compare__param-btn._active { color: #2F80ED; } .compare__param-btn._active::after { transform: rotate(135deg); top: 2px; } .compare__param-btn._active+.compare__param-slider { display: block; } .compare__param-slider { margin-top: 15px; margin-left: -15px; padding-left: 15px; padding-right: 90px; display: none; } @media (max-width: 767px) { .compare__param-slider { padding-right: 0; } } .compare__param-slide { width: 300px; font-weight: 600; } @media (max-width: 991px) { .compare__param-slide { width: 187px; } } @media (max-width: 767px) { .compare__param-slide { width: auto; } } .favourite__cols { display: flex; flex-wrap: wrap; margin: 0 -5px -30px; } @media (max-width: 575px) { .favourite__cols { margin: 0 -20px -15px; } } .favourite__col { padding: 0 5px; width: 25%; display: flex; margin-bottom: 30px; } @media (max-width: 1199px) { .favourite__col { width: 33.33%; } } @media (max-width: 767px) { .favourite__col { width: 50%; } } @media (max-width: 575px) { .favourite__col { padding-right: .5px; padding-left: 0; margin-bottom: 15px; } .favourite__col:nth-child(2n) { padding-right: 0; padding-left: .5px; } .favourite__col:nth-child(2n) .product { border-radius: 15px 0 0 15px; } .favourite__col:nth-child(2n) .product .product__picture img { border-radius: 15px 0 0 0; } .favourite__col .product { /* border-radius: 0 15px 15px 0; */ } .favourite__col .product .product__picture img { border-radius: 0 15px 0 0; } } .articles__cols { display: flex; flex-wrap: wrap; margin: 0 -7.5px -30px; } .articles__col { padding: 0 7.5px; margin-bottom: 30px; width: 33.33%; } @media (max-width: 991px) { .articles__col { width: 50%; } } @media (max-width: 575px) { .articles__col { width: 100%; } } .cart__cols { display: flex; flex-wrap: wrap; margin: 0 -15px; } .cart__col { padding: 0 15px; } @media (max-width: 1199px) { .cart__col { width: 100% !important; } } .cart__col._small { width: 33%; } /* @media (max-width: 1199px) { .cart__col._small { display: none; } } */ .cart__col._big { width: 67%; } .cart__items { margin-bottom: 50px; } @media (max-width: 991px) { .cart__items { margin-bottom: 30px; } } .cart__item { margin-bottom: 15px; display: flex; border-radius: 15px; background: #E2E6EF; overflow: hidden; } @media (max-width: 991px) { .cart__item { margin-bottom: 10px; } } .cart__item:last-child { margin-bottom: 0; } .cart__item-white { background: #FFFFFF; border-radius: 15px; display: flex; flex-grow: 1; } @media (max-width: 767px) { .cart__item-white { flex-direction: column; } } .cart__item-remove { min-width: 58px; max-width: 58px; display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 991px) { .cart__item-remove { min-width: 30px; max-width: 30px; } } .cart__item-remove::before, .cart__item-remove::after { content: ''; position: absolute; width: 2px; height: 12px; background: #000033; } .cart__item-remove::before { transform: rotate(45deg); } .cart__item-remove::after { transform: rotate(-45deg); } .cart__item-picture { width: 22%; display: flex; align-items: center; justify-content: center; padding: 13px; border-right: 1px solid #E2E6EF; } @media (max-width: 991px) { .cart__item-picture { padding: 10px; } } @media (max-width: 767px) { .cart__item-picture { width: 100%; justify-content: flex-start; border-right: 0; padding-bottom: 5px; } } .cart__item-picture-img { min-width: 100%; min-height: 100%; height: 100px; margin-right: 15px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .cart__item-picture-img { min-width: 70px; max-width: 70px; height: 70px; } } .cart__item-picture img { width: unset; height: unset; max-width: 100%; max-height: 100%; } .cart__item-content { display: flex; flex-direction: column; width: 78%; padding: 30px; align-items: flex-start; justify-content: center; } @media (max-width: 767px) { .cart__item-content { width: 100%; padding: 0 15px 5px; } } .cart__item-title { font-weight: 500; color: inherit; text-decoration: none; /* margin-bottom: 25px; */ } .cart__item-price-one { margin-bottom: 25px; } @media (max-width: 991px) { .cart__item-title { font-size: .77rem; /* margin-bottom: 15px; */ } .cart__item-price-one { margin-bottom: 15px; } } .cart__item-title:hover { color: #2F80ED; } @media (max-width: 767px) { .cart__item-title._hidden-mobile { display: none; } } .cart__item-title._visible-mobile { display: none; } @media (max-width: 767px) { .cart__item-title._visible-mobile { display: inline-block; } } .cart__item-controls { display: flex; align-items: center; } @media (max-width: 767px) { .cart__item-controls { justify-content: space-between; width: 100%; } } .cart__item-modules { margin-right: 60px; display: flex; align-items: center; } /* @media (max-width: 767px) { .cart__item-modules.favorite-compare { display: none; } } */ @media (max-width: 991px) { .cart__item-modules { margin-right: 30px; } } @media (max-width: 767px) { .cart__item-modules { margin-right: 15px; } } .cart__item-modules:last-child { margin-right: 0; } .cart__item-modules .product__module { margin-right: 15px; } @media (max-width: 991px) { .cart__item-modules .product__module { margin-right: 5px; } } .cart__item-modules .product__module:last-child { margin-right: 0; } .cart__item-modules .product-page__count-btn { min-width: 40px; max-width: 40px; height: 40px; font-size: 1rem; } @media (max-width: 991px) { .cart__item-modules .product-page__count-btn { min-width: 30px; max-width: 30px; height: 30px; } } .cart__item-modules .product-page__count-btn::after { line-height: 40px; } @media (max-width: 991px) { .cart__item-modules .product-page__count-btn::after { line-height: 30px; } } @media (max-width: 767px) { .cart__item-modules .product-page__count-input { min-width: 30px; max-width: 30px; } } .cart__item-prices { flex-direction: column; align-items: flex-start; justify-content: flex-start; } @media (max-width: 767px) { .cart__item-prices.cart__item-price-one { flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; gap: 5px; } } .cart__item-price { font-weight: 600; } @media (max-width: 991px) { .cart__item-price { font-size: .88rem; } } .cart__item-price._old-price { font-size: .68rem; font-weight: 500; color: rgba(0, 0, 51, 0.4); text-decoration: line-through; } @media (max-width: 991px) { .cart__item-price._old-price { font-size: .65rem; } } .cart__promocode { margin-bottom: 50px; display: flex; /* align-items: center; */ } @media (max-width: 991px) { .cart__promocode { margin-bottom: 30px; flex-direction: column; align-items: stretch; } } .cart__promocode-form { display: flex; margin-right: 30px; flex-wrap: wrap; } .cart__promocode-list { width: 100%; } @media (max-width: 991px) { .cart__promocode-form { margin-right: 0; margin-bottom: 10px; } } .cart__promocode-form .form__fieldset { margin-bottom: 0; } @media (max-width: 991px) { .cart__promocode-form .form__fieldset { flex-grow: 1; } } .cart__promocode-form { min-width: 456px; max-width: 456px; } .cart__promocode-form .form__input { min-width: 400px; max-width: 400px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; } @media (max-width: 991px) { .cart__promocode-form, .cart__promocode-form .form__input { min-width: 100%; max-width: 100%; } } .cart__promocode-btn { height: 56px; width: 56px; background: #2F80ED; border-radius: 0 10px 10px 0; display: flex; align-items: center; justify-content: center; } .cart__promocode-btn::after { border-width: 2px; border-color: #FFFFFF; margin-left: 0; } .cart__promocode-results { display: flex; flex-direction: column; align-items: flex-start; } .cart__promocode-result { font-size: .78rem; display: flex; align-items: center; margin-bottom: 5px; } @media (max-width: 991px) { .cart__promocode-result { font-size: .77rem; } } .cart__promocode-result:last-child { margin-bottom: 0; } .cart__promocode-result span { padding-right: 10px; } .cart__promocode-result span:first-child { min-width: 110px; max-width: 110px; } @media (max-width: 991px) { .cart__promocode-result span:first-child { min-width: 170px; max-width: 170px; } } .cart__promocode-result span:nth-child(2) { font-size: .75rem; font-weight: bold; } .cart__promocode-result span._old_cost_formated { padding-right: 0; font-size: .78rem; font-weight: 500; color: rgba(0, 0, 51, 0.4); text-decoration: line-through; } ._total_old_price { color: rgba(0, 0, 51, 0.4); text-decoration: line-through; margin-left: 15px; } @media (max-width: 991px) { .cart__promocode-result span:nth-child(2) { font-size: .88rem; } } .cart__promocode-result span._red { color: #D94646; } .cart__form-fieldset { margin-bottom: 50px; } @media (max-width: 991px) { .cart__form-fieldset { margin-bottom: 30px; } } .cart__form-fieldset:last-child { margin-bottom: 0; } .cart__form-title { font-weight: 600; margin-bottom: 18px; } @media (max-width: 991px) { .cart__form-title { margin-bottom: 10px; font-weight: 500; } } .cart__form-select { width: 100%; max-width: 460px; position: relative; } @media (max-width: 767px) { .cart__form-select { max-width: 100%; width: 100%; } } .cart__form-select._active .cart__form-select-wrap { display: flex; } .cart__form-select-input { position: relative; } .cart__form-select-input input { padding-right: 70px; } .cart__form-select-input button { width: 54px; top: 0; bottom: 0; position: absolute; right: 0; display: flex; align-items: center; justify-content: center; } .cart__form-select-input button::before { content: ''; width: 1px; height: 30px; background: #E2E6EF; left: 0; top: calc(50% - 15px); position: absolute; } .cart__form-select-input button::after { margin-left: 0; } .cart__form-select-wrap { position: absolute; top: calc(100% + 10px); border-radius: 10px; padding: 20px; background: #FFFFFF; border: 2px solid #E2E6EF; width: 100%; display: none; flex-direction: column; align-items: flex-start; } .cart__form-select-wrap label { font-weight: normal; } .cart__form-radios { display: flex; flex-direction: column; align-items: flex-start; } .cart__form-radio { display: flex; align-items: center; margin-bottom: 15px; width: 100%; } @media (max-width: 991px) { .cart__form-radio { margin-bottom: 10px; max-width: 100%; } } .cart__form-radio .form__radio { margin-bottom: 0; } .cart__form-radio label { font-weight: normal; min-width: 300px; padding-right: 15px; } @media (max-width: 767px) { .cart__form-radio .form__radio { width: 60%; flex: 0 0 60%; } .cart__form-radio-desc { width: 40%; flex: 0 0 40%; justify-content: flex-end; text-align: right; } } @media (max-width: 575px) { .cart__form-radio label { font-size: .75rem; min-width: 190px; padding-right: 8px; } } .cart__form-radio-desc { display: flex; align-items: center; } .cart__form-radio-desc span { font-size: .75rem; } @media (max-width: 575px) { .cart__form-radio-desc span { font-size: .75rem; } } .cart__form-radio-desc span._bold { font-weight: 600; } .cart__form-radio-desc span._grey { color: rgba(0, 0, 51, 0.4); text-decoration: line-through; } .cart__form-radio-desc span:first-child { min-width: 90px; padding-right: 10px; white-space: nowrap; } @media (max-width: 575px) { .cart__form-radio-desc span:first-child { min-width: 57px; padding-right: 5px; } } .cart__form-radio-desc span:nth-child(2) { min-width: 70px; padding-right: 10px; } @media (max-width: 575px) { .cart__form-radio-desc span:nth-child(2) { min-width: 47px; padding-right: 5px; } } .cart__form-cols { display: flex; margin: 0 -15px; flex-wrap: wrap; } @media (max-width: 767px) { .cart__form-cols { margin: 0; } } .cart__form-col { padding: 0 15px; width: 50%; } @media (max-width: 767px) { .cart__form-col { padding: 0; width: 100%; } } .cart__form-totals { display: flex; flex-direction: column; align-items: flex-start; margin-top: -30px; } .cart__form-total { display: flex; align-items: center; margin-bottom: 10px; } .cart__form-total:last-child { margin-bottom: 0; } .cart__form-total span { font-size: .78rem; } #bx-soa-dublicate-block .bx-soa-cart-t { font-size: .78rem; } #bx-soa-dublicate-block #bonus_add_sum span { font-size: .78rem; } #bx-soa-dublicate-block .cart__sticky-title { font-size: .75rem; margin-bottom: 10px; } #bx-soa-dublicate-block .cart__sticky-block { margin: 0; margin-top: 10px; } @media (max-width: 991px) { .cart__form-total span { font-size: .77rem; } #bx-soa-dublicate-block .bx-soa-cart-t { font-size: .77rem; } #bx-soa-dublicate-block #bonus_add_sum span { font-size: .77rem; } #bx-soa-dublicate-block .cart__sticky-title { font-size: .85rem; } } .cart__form-total span:first-child { min-width: 300px; padding-right: 15px; } @media (max-width: 575px) { .cart__form-total span:first-child { min-width: 180px; } } .cart__form-total span:last-child { font-weight: bold; font-size: .75rem; } #bx-soa-dublicate-block .bx-soa-cart-d { font-size: .75rem; } #bx-soa-dublicate-block #bonus_add_sum span:last-child { font-size: .75rem; } @media (max-width: 991px) { .cart__form-total span:last-child { font-size: .88rem; } #bx-soa-dublicate-block .bx-soa-cart-d { font-size: .88rem; } #bx-soa-dublicate-block #bonus_add_sum span:last-child { font-size: .88rem; } } .cart__form-total span:last-child._red { color: #D94646; } .cart__form-total span:last-child._blue { color: #2F80ED; } .cart__form-total span:last-child._line em { font-style: normal; } .cart__form-total span:last-child._line em:first-child { text-decoration: line-through; } .cart__form-total span:last-child._line em:last-child { margin-left: 40px; } @media (max-width: 991px) { .cart__form-total span:last-child._line em:last-child { margin-left: 30px; } } .cart__form-policy { margin-bottom: 25px; } .cart__form-policy input { display: none; } .cart__form-policy input:checked+label .cart__form-policy-check::after { opacity: 1; } .cart__form-policy label { display: flex; align-items: center; font-size: .75rem; cursor: pointer; } @media (max-width: 991px) { .cart__form-policy label { font-size: .75rem; } } .cart__form-policy label a { font-weight: bold; color: inherit; text-decoration: none; } .cart__form-policy label a:hover { color: #2F80ED; } .cart__form-policy-check { min-width: 15px; max-width: 15px; height: 15px; border-radius: 3px; background: #2F80ED; position: relative; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .cart__form-policy-check::after { position: absolute; content: ''; height: 4px; width: 8px; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; transform: rotate(-45deg); top: 4px; opacity: 0; } .cart__form-attention { padding: 15px 20px; background: #E2E6EF; border-radius: 15px; font-size: .7rem; display: none; } .cart__form-attention._active { display: inline-block; } .cart__form-attention a { color: #2F80ED; text-decoration: underline; } .cart__form-attention a:hover { text-decoration: none; } @media screen and (max-width: 767px) { #bonus_payment_block .cart__form-radio .form__radio { width: 50%; flex: 0 0 50%; } #bonus_payment_block .cart__form-attention { width: 50%; flex: 0 0 50%; padding: 10px; } } .cart .form__label { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 50%) !important; padding-top: 0; padding-bottom: 0; } .cart__sticky { padding: 30px; background: #FFFFFF; position: sticky; top: 120px; border-radius: 15px; font-size: .75rem; font-weight: 500; } .cart__sticky-title { font-size: 1rem; font-weight: 600; margin-bottom: 15px; } .cart__sticky-params { margin-bottom: 20px; } .cart__sticky-param { display: flex; align-items: flex-end; margin: 0 -7.5px 10px; line-height: 1 !important; } .cart__sticky-param * { line-height: inherit !important; } .cart__sticky-param:last-child { margin-bottom: 0; } .cart__sticky-param>span { width: 50%; /* padding: 0 7.5px; */ padding: 7.5px; } /* .cart__sticky-param span:last-child { font-weight: bold; line-height: 1.4; } */ .bx-soa-cart-d { line-height: inherit !important; font-weight: bold; } .cart__sticky-param span._blue { color: #2F80ED; } .cart__sticky-param span._red { color: #D94646; } .cart__sticky-block { margin-bottom: 20px; } .cart__sticky-block-title { font-size: .75rem; text-transform: uppercase; font-weight: bold; color: rgba(0, 0, 51, 0.4); } .cart__sticky-block-value { display: flex; align-items: flex-end !important; margin: 0 -7.5px; line-height: 1 !important; } .cart__sticky-block-value * { line-height: inherit !important; } .cart__sticky-block-value._nocols { margin: 0; } .cart__sticky-block-value>span { width: 50%; padding: 7.5px; } .cart__sticky-block-value>span:last-child { font-weight: bold; line-height: 1.35; } .cart__sticky-block-value>span em { margin-right: 15px; font-style: normal; } .cart__sticky-block-value span em:last-child { margin-right: 0; } .cart__sticky-block-value span em._line { color: rgba(0, 0, 51, 0.4); font-weight: normal; text-decoration: line-through; } @media (max-width: 767px) { .cart__sticky-block-value span em._line { display: block; } } .cart__sticky-itogo { display: flex; margin: 0 -7.5px; align-items: flex-start; } .cart__sticky-itogo span { width: 50%; padding: 0 7.5px; } .cart__sticky-itogo span:last-child { font-weight: bold; font-size: 1rem; } .cabinet-nav { display: flex; align-items: center; /* justify-content: space-between; */ margin-bottom: 25px; } .cabinet-nav__list { margin: 0; padding: 0 30px 0 0; list-style: none; display: flex; align-items: center; } @media (max-width: 991px) { .cabinet-nav__list { padding-right: 0; } } @media (max-width: 575px) { .cabinet-nav__list { /* justify-content: space-between; */ width: 100%; } } .cabinet-nav__list li { margin-right: 60px; font-size: 2rem; color: rgba(0, 0, 51, 0.4); font-weight: 500; } @media (max-width: 991px) { .cabinet-nav__list li { font-size: 1.11rem; margin-right: 30px; } } @media (max-width: 767px) { .cabinet-nav__list li { margin-right: 15px; font-size: 1rem; } } .cabinet-nav__list li:last-child { margin-right: 0; } .cabinet-nav__list li._active { color: #000033; } .cabinet-nav__list li a { color: inherit; text-decoration: none; } @media (max-width: 991px) { .cabinet-nav__exit { display: none; } } .profile { width: 100%; max-width: 745px; } .order { margin-bottom: 5px; background: #FFFFFF; border-radius: 10px; padding: 30px 30px 0; } @media (max-width: 991px) { .order { padding: 15px 15px 0; margin-bottom: 2px; } } .order:last-child { margin-bottom: 0; } .order__btn { padding: 30px; margin: -30px -30px 0 -30px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; flex-wrap: wrap; } @media (max-width: 991px) { .order__btn { padding: 15px; margin: -15px -15px 0 -15px; font-size: .75rem; } } .order__btn._active+.order__details { display: flex; } .order__btn._active .order__title::after { transform: rotate(-45deg); top: -2px; } .order__title { font-weight: 500; } @media (max-width: 991px) { .order__title { font-weight: bold; } } @media (max-width: 767px) { .order__title { white-space: normal; width: 100%; margin-bottom: 10px; } } .order__title::after { order: -1; border-color: #2F80ED; border-width: 2px; margin-right: 20px; margin-left: 0; } .order__title span { color: rgba(0, 0, 51, 0.4); margin-left: 10px; } .order__info { flex-grow: 1; padding-left: 30px; display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 767px) { .order__info { justify-content: space-between; padding-left: 0; } } .order__info-item { min-width: 140px; margin-right: 30px; font-weight: 500; } @media (max-width: 991px) { .order__info-item { min-width: unset; } } .order__info-item:last-child { margin-right: 0; } .order__count { font-size: .75rem; } @media (max-width: 991px) { .order__count { font-size: .75rem; } } @media (max-width: 991px) { .order__price { font-weight: bold; } } .order__price span { color: rgba(0, 0, 51, 0.4); } .order__status { font-weight: 400; color: #FFFFFF; height: 34px; min-width: 115px; padding: 0 15px; border-radius: 17px; font-size: .78rem; display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .order__status { font-size: .75rem; } } @media (max-width: 767px) { .order__status { min-width: unset; } } .order__status._grey { background: rgba(0, 0, 51, 0.4); } .order__status._blue { background: #2F80ED; } .order__status._green { background: #00CB9A; } .order__details { display: none; margin: 0 -15px; padding-bottom: 30px; flex-wrap: wrap; } @media (max-width: 991px) { .order__details { padding-bottom: 15px; margin: 0; padding-top: 5px; } } .order__details-col { padding: 0 15px; width: 50%; } @media (max-width: 991px) { .order__details-col { padding: 0; width: 100%; } .order__details-col:first-child { margin-bottom: 20px; } } .order__params { margin: 0 -15px 20px; display: flex; } @media (max-width: 991px) { .order__params { margin-bottom: 15px; } } .order__param { width: 50%; padding: 0 15px; } @media (min-width: 767px) { .order__param._right { text-align: right; } } .order__param:first-child { border-right: 1px solid #E2E6EF; flex-grow: 1; } .order__cancel { display: flex; justify-content: flex-end; } .order__cancel button { height: 50px; padding: 0 30px 0 15px; background: #E2E6EF; border-radius: 25px; font-size: .75rem; font-weight: 600; display: flex; align-items: center; } @media (max-width: 991px) { .order__cancel button { height: 40px; border-radius: 20px; } } @media (max-width: 575px) { .order__cancel button { width: 100%; justify-content: center; } } .order__cancel button:hover { background: #000033; color: #FFFFFF; } .order__cancel button:hover svg use { stroke: #FFFFFF; } .order__cancel button svg { margin-right: 10px; } .order__cancel button svg use { stroke: #000033; } .order__track { display: flex; justify-content: flex-end; } .order__track button { height: 50px; padding: 0 30px 0 15px; background: #2F80ED; border-radius: 25px; font-size: .75rem; font-weight: 600; display: flex; align-items: center; color: #fff } @media (max-width: 991px) { .order__track button { height: 40px; border-radius: 20px; } } @media (max-width: 575px) { .order__track button { width: 100%; justify-content: center; } } .order__track button:hover { background: rgba(47, 128, 237, 0.7) } .order__track button:hover svg use { stroke: #FFFFFF; } .order__track button svg { margin-right: 10px; } .order__track button svg use { stroke: #FFFFFF; } .order-product { margin-bottom: 10px; display: flex; align-items: center; font-weight: 500; justify-content: space-between; } .order-product__block { display: flex; align-items: center; } .order-product:last-child { margin-bottom: 0; } .order-product__img { min-width: 100px; max-width: 100px; height: 100px; padding: 6px; border: 2px solid #E2E6EF; border-radius: 13px; display: flex; align-items: center; justify-content: center; overflow: hidden; } @media (max-width: 991px) { .order-product__img { min-width: 60px; max-width: 60px; height: 60px; padding: 2px; border-radius: 10px; } } .order-product__img img { max-width: 100%; max-height: 100%; width: unset; height: unset; } .order-product__content { display: flex; flex-direction: column; align-items: flex-start; padding-left: 30px; } @media (max-width: 991px) { .order-product__content { padding-left: 15px; } } .order-product__title { font-size: .83rem; text-decoration: none; color: inherit; margin-bottom: 10px; } @media (max-width: 991px) { .order-product__title { font-size: .75rem; margin-bottom: 8px; } } .order-product__title:hover { color: #2F80ED; } .order-product__params { display: flex; align-items: center; } .order-product__param { min-width: 100px; padding-right: 30px; font-size: .75rem; } @media (max-width: 991px) { .order-product__param { padding-right: 15px; min-width: unset; font-size: .75rem; } } .order-product__param:last-child { padding-right: 0; } .order-product__param span { color: rgba(0, 0, 51, 0.4); } .order-param { display: flex; align-items: flex-start; margin: 0 -7.5px 10px; flex-wrap: wrap; font-size: .78rem; } @media (max-width: 991px) { .order-param { font-size: .75rem; } } @media (max-width: 575px) { .order-param { margin-left: 0; margin-right: 0; flex-direction: column; } } .order-param:last-child { margin-bottom: 0; } .order-param__col { padding: 0 7.5px; width: 50%; } @media (max-width: 575px) { .order-param__col { padding: 0; width: 100%; } } .order-param__value { font-weight: bold; } .order-param__value._red { color: #D94646; } .order-param__value._blue { color: #2F80ED; } .order-param__value._lots { display: flex; align-items: center; justify-content: flex-end; } .order-param__value-lot { margin-right: 30px; } @media (max-width: 991px) { .order-param__value-lot { margin-right: 15px; } } .order-param__value-lot:last-child { margin-right: 0; } .order-param__value-lot._line { text-decoration: line-through; } .bonus { background: #FFFFFF; padding: 30px; border-radius: 10px; margin-bottom: 5px; font-weight: 500; } @media (max-width: 991px) { .bonus { padding: 15px 30px; } } .bonus:last-child { margin-bottom: 0; } .bonus__cols { margin: 0 -15px; display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 767px) { .bonus__cols { margin: 0; } } .bonus__col { padding: 0 15px; width: 50%; display: flex; align-items: center; } @media (max-width: 767px) { .bonus__col { padding: 0; width: 100%; } .bonus__col:first-child { margin-bottom: 10px; } } .bonus__head { background: #2F80ED; color: #FFFFFF; display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 991px) { .bonus__head { padding-top: 30px; padding-bottom: 30px; } } .bonus__fixed { min-width: 200px; padding-right: 30px; } @media (max-width: 1199px) { .bonus__fixed { min-width: 180px; } } @media (max-width: 991px) { .bonus__fixed { min-width: 160px; } } @media (max-width: 575px) { .bonus__fixed { min-width: 130px; padding-right: 15px; } } .bonus__amount { font-weight: 600; line-height: 100%; } .bonus__amount._green { color: #00CB9A; } .bonus__amount._red { color: #D94646; } .bonus__amount._total { font-size: 2rem; font-weight: 600; } @media (max-width: 991px) { .bonus__amount._total { font-size: 1.5rem; } } .bonus__date { font-size: .75rem; } .bonus__info { font-size: .78rem; color: rgba(0, 0, 51, 0.4); } @media (max-width: 991px) { .bonus__info { font-size: .75rem; } } .bonus__list { margin: 0 0 0 30px; padding: 0; list-style: none; font-size: .7rem; } @media (max-width: 767px) { .bonus__list { margin-left: 0; width: 100%; margin-top: 15px; display: flex; align-items: center; } .bonus__list li { margin-right: 15px; } .bonus__list li:last-child { margin-right: 0; } } @media (max-width: 575px) { .bonus__list { flex-direction: column; align-items: flex-start; } .bonus__list li { margin-right: 0; } } .stars { display: flex; align-items: center; margin-bottom: 10px; } .stars._page { margin-bottom: 20px; } .stars__icons { display: flex; align-items: center; margin-top: -5px; } .stars__icons .reviews-total__star { height: 24px; line-height: 24px; } .product .stars { text-decoration: none; } .stars__count { /* margin-left: 10px; */ margin-left: 5px; font-weight: 500; font-size: .75rem; color: #000033; /* color: #2F80ED !important; */ /* color: #FFA800!important; */ /* text-decoration: underline; */ } .stars__rating { color: #000033; } .stars__count:hover { text-decoration: none; } .subscribe { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } .subscribe__title { font-weight: 600; margin-bottom: 10px; line-height: 120%; } @media (max-width: 1399px) and (min-width: 1199px) { .subscribe__title { font-size: .8rem; } } .catalog-page__block { margin-bottom: 50px; } @media (max-width: 991px) { .catalog-page__block { margin-bottom: 30px; } } .catalog-page__block:last-child { margin-bottom: 0; } .catalog-page__title { font-size: .75rem; font-weight: 500; margin-bottom: 20px; } @media (max-width: 991px) { .catalog-page__title { font-size: 1rem; } } .catalog-page__categories { display: flex; flex-wrap: wrap; margin: 0 -7.5px -20px; } @media (max-width: 575px) { .catalog-page__categories { margin: 0 -20px -2px; } } .catalog-page__category { width: 20%; padding: 0 7.5px; margin-bottom: 20px; } @media (max-width: 1399px) { .catalog-page__category { width: 25%; } } @media (max-width: 1199px) { .catalog-page__category { width: 33.33%; } } @media (max-width: 767px) { .catalog-page__category { width: 50%; } } @media (max-width: 575px) { .catalog-page__category { margin-bottom: 2px; padding: 0 1px 0 0; } .catalog-page__category .categories-carousel__item { border-radius: 0 15px 15px 0; } .catalog-page__category:nth-child(2n) { padding: 0 0 0 1px; } .catalog-page__category:nth-child(2n) .categories-carousel__item { border-radius: 15px 0 0 15px; } } .text { font-size: .85rem; font-weight: 500; } @media (max-width: 991px) { .text { font-size: .77rem; font-weight: 400; } } .text p, .text ul, .text ol { margin-bottom: 15px; } @media (max-width: 991px) { .text p, .text ul, .text ol { margin-bottom: 10px; } } .text p:last-child, .text ul:last-child, .text ol:last-child { margin-bottom: 0; } .text__block { max-width: 1000px; width: 100%; } .text__contacts { margin-top: 30px; display: flex; align-items: flex-start; flex-direction: column; } @media (max-width: 991px) { .text__contacts { margin-top: 20px; } } .text__contacts-title { color: rgba(0, 0, 51, 0.4); font-weight: 400; } @media (max-width: 991px) { .text__contacts-title { font-size: 1rem; font-weight: 500; } } .text__contacts-link { font-size: 1rem; font-weight: bold; color: #000033; text-decoration: none; } @media (max-width: 991px) { .text__contacts-link { font-size: 1.33rem; } } .text__contacts-link:hover { color: #2F80ED; } .title-nav { display: flex; overflow-x: auto; padding-bottom: 15px; margin-bottom: 35px; } @media (max-width: 991px) { .title-nav { margin-bottom: 25px; } } @media (max-width: 575px) { .title-nav { margin-right: -20px; } } .title-nav::-webkit-scrollbar { height: 3px; } .title-nav::-webkit-scrollbar-track { background: #E2E6EF; } .title-nav::-webkit-scrollbar-thumb { background: #2F80ED; } .title-nav__title { margin-right: 60px; color: rgba(0, 0, 0, 0.3); font-size: 2rem; font-weight: 500; white-space: nowrap; line-height: 100%; text-decoration: none; margin-bottom: 0; } @media (max-width: 1399px) { .title-nav__title { font-size: 1.8rem; } } @media (max-width: 1199px) { .title-nav__title { font-size: 1.5rem; } } @media (max-width: 991px) { .title-nav__title { font-size: 1rem; margin-right: 15px; } } .title-nav__title:last-child { margin-bottom: 0; } @media (max-width: 575px) { .title-nav__title:last-child { padding-right: 20px; } } .title-nav__title:hover { color: inherit; } .title-nav__title._active { color: #000033; } .get-order__title { font-weight: 500; margin-bottom: 25px; } @media (max-width: 991px) { .get-order__title { font-size: .88rem; margin-bottom: 20px; } } .get-order__title._bottom { margin-top: 55px; } @media (max-width: 991px) { .get-order__title._bottom { margin-top: 30px; } } .get-order__cols { display: flex; flex-wrap: wrap; margin: 0 -15px -30px; } @media (max-width: 767px) { .get-order__cols { margin: 0; } } .get-order__col { width: 50%; padding: 0 15px; margin-bottom: 30px; display: flex; } @media (max-width: 767px) { .get-order__col { width: 100%; padding: 0; margin-bottom: 15px; } .get-order__col:last-child { margin-bottom: 0; } } .get-order__col._full { width: 100%; } .get-order__item { background: #E2E6EF; padding: 30px; border-radius: 30px; min-height: 180px; display: flex; flex-direction: column; position: relative; width: 100%; overflow: hidden; } .get-order__content { width: 75%; position: relative; z-index: 2; } @media (max-width: 991px) { .get-order__content { width: 100%; } } .get-order__name { font-size: .75rem; font-weight: 600; } @media (max-width: 991px) { .get-order__name { font-size: .88rem; } } .get-order__text { margin-top: 10px; font-size: .78rem; } @media (max-width: 991px) { .get-order__text { font-size: .75rem; } } .get-order__number { font-size: 8rem; font-weight: 600; line-height: 100%; color: #FFFFFF; position: absolute; bottom: -30px; width: 120px; text-align: center; right: 30px; z-index: 1; } @media (max-width: 1199px) { .get-order__number { right: 0; } } @media (max-width: 991px) { .get-order__number { font-size: 11rem; } } .payment__cols { display: flex; flex-wrap: wrap; margin: 0 -15px -30px; } @media (max-width: 767px) { .payment__cols { margin: 0 0 -15px; } } .payment__col { width: 50%; padding: 0 15px; margin-bottom: 30px; display: flex; min-height: 160px; } @media (max-width: 767px) { .payment__col { padding: 0; width: 100% !important; margin-bottom: 15px; } .payment__col._mobile_50 { width: 50% !important; padding: 0 15px; min-height: 120px; } .payment__col._mobile_50>* { padding-top: 5px; padding-bottom: 5px; } } .payment__col._w25 { width: 25%; } .payment__item { padding: 30px; background: #E2E6EF; border-radius: 30px; width: 100%; } .payment__item._logo { display: flex; align-items: center; justify-content: center; } .payment__img { max-width: 100%; max-height: 100%; } .payment__title { font-weight: bold; margin-bottom: 25px; } @media (max-width: 767px) { .payment__title { margin-bottom: 10px; } } .payment__text { font-size: .75rem; } @media (max-width: 767px) { .payment__text { font-size: .77rem; } } .payment__process { display: flex; flex-wrap: wrap; margin: 60px -15px 0; padding-top: 60px; border-top: 2px solid #E2E6EF; } @media (max-width: 991px) { .payment__process { padding-top: 30px; margin-left: 0; margin-right: 0; } } .payment__process-col { padding: 0 15px; width: 50%; } @media (max-width: 991px) { .payment__process-col { padding: 0; width: 100%; } } .payment__process-title { font-size: 1.5rem; line-height: 120%; font-weight: bold; margin: 0; } @media (max-width: 991px) { .payment__process-title { font-size: 1.33rem; margin-bottom: 25px; } .payment__process-title br { display: none; } } .delivery__cols { display: flex; flex-wrap: wrap; margin: 0 -15px -30px; } @media (max-width: 767px) { .delivery__cols { margin: 0; } } .delivery__col { width: 50%; padding: 0 15px; margin-bottom: 30px; display: flex; } @media (max-width: 767px) { .delivery__col { width: 100%; padding: 0; margin-bottom: 15px; } } .delivery__col._w100 { width: 100%; } .delivery__item { padding: 60px; background: #E2E6EF; border-radius: 30px; display: flex; width: 100%; } @media (max-width: 1199px) { .delivery__item { padding: 30px; } } @media (max-width: 991px) { .delivery__item { flex-wrap: wrap; } } .delivery__img { min-width: 150px; max-width: 150px; margin-right: 30px; } @media (max-width: 991px) { .delivery__img { min-width: 100%; max-width: 100%; height: 80px; margin-bottom: 15px; display: flex; align-items: center; } } @media (max-width: 767px) { .delivery__img { height: auto; } } .delivery__img img { max-width: 100%; max-height: 100%; } .delivery__content { flex-grow: 1; font-size: .75rem; } .delivery__title { margin-bottom: 5px; font-weight: bold; } .delivery__title._big { font-size: 1rem; margin-bottom: 20px; } .delivery__price { font-size: .78rem; margin-top: 15px; } .delivery__price span { font-weight: bold; font-size: 1rem; } .delivery__text._w70 { max-width: 70%; width: 100%; } @media (max-width: 991px) { .delivery__text._w70 { max-width: 100%; } } .not-found { display: flex; flex-direction: column; align-items: center; } .not-found__svg { max-width: 100%; height: auto; } .not-found__subtitle { font-size: 1.5rem; font-weight: 500; margin-bottom: 20px; margin-top: 70px; } @media (max-width: 991px) { .not-found__subtitle { font-size: 1rem; margin-top: 20px; } } @media (max-width: 991px) { .not-found__text { font-size: .77rem; font-weight: 500; } } .not-found__text a { color: #2F80ED; text-decoration: none; } .not-found__text a:hover { text-decoration: underline; } .contacts__cols { display: flex; flex-wrap: wrap; margin: 0 -15px; } @media (max-width: 767px) { .contacts__cols { margin: 0; } } .contacts__col { padding: 0 15px; width: 50%; } @media (max-width: 767px) { .contacts__col { padding: 0; width: 100%; margin-bottom: 30px; } .contacts__col:last-child { margin-bottom: 0; } } .contacts__title { margin-bottom: 25px; } @media (max-width: 767px) { .contacts__title { margin-bottom: 15px; } } .contacts__title:last-child { margin-bottom: 0; } .contacts__requisites { display: flex; flex-direction: column; } .contacts__requisites-item { margin-bottom: 5px; display: flex; align-items: center; } .contacts__requisites-item span:first-child { color: rgba(0, 0, 51, 0.4); min-width: 100px; max-width: 100px; padding-right: 15px; } .contacts__requisites-item:last-child { margin-bottom: 0; } @media (max-width: 767px) { .contacts .footer__contact-value { font-size: 1.3rem; } } @media (max-width: 767px) { .contacts .footer__contact-text { font-size: .77rem; } } .empty__cols { display: flex; flex-wrap: wrap; margin: 0 -15px; } @media (max-width: 767px) { .empty__cols { margin: 0; } } .empty__col { width: 50%; padding: 0 15px; display: flex; flex-direction: column; align-items: flex-start; } @media (max-width: 767px) { .empty__col { width: 100%; padding: 0; } } .empty__text { width: 100%; max-width: 450px; margin-bottom: 20px; } @media (max-width: 767px) { .empty__text { max-width: 100%; } } .empty__link { height: 60px; padding: 0 30px; display: flex; align-items: center; justify-content: center; text-decoration: none; background: #B3B3C2; border-radius: 54px; color: #FFFFFF !important; font-size: .75rem; font-weight: 600; } @media (max-width: 767px) { .empty__link { font-size: 1rem; } } @media (max-width: 575px) { .empty__link { width: 100%; } } .empty__link:hover { background: #2F80ED; } .slider-progress.swiper-pagination { position: relative; left: 0; right: 0; top: 0; bottom: 0; display: none; margin: 15px 15px 0; width: calc(100% - 30px); border-radius: 10px; height: 3px; overflow: hidden; background: #E2E6EF; } @media (max-width: 767px) { .slider-progress.swiper-pagination { display: block; } } .slider-progress.swiper-pagination .swiper-pagination-progressbar-fill { background: rgba(0, 0, 0, 0.3); border-radius: 10px; } .carousel-pagination { display: flex; justify-content: center; bottom: 0; z-index: 5; } .carousel-pagination span { width: 100%; display: flex; align-items: flex-end; background: none; height: 100%; margin: 0 10px 0 0 !important; opacity: 1; border-radius: 0; } .carousel-pagination span:last-child { margin-right: 0 !important; } .carousel-pagination span::before { content: ''; width: 100%; height: 3px; background: #E2E6EF; border-radius: 2px; z-index: 5; } .carousel-pagination span.swiper-pagination-bullet-active::before { background: #2F80ED; } /*# sourceMappingURL=style.css.map */ .ui-slider, .ui-slider * { transition: initial; } .newcabinet-nav__list { margin: 0; padding: 0; gap: 15px; list-style: none; display: flex; align-items: center; width: 100%; } .newcabinet-nav__list li a { text-align: center; padding: 18px 40px 18px 40px; min-width: 175px; background-color: #fff; border-radius: 54px; border: 1px solid transparent; background: var(--ffffff, #FFF); text-decoration: none; color: #003; font-family: Gilroy; font-size: 18px; font-style: normal; font-weight: 500; line-height: 100%; display: block; } @media (max-width:767px) { .newcabinet-nav__list li a { margin-bottom: 10px; } .footer__copyright-col { text-align: center; } .footer__copyright-text { width: 100%; } .newcabinet-nav__list li.logout { display: none; } } .newcabinet-nav__list li a:hover { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border: 1px solid #000; } .newcabinet-nav__list li._active a { background-color: #2F80ED; border-color: #2F80ED; color: #fff; } @media (max-width:767px) { .newcabinet-nav__list { gap: 10px; overflow-y: auto; } .newcabinet-nav__list li a { padding: 11px 18px 12px 18px; font-size: 16px; min-width: initial; white-space: nowrap; } } .cart__item.removed { display: none !important; } /* End */ /* Start:/local/templates/knives/js/libs/suggestions/suggestions.min.css?17163597482091*/ .suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}} /* End */ /* Start:/local/templates/knives/template_styles.css?17123053899341*/ html { height: 100%; width: 100%; } .product .product__label { margin-bottom: 5px; } .filter-aside__radio-input:disabled+label .filter-aside__checkbox-circle { border: 1px solid #b4b4b4; background: #b4b4b4; } .is-hidden { display: none!important; } .cart__item.not-available { opacity: .5; } .cart__item.not-available:hover { opacity: 1; } .cart__item.not-available .cart__item-content, .cart__item.removed .cart__item-content { padding: 15px; } .cart__item.not-available .cart__item-title, .cart__item.removed .cart__item-title { margin-bottom: 0; } .cart__item.removed .cart__item-remove { background: url('/local/templates/knives/img/restore-strong.png') no-repeat center center; background-size: 16px 16px; } .cart__item.removed .cart__item-remove:before, .cart__item.removed .cart__item-remove:after { display: none; } .cart__sticky-block { margin-top: 20px; } .pb-0 { padding-bottom: 0!important; } .mb-0 { margin-bottom: 0!important; } .compare__param-slide.removed, .compare__products-slide.removed, .favourite__col.removed { opacity: .5; } .compare__products-slide.removed .product__remove:before, .compare__products-slide.removed .product__remove:after, .favourite__col.removed .product__remove:before, .favourite__col.removed .product__remove:after { display: none; } .compare__products-slide.removed .product__remove, .favourite__col.removed .product__remove { background: url('/local/templates/knives/img/restore-strong.png') no-repeat center center; background-size: 16px 16px; } .compare__products-slide.removed:hover .product__remove, .favourite__col.removed .product:hover .product__remove { background: #000033 url('/local/templates/knives/img/restore-strong__white.png') no-repeat center center; background-size: 16px 16px; border-color: #000033; } .compare__products-slide.removed:hover, .favourite__col.removed:hover { opacity: 1; } .order__status._red { background: #D94646; } .alert { } .alert-success { color: #00CB9A; } .alert-danger { color: #D94646; } .alert-warning { color: #8a6d3b; } .alert-primary { color: #2F80ED; } .alert-small { font-size: 16px; margin-bottom: 10px; } .form__alert { margin-top: 20px; font-size: .58rem; text-align: center; font-weight: 500; } .form__resend-code { font-size: .58rem; text-align: center; font-weight: 500; margin-top: 20px; color: #374151; text-decoration: underline; display: block; } .reviews-total__mark._blur { opacity: .4; } .reviews__item._hidden { display: none; } ._show_all_reviews .reviews__item._hidden { display: block; } .form__attachment-uploads { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-left: -5px; margin-right: -5px; width: 100%; } .form__attachment-upload { flex: 0 0 50%; max-width: 50%; padding-left: 5px; padding-right: 5px; overflow: hidden; } .form__attachment-upload span { text-overflow: ellipsis; overflow: hidden; margin-right: 5px; display: block; max-width: calc(100% - 120px); font-size: 12px; max-height: 58px; } @media (max-width: 767px) { .form__attachment-upload { flex: 0 0 100%; max-width: 100%; } } .form__rating-items label:hover svg use, .form__rating-items label:hover ~ label svg use { /* fill: #124d99!important; */ fill: #FFA80090!important; } .reviews-carousel__slide img { border: 2px solid #F1F3F8; } .filter-aside__radio-label { text-decoration: none; color: #003; } .filter-aside__radio-label:hover { color: #003; } .filter-aside__radio-label._active .filter-aside__radio-circle { border-color: #2F80ED; } .filter-aside__radio-label._active .filter-aside__radio-circle:after { opacity: 1; } .result-wait { display: block; } div._active ~ .result-wait { display: none; } .result-search__block { margin-bottom: 15px; border-bottom: 1px solid #E2E6EF; padding-bottom: 0; } .result-search__block:not(._active) { display: none; } .search__block-title { text-decoration: none; color: #003; } .search__block-title:hover { color: #2F80ED; } .cols { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; margin-top: 30px; margin-bottom: 30px; } .cols > * { display: block; width: 50%; flex: 0 0 50%; padding-left: 7px; padding-right: 7px; } .cols.__cols3 > *{ width: 33.33333%; flex: 0 0 33.33333%; } .text__block img, .cols img { border-radius: 15px; width: 100%; } .article-rightblock { margin-left: auto; max-width: 260px; width: 100%; } @media (max-width: 1199px) { .article-rightblock { display: none; } } .article-rightblock__title { font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 120%; /* or 29px */ /* #000033 */ color: #000033; margin-bottom: 15px; } .article-rightblock-items__item { margin-bottom: 15px; } .article-rightblock .article__picture { margin-bottom: 15px; } .article-rightblock .article__date { font-style: normal; font-weight: 600; font-size: 14px; line-height: 100%; /* identical to box height, or 14px */ color: rgba(0, 0, 51, 0.3); margin-bottom: 5px; } .article-rightblock .article__title { font-family: 'Gilroy'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; /* or 27px */ /* #000033 */ color: #000033; } .form__fieldset__submit { position: absolute; top: 2px; right: 2px; bottom: 2px; background: #2F80ED; border-radius: 0 5px 5px 0; color: #fff; width: 50px; } .form__fieldset__submit:after { transform: rotate(-135deg); content: ''; width: 8px; height: 8px; border-left: 1px solid; border-bottom: 1px solid; position: relative; border-width: 2px; border-color: #FFFFFF; margin-left: 20px; display: block; } ._prelative { position: relative; } #bonus_add_sum > span:first-child, #bx-soa-dublicate-block-copy .bx-soa-cart-t { width: 55%; } #bonus_add_sum > span:last-child, #bx-soa-dublicate-block-copy .bx-soa-cart-d { width: 45%; } #bx-soa-dublicate-block .cart__sticky-param > span, #bx-soa-dublicate-block .bx-soa-cart-t, #bx-soa-dublicate-block .bx-soa-cart-d { width: auto!important; min-width: 300px!important; } @media (max-width: 991px) { .product__picture img { width: 100%; height: auto; } } @media (max-width: 767px) { #bx-soa-dublicate-block .cart__sticky-param > span, #bx-soa-dublicate-block .bx-soa-cart-t { min-width: 180px!important; } #bx-soa-dublicate-block .bx-soa-cart-d { min-width: auto!important; } } ._visible-only-mobile { display: none!important; } ._hidden-only-mobile { display: block!important; } @media (max-width: 767px) { ._visible-only-mobile { display: block!important; } ._hidden-only-mobile { display: none!important; } /* .is_product_page .breadcrumbs { display: none; } */ } @media (max-width: 1199px) { .right-cart-block { display: none!important; } } .category-description:not(.active) { max-height: 200px; position: relative; overflow: hidden; } .category-description:after { content: ""; height: 150px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #F1F3F8 70%); width: 100%; position: absolute; bottom: 0; left: 0; } .category-description .show-more-description { position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; text-align: center; z-index: 2; } .category-description .show-more-description span { display: inline-block; padding: 5px 15px; background: #5c5c96; color: #fff; border-radius: 20px; text-align: center; font-size: 14px; margin-top: 50px; } .category-description .show-more-description:hover span { background: #000033; } .category-description.active .show-more-description { display: none; } .bx-soa-coupon-item-danger { /* display: none!important; */ } .delivery-description { margin-left: auto; } /* .delivery-description .btn { display: block!important; font-size: 18px!important; color: #2F80ED!important; text-decoration: none!important; background: transparent!important; } */ @media (max-width: 767px) { .bx-soa-pp .bx-soa-pp-company { flex-wrap: wrap; } /* .delivery-description .btn { margin-top: 10px; font-size: 15px!important; } */ } .alert.alert-danger { font-size: 15px; line-height: 1.35; margin-bottom: 15px; } .product .stars { height: 30px; margin-bottom: 0; } .page-products-count { text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 15px; } .item-reviews__count { margin-left: 10px; font-size: 0.66rem; font-weight: 500; } .mobile-search._active .search__reset { display: flex; z-index: 3; } .address-pvz { display: inline-block; font-size: 14px; padding: 0 15px; } #bx-soa-dublicate-block-copy .form__submit { display: none; } .filter-aside__block .header-catalog__tags li a { padding: 0 10px; height: 30px; } .personal-link { color: #fff; background-color: #2F80ED; display: inline-flex; padding: 3px 15px 5px 15px; justify-content: center; align-items: center; gap: 10px; text-decoration: none; border-radius: 85px; } .personal-link:hover { background-color: #000033; color: #fff; } .small_mm { font-size: 70%; } .small_mm._left { margin-right: 15px; } .bx-soa-cart-total { display: flex; flex-direction: column; width: 100%; } .bx-soa-cart-total .form__submit { order: 10; } .remove-btn-container { margin-left: auto; } .no-bold { font-weight: normal; } /* #bonus_payfield_block { display: block!important; } */ /* End */ /* /local/templates/knives/css/libs/fancybox.css?167438616515598 */ /* /local/templates/knives/css/libs/swiper-bundle.min.css?167438616516466 */ /* /local/templates/knives/css/style.css?1773736277165639 */ /* /local/templates/knives/js/libs/suggestions/suggestions.min.css?17163597482091 */ /* /local/templates/knives/template_styles.css?17123053899341 */