/* Start:/local/templates/boconcept/libs/slick-slider/slick.css?17546478361776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/boconcept/libs/beer-slider/beer-slider.css?17546478361980*/ .beer-slider{display:block;overflow:hidden;position:relative}.beer-slider *,.beer-slider:after,.beer-slider :after,.beer-slider:before,.beer-slider :before{box-sizing:border-box}.beer-slider img,.beer-slider svg{vertical-align:bottom}.beer-slider>*{height:100%}.beer-slider>img{height:auto;max-width:100%}.beer-reveal{left:0;opacity:0;overflow:hidden;position:absolute;right:50%;top:0;transition:opacity .35s;z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%;display:block;}.beer-reveal>img:first-child{height:auto}.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background:#393931;border-radius:50%;box-shadow:0 0 6px transparent;color:#000;height:48px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:48px;z-index:2}.beer-handle:after,.beer-handle:before{border-left:2px solid #fff;border-top:2px solid #fff;content:"";height:10px;position:absolute;top:50%;transform-origin:0 0;width:10px}.beer-handle:before{left:10px;transform:rotate(-45deg)}.beer-handle:after{right:0;transform:rotate(135deg)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background:hsla(0,0%,100%,.75);border-radius:.125rem;content:attr(data-beer-label);line-height:1;padding:.5rem;position:absolute;top:1.5rem}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1} /* End */ /* Start:/local/templates/boconcept/libs/fancybox/fancybox.css?175464783615598*/ .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/boconcept/libs/swiper/swiper-bundle.min.css?175464783617907*/ /** * Swiper 9.2.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 21, 2023 */ @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,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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{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-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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-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,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next: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:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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/boconcept/libs/micromodal/micromodal.css?17546478363077*/ /**************************\ Basic Modal Styles \**************************/ .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "\2715"; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /* End */ /* Start:/local/templates/boconcept/css/global.css?17546478249846*/ @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-LightItalic.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-RegularItalic.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-RegularItalic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-BlackItalic.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-BoldItalic.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-Regular.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-Light.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-Bold.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-Black.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-SemiBold.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mont'; src: url('/local/templates/boconcept/fonts/Mont-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/boconcept/fonts/Mont-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; font-display: swap; } .shopsLocation__category span, .stageResults__title, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-weight: 500; } @-webkit-keyframes togglePin { 0% { -webkit-transform: scale(0); transform: scale(0) } 70% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes togglePin { 0% { -webkit-transform: scale(0); transform: scale(0) } 70% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 108px; } .main-slider{ margin-top: -20px; } .list-reset { margin: 0; padding: 0; list-style-type: none; } button{ font-family: 'Mont'; } .goodCard__title span{ font-weight: 500; } .btn { padding: 20px; font-weight: 500; font-size: 13px; line-height: 24px; color: #fff; background-color: #918767; outline: none; border: none; text-align: center; text-transform: uppercase; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; font-family: 'Mont'; } .btn:hover, .btn:focus { background-color: #9C9376; } .btn.btn-white { color: #282922; background-color: #fff; } .btn.btn-white:hover, .btn.btn-white:focus { color: #fff; background-color: #918767; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; font-family: 'Mont'; font-size: 16px; line-height: 24px; background-color: #fff; color: #282922; position: relative; overflow-x: hidden; } body.hidden { overflow: hidden; height: 100vh; position: fixed; left: 0; top: 0; width: 100%; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } body.hidden::-webkit-scrollbar { width: 0; } img { max-width: 100%; } a { text-decoration: none; color: inherit; } button { margin: 0; padding: 0; cursor: pointer; border: none; outline: none; background-color: transparent; } .container, .container-v2 { margin: 0 auto; } .container { max-width: 1920px; padding: 0 120px; } .container-v2 { max-width: 1920px; padding: 0 40px; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .overlay, .header-overlay { cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; background-color: #000; height: 100vh; max-height: 100vh; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out; } .overlay { z-index: 149; } .header-overlay { z-index: 50; } .overlay.active, .header-overlay.active { opacity: 0.3; visibility: visible; } .title-medium { margin-top: 0; font-weight: 500; font-size: 32px; line-height: 36px; text-transform: uppercase; } .form__field label.fieldError, .errortext{ position: static; color: #DF6349; margin-top: 10px; font-size: 12px; line-height: 16px; font-weight: 400; display: block; } .form__field:not(:last-child) { margin-bottom: 40px; } .form__input { display: block; outline: none; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Mont'; border-bottom: 1px solid #96968D; padding: 0; padding-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 400; color: #282922; width: 100%; } .form__input.just-validate-error-field { border-color: #DF6349; } .just-validate-error-label { margin-top: 10px; font-size: 12px; line-height: 14px; font-weight: 400; } .form__input::-webkit-input-placeholder{ color: #96968D; font-family: 'Mont'; } .form__input::-moz-placeholder{ color: #96968D; font-family: 'Mont'; } .form__input:-moz-placeholder{ color: #96968D; font-family: 'Mont'; } .form__input:-ms-input-placeholder{ color: #96968D; font-family: 'Mont'; } .form__button { width: 100%; display: block; margin-top: 40px; } .form__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form__checkbox { margin-bottom: 1em; } .checkbox-option { display: block; } .checkbox { padding-left: 35px; cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 24px; color: #96968D; } .checkbox__input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .checkbox__box { position: absolute; left: 0; width: 24px; height: 24px; overflow: hidden; border: 1px solid #918767; background-color: white; background-repeat: no-repeat; background-position: 50% 50%; } .checkbox__input:checked + .checkbox__box { background-color: #918767; background-image: url(/local/templates/boconcept/css/../img/check.svg); } .checkbox__input:disabled + .checkbox__box, .checkbox__input:checked:disabled + .checkbox__box { background-color: #dbdbdb; border-color: #cacaca; } .form__pass { display: block; color: #918767; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .form__pass:hover, .form__pass:focus { text-decoration: underline; } .tabs__content .tabs__item { display: none; } .tabs__content .tabs__item.active { display: block; } .goodCardFeature .container .btn{ margin-bottom: 20px; } @media (max-width: 1280px) { .container { padding: 0 64px; } .container-v2 { padding: 0 32px; } main { padding-top: 102px; } .title-medium { font-size: 24px; line-height: 36px; } } @media (max-width: 768px) { .btn { padding: 10.5px 30px; } } @media (max-width: 767px) { .container { padding: 0 40px; } } @media (max-width: 650px) { .container, .container-v2 { padding: 0 20px; } } @media (max-width: 576px) { main { padding-top: 83px; } .wrapper { overflow-x: hidden; } body { font-size: 14px; line-height: 20px; } .title-medium { font-size: 24px; line-height: 32px; } } /* End */ /* Start:/local/templates/boconcept/css/style.css?1754647833198825*/ .slider-nav { position: relative; background: rgba(255, 255, 255, 0.8); border-radius: 8px; padding: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 216px; min-height: 48px; } .slider-nav .slick-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; z-index: 10; font-size: 0; width: 24px; height: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider-nav .slick-arrow.slick-prev { left: 12px; } .slider-nav .slick-arrow.slick-next { right: 12px; } .slider-nav .slick-arrow.slick-disabled { opacity: 0.2; } .slider-nav .swiper-pagination {} .slider-nav .swiper-pagination, .slider-nav .progress { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 46px; right: 46px; height: 1px; overflow: hidden; background-color: #DADCDF; background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333)); background-image: -o-linear-gradient(left, #333, #333); background-image: linear-gradient(to right, #333, #333); background-repeat: no-repeat; background-size: 0 100%; border: none; -webkit-transition: background-size 0.4s ease-in-out; -o-transition: background-size 0.4s ease-in-out; transition: background-size 0.4s ease-in-out; width: auto; } .slider-nav .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #333; } .main-slider__wrapper { position: relative; margin-bottom: 40px; } .main-slider__item { position: relative; } .main-slider__item picture { height: calc(100vh - 112px); display: block; -webkit-transition: -webkit-transform 1s ease-in-out; transition: -webkit-transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out; transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; -webkit-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); will-change: transform; } .main-slider__item.swiper-slide-active picture { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .main-slider__item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-slider__info { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 50px; max-width: 795px; background: rgba(250, 250, 250, 0.7); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 10px; padding: 30px; opacity: 1 !important; } .main-slider__title { margin-bottom: 20px; text-transform: none; } .main-slider__text { margin-top: 0; margin-bottom: 20px; } .main-slider__link { padding: 20px 30px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .main-slider__nav { position: absolute; right: 16px; bottom: 16px; z-index: 3; } .main-catalog__wrapper { padding: 40px 0; } .main-catalog__title { margin-bottom: 50px; } .main-catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; } .main-catalog__item { height: 192px; -ms-flex-preferred-size: 20%; flex-basis: 20%; } .main-catalog__item:hover .main-catalog__name { text-decoration-color: #fff; } .main-catalog__link, .main-catalog__link picture, .main-catalog__link img { display: block; height: 100%; width: 100%; } .main-catalog__link { position: relative; outline: none; } .main-catalog__link::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(51, 51, 51, 0.2); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .main-catalog__link:hover::before, .main-catalog__link:focus::before { background-color: rgba(51, 51, 51, 0.7); } .main-catalog__link img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-catalog__name { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; margin: 20px; font-size: 24px; line-height: 1; font-weight: 500; z-index: 5; color: #fff; text-align: center; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); text-transform: uppercase; text-decoration-color: transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main-catalog__button { outline: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; text-align: center; font-size: 24px; line-height: 30px; font-weight: 500; color: #282922; border-bottom: 1px solid #282922; -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: border-color .3s ease-in-out, color .3s ease-in-out; transition: border-color .3s ease-in-out, color .3s ease-in-out; } .main-catalog__button:hover, .main-catalog__button:focus { border-color: #918767; color: #918767; } .main-interior__wrapper { padding: 40px 0; } .main-interior__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; } .main-interior__content { -ms-flex-preferred-size: 48.3%; flex-basis: 48.3%; max-width: 810px; margin-right: 60px; } .main-interior__title { text-transform: none; margin-bottom: 30px; } .main-interior__text { margin: 0; } .main-interior__list { width: 722px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -25px; } .main-interior__item { padding: 25px; } .main-interior__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 1; font-weight: 500; color: #808080; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; text-transform: uppercase; } .main-interior__link:hover, .main-interior__link:focus { color: #282922; } .main-interior__link span { display: block; margin-right: 16px; border-bottom: 1px solid transparent; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .main-interior__link:hover span, .main-interior__link:focus span { border-color: #282922; } .main-interior__link svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .main-interior__link:hover svg path, .main-interior__link:focus svg path { fill: #282922; } .interior-visual { position: relative; } .interior-visual__background, .interior-visual__background img { display: block; width: 100%; } .interior-visual__marker { position: absolute; z-index: 5; cursor: pointer; } .interior-visual__pin { display: inline-block; position: relative; } .interior-visual__pin:before { content: ""; position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; border-radius: 100%; background-color: #fff; opacity: .4; -webkit-animation: 1.5s cubic-bezier(.03, 0, .5, 1) infinite alternate togglePin; animation: 1.5s cubic-bezier(.03, 0, .5, 1) infinite alternate togglePin; margin-top: -22.5px; margin-left: -22.5px; z-index: 1; } .interior-visual__pin span { width: 24px; height: 24px; display: block; border-radius: 100%; border: 6px solid #fff; -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); position: relative; z-index: 2; } .interior-visual__box { position: absolute; left: 100%; bottom: -65px; margin: 0 18px; width: 240px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .interior-visual__marker:hover .interior-visual__box, .interior-visual__marker.active .interior-visual__box { opacity: 1; visibility: visible; } .interior-visual__link { display: block; position: relative; } .interior-visual__head { position: relative; padding: 20px; height: 182px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .interior-visual__head::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .04; z-index: 4; pointer-events: none; } .interior-visual__head picture { position: relative; z-index: 3; } .interior-visual__head picture, .interior-visual__head img { display: block; } .interior-visual__info { padding: 16px; } .interior-visual__name, .interior-visual__price { font-size: 14px; line-height: 20px; font-weight: 400; color: #96968D; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .interior-visual__name { margin-top: 0; margin-bottom: 10px; } .interior-visual__price { display: block; } .interior-visual__favorite, .interior-visual__favorite-active { display: block; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; z-index: 5; } .interior-visual__favorite svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .interior-visual__favorite:hover svg path, .interior-visual__favorite:focus svg path { fill: #282922; } .interior-visual__link:hover .interior-visual__name, .interior-visual__link:hover .interior-visual__price, .interior-visual__link:focus .interior-visual__name, .interior-visual__link:focus .interior-visual__price { color: #282922; } .products__container { padding-top: 40px; padding-bottom: 40px; } .products__title { text-transform: none; margin-bottom: 30px; } .products__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .catalog-right .products__list { grid-template-columns: repeat(3, 1fr); } .products__button { margin: 40px auto 0; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px 43.5px; } .products__item>div { width: 100%; height: 100%; } .products__item { width: 100%; } .product-card__link { outline: none; display: block; position: relative; } .product-card__photo { padding: 96px 10px; position: relative; overflow: hidden; border-bottom: solid 1px #96968D; height: 425px; } .product-card__photo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: .04; z-index: 2; pointer-events: none; } .product-card__photo picture { display: block; } .product-card__image { -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .product-card__photo img { display: block; width: 100%; position: absolute; left: 50%; top: 50%; width: 90%; height: 90%; object-fit: contain; } .product-card__image-hover img { transform: translateX(-50%) translateY(-50%); } .product-card__image-hover { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; padding: 96px 10px; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transform: translateX(-50%) translateY(-50%); } html:not(.no-js) .product-card__photo img[data-aos^=zoom][data-aos^=zoom].aos-animate { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); } html:not(.no-js) .product-card__photo img[data-aos^=zoom][data-aos^=zoom].aos-animate { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); } .product-card:hover .product-card__image, .product-card:focus .product-card__image { opacity: 0; } .product-card:hover .product-card__image-hover, .product-card:focus .product-card__image-hover { opacity: 1; visibility: visible; } .product-card__body { padding: 16px; z-index: 5; position: relative; background-color: #fff; flex: 1; } .product-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative; z-index: 5; height: 100%; } .product-card__name { font-size: 16px; line-height: 24px; margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-weight: 400; display: block; } .product-card__colors { margin-bottom: 14px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; gap: 10px; } .product-card__price { -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; margin-top: auto; } .product-card__price span { display: block; } .product-card__price span.discount { margin-right: 10px; color: #96968d; text-decoration: line-through; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card__price span.discount .rub { margin-left: 5px; } .colors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .colors__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -5px; } .colors__item { margin: 5px; width: 36px; height: 36px; } .colors__link { outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #B9B9B9; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .colors__link.active, .colors__link:hover, .colors__link:focus { border-color: #282922; } .colors__link img { display: block; width: 30px; height: 30px; border-radius: 50%; } .colors__more { outline: none; display: block; font-size: 14px; line-height: 20px; color: #282922; font-weight: 400; padding: 8px 10px; background-color: #F9F9F9; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .colors__more:hover, .colors__more:focus { color: #9c9376; } .product-card__inner { display: flex; flex-direction: column; width: 100%; height: 100%; } .product-card__description { margin: 0; color: #808080; -webkit-box-ordinal-group: 5; -ms-flex-order: 2; order: 2; font-size: 14px; line-height: 20px; margin-top: 14px; margin-bottom: 14px; } .product-card__badge { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 16px; left: 16px; margin: 0 -5px; } .product-card__badge .badge { font-size: 14px; line-height: 20px; padding: 8px 10px; margin: 0 5px; color: #96968D; border: 1px solid #96968D; } .product-card__favorites { position: absolute; top: 16px; right: 16px; z-index: 5; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .product-card:hover .product-card__favorites { opacity: 1; } .product-card__favorite, .product-card__favorite-active { display: block; padding: 0; margin: 0; cursor: pointer; } .product-card__favorite svg { pointer-events: none; } .product-card__favorite svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .product-card__favorite:hover svg path, .product-card__favorite:focus svg path { fill: #282922; } .product-card__footer { background-color: #fff; padding: 16px; position: absolute; height: calc(100% + 86px); top: 0; width: 100%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -webkit-box-shadow: 0px 4px 10px rgba(40, 41, 34, 0.16); box-shadow: 0px 4px 10px rgba(40, 41, 34, 0.16); } .product-card__footer-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; flex-direction: column; gap: 10px; } .product-card__size { margin: 0; color: #808080; font-size: 14px; line-height: 20px; } .product-card__button { width: 100%; display: block; padding: 15px 20px; font-size: 13px; line-height: 18px; color: #282922; background-color: #F9F9F9; -webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out; -o-transition: background-color .3s ease-in-out, color .3s ease-in-out; transition: background-color .3s ease-in-out, color .3s ease-in-out; } .product-card__button.active, .product-card__button:hover, .product-card__button:focus { background-color: #918767; color: #fff; } .product-card { position: relative; z-index: 0; box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.16); } .product-card:hover, .product-card:focus { z-index: 8; } .product-card:hover .product-card__footer { opacity: 1; visibility: visible; } .history { background-color: #F1F1F1; margin: 40px 0; } .history__wrapper { padding: 50px 0; } .history__title { text-transform: none; margin-bottom: 30px; } .history__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -15px; } .history__container { position: relative; } .history__icon { position: absolute; left: 0; top: 12px; width: 100%; } .history__icon-mobile { display: none; } .history__item { padding: 67px 15px 0; -ms-flex-preferred-size: 20%; flex-basis: 20%; position: relative; } .history__item::before { position: absolute; content: ''; top: 0; left: 15px; width: 30px; height: 30px; background-color: #918767; border-radius: 50%; } .history__date { display: block; font-size: 20px; line-height: 24px; font-weight: 500; margin-bottom: 16px; } .history__text { margin: 0; font-weight: 400; } .history__text b { font-weight: 500; } .offers .container { padding: 0; } .offers__wrapper { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .offers__info { width: 32.5%; padding-left: 120px; } .offers__photos { position: relative; margin-left: auto; width: 61.25%; } .offers__slider img { width: 100%; display: block; } .offers__title { text-transform: none; margin-bottom: 30px; } .offers__text { margin-top: 0; margin-bottom: 40px; } .offers__link.btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; padding: 20px 65px; background-color: #918767; color: #fff; } .offers__link.btn:hover, .offers__link.btn:focus { background-color: #9c9376; color: #fff; } .visit-us { padding: 40px 0; } .visit-us__title { text-transform: none; margin-bottom: 40px; font-size: 24px; line-height: 32px; } .visit-us__link { display: block; position: relative; margin-bottom: 80px; } .visit-us__link::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .visit-us__link:hover::before, .visit-us__link:focus::before { background-color: rgba(51, 51, 51, 0.2); } .visit-us__link img { display: block; width: 100%; } .visit-us__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1440px; margin: 0 auto; } .visit-us__info { -ms-flex-preferred-size: 44%; flex-basis: 44%; } .visit-us__text { margin: 0; } .visit-us__text:not(:last-child) { margin-bottom: 14px; } .visit-us__text, .visit-us__item { color: #96968D; } .visit-us__item { position: relative; padding-left: 32px; } .visit-us__item::before { position: absolute; content: ''; width: 3px; height: 3px; top: 8px; left: 0; background-color: #96968D; border-radius: 50%; } .visit-us__button { display: none; } .main-nav { padding: 40px 0 80px; } .main-nav__list { border-top: 1px solid #D7D8D6; border-bottom: 1px solid #D7D8D6; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-nav__item { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; } .main-nav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; position: relative; height: 202px; overflow: hidden; } .main-nav__link picture { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; -webkit-transition: left .3s ease-in-out; -o-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } .main-nav__link:hover picture, .main-nav__link:focus picture { left: 0; } .main-nav__link img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-nav__title { font-size: 16px; line-height: 24px; font-weight: 500; color: #D7D8D6; text-transform: uppercase; margin: 0; display: block; } .main-video { padding: 40px 0; } .main-video__wrapper { position: relative; } .main-video__play { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-repeat: no-repeat; background-size: cover; } .main-video__play::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2; } .main-video__play span { display: block; position: relative; z-index: 5; width: 50px; height: 50px; border-style: solid; border-width: 25px 0 25px 50px; border-color: transparent transparent transparent #fff; } .main-video__video { display: block; width: 100%; max-height: 520px; -o-object-fit: cover; object-fit: cover; } .hidden-form { display: none; } .registraion-page .form__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #96968d; font-size: 16px; line-height: 22px; margin-bottom: 20px; } .registraion-page .form__description .colorBlack { color: #282922; } .registraion-page .codeInputs__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px 40px; } .registraion-page .codeInputs__item:not(:last-child) { margin: 0 10px; } .registraion-page .codeInputs__item { width: 16.6666%; border: none; outline: none; border-bottom: 1px solid #d9dad6; } .registraion-page .codeInputs__item input { padding: 0; display: block; border: 0; outline: none; background-color: #fff; width: 100%; height: 60px; color: #282922; text-align: center; font-size: 16px; line-height: 22px; } .registraion-page .form__button { margin: 0 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .subcatalog-items__wrapper { padding-top: 60px; } .subcatalog-items__title { text-transform: none; margin-bottom: 30px; } .added-basket { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 540px; width: 100%; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .added-basket.active { opacity: 1; visibility: visible; z-index: 150; } .added-basket__title { text-align: center; margin-bottom: 30px; } .added-basket__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .added-basket__name { margin: 0; margin-right: 40px; font-size: 18px; line-height: 24px; font-weight: 400; } .added-basket__price { display: block; font-size: 18px; line-height: 24px; font-weight: 500; } .added-basket__link.btn { width: 100%; display: block; } .added-basket__link.btn:hover, .added-basket__link.btn:focus { color: #fff; } .added-basket { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 540px; width: 100%; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .added-basket.active { opacity: 1; visibility: visible; z-index: 150; } .added-basket__title { text-align: center; margin-bottom: 30px; } .added-basket__image { display: block; width: auto; margin-bottom: 30px; max-height: calc(100vh - 460px); margin-left: auto; margin-right: auto; } .added-basket__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .added-basket__name { margin: 0; margin-right: 40px; font-size: 18px; line-height: 24px; font-weight: 400; } .added-basket__price { display: block; font-size: 18px; line-height: 24px; font-weight: 500; } .added-basket__link.btn { width: 100%; display: block; } .added-basket__link.btn:hover, .added-basket__link.btn:focus { color: #fff; } .subcatalog-items__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr 16.8px 1fr; grid-template-columns: repeat(6, 1fr); gap: 16px 16.8px; } .subcatalog-items__link { display: block; position: relative; outline: none; min-height: 150px; overflow: hidden; } .subcatalog-items__link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.4); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .subcatalog-items__link:hover .subcatalog-items__image, .subcatalog-items__link:focus .subcatalog-items__image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .subcatalog-items__link:hover:before, .subcatalog-items__link:focus:before { background-color: rgba(51, 51, 51, 0.6); } .subcatalog-items__image { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: -1; top: 0; left: 0; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; will-change: transform; } .subcatalog-items__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 20px; left: 16px; right: 16px; z-index: 2; } .subcatalog-items__subtitle h2 { font-weight: 500; font-size: 18px; line-height: 24px; display: inline-block; margin: 0; margin-right: 17px; color: #fff; } .subcatalog-offer { padding: 40px 0; } .subcatalog-offer__wrapper { position: relative; } .subcatalog-offer__wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.2); } .subcatalog-offer__content { position: relative; left: 0; bottom: auto; width: 100%; max-width: 1920px; padding: 0 120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .subcatalog-offer__text { font-weight: 500; font-size: 24px; line-height: 32px; margin: 0; margin-right: 100px; color: #fff; } .subcatalog-offer__link { min-width: 320px; min-height: 60px; } .subcatalog-offer__image { display: block; width: 100%; max-height: 480px; -o-object-fit: cover; object-fit: cover; position: relative; z-index: -1; } .subcatalog-filter__wrapper { padding: 40px 0 0; } .subcatalog-filter__title, .subcatalog-filter__close, .subcatalog-filter__form .subcatalog-filter__checkboxes { display: none; visibility: hidden; } .subcatalog-filter__form { position: relative; z-index: 25; } .filter-box { display: -ms-grid; display: grid; grid-template-columns: repeat(8, 1fr); background-color: #fff; -webkit-box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3); box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.3); } .filter-box__inner { padding-left: 20px; padding-right: 20px; } .filter-box.small .filter-box__item { flex: 1; } .filter-box.small .filter-box__item { border-bottom: 0; } .filter-box.small { display: flex; } .filter-box.very-big {} .filter-box.big {} .filter-box.very-big .filter-box__item:nth-child(-n+16), .filter-box.big .filter-box__item:nth-child(-n+8) { border-bottom: solid 1px #282922; } .filter-box__item.last .filter-box__header::before { display: none; } .filter-box__item { position: relative; } .filter-box__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 30px; position: relative; cursor: pointer; } .filter-box__item:not(:nth-child(8n)) .filter-box__header::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: calc(100% - 32px); background-color: #282922; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter-box__item:nth-child(8n) .filter-box__content { left: auto; right: 0; } .filter-box__header h3 { margin: 0; margin-right: 10px; font-size: 20px; line-height: 24px; font-weight: 500; color: #282922; border-bottom: 1px solid transparent; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; } .filter-box__header:hover h3, .filter-box__header:focus h3 { border-color: #282922; } .filter-box__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .filter-box__header.active .filter-box__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-box__content { max-height: 250px; overflow: auto; padding: 16px 20px; z-index: 5; display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); } .filter-box__item.filter-box__item-position .filter-box__content { left: auto; right: 0; } .filter-range__from { margin-bottom: 10px; gap: 10px; } .filter-range__to { gap: 8px; } .filter-range__from, .filter-range__to { -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-range__from span, .filter-range__to span { display: block; font-size: 14px; line-height: 16px; font-weight: 500; } .filter-range__input { display: block; padding: 5px; width: 100%; font-size: 14px; line-height: 16px; font-weight: 500; text-align: center; height: 40px; border: 1px solid #918767; outline: none; font-family: 'Mont'; } .filter-checkbox { position: relative; } .filter-checkbox__checkbox { position: absolute; z-index: -1; opacity: 0; } .filter-checkbox__checkbox+.filter-checkbox__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .filter-checkbox__checkbox+.filter-checkbox__label::before { cursor: pointer; content: ""; display: inline-block; width: 18px; height: 18px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 2px solid #918767; border-radius: 3px; margin-right: 13px; background-repeat: no-repeat; background-position: center center; background-color: transparent; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .filter-checkbox__checkbox:checked+.filter-checkbox__label::before { background-color: #918767; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); background-size: 14px 11px; } .filter-checkbox__checkbox:not(:disabled):not(:checked)+.filter-checkbox__label:hover::before { background-color: #918767; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); background-size: 14px 11px; } .filter-checkbox__checkbox:not(:disabled):active+label::before { background-color: #918767; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); background-size: 14px 11px; } .filter-checkbox__checkbox:disabled+.filter-checkbox__label::before { border-color: #CECECE; background-color: transparent; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); } .filter-checkbox__checkbox:disabled:active+label::before { background-color: #CECECE; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); } .filter-checkbox__checkbox:disabled:checked+.filter-checkbox__label::before { background-color: #CECECE; } .filter-checkbox__checkbox:disabled+label, .filter-checkbox__checkbox:disabled+label::before { cursor: not-allowed; } .filter-checkbox .filter-checkbox__label { font-size: 20px; line-height: 24px; font-weight: 500; color: #282922; } .filter-box__content .filter-checkbox { margin-top: 23px; } .filter-box__content .filter-checkbox .filter-checkbox__label { font-size: 14px; line-height: 16px; font-weight: 500; } .filter-box__list li:not(:last-child) { margin-bottom: 16px; } .filter-box__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 3px 3px 3px 0; font-size: 14px; line-height: 16px; } .filter-box__label.disabled .filter-box__checkbox:checked+.filter-box__box, .filter-box__label.disabled .filter-box__checkbox:focus+.filter-box__box, .filter-box__label.disabled .filterItems__label:not(.disabled):hover .filter-box__checkbox+.filter-box__box { background-color: #CECECE; pointer-events: none; } .filter-box__label.disabled { cursor: not-allowed; } .filter-box__label.disabled .filter-box__box { border-color: #CECECE; } .filter-box__label.disabled .filter-box__label-name { color: #CECECE; } .filter-box__label .filter-box__label-name { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .filter-box__label:not(.disabled):hover .filter-box__label-name { color: #918767; } .filter-box__wrap { width: 18px; height: 18px; position: relative; } .filter-box__checkbox { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter-box__box { position: absolute; width: 18px; height: 18px; overflow: hidden; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; border: 2px solid #918767; border-radius: 3px; -webkit-transition: background-color .3s, border-color .3s; -o-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; } .filter-box__checkbox:checked+.filter-box__box, .filter-box__label:not(.disabled):hover .filter-box__checkbox+.filter-box__box { background-color: #918767; background-image: url("/local/templates/boconcept/css/../img/filter-checkbox.svg"); background-size: 14px 11px; } .filter-box__more { outline: none; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 16px auto 0; font-family: 'Mont'; font-weight: 400; font-size: 14px; line-height: 16px; border-bottom: 1px solid #282922; color: #282922; -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: border-color .3s ease-in-out, color .3s ease-in-out; transition: border-color .3s ease-in-out, color .3s ease-in-out; } .filter-box__more:hover, .filter-box__more:focus { color: #918767; border-color: #918767; } .subcatalog-filter__form { margin-bottom: 30px; } .filter-results__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .filter-results__item { padding: 4px 10px; background-color: #FFF; border: 1px solid #918767; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 16px; font-weight: 400; color: #918767; } .filter-results__item span { display: block; margin-right: 15px; } .filter-results__clear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border: none; outline: none; } .filter-results__clear svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .filter-results__clear:hover svg path { fill: #918767; } .filter-results__button { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: none; outline: none; font-size: 14px; line-height: 16px; font-weight: 400; color: #96968D; border-bottom: 1px solid #96968D; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .filter-results__button:hover, .filter-results__button:focus { color: #918767; } .subcatalog-filter__wrap { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .subcatalog-filter__button { display: none; visibility: hidden; } .subcatalog-filter__checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 33px; } .subcatalog-sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } .subcatalog-filter__sort { position: relative; } .subcatalog-filter__sort button { color: #282922; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subcatalog-filter__sort span { display: block; font-size: 20px; line-height: 24px; font-weight: 500; } .subcatalog-filter__sort button .number { margin-left: 10px; } .subcatalog-filter__sort .icon { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; } .subcatalog-filter__sort.active .icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .subcatalog-filter__sort ul { background-color: #FFF; -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 16px 20px; position: absolute; top: calc(100% + 14px); right: 0; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; -o-transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; transition: z-index .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out; } .subcatalog-filter__sort.active ul { visibility: visible; opacity: 1; z-index: 25; } .subcatalog-filter__sort ul li:not(:last-child) { margin-bottom: 16px; } .subcatalog-filter__sort ul a { display: block; font-family: 'Mont'; color: #282922; font-size: 14px; line-height: 16px; font-weight: 400; white-space: nowrap; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .subcatalog-filter__sort ul a:hover, .subcatalog-filter__sort ul a:focus { color: #918767; } .subcatalog-tags__wrapper { /* padding: 40px 0; */ } .subcatalog-tags__list { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } .subcatalog-tags__tag { display: block; width: fit-content; outline: none; padding: 15px 18.5px; font-size: 14px; line-height: 18px; font-weight: 400; font-family: 'Mont'; color: #282922; border: 1px solid #282922; transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; } .subcatalog-tags__tag:hover { background-color: #918767; color: #fff; border-color: #918767; } .subcatalog-tags__button { display: flex; align-items: center; font-size: 14px; line-height: 18px; font-weight: 400; border: none; background-color: transparent; outline: none; font-family: 'Mont'; } .subcatalog-tags__button span { display: block; color: #282922; transition: color .3s ease-in-out; margin-left: 10px; } .subcatalog-tags__button svg path { transition: fill .3s ease-in-out; } .subcatalog-tags__button:hover span { color: #918767; } .subcatalog-tags__button:hover svg path { fill: #918767; } .filter-buttons { display: none; visibility: hidden; } .c-js-loader.wrapper { position: fixed; z-index: 99999; width: 100%; height: 100vh; background-color: #fff; background-image: url(/local/templates/boconcept/images/preloader.gif); background-repeat: no-repeat; background-position: 50%; background-size: auto; } .c-js-loader.wrapper { display: none; } body.--js-loader-show .c-js-loader.wrapper { display: block; } .c-js-loader.btn-close { display: none; position: absolute; right: 0; top: 0; z-index: 2; height: 100%; width: 100%; cursor: pointer; background: none; border: none; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 30px; padding-bottom: 15px; } .breadcrumbs__item { position: relative; } .breadcrumbs__item:not(:last-child):before { content: url('/local/templates/boconcept/images/chevronRight.svg'); position: absolute; top: 50%; right: -22px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; } .breadcrumbs__item a, .breadcrumbs__item span { display: block; font-weight: 400; font-size: 13px; line-height: 16px; color: #999; } .breadcrumbs__item a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .breadcrumbs__item a:hover, .breadcrumbs__item a:focus { color: #918767; } .blog__wrapper { padding: 15px 0 20px; } .blog__title { margin-bottom: 30px; } .blog__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .blog__tags a, .blog-items__tag, .article-top__tag { display: block; border: 1px solid #96968D; padding: 10px 9px; font-family: 'HelveticaNeueCyr'; font-weight: 400; font-size: 14px; line-height: 1; color: #96968D; -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, border-color .3s ease-in-out; } .blog__tags a:hover, .blog__tags a:focus { color: #918767; border-color: #918767; } .blog-items { padding: 20px 0 80px; } .blog-items__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0 1fr 0 1fr; grid-template-columns: repeat(3, 1fr); gap: 40px 0; margin-bottom: 40px; } .blog-items__article { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-items__tag { position: absolute; top: 20px; right: 20px; background-color: #fff; z-index: 5; } .blog-items__image { display: block; overflow: hidden; } .blog-items__image:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .blog-items__article img { display: block; width: 100%; margin: 0; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; will-change: transform; } .blog-items__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 30px 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-items__title { min-height: 64px; margin-bottom: 20px; font-weight: 500; font-size: 24px; line-height: 32px; text-transform: uppercase; color: #282922; } .blog-items__text { margin-top: 0; margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #282922; } .blog-items__link { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: auto; background-color: #F9F9F9; color: #333; padding: 20px 28.5px; font-size: 13px } .blog-items__link:hover, .blog-items__link:focus { background-color: #d4d4d4; color: #333; } .blog-items__more { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 20px 44px; } .blog-items__more:hover { background-color: transparent; text-decoration-color: transparent; } .blog-items__more { background-color: transparent; color: #282922; text-decoration: underline; transition: text-decoration .3s; } .article-top__wrapper { margin: 15px 0 40px; } .article-top__wrapper h1 { margin-bottom: 30px; } .article-top__tag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 40px; } .article-top__wrapper p { margin: 20px 0; } .article-image a { display: block; cursor: pointer; margin: 40px 0; } .article-image img { display: block; width: 100%; } .article__wrapper h2 { margin: 40px 0; font-weight: 500; font-size: 24px; line-height: 32px; color: #282922; } .article__wrapper p { font-weight: 400; font-size: 16px; line-height: 24px; margin: 20px 0; } .article__wrapper p a:hover { background-color: transparent; color: #000; } .article__wrapper p a { border: solid 1px rgb(145, 135, 103); padding: 5px 35px; background: rgb(145, 135, 103); color: #fff; margin-left: 5px; } .article__wrapper ol, .article__wrapper ul { margin: 20px 0; padding-left: 24px; } .article__wrapper ol li, .article__wrapper ul li { font-weight: 400; font-size: 16px; line-height: 24px; } .article__wrapper ul li { position: relative; } .article__wrapper ul li::before { content: ''; position: absolute; top: 6px; left: -13px; width: 5px; height: 5px; border-radius: 50%; background-color: #282922; } ul.article__images { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 40px 1fr; grid-template-columns: repeat(2, 1fr); gap: 40px; margin: 40px 0; padding: 0; } ul.article__images a { display: block; cursor: pointer; } ul.article__images img { display: block; width: 100%; } ul.article__images li::before { display: none; } ul { list-style-type: none; margin: 0; padding: 0; } .catalogDescr__wrapper ul { margin: 16px 0; padding-left: 32px; list-style: disc; } .reviews { padding: 16px 0; } .reviews__title { font-weight: 700; font-size: 32px; line-height: 36px; text-transform: uppercase; color: #282922; } .reviews-video { display: flex; flex-wrap: wrap; width: 100%; padding: 31px 0; } .reviews-video__item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(360deg, #282922 0%, rgba(40, 41, 34, 0.658875) 19.66%, rgba(40, 41, 34, 0.423653) 39.34%, rgba(40, 41, 34, 0.154953) 67.51%, rgba(40, 41, 34, 0) 100%); } .reviews-video__item { width: calc(100% / 3); position: relative; } .reviews-video__info { color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; padding: 31px 30px; } .reviews-video__date+* { margin-top: 10px; } .reviews-video__date { font-weight: 400; font-size: 18px; line-height: 24px; display: block; } .reviews-video__name { font-weight: 500; font-size: 22px; line-height: 30px; display: block; } .reviews-video .swiper-controls { display: flex; justify-content: center; width: 100%; align-items: center; gap: 28px; margin-top: 27px; } .reviews-video .swiper-pagination { position: relative; display: flex; width: auto; align-items: center; top: auto; bottom: auto; left: auto; justify-content: center; } .reviews-video .swiper-next svg, .reviews-video .swiper-prev svg { fill: #282922; } .reviews-video .swiper-prev {} .reviews-video .swiper-next {} .play path { fill: #918767; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } .play circle { fill: #fff; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } .play:hover path { fill: #fff; } .play:hover circle { fill: #282922; } .play { cursor: pointer; position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #282922; } .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: 0; background-color: #E9E9E9; opacity: 1; margin: 0 !important; } .reviews-text { padding: 54px 30px 74px; display: flex; flex-wrap: wrap; gap: 60px; } .reviews-text__item { width: calc(100% / 3 - 42px); } .reviews-text__head {} .reviews-text__date+* { margin-top: 10px; } .reviews-text__date { font-weight: 400; font-size: 18px; line-height: 24px; color: #282922; } .reviews-text__name { font-weight: 500; font-size: 22px; line-height: 30px; color: #282922; } .reviews-text__body::before { content: ""; position: absolute; bottom: 0; left: 0; height: 48px; width: 100%; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); opacity: 0; pointer-events: none; } .reviews-text__body p { margin: 0; } .reviews-text__body { font-weight: 500; font-size: 18px; line-height: 24px; color: #2D2D2D; height: 144px; margin-top: 16px; position: relative; overflow: hidden; } .reviews-more:hover { color: #9c9376; } .reviews-more { opacity: 0; pointer-events: none; font-weight: 700; font-size: 13px; line-height: 24px; text-align: center; text-transform: uppercase; color: #282922; padding: 15px 29px; margin-top: 21px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; background-color: rgba(249, 249, 249, 1); } .reviews-text__desc a:hover { text-decoration-color: transparent; } .reviews-text__desc.hidden { display: none; } .reviews-text__desc a { text-decoration: underline; text-underline-offset: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .reviews-text__desc { font-weight: 500; font-size: 16px; line-height: 22px; color: #232323; text-align: right; margin-top: 20px; } .reviews-text__controls .btn { padding: 32px 40px; } .reviews-text__controls { display: flex; justify-content: center; } .reviews-text__item--more .reviews-more { opacity: 1; pointer-events: all; } .reviews-text__item--more .reviews-text__body::before { opacity: 1; } .modal-rev { font-family: 'Mont'; display: none; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; visibility: visible; } .modal-rev.is-open { display: block; z-index: 9999999999; position: fixed; } .modal-rev__container { overflow: auto; background: transparent; padding: 0; margin: 0; width: 100%; max-width: 100%; padding: 50px 0; max-height: 100vh; } .modal-rev__content { padding: 0; margin: 0; } .modal-rev__close { width: 14px; height: 14px; position: absolute; right: 27px; top: 32px; display: block; z-index: 10; padding: 0; } .modal-rev__close span:nth-child(1) { transform: rotate(45deg); top: 1px; } .modal-rev__close span:nth-child(2) { transform: rotate(-45deg); top: -1px; } .modal-rev__close span { position: relative; display: block; width: 100%; height: 2px; background-color: #000; } .modal-rev__overlay { width: 100%; height: 100vh; background: rgba(0, 0, 0, .5); display: flex; justify-content: center; align-items: center; left: 0; top: 0; bottom: 0; right: 0; animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .modal-rev__inner { bottom: auto; left: auto; top: auto; right: auto; margin: 0 auto; text-align: center; position: relative; max-width: 489px; width: 100%; } #modal-review .feedback-rating__list .rating li { pointer-events: none; } #modal-review .feedback-rating__list { max-width: 650px; margin: 15px 0; } .modal-rev__body { position: relative; z-index: 5; background-color: #fff; overflow: hidden; padding: 30px 30px; } #modal-review .modal-rev__inner { max-width: 1060px; } .modal-rev .reviews-text__body::before { display: none; } .modal-rev .reviews-text__body { height: auto; } .modal-rev .reviews-text__item { width: 100%; text-align: left; } .feedback { margin: 80px 0; } .feedback__caption { font-weight: 700; font-size: 32px; line-height: 36px; color: #282922; margin-bottom: 33px; display: block; width: 100%; } .feedback__title { font-weight: 500; font-size: 18px; line-height: 24px; color: #2D2D2D; } .feedback__content { padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.16); } .feedback__left { width: 100%; max-width: 590px; } .feedback__right .form__field:nth-child(2), .feedback__right .form__field:nth-child(1) { width: calc(50% - 15px); } .feedback__right .form__field { margin-bottom: 20px; width: 100%; } .feedback__right .text { font-weight: 500; font-size: 10px; line-height: 14px; color: rgba(45, 45, 45, 0.8); display: block; margin-top: 10px; } .feedback__right { width: calc(50% + 180px); max-width: 990px; display: flex; flex-wrap: wrap; justify-content: space-between; } .rating { margin-top: 24px; } .rating svg {} .rating svg path { stroke: #2D2D2D; -webkit-transition: stroke 0.3s, fill 0.3s; -moz-transition: stroke 0.3s, fill 0.3s; -o-transition: stroke 0.3s, fill 0.3s; transition: stroke 0.3s, fill 0.3s; } .rating ul { display: flex; gap: 15px; } .rating li { cursor: pointer; } .rating li.active svg path { fill: #918767; stroke: #918767; } .feedback-rating__list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 23px 20px; } .feedback-rating__item { min-width: 265px; } .feedback__controls .btn { margin-top: 0; padding: 32px 5px; } .feedback__controls .form__rules { max-width: 318px; } .feedback__controls .form__button { max-width: 200px; margin-top: 0; width: 100%; } .feedback__controls { display: flex; align-items: center; gap: 20px; margin-top: 20px; width: 100%; } .load-file__size { font-weight: 500; font-size: 10px; line-height: 13px; } .load-file__format { font-weight: 500; font-size: 10px; line-height: 13px; } .load-file label { cursor: pointer; font-weight: 500; font-size: 16px; line-height: 22px; text-decoration-line: underline; color: #918767; display: flex; align-items: center; gap: 10px; } .load-file input { display: none; } .load-file svg {} .load-file { color: rgba(45, 45, 45, 0.8); display: flex; align-items: center; gap: 10px; } .load-file__url { font-weight: 500; font-size: 10px; line-height: 13px; } .load-file.load .load-file__size, .load-file.load .load-file__format { display: none; } #modal-result .modal-rev__inner { max-width: 540px; } #modal-result .modal-rev__body { padding-top: 84px; } .modal-result__title { font-weight: 700; font-size: 32px; line-height: 36px; color: #282922; } .modal-result .btn { margin-top: 30px; } .modal-result { text-align: center; } .invis-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .tabsListScrollContent ul { justify-content: center; margin: 0 auto; } .back-call__col .socials li:not(:last-child) { margin-right: 10px !important; } .blog-main { padding-bottom: 80px; padding-top: 80px; } .blog-main .blog-items { padding-bottom: 0; } .blog-main__title { text-transform: none; } .blog-main__controls .btn:hover { background-color: transparent; text-decoration-color: transparent; } .blog-main__controls .btn { padding: 20px 28.5px; background-color: transparent; color: #282922; text-decoration: underline; transition: text-decoration .3s; } .blog-main__controls { margin-top: 30px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1900px) { .feedback__right { width: calc(100% - 620px); } } .socials__item:not(:first-child) { margin-left: 0; } .formResults .container-v2 { padding: 0; } .formResults .search-result__wrapper { max-width: 600px; display: flex; justify-content: space-between; } .formResults .search-result__left .search-result__list li+li { margin-top: 20px; } .formResults .search-result__left { width: 100%; max-width: 229px; } .formResults .search-result__caption { color: #282922; font-size: 24px; font-weight: 500; line-height: 32px; white-space: nowrap; margin-bottom: 20px; } .formResults .search-result__right { width: 100%; max-width: 282px; } .formResults .search-result__name { color: #282922; font-size: 20px; font-weight: 500; line-height: 24px; } .formResults .search-result__name { display: block; width: 100%; } .formResults .search-result__list { gap: 0; color: #282922; margin-bottom: 0; display: block; } .formResults .search-result__list li { font-weight: 500; font-size: 16px; } .formResults .search-result__list li+li { margin-top: 20px; } .formResults .search-result__list li b { font-weight: 700; } .formResults .search--category { margin-top: 16px; display: block; } .formResults .search--category__name { color: #282922; font-size: 16px; font-weight: 500; line-height: 20px; } .formResults .search-result__button { margin: 20px 0 0; padding: 16px 34px; } .formResults .search-result__list a:not(.btn):hover { color: #9c9376; } .formResults .search-result__list a:not(.btn) { text-decoration-skip-ink: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .formResults .btn { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .breadcrumbs { padding: 20px 0; } .breadcrumbs ul { display: flex; align-items: center; flex-wrap: wrap; gap: 31px; } .breadcrumbs ul li {} .breadcrumbs ul li+li {} .breadcrumbs ul li:last-child .breadcrumbs-item::before { display: none; } .breadcrumbs-item::before { content: ""; position: absolute; left: calc(100% + 9px); top: 0; background-image: url("/local/templates/boconcept/img/arrow-breadcrumbs.svg"); width: 16px; height: 16px; } .breadcrumbs-item { position: relative; color: #999; font-size: 13px; font-weight: 500; line-height: 16px; display: block; } .breadcrumbs-item__mobile { display: none; padding-left: 20px; position: relative; color: #999; font-size: 13px; font-weight: 500; line-height: 16px; align-items: center; } .breadcrumbs-item__mobile::before { content: ""; position: absolute; left: 0; top: 50%; background-image: url("/local/templates/boconcept/img/arrow-breadcrumbs.svg"); width: 16px; height: 16px; -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); margin-top: -8px; } .grecaptcha-badge { display: none !important; } .shareBox { box-shadow: none; } .shareBoxWrapper .shareBox { right: 0; margin-right: 0; padding: 0; background-color: transparent; padding-right: 40px; } .shareBoxWrapper .shareBox__inner { padding: 12px 32px 28px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .33); } .goodCard__actions .btn--icon { z-index: 5; } .wrap_c68a { bottom: 60px !important; } .offersItem__text { font-size: 20px; line-height: 24px; display: block; margin-bottom: 20px; } .popup-favorite { position: fixed; top: -200px; left: 50%; background-color: #fff; z-index: 999; width: 300px; text-align: center; margin-left: -150px; padding: 15px 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, .33); -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } .popup-favorite.opened { top: 10px; } .popup-favorite_close svg path { fill: #808080; } .popup-favorite_close svg { pointer-events: none; } .popup-favorite_close { position: absolute; right: 10px; top: 10px } .popup-favorite__text { margin: 0; color: #808080; font-size: 14px; line-height: 20px; display: block; } .popup-favorite .btn:hover { color: #fff; } .popup-favorite .btn { padding: 10px 20px; margin-top: 10px; display: inline-block; } .category-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; } .category-item::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.40); z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .category-item:hover:after { background-color: rgba(51, 51, 51, 0.80); } .category-item__text { text-decoration-skip-ink: none; } .category-item:hover .category-item__text { text-decoration-color: #fff; } .category-item { position: relative; padding: 16px; height: 150px; } .filter-box::before { content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% - 60px); height: 1px; background-color: #282922; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .filter-box__item:nth-child(8n) .filter-box__header::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: calc(100% - 32px); background-color: #282922; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 4; } .category-item__text { display: flex; align-items: center; color: #fff; font-size: 18px; font-weight: 500; line-height: 24px; position: relative; z-index: 3; text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .category-item__text svg path { fill: #fff; } .category-item__text svg { margin-left: -6px; } .category-item__picture img { width: 100%; height: 100%; object-fit: cover; } .category-item__picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .catalog-new { padding: 30px 0; } .catalog-right .products__container { padding: 0; } .catalog-right { width: calc(100% - calc(25% - 12px)); padding-left: 16px; } .catalog-head { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 3; } .catalog-new__inner { display: flex; flex-wrap: wrap; } .filter-new { width: calc(25% - 12px); display: flex; flex-direction: column; } .filter-block { padding: 20px; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.16); -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; margin-bottom: 16px; order: 2; } .filter-block .btn-invis { position: absolute; left: 100%; top: 130px; display: none; } .filter-block.show { left: 0; } .filter-block__title { cursor: pointer; position: relative; } .filter-new .caption::after { content: ""; position: absolute; right: 6px; top: 50%; background-image: url("/local/templates/boconcept/css/../img/filter-arrow.svg"); width: 12px; height: 8px; background-position: center; background-repeat: no-repeat; margin-top: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .filter-new .caption.open:after { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .filter-new .caption { color: #282922; font-size: 24px; font-weight: 500; line-height: 32px; position: relative; display: block; width: 100%; cursor: pointer; display: block; } .filter-block__content { border-top: solid 1px #96968D; margin-top: 20px; display: none; } .filter-block__row .check-block+.check-block { margin-top: 23px; } .filter-block__row+.filter-block__row { border-top: solid 1px #96968D; } .filter-block__controls { border-top: solid 1px #96968D; } .filter-block__row:last-child { border-bottom: solid 1px #96968D; } .filter-block__row {} .filter-new .caption.filter-block__caption { font-size: 20px; padding: 16px 0; } .check-block {} .check-block input { display: none } .check-block input:checked+label:before { background-color: #918767; background-image: url(/local/templates/boconcept/css/../img/filter-checkbox.svg); background-size: 14px 11px; } .check-block label { position: relative; cursor: pointer; color: #282922; font-size: 16px; font-weight: 500; line-height: 20px; display: flex; align-items: center; gap: 15px; } .check-block input.disabled+label, .check-block input:disabled+label, .check-block label.disabled { opacity: .33; pointer-events: none; } .check-block label:before { cursor: pointer; content: ""; display: inline-block; width: 18px; height: 18px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border: 2px solid #918767; border-radius: 3px; background-repeat: no-repeat; background-position: center center; background-color: transparent; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .check-list { padding-bottom: 0; height: auto; overflow: hidden; scrollbar-color: rgba(40, 41, 34, 0.55) transparent; scrollbar-width: thin; } .check-list::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .check-list::-webkit-scrollbar-thumb { width: 5px; height: 5px; background-color: rgba(40, 41, 34, 0.55); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .check-list.close { padding-bottom: 40px; height: 250px; overflow: auto; } .check-more:hover { text-decoration-color: transparent; } .check-more .count { margin-left: 5px; } .check-more { display: table; color: #282922; font-size: 14px; font-weight: 500; line-height: 16px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .check-wrapper:after { content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% - 6px); height: 70px; pointer-events: none; background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); } .check-wrapper.open:after { display: none; } .check-wrapper { position: relative; } .fiter-block__inner { padding-bottom: 20px; display: none; } .filter-block__controls .btn.btn--gray { background-color: #F9F9F9; color: #282922; } .filter-block__controls .btn { width: calc(50% - 8px); display: block; max-width: initial; min-width: initial; height: 64px; } .filter-block__controls { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 20px; } .filter-list { display: flex; align-items: center; gap: 16px; } .filter-input label { color: #2D2D2D; font-size: 16px; font-weight: 500; line-height: 19px; } .filter-input input { width: 100%; max-width: 146px; height: 40px; text-align: center; color: #2D2D2D; font-size: 16px; font-weight: 500; line-height: 19px; padding: 11px; } .filter-input { display: flex; align-items: center; gap: 10px; } .range-input { margin-bottom: 20px; } .irs--round .irs-handle { border-color: #96968D; border-width: 6px; } .irs--round .irs-bar { background-color: #96968D; } .irs--round .irs-line { top: 37px; height: 2px; background-color: rgba(150, 150, 141, 0.50); } .filter-settings { margin-top: 26px; } .filter-settings ul { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; } .filter-settings li { color: #282922; font-size: 14px; font-weight: 400; line-height: 16px; display: flex; align-items: center; gap: 16px; border: 1px solid #918767; padding: 9px 15px; } .filter-settings li+li {} .filter-settings li:last-child { border: 0; padding: 0; } .filter-settings__delete svg { pointer-events: none; } .filter-settings__delete { cursor: pointer; } .filter-settings__clear:hover { text-decoration-color: transparent; } .filter-settings__clear { color: #96968D; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; text-decoration: underline; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .js-open-mobile { color: #282922; font-size: 16px; font-weight: 500; line-height: 20px; display: flex; align-items: center; gap: 10px; } .catalog-head__mobile { display: none; } .overlay-filter.show { opacity: 0.33; pointer-events: all; z-index: 9998; } .overlay-filter { background-color: #000; width: 100%; height: 100%; pointer-events: none; position: fixed; left: 0; top: 0; opacity: 0; } .filter-block__row--mobile { display: none; } .btn-mobile-close svg { pointer-events: none; } .btn-mobile-close { display: none; } .new-filter { padding: 0; position: relative; top: 0; left: 0; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } .filter-wrapper { padding: 0; position: sticky; top: 80px; left: 0; z-index: 9; -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; order: -1; } .page-scroll-up .filter-wrapper { top: 120px; } .pagination-controls { display: grid; align-items: center; margin-top: 40px; } .nav_pager__prev svg { -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .pagination-controls .pagination svg { width: auto; height: auto; } .pagination-controls .load_more { grid-column: 1/3; grid-row: 1/1; margin: 0 auto; } .pagination-controls .pagination { grid-column: 2/3; grid-row: 1/1; } .pagination { display: flex; gap: 5px; margin-left: auto; } .pagination li a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pagination li:hover span.toh, .pagination li span.toh:hover { color: #282922; cursor: auto; } .pagination li span.toh { border-color: transparent; width: 25px; } .pagination li span, .pagination li a { cursor: pointer; width: fit-content; outline: none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 16px; font-weight: 400; font-family: 'Mont'; color: #282922; border: 1px solid #282922; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pagination li span:hover, .pagination li a:hover { color: #fff; } .pagination li.nav_pager__current span, .pagination li span svg path, .pagination li a svg path { fill: #282922; } .pagination li span:hover svg path, .pagination li a:hover svg path { fill: #fff; } .pagination li.nav_pager__current span, .pagination li a:hover { background-color: #918767; color: #fff; border-color: #918767; } .catalog-filters__search { width: 100%; display: block; margin-bottom: 15px; position: relative; } .catalog-filters__search input { width: 100%; max-width: 146px; height: 40px; color: #2D2D2D; font-size: 16px; font-weight: 500; line-height: 19px; padding: 11px; padding-right: 45px; max-width: 100%; font-family: 'Mont'; } .catalog-filters__search button { position: absolute; right: 15px; bottom: 8px; } .designers-controls { display: flex; justify-content: center; align-items: center; gap: 8px; } .designersSlider .designersSliderContainer .designers-controls .swiper-pagination { width: auto; margin: 0; height: 32px; } .swiper-button {} .swiper-button:after, .swiper-button::before { display: none !important; } .boco__controls { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0 auto; } .boco__controls .swiper-pagination .swiper-pagination-bullet { background-color: #bababa; } .boco__controls .swiper-pagination { width: auto; margin: 0; background: transparent; position: relative; left: auto; right: auto; top: 4px; bottom: auto; height: 18px; padding: 0; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #282922; } .swiper-button.swiper-button-prev, .swiper-button.swiper-button-next { position: relative !important; right: auto !important; left: auto !important; margin: 0 !important; top: auto !important; transform: translateY(0%) !important; padding: 0 !important; } .swiper-button.swiper-button-prev svg, .swiper-button.swiper-button-next svg { fill: #000 !important; } .goodCardSlider .swiper-wrapper { height: 700px; } .goodCardSlider { height: 700px; } .goodCardSlider .swiper-slide { width: 100%; height: 700px; } .goodCardSlider img { width: 95%; object-fit: contain; position: absolute; left: 50%; top: 50%; height: 80%; transform: translateY(-50%) translateX(-50%); } .goodCardSlider .swiper-slide picture { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .goodCardSlider .swiper-wrapper { height: auto; } .goodCardSlider .swiper-slide picture { display: block; } .goodCardSlider .swiper-slide { display: flex; align-items: center; justify-content: center; } .goodCardSlider .btn { position: absolute; bottom: 0; right: 0; padding: 22px; z-index: 30; background-color: transparent; } .goodCardSlider .swiper-slide { position: relative; } .goodCardSlider .swiper-slide .invis-link { pointer-events: none; position: absolute; left: 0; top: 0; width: 0; height: 0; overflow: hidden; } .goodCardSlider .boco__controls .swiper-pagination { top: 1px; } .goodCardSlider .swiper-controls { top: -58px; } .completed_projects_block_slider .swiper-slide { overflow: hidden; } .completed_projects_block_slider .swiper-button { display: flex !important; align-items: center; width: 24px; height: 24px; } .article-caption { font-size: 20px; line-height: 28px; } .callback__form {} .callback__form .form>div+div { margin-top: 20px; } .callback__form .form__input { height: 40px; } .callback__form input[type="checkbox"] { display: none; } .designer-page { color: #282922; font-size: 16px; font-weight: 500; line-height: 24px; } .designer-page__head {} .designer-page__head p, .designer-page__head .caption { margin: 0; } .designer-page__head .designer-inner { display: flex; flex-direction: column; gap: 30px; } .designer-page__head .desc { color: #282922; font-size: 24px; font-weight: 600; line-height: 32px; } .designer-picture { margin-top: 40px; } .designer-picture .swiper-wrapper {} .designer-picture .swiper-slide { display: flex; flex-direction: column; justify-content: center; align-items: center; } .designer-picture .picture { position: relative; } .designer-picture .picture a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .designer-picture .title { display: block; margin-top: 20px; } .designet-page__text { padding: 40px 0; } .designet-page__text .designer-inner { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; } .designet-page__text ul { padding-left: 5px; } .designet-page__text ul li+li { margin-top: 5px; } .designet-page__text ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #282922; } .designet-page__text .caption { margin: 0; } .designet-page__text p { margin: 0; } .designet-page__text ul li { position: relative; padding-left: 10px; } .designet-page__text .btn:hover { background-color: #918767; color: #fff; } .designet-page__text .btn { margin-top: auto; background-color: #F9F9F9; color: #333; padding: 20px 30px; font-size: 13px; } .includeService { background-color: #F1F1F1; padding: 40px 0; position: relative; } .includeService .container { position: static; } .includeService .caption {} .includeService .picture img { object-fit: cover; width: 100%; height: 100%; } .includeService .picture { position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .includeService__inner {} .includeService__left { width: 50%; max-width: 825px; padding-right: 25px; } .includeService__list::before { content: ""; position: absolute; left: 55px; top: 0; background-color: #282922; width: 1px; height: 100%; } .includeService__list { position: relative; margin-top: 30px; } .includeService__item+.includeService__item { margin-top: 30px; } .includeService__item { position: relative; color: #282922; font-size: 16px; font-weight: 500; line-height: 24px; padding-left: 75px; } .includeService__item .num { color: #282922; font-size: 36px; font-weight: 600; line-height: 42px; position: absolute; left: 0; top: 0; } .includeService__item .btn:hover { color: #fff; } .includeService__item .btn { margin-top: 20px; } .includeService__item .title { display: block; color: #282922; font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 20px; } .slider-standart-section { background-color: #F1F1F1; padding: 40px 0; } .slider-standart-section .caption+.slider-standart { margin-top: 30px; } .slider-standart .swiper-controls .swiper-button-next::after { display: none; } .slider-standart .picture>a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider-standart .picture { position: relative; display: block; } .slider-standart .swiper-controls .swiper-button-next { position: relative; margin: 0; width: 24px; height: 24px; top: auto; left: auto; right: auto; bottom: auto; } .slider-standart .swiper-controls .swiper-button-prev::after { display: none; } .slider-standart .swiper-controls .swiper-button-next svg, .slider-standart .swiper-controls .swiper-button-prev svg { width: 24px; height: 24px; } .slider-standart .swiper-controls .swiper-button-prev { position: relative; margin: 0; width: 24px; height: 24px; top: auto; left: auto; right: auto; bottom: auto; } .slider-standart .swiper-pagination { position: relative; top: auto; bottom: auto; width: auto; height: 33px; left: auto; } .slider-standart .swiper-controls { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 30px; } .communic-methods { padding: 40px 0 } .communic-methods__inner { display: flex; flex-direction: column; gap: 30px; } .communic-methods__inner .caption {} .communic-methods__list { display: grid; align-items: start; gap: 30px; grid-template-columns: repeat(3, 1fr); padding: 30px 0; } .communic-methods__title { color: #282922; font-size: 18px; font-weight: 600; line-height: 24px; } .communic-methods__item p { margin: 0; } .communic-methods__item { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 20px; } .leaveRequst .container { height: auto; } .leaveRequst { position: relative; min-height: 765px; display: flex; border-top: solid 1px #000; } .leaveRequst .picture img { width: 100%; height: 100%; object-fit: cover; } .leaveRequst .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .leaveRequst__form .caption { text-align: center; display: block; margin-bottom: 30px; } .leaveRequst__form { background-color: #fff; position: relative; z-index: 3; max-width: 540px; width: 100%; padding: 40px 30px; height: 100%; } .leaveRequst__form .desc a:hover { text-decoration-color: #857440; } .leaveRequst__form .desc a { color: #857440; text-decoration: underline; text-decoration-color: transparent; transition: all .3s; } .leaveRequst__form .desc { color: #96968D; font-size: 14px; font-weight: 500; line-height: 20px; display: block; text-align: center; margin-top: 10px; } .leaveRequst__form .btn { width: 100%; margin-top: 40px; } .leaveRequst__input { width: 100%; } .leaveRequst__input+.leaveRequst__input { margin-top: 40px; } .leaveRequst__input input { border: 0; border-bottom: 1px solid #96968D; padding-bottom: 13px; color: #96968D; font-size: 16px; font-weight: 500; width: 100%; font-family: Mont; } .fileLoad__name { color: #918767; } .fileLoad label { position: absolute; top: 0; left: 0; cursor: pointer; width: 100%; height: 100%; } .fileLoad input { display: none; } .fileLoad { position: relative; margin-top: 40px; display: flex; flex-direction: column; gap: 30px; padding: 32px 50px; text-align: center; color: #808080; font-size: 16px; font-weight: 500; line-height: 25px; background-color: #F3F3F3; } .communic-methods__inner p { margin: 0; } .newYear-block { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 405px 0 215px; z-index: -1; pointer-events: none; } .newYear-block__left { display: flex; align-items: center; justify-content: space-between; width: calc(50% - 35px); } .newYear-block__right { display: flex; align-items: center; justify-content: space-between; width: calc(50% - 211px); } .newYear-block__left .newYear-block__item:nth-child(1) { transform: translateY(-10px); } .newYear-block__left .newYear-block__item:nth-child(3) { transform: translateY(-10px); } .newYear-block__left .newYear-block__item:nth-child(4) { transform: translateY(10px); } .newYear-block__left .newYear-block__item:nth-child(5) { transform: translateY(15px); } .newYear-block__left .newYear-block__item:nth-child(6) { transform: translateY(-5px); } .newYear-block__left .newYear-block__item:nth-child(7) { transform: translateY(15px); } .newYear-block__left .newYear-block__item:nth-child(9) { transform: translateY(10px); } .newYear-block__right .newYear-block__item:nth-child(1) { transform: translateY(-10px); } .newYear-block__right .newYear-block__item:nth-child(2) { transform: translateY(10px); } .newYear-block__right .newYear-block__item:nth-child(3) { transform: translateY(-5px); } .newYear-block__right .newYear-block__item:nth-child(4) { transform: translateY(15px); } .newYear-block__right .newYear-block__item:nth-child(5) { transform: translateY(10px); } .newYear-block__right .newYear-block__item:nth-child(6) {} .newYear-block__item {} .newYear-block__item img {} .header-top__wrapper { z-index: 2; } .goodCard-upholstery__top .goodCard-popup__title { font-weight: 400; font-size: 14px; line-height: 20px; text-transform: uppercase; } .goodCard-information__title .caption { font-size: 16px; line-height: 24px; font-weight: 700; text-transform: uppercase; } .goodCard-upholstery__title .caption { font-size: 14px; line-height: 20px; font-weight: 500; text-transform: uppercase; margin-right: 16px; } .goodCard-upholstery__top .caption { font-weight: 400; font-size: 14px; line-height: 20px; text-transform: uppercase; } .new-filter__inner { width: 100%; max-height: calc(100vh - 130px); overflow: auto; padding: 20px; } .filter-new { position: relative; } [data-gtm-form-interact-id] .btn-invis { display: block; } .back-call__title { display: block; text-align: center; } .success-subscribe__title, .success__title { display: block; } .filter-wrapper { display: flex; flex-direction: column-reverse; } .badge { background-color: #f5f5f5; } .badge.badge--normal { padding: 3px 12px; } .career-grettings { margin-top: 30px; } .career-grettings__inner {} .career-grettings__caption {} .career-grettings { position: relative; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0em; } .career-grettings .picture img { object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .career-grettings .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .career-grettings__inner { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; min-height: 600px; width: 100%; color: #fff; gap: 24px; } .career-grettings p { margin: 0; } .career-grettings__caption { font-size: 56px; font-weight: 500; line-height: 64px; letter-spacing: 0em; } .career-target .desc { font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0em; text-align: left; color: rgba(185, 185, 185, 1); } .career-target { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0em; padding: 60px 0; } .career-target .caption { font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: 0em; display: block; width: 100%; } .career-target p { margin: 0; } .career-target__inner { position: relative; display: grid; grid-template-columns: 1fr 500px 1fr; position: relative; min-height: 700px; } .career-target__left { padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: #F1F1F1; gap: 20px; } .career-target__right { padding: 30px; display: flex; flex-direction: column; justify-content: center; gap: 20px; } .carrer-slider .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .carrer-slider .picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .carrer-slider .swiper-slide { width: 100%; height: 100%; position: relative; } .carrer-slider { position: relative; background-color: #F1F1F1; width: 100%; height: 100%; max-width: 500px; display: flex; justify-content: center; align-items: center; } .carrer-slider .swiper-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; bottom: 10px; width: 100%; position: absolute; left: 0; padding: 0 10px; } .carrer-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .carrer-slider .swiper-pagination-bullet { height: 4px; background-color: rgba(150, 150, 141, 1); border-radius: 5px; flex: 1; width: 100%; } .career-vacancies { padding: 60px 0; } .career-vacancies .btn:hover { background-color: #9c9376; color: #fff; } .career-vacancies__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; } .career-vacancies__text { width: calc(100% / 3 - 30px); display: flex; flex-direction: column; align-items: flex-start; gap: 30px; } .career-vacancies__vacancy { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0em; width: 100%; margin: 0; } .career-vacancies__vacancy .swiper-wrapper {} .career-vacancies__vacancy .swiper-slide { display: flex; flex-direction: column; gap: 20px; } .career-vacancies__vacancy .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .career-vacancies__vacancy .picture { height: 500px; width: 100%; display: block; position: relative; } .career-vacancies p { margin: 0; } .career-vacancies__vacancy .name { font-size: 18px; font-weight: 600; } .career-vacancies__right { width: calc(100% / 2 + 210px); } .career-working { padding: 60px 0; } .career-working__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .career-working__left { width: calc(100% / 2 + 210px); } .career-working .carrer-slider { width: 100%; max-width: 100%; } .carrer-slider .swiper {} .carrer-slider .swiper-wrapper {} .carrer-slider .swiper-slide {} .carrer-slider .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .carrer-slider .picture { position: relative; display: block; width: 100%; padding-top: calc(590 / 1050 * 100%); } .career-working__right { width: calc(100% / 3 - 30px); } .carerr-projects { width: 100%; overflow: hidden; } .carerr-projects__slider .desc { text-align: center; width: 100%; font-size: 13px; font-weight: 500; line-height: 24px; letter-spacing: 0em; padding: 20px 0; display: block; } .carerr-projects__slider { margin-top: 30px; } .career-target--alternate .career-target__inner { grid-template-columns: 1fr 1fr 500px; } .faq-new-section { padding: 60px 0; } .faq-new-section .btn { margin-top: 30px; } .faq-new { font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0em; margin-top: 30px; } .faq-new__head { position: relative; } .faq-new__line:last-child { border-bottom: solid 1px rgba(150, 150, 141, 1); } .faq-new__line { border-top: solid 1px rgba(150, 150, 141, 1); } .faq-new__line .quest::before { content: ""; position: absolute; left: 0; top: 50%; background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; margin-top: -12px; transition: all .3s; background-image: url(/local/templates/boconcept/img/arrow-faq-new.svg); } .faq-new__line.opened .quest::before { transform: rotate(180deg); } .faq-new__line .quest { position: relative; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: left; padding-left: 34px; padding-top: 20px; padding-bottom: 20px; display: block; cursor: pointer; } .faq-new__line ul { list-style-type: decimal; padding-left: 25px; } .faq-new__body { display: none; padding: 0 34px 16px; } .leaveRequst__form__head .caption { margin: 0; } .leaveRequst__form__head { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: center; } .cook-block.close { display: none; } .cook-block { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; background-color: rgba(40, 41, 34, 1); position: fixed; left: 0; bottom: 0; width: 100%; padding: 20px 0; color: #fff; z-index: 999; } .cook-block__inner { display: flex; align-items: center; gap: 10px; } .cook-block__text { font-weight: 300; } .cook-block__link:hover { text-decoration-color: transparent; } .cook-block__link { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; display: inline-block; text-decoration: underline; transition: text-decoration 0.3s; } .cook-block__btn { cursor: pointer; margin-left: auto; border: 0; outline: none; font-size: 13px; font-weight: 700; line-height: 24px; text-align: center; color: #fff; } .not-cook .wrap_ad00 { bottom: 110px !important; } .design-features { background-color: #F1F1F1; padding: 40px 0; } .design-features__list { margin-top: 30px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; } .design-features__item { font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; display: flex; flex-direction: column; gap: 10px; } .design-features__item p { margin: 0; } .design-features__name { font-size: 24px; font-weight: 600; line-height: 32px; text-align: left; min-height: 64px; } .deliveryInfo__itemBody table { text-align: left; } .deliveryInfo__itemBody article { text-align: center; } .slider-designer .section__body.row { overflow: visible; margin: 0; } .slider-designer { overflow: hidden; width: 100%; } .slider-designer-products .swiper-controls .swiper-pagination { top: 2px; } .slider-designer-products .swiper-controls { z-index: 0; position: relative; } .slider-designer-products { overflow: visible; margin-top: 45px; } .slider-designer-products .product-card__footer { box-sizing: border-box; } .slider-images { margin-top: 30px; } .article {} .personal-area-popup__socials { display: none !important; } .registration-popup__socials { display: none !important; } /* styles pdf */ .bx-pdf-container { margin: 0 auto; width: 100% !important; height: 1120px !important; } .bx-pdf-container .toolbar { /* display: none; */ } .viewerContainer::-webkit-scrollbar { width: 5px; background-color: transparent; } .viewerContainer::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b1b1b1; } .viewerContainer::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } .outerContainer { background-color: transparent !important; } .pdfViewer .page { margin: 20px auto; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .22); border-image: none; border: 0; } .viewerContainer { width: 1200px; margin: 0 auto; } .bx-pdf-container { margin-bottom: 50px; } .fancybox-image, .goodCardSlider img { pointer-events: initial; } /* верстка pdf */ .pdf-page.openedTabs .container { width: calc(100% - 300px); max-width: 100%; } .pdf-page { padding: 25px 0; display: flex; position: relative; } .pdf-block {} .pdf-block__head { display: flex; align-items: center; justify-content: center; min-height: 48px; gap: 24px; } .pdf-page__inputs input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #4A4A4A; color: #fff; opacity: 0; text-align: center; font-size: 18px; line-height: 20px; z-index: 2; border: 0; } .pdf-page__inputs.opened input { opacity: 1; } .pdf-page__inputs { position: relative; color: #4A4A4A; font-size: 18px; line-height: 20px; width: 128px; height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; } .pdf-block__body.small .picture { width: 100% !important; } .pdf-block__body.small .pdf-slider .swiper-slide { padding-top: calc(1005 / 1800* 100%); } .pdf-block__body.small { width: 70%; } .pdf-block__body { position: relative; width: 100%; margin: 0 auto; } .pdf-btn-prev { position: absolute; left: -57px; top: 0; width: 47px; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='M10.605 12.727 5.656 7.776l4.949-4.948L7.777 0 0 7.776l7.777 7.779 2.828-2.828z'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 3; transition: transform 0.3s } .pdf-btn-next { position: absolute; right: -47px; top: 0; width: 47px; height: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.605' height='15.555'%3e%3cpath d='m2.828 15.555 7.777-7.779L2.828 0 0 2.828l4.949 4.948L0 12.727l2.828 2.828z'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 3; transition: transform 0.3s } .pdf-btn-prev.swiper-button-disabled, .pdf-btn-next.swiper-button-disabled { opacity: 0; } .pdf-btn-prev:hover, .pdf-btn-next:hover { transform: scale(1.25); } .pdf-page__download {} .pdf-page__inputs {} .pdf-page__button {} .pdf-slider { width: 100%; margin: 50px 0; box-shadow: 0 0 16px rgba(0, 0, 0, .2); } .pdf-slider .swiper {} .pdf-slider .swiper-wrapper {} .pdf-slider .swiper-slide.swiper-slide-active {} .pdf-slider .swiper-slide { position: relative; padding-top: calc(675 / 1920 * 100%); } .pdf-slider .picture img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .pdf-slider .picture>a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; } .pdf-slider .picture { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .pdf-btn-first { cursor: pointer; position: absolute; left: -45px; top: -10px; width: 47px; height: 47px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M18.424 6.1a1.008 1.008 0 0 0-1.065.136l-6 5a1 1 0 0 0 0 1.538l6 5A1.007 1.007 0 0 0 18 18a.989.989 0 0 0 .424-.095A1 1 0 0 0 19 17V7a1 1 0 0 0-.576-.9zM17 14.865 13.562 12 17 9.135zM9 6H6a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM8 16H7V8h1z' style='fill:%231c1b1e'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 4; transition: transform 0.3s; background-size: 30px; } .pdf-btn-last { cursor: pointer; position: absolute; right: -45px; top: -10px; width: 47px; height: 47px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg data-name='Next'%3e%3cpath d='M6 18a.986.986 0 0 1-.424-.095A1 1 0 0 1 5 17V7a1 1 0 0 1 1.641-.769l6 5a1 1 0 0 1 0 1.538l-6 5A1.007 1.007 0 0 1 6 18zm1-8.865v5.73L10.437 12zM18 18h-3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-2-2h1V8h-1z' style='fill:%231c1b1e'/%3e%3c/g%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; z-index: 4; transition: transform 0.3s; background-size: 30px; } .pdf-btn-last:hover, .pdf-btn-first:hover { transform: scale(1.3); } .pdf-page__download:hover { transform: scale(1.2); } .pdf-page__download { cursor: pointer; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M11.292 16.706a1 1 0 0 0 1.416 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V4a1 1 0 0 0-2 0v9.586l-1.293-1.293a1 1 0 0 0-1.414 1.414zM17 19H7a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z' style='fill:%231c1b1e'/%3e%3c/svg%3e"); transition: all .3s; } .pdf-page__inputs input::-webkit-outer-spin-button, .pdf-page__inputs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .pdf-page__button span { background-color: #000; display: block; width: 100%; height: 2px; } .pdf-page__button:hover span { background-color: #fff; transition: all .3s; } .pdf-page__button:hover { background-color: #000; } .pdf-page__button { cursor: pointer; width: 48px; height: 38px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; transition: all .3s; } .pdf-tabs { border-left: 1px solid #e5e5e5; width: 360px; background-color: #f2f2f2; position: relative; flex: 1; display: none; } .pdf-tabs.opened { display: block; } .pdf-tabs__title { color: rgb(85, 85, 85); font-size: 16px; line-height: 20px; text-align: center; min-height: 48px; display: flex; align-items: center; justify-content: center; } .pdf-tabs__list ul {} .salebook {} .salebook-header { width: 100%; height: 65px; display: flex; justify-content: center; align-items: center; } .salebook-header a {} .salebook-header a svg {} .salebook-grettings { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 63px 80px; } .salebook-grettings__picture.mobile { display: none; } .salebook-grettings__picture { width: 789px; /* height: 964px; */ height: auto; } .salebook-grettings__content { max-width: 827px; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .salebook-grettings__content p { margin: 0; max-width: 616px; } .salebook-get__inner { width: 100%; max-width: 456px; margin: auto; font-size: 18px; font-weight: 600; line-height: 23px; display: flex; flex-direction: column; } .pdf-tabs__list li:hover { background-color: rgba(0, 0, 0, .035); } .pdf-tabs__list li { cursor: pointer; padding: 16px; } .pdf-tabs__close { position: absolute; right: 12px; top: 12px; cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 48 48'%3e%3cpath d='M 38.982422 6.9707031 A 2.0002 2.0002 0 0 0 37.585938 7.5859375 L 24 21.171875 L 10.414062 7.5859375 A 2.0002 2.0002 0 0 0 8.9785156 6.9804688 A 2.0002 2.0002 0 0 0 7.5859375 10.414062 L 21.171875 24 L 7.5859375 37.585938 A 2.0002 2.0002 0 1 0 10.414062 40.414062 L 24 26.828125 L 37.585938 40.414062 A 2.0002 2.0002 0 1 0 40.414062 37.585938 L 26.828125 24 L 40.414062 10.414062 A 2.0002 2.0002 0 0 0 38.982422 6.9707031 z'%3e%3c/path%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; background-size: 15px; } .salebook-grettings__caption { font-size: 56px; font-weight: 700; line-height: 58px; display: block; margin-bottom: 50px; margin-top: auto; } .salebook-get { background-color: #F6F6F6; height: 526px; margin-top: auto; display: flex; flex-direction: column; position: relative; width: calc(100% + 80px); } .salebook-get__title { font-size: 32px; font-weight: 600; line-height: 41px; } .salebook-get__desc { font-size: 18px; font-weight: 500; line-height: 23px; display: block; margin-top: 20px; } .salebook__btn:hover { color: #fff; transform: scale(1.015); } .salebook__btn { font-size: 13px; font-weight: 600; line-height: 24px; text-align: center; color: #fff; background-color: #283833; margin-top: 40px; width: 100%; padding: 18px 0; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 5px; transition: all .3s; max-width: 429px; } .salebook-grettings__text { margin-top: auto; } .salebook-catalog { padding: 60px 0; } .salebook-head { padding: 0 80px; } .salebook-head .caption { font-size: 32px; font-weight: 600; line-height: 41px; } .salebook-list::before { content: ""; position: absolute; left: 0; top: 0; background-color: #F5F5F5; width: 100%; height: 315px; z-index: -1; pointer-events: none; } .salebook-list { position: relative; margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; padding-left: 80px; padding-right: 80px; gap: 100px; } .salebook-item {} .salebook-item .picture img { width: auto; height: 100%; object-fit: contain; } .salebook-item .picture { background-color: #F5F5F5; display: flex; align-items: center; justify-content: center; height: 315px; position: relative; } .salebook-item .sale { position: absolute; right: 0; top: 15px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 600; line-height: 13px; border-radius: 50%; background-color: #EDD889; z-index: 2; } .salebook-item__content { display: flex; flex-direction: column; gap: 30px; margin-top: 12px; } .salebook-item__name { font-size: 22px; font-weight: 700; line-height: 30px; width: 100%; } .salebook-item__info { font-size: 14px; font-weight: 300; line-height: 20px; gap: 10px; width: 100%; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; } .salebook-item__data { width: 65%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .salebook-item__prices { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; } .salebook-item__price.old { font-size: 16px; font-weight: 300; line-height: 20px; text-decoration: line-through; } .salebook-item__price { font-size: 22px; font-weight: 600; line-height: 20px; } .salebook-about .form__button .btn { width: 100%; max-width: 100%; } .salebook-about .mobile { display: none; } .salebook .btn{ transition: transform .3s; } .salebook .btn:hover { color: #fff; transform: scale(1.015); } .salebook-about .btn { font-size: 13px; font-weight: 600; line-height: 24px; text-align: center; color: #fff; background-color: #283833; margin-top: 40px; width: 100%; padding: 18px 0; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 20px; border-radius: 5px; transition: all .3s; max-width: 359px; } .salebook-about { padding: 60px 0 0; } .salebook-about__head { padding: 0 80px; } .salebook-about__head .caption { font-size: 32px; font-weight: 600; line-height: 41px; } .salebook-about__body { font-size: 18px; font-weight: 500; line-height: 23px; position: relative; margin-top: 66px; display: flex; flex-wrap: wrap; min-height: 793px; overflow: hidden; } .salebook-about__body .col .controls { width: 100%; } .salebook-about__body .col { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 40px 5px; } .salebook-about__body .col p { max-width: 320px; width: 100%; margin: 0 } .salebook-about__body .picture::before { content: ""; position: absolute; right: 100%; bottom: 0; width: 500%; height: 344px; background-color: #F6F6F6; z-index: -1; } .salebook-about__body .picture { position: absolute; right: 0; top: 0; width: calc(50% - 150px); height: 100%; background-color: #F6F6F6; } .salebook-about__body .controls { width: 100%; } .salebook-about__body .btn { margin-top: 65px; } .salebook-about__left { width: 50%; display: flex; justify-content: center; align-items: flex-start; padding-left: 80px; padding-bottom: 20px; } .salebook-about__left .includeService__item { font-size: 14px; } .salebook-about__left .includeService__item+.includeService__item { margin-top: 0; } .salebook-shops { padding: 60px 0; } .salebook-shops__head { padding: 0 80px; } .salebook-shops__head .caption { font-size: 32px; font-weight: 600; line-height: 41px; } .salebook-shops__body { margin-top: 70px; overflow: hidden; } .salebook-shops__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 145px 100px; padding: 0 80px; } .salebook-shops__item ul li {} .salebook-shops__item ul { display: flex; flex-direction: column; gap: 15px; margin-top: 22px; } .salebook-shops__item::after { content: ""; position: absolute; left: 0px; top: -70px; width: calc(100% + 100px); height: 1px; background-color: #E8E8E8; } .salebook-shops__item::before { content: ""; position: absolute; left: -75px; top: 50%; width: 1px; height: 188px; background-color: #E8E8E8; transform: translate(-50%, -50%); } .salebook-shops__item { position: relative; font-size: 16px; font-weight: 500; line-height: 20.45px; } .salebook-shops__item .name { font-size: 28px; font-weight: 600; line-height: 35.78px; } .salebook-shops__item:nth-child(4):after, .salebook-shops__item:nth-child(3):after, .salebook-shops__item:nth-child(2):after, .salebook-shops__item:nth-child(1):after { display: none; } .salebook-shops__item:nth-child(4n):after { width: 100%; } .salebook-shops__item:nth-child(4n+1)::before { display: none; } .salebook-bottom { margin-top: 80px; position: relative; padding: 0 0px 0 80px; display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 600; line-height: 23px; background-color: #F6F6F6; } .salebook-bottom__text { display: flex; flex-direction: column; gap: 20px; } .salebook-bottom .caption { font-size: 32px; font-weight: 700; line-height: 41px; } .salebook-bottom p { margin: 0; } .salebook-bottom .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .salebook-bottom .picture { width: 622px; height: 425px; position: relative; } .salebook-bottom .salebook__btn { margin-top: 70px; } .salebook-footer { background-color: #F3F3F3; min-height: 213px; display: flex; justify-content: space-between; align-items: center; padding: 0 80px; margin-top: 130px; } .salebook-footer__logo {} .salebook-footer__developer span { font-size: 14px; font-weight: 600; line-height: 17px; color: #96968D; } .salebook-footer__developer { display: flex; align-items: center; gap: 10px; } .goodCardInfo__video button { background-color: transparent; left: 20px; } .goodCardInfo__video button.vjs-paused { left: 25px; } .goodCardInfo__video button.vjs-playing { left: 25px; } .goodCardInfo__video .video-js { width: 100%; height: 530px; } .goodCard__feature { margin-bottom: 102px; } .salebook .callback__bottom { margin: 0; border: 0; } .includeService__item {} .salebook-grettings .btn.mobile {} .salebook-grettings .btn { max-width: 320px; margin-top: 40px; background-color: #283833; border-radius: 5px; } @media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1280px) { .filter-new .caption { font-size: 18px; line-height: 24px; } .filter-new .caption.filter-block__caption { font-size: 15px; line-height: 24px; padding: 12px 0; } .filter-input input { font-size: 12px; line-height: 15px; } .filter-input label { font-size: 12px; line-height: 15px; } .check-block label { font-size: 12px; line-height: 14px; gap: 10px; } .check-block label:before { width: 14px; height: 14px; } .catalog-filters__search input { font-size: 12px; line-height: 14px; } .category-item { height: 100px; padding: 12px; } .category-item__text { font-size: 16px; line-height: 22px; } .category-item__text svg { margin-left: 0; width: 24px; height: 24px; } } @media (max-width: 1900px) { .feedback__right { width: calc(100% - 620px); } } @media (max-width: 1740px) { .main-interior__list { width: 550px; margin: -15px; } .main-interior__item { padding: 15px; } .main-interior__link { font-size: 16px; line-height: 24px; } .main-interior__link span { margin-right: 30px; } .filter-box { grid-template-columns: repeat(6, 1fr); position: relative; } .filter-box__item:nth-child(8n) .filter-box__header::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: calc(100% - 32px); background-color: #282922; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter-box__item:nth-child(6n) .filter-box__header::before { display: none; } .filter-box__item:nth-child(8n) .filter-box__content { left: 0; right: auto; } .filter-box__item:nth-child(6n) .filter-box__content { left: auto; right: 0; } .filter-box.very-big .filter-box__item:nth-child(-n+16), .filter-box.big .filter-box__item:nth-child(-n+8) { border-bottom: 0; } .filter-box.very-big .filter-box__item:nth-child(-n+12), .filter-box.big .filter-box__item:nth-child(-n+6) { border-bottom: solid 1px #282922; } .salebook-grettings__picture { width: 682px; /* height: 797px; */ height: auto; } .salebook-grettings__content { max-width: 800px; padding: 0 15px; } .salebook-get { height: 436px; } .salebook-grettings { padding: 60px 30px; } .salebook-grettings__content p { max-width: 467px; } .salebook-get { width: calc(100% + 30px); } .salebook-head { padding: 0 30px; } .salebook-list { padding: 0 30px; gap: 195px; margin-top: 37px; } .salebook-item .picture img { max-height: 217px; } .salebook-item__data { width: 55%; } .salebook-about__head { padding: 0 30px; } .salebook-about__body .picture::before { height: 172px; } .salebook-about__left { padding-left: 50px; width: 60%; } .salebook-about__body { min-height: 501px; } .salebook-about__body .picture { width: calc(50% - 208px); } .salebook-shops__head { padding: 0 30px; } .salebook-shops__list { padding: 0 30px; grid-template-columns: repeat(3, 1fr); } .salebook-shops__item:nth-child(4):after { display: block; } .salebook-shops__item:nth-child(3):after, .salebook-shops__item:nth-child(2):after, .salebook-shops__item:nth-child(1):after { display: none; } .salebook-shops__item:after { width: 200% !important; left: -50px; } .salebook-shops__item:nth-child(4n+1)::before { display: block; } .salebook-bottom { padding-left: 30px; margin-top: 60px; } .salebook-bottom__text { max-width: 430px; } .salebook-bottom .salebook__btn { margin-top: 50px; } .salebook-footer { padding: 0 30px; margin-top: 100px; min-height: 160px; } .goodCardInfo__video .video-js { width: 100%; height: 400px; } } @media (max-width: 1599px) { .subcatalog-filter__checkboxes { gap: 15px; max-width: 330px; flex-wrap: wrap; } .product-card__colors { flex-wrap: wrap; } .pagination-controls { display: flex; flex-direction: column-reverse; justify-content: center; gap: 20px; margin-top: 20px; } .pagination { margin: 0 auto; } .filter-new .caption { font-size: 22px; line-height: 30px; } .newYear-block__right .newYear-block__item:nth-child(4), .newYear-block__right .newYear-block__item:nth-child(5) { display: none; } } @media (max-width: 1440px) { .main-catalog__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .main-interior__info { display: block; } .main-interior__content { max-width: none; margin-right: 0; margin-bottom: 60px; } .products__list { grid-template-columns: repeat(3, 1fr); } .catalog-right .products__list { grid-template-columns: repeat(2, 1fr); } .products__item {} .history__icon { top: 10px; } .subcatalog-items__list { grid-template-columns: repeat(4, 1fr); } .filter-box__header { padding: 16px 20px; } .filter-box::before { width: calc(100% - 40px); } .feedback__right { width: 100%; margin-top: 24px; } .subcatalog-filter__checkboxes { max-width: 100%; width: 100%; } .catalog-head { flex-wrap: wrap; gap: 20px; align-items: flex-end; flex-direction: column-reverse; } .filter-settings { margin-top: 20px; } .subcatalog-filter__form-desktop {} .subcatalog-sorting {} .subcatalog-filter__sort span, .filter-checkbox .filter-checkbox__label { font-size: 16px; line-height: 22px; } .category-list { grid-template-columns: repeat(4, 1fr); } .filter-new { width: calc(25% + 70px); } .catalog-right { width: calc(100% - calc(25% + 70px)); } .newYear-block__right .newYear-block__item:nth-child(2), .newYear-block__right .newYear-block__item:nth-child(3), .newYear-block__right .newYear-block__item:nth-child(4), .newYear-block__right .newYear-block__item:nth-child(5) { display: none; } .career-grettings__caption { font-size: 42px; line-height: 50px; } .career-grettings__inner { min-height: 400px; } .career-working__left { width: calc(100% / 2 + 150px); } .career-working__right { width: calc(100% / 3 - 0px); } .salebook-grettings__picture { width: 484px; /* height: 552px; */ height: auto; } .salebook-list { gap: 100px; } } @media (max-width: 1280px) { .main-slider__wrapper { margin-bottom: 30px; } .main-slider__info { left: 16px; max-width: 490px; } .main-slider__item picture { max-height: none; height: 100%; } .main-catalog__wrapper { padding: 30px 0; } .main-catalog__title { margin-bottom: 30px; } .main-catalog__item { height: 128px; } .main-catalog__name { font-size: 16px; line-height: 24px; margin: 15px; top: calc(50% - 15px); left: calc(50% - 15px); } .main-catalog__button { font-size: 16px; line-height: 24px; } .main-interior__wrapper { padding: 30px 0; } .main-interior__info { margin-bottom: 60px; } .interior-visual__box { bottom: 7px; margin: 0 12px; } .interior-visual__head { display: none; } .interior-visual__box { width: 100px; background-color: rgba(40, 41, 34, .9); } .interior-visual__favorite, .interior-visual__favorite-active { display: none !important; } .interior-visual__info { padding: 10px 15px; } .interior-visual__name, .interior-visual__price { color: #fff; font-size: 10px; line-height: 14px; } .interior-visual__price { opacity: 0.4; } .interior-visual__link:hover .interior-visual__name, .interior-visual__link:hover .interior-visual__price, .interior-visual__link:focus .interior-visual__name, .interior-visual__link:focus .interior-visual__price { color: #fff; } .interior-visual__marker.active .interior-visual__pin span { border-color: #282922; } .interior-visual__marker.active .interior-visual__pin:before { -webkit-animation: none; animation: none; width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; background-color: transparent; border: 1px solid rgba(255, 255, 255, .3); } .products__title { font-size: 20px; line-height: 24px; } .products__container { padding-top: 40px; padding-bottom: 40px; } .product-card__photo, .product-card__image-hover { padding: 87px 10px; height: 310px; } .product-card__badge { top: 10px; left: 10px; } .product-card__favorites { top: 10px; right: 10px; } .product-card__badge .badge { font-size: 12px; line-height: 16px; } .products__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .products__button { margin-top: 30px; } .product-card__body { padding: 10px; height: auto; display: flex; flex-direction: column; flex: 1; } .product-card__name, .product-card__price { font-size: 14px; line-height: 20px; } .colors__more { font-size: 12px; line-height: 16px; } .product-card__description { font-size: 12px; line-height: 16px; } .product-card__colors { margin-bottom: 15px; } .product-card__footer { top: auto; height: auto; opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; left: auto; right: auto; bottom: auto; z-index: 5; width: 100%; margin-top: 10px; position: relative; } .history__icon { top: 8px; } .history { margin: 30px 0; } .history__title { line-height: 32px; } .history__item { padding: 61px 15px 0; } .offers__wrapper { padding: 30px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offers__info { padding: 0 64px; width: 100%; max-width: 715px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .offers__photos { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 40px; padding: 0 64px; } .offers__title { font-size: 32px; line-height: 36px; } .visit-us { padding: 30px 0; } .visit-us__title { margin-bottom: 30px; font-size: 20px; line-height: 24px; } .visit-us__link { margin-bottom: 60px; } .visit-us__info { -ms-flex-preferred-size: 47.2%; flex-basis: 47.2%; } .main-nav { padding: 30px 0 60px; } .main-video { padding: 30px 0; } .main-video__video { max-height: 320px; } .subcatalog-items__wrapper { padding-top: 30px; } .subcatalog-items__title { margin-bottom: 0; } .subcatalog-items__list { grid-template-columns: repeat(3, 1fr); gap: 16px; } .subcatalog-offer { padding: 30px 0; } .subcatalog-offer__content { bottom: auto; padding: 0 64px; } .subcatalog-offer__text { width: 40%; margin-right: 30px; } .subcatalog-offer__image { max-height: none; min-height: 512px; } .filter-box__header { padding: 14px 20px; } .filter-box__header h3 { font-size: 16px; line-height: 22px; } .subcatalog-filter__form { margin-bottom: 20px; } .subcatalog-filter__wrap { margin-bottom: 20px; } .filter-checkbox .filter-checkbox__label, .subcatalog-filter__sort span { font-size: 16px; line-height: 22px; } .subcatalog-tags__wrapper { padding: 30px 0; } .subcatalog-filter__sort.active ul { top: calc(100% + 7px); } .added-basket__wrapper.popup__wrapper { padding: 84px 30px 30px; } .added-basket__title.title-medium { font-size: 32px; line-height: 36px; } .filter-box { grid-template-columns: repeat(4, 1fr); } .filter-box__item:nth-child(6n) .filter-box__header::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: calc(100% - 32px); background-color: #282922; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter-box__item:nth-child(6n) .filter-box__header::before { display: block; } .filter-box__item:nth-child(4n) .filter-box__header::before { display: none; } .filter-box__item:nth-child(6n) .filter-box__content { left: 0; right: auto; } .filter-box__item:nth-child(4n) .filter-box__content { left: auto; right: 0; } .breadcrumbs .container-v2 { padding: 0 64px; } .breadcrumbs__list { padding-bottom: 10px; } .blog__wrapper { padding: 8px 0 15px; } .blog__title { margin-bottom: 20px; } .blog-items { padding: 13px 0 60px; } .blog-items__list { -ms-grid-columns: 1fr 0 1fr; grid-template-columns: repeat(2, 1fr); gap: 30px 0; margin-bottom: 30px; } .blog-items__tag { top: 16px; right: 16px; } .blog-items__content { padding: 50px 20px 20px; } .blog-items__title { font-size: 20px; line-height: 24px; min-height: 48px; } .article-top__wrapper { margin: 8px 0 30px; } .article-top__wrapper h1 { margin-bottom: 20px; } .article-top__tag { margin-bottom: 30px; } .article-image a { margin: 30px 0; } .article__wrapper h2 { margin: 30px 0; font-size: 20px; line-height: 24px; } .article__wrapper p, .article__wrapper ol, .article__wrapper ul { margin: 16px 0; } ul.article__images { gap: 30px; margin: 30px 0; } .reviews-video__info { padding: 10px; } .reviews-text { padding: 50px 20px; gap: 40px; } .reviews-text__item { width: calc(100% / 3 - 27px); } .invis-link { display: none; } .filter-box.very-big .filter-box__item:nth-child(-n+16), .filter-box.big .filter-box__item:nth-child(-n+8) { border-bottom: 0; } .filter-box.very-big .filter-box__item:nth-child(-n+12), .filter-box.big .filter-box__item:nth-child(-n+6) { border-bottom: 0; } .filter-box.very-big .filter-box__item:nth-child(-n+8), .filter-box.big .filter-box__item:nth-child(-n+4) { border-bottom: solid 1px #282922; } .filter-new { width: 408px; position: fixed; left: -500px; top: 0; z-index: 9999; } .catalog-right { width: 100%; padding: 15px 0; } .subcatalog-items .container, .catalog-new .container { padding: 0 64px; } .products__list { grid-template-columns: repeat(3, 1fr); } .catalog-right .products__list { grid-template-columns: repeat(3, 1fr); } .products__item {} .colors__more--desc { display: none; } .filter-settings__clear, .filter-settings li { font-size: 12px; line-height: 16px; } .filter-settings li { gap: 9px; padding: 7px 11px; } .filter-settings ul { gap: 10px; } .subcatalog-filter__form-desktop { display: none; } .catalog-head { flex-direction: row; } .catalog-head__mobile { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .filter-block { position: fixed; left: -1000px; top: 0; width: 408px; max-height: 100vh; overflow: auto; margin-bottom: 0; } .new-filter { overflow: visible; } .new-filter__inner { max-height: 100vh; } .filter-block.show { left: 0; top: 0; } .filter-block__content { display: block !important; } .filter-new .caption { font-size: 20px; font-weight: 500; line-height: 24px; } .filter-block__title .caption:after { display: none; } .filter-block__row--mobile { display: block; } .filter-block__row--mobile .subcatalog-filter__checkboxes li+li { margin-top: 15px; } .filter-block__row--mobile .subcatalog-filter__form-desktop { display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important; } .filter-block__row--mobile .subcatalog-filter__checkboxes { display: block; padding-bottom: 20px; border-bottom: solid 1px #96968D; } .new-filter .filter-block__content { border-top: 0; } .filter-block__row .check-block+.check-block { margin-top: 20px; } .filter-new .caption.filter-block__caption { font-size: 16px; line-height: 20px; padding: 18px 0; } .filter-checkbox .filter-checkbox__label, .subcatalog-filter__sort span { font-size: 14px; line-height: 20px; } .filter-checkbox__checkbox+.filter-checkbox__label::before { margin-right: 10px; } .check-block label { font-size: 14px; line-height: 20px; gap: 10px; } .filter-input input { font-size: 14px; line-height: 20px; } .filter-block__controls .btn { height: 56px; padding: 10px; } .btn-mobile-close { display: block; position: absolute; right: 17px; top: 20px; z-index: 5; } .product-card__favorites { opacity: 1; } .goodCard .badge.badge--normal { display: flex; align-items: center; justify-content: center; } .formResults .search-result__caption { font-size: 18px; line-height: 24px; } .formResults .search-result__name { font-size: 16px; line-height: 20px; } .formResults .search-result__list li { font-size: 14px; line-height: 18px; } .formResults .search--category__name { font-size: 14px; line-height: 18px; } ._orientationRight_b1c1 .button_c604 { top: -60px !important; } .blog-main { padding-bottom: 60px; padding-top: 60px; } .designer-page__head .caption { font-size: 24px; } .designer-page__head .desc { font-size: 20px; } .designer-page__head .designer-inner { gap: 20px; } .designer-picture .title { margin-top: 16px; } .includeService .picture img { position: absolute; left: 0; top: 0; } .includeService .picture { position: relative; display: block; width: calc(100% + 128px); height: auto; left: -64px; top: 0; margin-top: 30px; padding-top: calc(600 / 1024 * 100%); } .includeService__left { width: 100%; } .designet-page__text .designer-inner { gap: 20px; } .includeService { padding: 30px 0 0; } .designer-page .caption { font-size: 20px; } .communic-methods__list { gap: 20px; } .communic-methods__list { padding: 20px 0; } .includeService__item .btn { min-height: 64px; } .newYear-block { padding: 0 355px 0 305px; } .newYear-block__right { width: calc(50% - 141px); } .newYear-block__left { width: calc(50% - 95px); } .newYear-block__left .newYear-block__item:nth-child(6), .newYear-block__left .newYear-block__item:nth-child(7), .newYear-block__left .newYear-block__item:nth-child(8) { display: none; } .newYear-block__right .newYear-block__item:nth-child(2), .newYear-block__right .newYear-block__item:nth-child(3), .newYear-block__right .newYear-block__item:nth-child(4), .newYear-block__right .newYear-block__item:nth-child(5) { display: none; } .career-grettings__inner { min-height: 320px; } .career-target__left { padding: 20px; gap: 16px; } .career-target__right { padding: 20px; gap: 16px; } .career-target__inner { min-height: 450px; } .salebook-item__name { font-size: 18px; line-height: 25px; } .salebook-item__data { width: 100%; max-width: 188px; } .salebook-item__prices { margin-left: auto; align-items: flex-end; } .salebook-item__price { font-size: 18px; line-height: 20px; } .salebook-item__price.old { font-size: 14px; line-height: 20px; } .salebook-item__content { margin-top: 26px; } .salebook-item__info { gap: 20px; } .salebook-list::before, .salebook-item .picture { height: 217px; } .goodCardInfo__video .video-js { width: 100%; height: 300px; } .goodCard__feature { margin-bottom: 26px; } } @media (max-width: 1199px) { .reviews { padding: 10px 0; } .reviews__title { font-size: 24px; line-height: 32px; } .reviews-video__info { padding: 20px; } .reviews-text { padding: 34px 20px 53px; } .reviews-text__item { width: calc(100% / 2 - 20px); } .reviews-text__body { height: 169px; } #modal-review .modal-rev__inner { max-width: 896px; } .feedback__caption { font-size: 24px; line-height: 32px; } .feedback { margin: 60px 0; } .feedback__content { padding: 20px; } .feedback-rating__list { gap: 13px 20px; } .feedback__controls { margin-top: 0px; } .newYear-block__left .newYear-block__item:nth-child(3), .newYear-block__left .newYear-block__item:nth-child(4), .newYear-block__left .newYear-block__item:nth-child(5) { display: none; } .newYear-block__right .newYear-block__item:nth-child(1), .newYear-block__right .newYear-block__item:nth-child(6) { display: none; } .career-vacancies__right { width: calc(100% / 2 + 160px); } .career-vacancies__vacancy .picture { height: 300px; } .career-vacancies { padding: 30px 0; } .career-target { padding: 30px 0; } .career-working__left { width: calc(100% / 2 + 152px); } .career-working__right { width: calc(100% / 3 - 30px); } .career-page .caption { font-size: 20px; line-height: 24px; } .faq-new-section { padding: 30px 0; } .career-target__inner { background-color: #F1F1F1; grid-template-columns: 1fr 280px 1fr; } .career-target--alternate .career-target__inner { grid-template-columns: 1fr 1fr 280px; } .carrer-slider { max-width: 280px; max-height: 392px; margin: auto; } .career-target__right { background-color: #fff; } .leaveRequst__form { margin-left: auto; margin-right: auto; } .design-features__item { font-size: 16px; line-height: 24px; } .design-features__name { min-height: 48px; font-size: 20px; line-height: 24px; } .design-features__list { gap: 20px; margin-top: 30px; } .design-features { padding: 30px 0; margin-top: 120px; } .salebook-grettings { padding: 25px 0; } .salebook-grettings__picture { width: 484px; /* height: 552px; */ height: auto; } .salebook-grettings__text { margin: 0; } .salebook-grettings__content { max-width: 481px; } .salebook-grettings__caption { font-size: 46px; line-height: 48px; } .salebook-get { height: 326px; width: 100%; } .salebook-get__inner { max-width: 300px; } .salebook-get__title { font-size: 26px; line-height: 33px; } .salebook__btn { max-width: 288px; } .salebook-about__body .col { gap: 40px; flex-direction: column; } .salebook-about__body { overflow: visible; } .salebook-about__body .picture { width: 50%; top: -91px; } .salebook-about__body { margin-top: 50px; } .salebook-about__left { width: 50%; } .salebook-about__body .col .controls .btn { margin-top: 40px; } .salebook-about__body .col .controls { position: relative; z-index: 3; } .salebook-about__body .picture::before { height: 57%; } .salebook-about__body .picture img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .salebook-about__body .picture { height: calc(100% + 115px); } .salebook-shops__item .name { font-size: 20px; line-height: 26px; } .salebook-shops__list { gap: 100px 40px; } .salebook-shops__item::before { left: -25px; } .salebook-shops__head .caption { font-size: 26px; line-height: 33px; } .salebook-shops__body { margin-top: 50px; } .salebook-shops__item::after { top: -50px; } .salebook-bottom .caption { font-size: 26px; line-height: 33px; } .salebook-bottom__text { max-width: 315px; } .salebook-bottom .picture { width: 508px; height: 369px; } .goodCard__feature { margin-bottom: 0; } } @media (max-width: 1070px) { .offers .container { padding: 0 64px; } .offers__info, .offers__photos { padding: 0; } .newYear-block__left .newYear-block__item:nth-child(1) { display: none; } .newYear-block { padding: 0; } .newYear-block__right { width: calc(50% - 110px); } .newYear-block__left { width: calc(50% - 115px); justify-content: flex-end; } .career-grettings__inner { min-height: 240px; } .career-grettings__inner { gap: 16px; } .career-grettings__caption { font-size: 36px; line-height: 42px; } .goodCardInfo__video .video-js { width: 100%; height: auto; padding-top: calc(170 / 280* 100%); } } @media (max-width: 991px) { .main-slider__title { line-height: 28px; margin-bottom: 16px; } .main-slider__text { font-size: 14px; line-height: 20px; } .main-slider__info { padding: 20px; max-width: 340px; } .main-slider__item picture { max-height: none; } .colors__more { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 10px; margin-left: 0; } .product-card__body { padding: 10px; } .colors__more { padding: 10px 5px; } .product-card__button.btn { padding: 19px 20px; } .history__text { font-size: 14px; line-height: 20px; } .history__list { margin: -2.5px; } .history__item { padding: 61px 2.5px 0; } .history__item::before { top: 3px; left: 2.5px; width: 25px; height: 25px; } .history { margin: 25px 0; } .main-nav__title { font-size: 14px; line-height: 20px; } .subcatalog-filter__form { padding: 58px 20px 20px; background-color: #fff; margin: 0; opacity: 0; z-index: -1; position: fixed; visibility: hidden; top: 0; left: 0; max-width: 320px; width: 100%; max-height: 100%; overflow: auto; -webkit-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; -o-transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; transition: visibility .3s ease-in-out, z-index .3s ease-in-out, opacity .3s ease-in-out; } .subcatalog-filter__form.active { z-index: 150; opacity: 1; visibility: visible; } .subcatalog-filter__form-desktop { display: none; visibility: hidden; } .subcatalog-filter__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: visible; outline: none; border: none; color: #282922; font-size: 16px; line-height: 22px; font-weight: 500; font-family: 'Mont'; } .subcatalog-filter__button span { margin-left: 14px; } .subcatalog-sorting { gap: 16px; } .filter-box { display: block; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .subcatalog-filter__title { display: block; visibility: visible; margin-top: 0; margin-bottom: 25px; font-size: 24px; line-height: 20px; font-weight: 500; text-align: center; } .subcatalog-filter__close { position: absolute; top: 20px; right: 20px; display: block; visibility: visible; outline: none; border: none; background-color: transparent; } .filter-box__item:not(:last-child) .filter-box__header::before { display: none; } .filter-box__item:not(:last-child) { border-bottom: 1px solid #282922; } .filter-box__item { position: static; } .filter-box__header { padding: 20px 0; } .filter-box__content { position: static; padding: 0; padding-bottom: 15px; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .filter-box__submit, .filter-box__clear { display: block; text-align: center; outline: none; border: none; } .filter-buttons { display: block; visibility: visible; } .filter-box__submit.btn { width: 100%; margin-bottom: 20px; padding: 20px; } .filter-box__clear { font-weight: 400; font-size: 16px; line-height: 22px; border-bottom: 1px solid #282922; font-family: 'Mont'; color: #282922; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: border-color .3s ease-in-out, color .3s ease-in-out; transition: border-color .3s ease-in-out, color .3s ease-in-out; } .filter-box__clear:hover, .filter-box__clear:focus { border-color: #918767; color: #918767; } .subcatalog-filter__form .subcatalog-filter__checkboxes { display: block; visibility: visible; margin-bottom: 15px; } .subcatalog-filter__form .subcatalog-filter__checkboxes li:not(:last-child) { margin-bottom: 12px; } .filter-range { gap: 20px; } .filter-box__list li:not(:last-child) { margin-bottom: 10px; } .filter-box__more { margin-top: 10px; } .filter-box::before { display: none; } .reviews-video__date { font-size: 16px; line-height: 24px; } .reviews-video__date+* { margin-top: 7px; } .reviews-video__name { font-size: 20px; line-height: 24px; } .reviews-text__date { font-size: 16px; line-height: 24px; } .reviews-text__name { font-size: 20px; line-height: 24px; } .reviews-text__body { font-size: 16px; line-height: 24px; } .reviews-text__body { height: 193px; } .reviews-text__desc { font-size: 14px; line-height: 20px; } #modal-review .modal-rev__inner { max-width: 640px; } #modal-review .feedback-rating__list .rating { margin-top: 10px; } #modal-review .feedback-rating__list { max-width: 560px; } .formResults .search-result__caption { font-size: 16px; line-height: 22px; } .formResults .search-result__name { font-size: 14px; line-height: 18px; } .catalog-head__mobile { gap: 16px; } .js-open-mobile { font-size: 14px; line-height: 16px; } .js-open-mobile svg { width: 16px; } .products__list { gap: 10px; } .filter-block__row--mobile .subcatalog-filter__checkboxes li+li { margin-top: 10px; } .filter-block__row--mobile .subcatalog-filter__checkboxes { padding-bottom: 16px; } .filter-new .caption { font-size: 16px; line-height: 20px; } .filter-new .caption.filter-block__caption { font-size: 14px; line-height: 20px; padding: 16px 0; } .filter-checkbox .filter-checkbox__label, .subcatalog-filter__sort span { font-size: 12px; line-height: 16px; } .check-block label { font-size: 12px; line-height: 16px; } .filter-input label, .check-more { font-size: 12px; line-height: 16px; } .formResults .search--category__name { font-size: 12px; line-height: 16px; } .formResults .search-result__wrapper { max-width: 420px; } .formResults .search-result__left { max-width: 205px; } .filter-block__content { margin-top: 16px; } .colors__list { margin: -4px; } .colors__item { width: 24px; height: 24px; margin: 4px; } .colors__link img { width: 18px; height: 18px; } .colors__more { font-size: 10px; line-height: 14px; margin: 0; padding: 5px; } .product-card__size { font-size: 12px; line-height: 16px; min-height: 32px; } .product-card__description { min-height: 32px; } .product-card__colors { gap: 5px; } .blog-main { padding-bottom: 50px; padding-top: 50px; } .category-list { grid-template-columns: repeat(3, 1fr); margin-top: 10px; } .category-item__text svg { width: 20px; margin-left: 0px; } .category-item__text { font-size: 16px; line-height: 20px; } .designer-page .caption { font-size: 24px; } .designer-picture .title { font-size: 13px; } .newYear-block__item img { width: 40px; } .newYear-block { display: none; } footer .logo-newYear { width: 150px; } .logo-newYear { width: 100px; } .career-target__inner { grid-template-columns: 1fr 280px; } .career-target__right { width: 100%; grid-column: 1/3; } .career-target .caption { font-size: 20px; line-height: 28px; } .career-vacancies__inner { flex-wrap: wrap; } .career-vacancies__text { width: 100%; } .career-vacancies__right { width: 100%; margin-top: 20px; } .career-vacancies__text { gap: 20px; } .career-working__left { width: 100%; } .career-working__right { width: 100%; margin-top: 20px; } .career-working { padding: 30px 0; } .career-target--alternate .career-target__inner { grid-template-columns: 1fr 280px; } .cook-block { font-size: 13px; line-height: 16px; } .cook-block__link { font-size: 13px; line-height: 16px; } .salebook-grettings__picture { width: 437px; /* height: 473px; */ height: auto; } .salebook-grettings__content { max-width: 383px; /* min-height: 559px; */ font-size: 11px; line-height: 14px; padding: 0 42px; } .salebook-grettings__caption { font-size: 30px; line-height: 36px; margin-bottom: 40px; } .salebook-get__title { font-size: 18px; line-height: 23px; } .salebook-get__desc { font-size: 11px; line-height: 14px; } .salebook__btn { margin-top: 20px; } .salebook-get { height: 260px; width: calc(100% + 127px); right: 85px; } .salebook-grettings__content p { max-width: 226px; } .salebook-get__title { max-width: 250px; } .salebook-get__desc { max-width: 250px; } .salebook-list { grid-template-columns: 1fr; padding: 0; gap: 0; margin-top: 30px; } .salebook-list::before { display: none; } .salebook-item .picture { height: 173px; width: 244px; } .salebook-item { display: flex; align-items: center; justify-content: space-between; background-color: #F5F5F5; padding: 0 21px; } .salebook-item__content { max-width: 375px; width: 100%; } .salebook-head .caption { font-size: 18px; line-height: 23px; } .salebook-catalog { padding: 30px 0; } .salebook-item__info { font-size: 11px; line-height: 14px; } .salebook-item__name { font-size: 16px; line-height: 22px; } .salebook-about__body { font-size: 11px; line-height: 14px; } .salebook-about__body .col { gap: 30px; } .salebook-about__head .caption { font-size: 18px; line-height: 23px; } .salebook-about__body { min-height: 357px; } .salebook-about__left { width: 39%; } .salebook-about__body .picture { height: calc(100% + 74px); top: -73px; } .salebook-shops__head .caption { font-size: 18px; line-height: 23px; } .salebook-shops__item .name { font-size: 18px; line-height: 23px; } .salebook-shops__item { font-size: 11px; line-height: 14px; } .salebook-bottom { font-size: 11px; line-height: 14px; } .salebook-bottom .caption { font-size: 18px; line-height: 23px; } .salebook-bottom__text { max-width: 255px; } .salebook-bottom .salebook__btn { margin-top: 30px; } .salebook-bottom .picture { width: 437px; height: 309px; } .salebook-footer { margin-top: 70px; } } @media (max-width: 768px) { .main-slider__item picture {} .main-slider__wrapper { margin-bottom: 25px; } .main-catalog__wrapper { padding: 25px 0; } .main-catalog__title { line-height: 28px; } .main-catalog__item { height: 100px; } .main-catalog__name { font-size: 14px; line-height: 20px; } .main-catalog__list { margin-bottom: 20px; } .main-interior__wrapper { padding: 25px 0; } .main-interior__text { font-size: 14px; line-height: 20px; } .main-interior__link { font-size: 14px; line-height: 20px; } .main-interior__list { width: 100%; max-width: 505px; } .main-interior__content, .main-interior__info { margin-bottom: 50px; } .products__container { padding-top: 25px; padding-bottom: 25px; } .product-card__photo, .product-card__image-hover { padding: 59px 10px; } .offers__wrapper { padding: 25px 0; } .offers__title { font-size: 24px; line-height: 32px; } .offers__link { padding: 20px 65px; } .visit-us { padding: 25px 0; } .visit-us__info { -ms-flex-preferred-size: 46.2%; flex-basis: 46.2%; } .main-nav { padding: 25px 0 50px; } .main-video { padding: 25px 0; } .subcatalog-items__wrapper { padding-top: 20px; } .subcatalog-items__list { gap: 20px; } .subcatalog-items__link { min-height: 120px; } .subcatalog-items__subtitle { top: 10px; left: 10px; right: 10px; } .subcatalog-items__subtitle h2 { font-size: 16px; line-height: 22px; margin-right: 11px; } .subcatalog-items__subtitle svg { width: 5px; height: 9px; } .subcatalog-offer { padding: 20px 0; } .products__button { margin-top: 25px; padding: 10.5px 30px; } .subcatalog-tags__wrapper { padding: 25px 0; } .subcatalog-tags__list { gap: 10px; } .subcatalog-tags__tag { padding: 9px 15px; } .blog-items__title { min-height: 72px; } .completed_projects_block_slider .swiper-button { top: -2px !important; width: 16px; height: 16px; } ._orientationRight_f41d.wrap_e58d { right: 0; bottom: 60px; } } @media (max-width: 767px) { .main-slider__nav { position: relative; right: auto; bottom: auto; margin: 0 auto; } .products__list { display: block; margin: 0; } .products__item { padding: 0; width: 100%; } .products__item:not(:last-child) { margin-bottom: 20px; } .product-card__favorites { opacity: 1; } .history__list { margin: 0; display: block; } .history__item { padding: 0 0 0 59px; max-width: 450px; } .history__item:not(:last-child) { margin-bottom: 30px; } .history__icon { display: none; } .history__icon-mobile { display: block; height: 100%; width: 39px; position: absolute; top: 0; left: -7px; } .history__item::before { top: 0; left: 9px; width: 30px; height: 30px; } .main-nav__list { display: block; border: none; } .main-nav__item { border-top: 1px solid #D7D8D6; } .main-nav__item:last-child { border-bottom: 1px solid #D7D8D6; } .offers .container { padding: 0 40px; } .subcatalog-offer__content { padding: 20px 40px; height: 100%; bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .subcatalog-offer__link { margin: 0 auto; } .subcatalog-offer__image { min-height: 212px; } .subcatalog-offer__text { width: 100%; font-size: 18px; line-height: 24px; } .subcatalog-offer__link { min-height: auto; } .reviews-video__date { font-size: 14px; line-height: 20px; } .reviews-text__date { font-size: 14px; line-height: 20px; } .reviews-text__name { font-size: 20px; line-height: 24px; } .reviews-text__body { font-size: 14px; line-height: 20px; } #modal-review .modal-rev__inner { padding: 0 10px; } .modal-rev__body { padding: 20px; } .feedback__title { font-size: 14px; line-height: 20px; } .feedback__right .form__field { width: 100% !important; } .feedback__content {} .feedback__caption { margin-bottom: 23px; } .feedback-rating__list { gap: 16px 20px; } .feedback__right .form__field input { font-size: 14px; line-height: 20px; } .feedback__right .form__field { margin-bottom: 20px; } .feedback__controls { flex-wrap: wrap; } .modal-result__title { font-size: 24px; line-height: 32px; } #modal-result .modal-rev__body { padding-top: 64px; } .formResults .search-result__wrapper { flex-wrap: wrap; flex-direction: column; max-width: 100%; padding: 16px 20px; } .formResults .search--category { margin-top: 10px; } .formResults .search-result__list li+li { margin-top: 16px; } .formResults .search-result__left .search-result__list li+li { margin-top: 16px; } .formResults .search-result__right { width: 100%; margin-top: 24px; } .formResults .search-result__left { width: 100%; } .formResults .search-result__caption { margin-bottom: 16px; } .breadcrumbs { padding: 10px 0; } .breadcrumbs ul { display: none; } .breadcrumbs-item__mobile { display: flex; } .subcatalog-items .container, .catalog-new .container { padding: 0 20px; } .subcatalog-items__title { margin-bottom: 0 !important; font-size: 20px; line-height: 24px; } .catalog-new { padding: 0; } .catalog-head { justify-content: space-between; } .subcatalog-sorting { width: 100%; justify-content: space-between; } .catalog-head__mobile { width: 100%; justify-content: space-between; } .filter-settings__clear, .filter-settings li { font-size: 10px; line-height: 14px; } .filter-settings__delete svg { width: 16px; height: 16px; } .filter-settings li { padding: 4px 11px; } .product-card__photo, .product-card__image-hover { padding: 76px 10px; height: 280px; } .product-card__description, .product-card__size { min-height: inherit; } .product-card__colors { margin-top: 10px; margin-bottom: 20px; } .filter-new { left: -1000px; width: 100%; } .filter-block { width: 100%; } .subcatalog-filter__sort-price ul { left: 0; right: 0; } .blog-main { padding-bottom: 30px; padding-top: 30px; } .designer-page { font-size: 14px; } .includeService__item .title { font-size: 16px; } .includeService__item { font-size: 14px; } .includeService__item .num { font-size: 24px; } .communic-methods__list { display: flex; flex-direction: column; } .leaveRequst__form { padding: 20px 0; } .leaveRequst .picture { position: relative; width: 100%; top: 0; left: 0; } .leaveRequst { flex-direction: column-reverse; } .leaveRequst__input input { font-size: 14px; } .fileLoad { font-size: 14px; padding: 20px; gap: 16px; } .fileLoad { margin-top: 20px; } .leaveRequst__form .btn { margin-top: 20px; } .communic-methods { padding: 20px 0; } .designer-page__head { padding-top: 20px; } .includeService__left { padding-right: 0; } .filter-block .btn-invis { display: none !important; } .career-grettings { font-size: 14px; line-height: 20px; margin-top: 20px; } .career-grettings__inner { min-height: 228px; } .career-grettings__caption { font-size: 28px; line-height: 32px; } .career-target { font-size: 14px; line-height: 20px; width: calc(100% + 40px); left: -20px; position: relative; } .career-target__inner { grid-template-columns: 1fr; padding-left: 20px; padding-right: 20px; } .career-target__left { grid-column: 1/2; padding-left: 0; padding-right: 0; } .career-target__right { width: 100%; grid-column: 1/2; padding-left: 0; padding-right: 0; } .career-target .caption { font-size: 20px; line-height: 28px; margin-bottom: 0; } .carrer-slider { width: 100%; max-width: 100%; } .carrer-slider .swiper-slide { height: auto; position: relative; } .carrer-slider .picture { height: auto; padding-top: calc(392 / 280 * 100%); } .career-working .carrer-slider .picture { height: auto; padding-top: calc(160 / 280 * 100%); } .career-target__inner { gap: 10px; background-color: #F1F1F1; } .career-target__right::before { content: ""; position: absolute; top: 0; width: calc(100% + 60px); height: 100%; left: -30px; background-color: #fff; z-index: -1; } .career-target__left, .career-target__right { background-color: transparent; position: relative; z-index: 2; } .career-target__right { margin-top: 20px; } .career-target { padding: 40px 0 10px; } .career-page .caption { font-size: 20px; line-height: 28px; font-weight: 600; } .career-target--alternate .career-target__inner { grid-template-columns: 1fr; } .career-target--alternate .career-target__right { margin-top: 0; } .faq-new__line .quest { font-size: 16px; line-height: 20px; } .faq-new { font-size: 14px; line-height: 20px; } .faq-new__body { padding-right: 0; } .faq-new-section .btn { margin-top: 16px; } .faq-new { margin-top: 16px; } .carrer-slider { max-height: initial; } .design-features__item { font-size: 14px; line-height: 20px; } .design-features__name { min-height: initial; } .design-features__list { grid-template-columns: 1fr; margin-top: 20px; } .design-features { padding: 20px 0; } .goodCardSlider .swiper-wrapper { height: 500px; } .goodCardSlider { height: 500px; } .goodCardSlider .swiper-slide { width: 100%; height: 500px; } .design-features { margin-top: 50px; } .slider-images { margin-top: 10px; } .main-slider__item picture { min-height: 250px; height: 100%; position: absolute; left: 0; top: 0; width: 100%; } .main-slider__item { /* height: calc(100vh - 82px); */ height: 100vh; height: calc(calc(var(--vh, 1vh) * 100) - 82px); } .main-slider__info { top: auto; bottom: 15px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .goodCardSlider .boco__controls .swiper-pagination { top: 4px; } .pdfContainer { height: 400px !important; } .pdf-btn-prev { left: 0; } .pdf-btn-next { right: 0; } .pdf-btn-first { left: 0; top: -50px; } .pdf-btn-last { right: 0; top: -50px; } .pdf-tabs {} .salebook-grettings__picture { display: none; } .salebook-grettings__picture.mobile img { position: absolute; left: 0; top: 0; width: 100%; z-index: 8; max-height: 100vh; overflow: auto; } .pdf-page.openedTabs .container { width: 100%; max-width: 100%; } .pdf-page__inputs { width: 70px; font-size: 14px; line-height: 16px; } .pdf-page__button { width: 34px; height: 30px; padding: 8px 6px; } .salebook-grettings__picture img { height: 100%; object-fit: cover; object-position: bottom; } .salebook-grettings__picture.mobile { position: relative; display: block; width: 100%; height: auto; padding-top: calc(253 / 331 * 100%); margin-top: 30px; } .salebook-grettings__content { width: 100%; max-width: 100%; padding: 0; } .salebook-grettings__text { padding: 12px 15px; background-color: #fff; max-width: 100%; font-size: 8px; line-height: 11px; margin-top: 0; } .salebook-grettings__caption { font-size: 22px; line-height: 36px; margin-bottom: 10px; margin-top: 0; } .salebook-get { width: 100%; max-width: 100%; right: 0; } .salebook-header { height: 42px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .22); } .salebook-header svg { width: 87px; } .salebook-grettings { padding: 15px 0 0; min-height: initial; } .salebook-get__title { font-size: 11px; line-height: 14px; max-width: 100%; text-align: right; } .salebook-get__desc { font-size: 8px; line-height: 11px; max-width: 111px; margin-left: auto; margin-top: 10px; } .salebook-get { height: auto; min-height: 126px; margin-top: 0; padding-top: 35px; } .salebook-get__inner { position: relative; max-width: 100%; padding: 0 15px; padding-bottom: 35px; } .salebook-grettings__content { min-height: initial; } .salebook__btn svg { width: 10px; height: 10px; } .salebook__btn { font-size: 8px; line-height: 24px; max-width: 149px; padding: 7px 0; gap: 10px; position: absolute; left: 15px; bottom: -23px; } .salebook-list { gap: 113px; padding-bottom: 30px; } .salebook-item__name { font-size: 18px; line-height: 25px; } .salebook-head { padding: 0 15px; } .salebook-head .caption { font-size: 11px; line-height: 14px; } .salebook-list { margin-top: 20px; gap: 30px; background-color: #F5F5F5; } .salebook-item { flex-direction: column; padding: 0 15px; } .salebook-catalog { padding: 50px 0 0; } .salebook-item__name { font-size: 11px; line-height: 14px; } .salebook-item__info { font-size: 8px; line-height: 10px; gap: 5px; } .salebook-item__prices { gap: 5px; } .salebook-item__price { font-size: 11px; line-height: 14px; } .salebook-item .picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: initial; } .salebook-item .picture { height: auto; width: 100%; padding-top: calc(200 / 287 * 100%); } .salebook-item__content { margin-top: 0; gap: 20px; max-width: 100%; } .salebook-item__price.old { font-size: 8px; line-height: 10px; } .salebook-item__data { gap: 5px; } .salebook-about__body { width: 100%; min-height: initial; gap: 20px; flex-wrap: wrap; } .salebook-about__body .picture { position: relative; width: 209px; height: 254px; left: 0; top: 0; } .salebook-about__body .col .controls { display: none; } .salebook-about__body .mobile { display: block; width: 100%; } .salebook-about__left .includeService__item { font-size: 12px; padding-left: 45px; padding-top: 8px; } .salebook-about__left { padding-left: 0; justify-content: space-between; width: 100%; flex-direction: column; gap: 20px; font-size: 12px; line-height: 16px; } .salebook-about__body .salebook-about__left .col p { max-width: 100%; width: 100%; } .salebook-about__body .col { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; flex-direction: row; gap: 20px; width: 100%; } .salebook-about { padding: 30px 0; } .salebook-about__head { padding: 0 15px; } .salebook-about__body { margin-top: 20px; padding: 0 15px; font-size: 8px; line-height: 10px; } .salebook-about__body .col p { width: calc(50% - 5px); max-width: inherit; } .salebook-about__body .picture { margin-left: auto; } .salebook-about__body .picture::before { height: 100%; bottom: -40px; right: -15px; } .salebook-about__body .btn { font-size: 8px; line-height: 24px; padding: 8px 0; max-width: 149px; margin-top: 0; } .salebook-shops__list { grid-template-columns: 1fr 1fr; } .salebook-shops__head { padding: 0 15px; } .salebook-shops__list { padding: 0 15px; } .salebook-shops__item { font-size: 8px; line-height: 11px; gap: 5px; } .salebook-shops__item .name { font-size: 11px; line-height: 14px; } .salebook-shops__item ul { gap: 5px; margin-top: 20px; } .salebook-shops__item:nth-child(3)::after { display: block; } .salebook-shops__item::before { height: 119px; } .salebook-shops__list { gap: 30px 40px; } .salebook-shops__item:nth-child(2n):after { left: -25px; width: calc(110% + 12px) !important; } .salebook-shops__item:after { width: 110% !important; left: 0; top: -16px; } .salebook-shops { padding: 30px 0; } .salebook-bottom { font-size: 8px; line-height: 10px; } .salebook-bottom .caption { font-size: 11px; line-height: 14px; } .salebook-bottom__text { max-width: 149px; } .salebook-bottom .salebook__btn { margin-top: 0; bottom: -17px; } .salebook-bottom .picture { width: 45%; height: 237px; } .salebook-bottom { padding-left: 15px; } .salebook-bottom { margin-top: 30px; } .salebook-header a { height: 31px; } .salebook-footer { padding: 45px 15px; margin-top: 50px; min-height: 160px; flex-direction: column; justify-content: center; gap: 20px; } .salebook-footer__developer svg { width: 36px; } .salebook-footer__logo { display: flex; align-items: center; justify-content: center; } .salebook-footer__logo svg { width: 95px; height: 20px; } .salebook-footer__developer span { font-size: 8px; line-height: 10px; } .salebook-grettings .btn { max-width: 220px; margin: 0 auto; font-size: 12px; line-height: 14px; } } @media (max-width: 740px) { .offers__info { padding: 0; } .offers__photos { padding: 0; margin-left: -40px; width: calc(100% + 80px); } .shareBoxWrapper .shareBox { right: auto; left: 0; padding-left: 40px; padding-right: 0; } .article-caption { font-size: 16px; line-height: 20px; } .goodCard__info { margin-bottom: 0; } } @media (max-width: 650px) { .interior-visual__pin:before { width: 26px; height: 26px; margin: -13px; } .interior-visual__pin span { width: 16px; height: 16px; } .interior-visual__marker.active .interior-visual__pin:before { width: 18px; height: 18px; margin-left: -9px; margin-top: -9px; } .interior-visual__box { margin: 0 5px; } .offers .container { padding: 0 20px; } .main-nav { padding: 20px 0 40px; } .offers__photos { margin-left: -20px; width: calc(100% + 40px); } .subcatalog-offer__content { padding: 20px; } .blog-items__list { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 20px; } .breadcrumbs .container-v2 { padding: 0 20px; } .reviews-text__item { width: 100%; } .reviews-text__item--more .reviews-more { display: block; } .reviews-text__body { height: auto; max-height: 180px; } .reviews-more { display: none; } .reviews-video { padding: 22px 0; } .reviews-video__info { padding: 15px 16px; } .load-file { flex-wrap: wrap; gap: 5px; } .load-file label { margin-bottom: 10px; } .load-file__url, .load-file__size, .load-file__format { width: 100%; } .category-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .main-slider__wrapper { width: 100%; margin-bottom: 20px; } .main-slider__item img { position: absolute; left: 0; top: 0; } .main-slider__info { max-width: none; width: calc(100% - 40px); padding: 10px; left: 10px; } .main-slider__title { line-height: 28px; margin-bottom: 10px; } .main-slider__text { margin-bottom: 10px; } .main-catalog__title { margin-bottom: 20px; } .main-catalog__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .main-catalog__wrapper { padding: 20px 0; } .main-catalog__title { line-height: 28px; } .main-interior__wrapper { padding: 20px 0; } .main-interior__title { margin-bottom: 20px; } .main-interior__list { margin: -15px -6px; } .main-interior__item { padding: 15px 6px; } .main-interior__link span { margin-right: 5px; } .main-interior__content, .main-interior__info { margin-bottom: 40px; } .interior-visual__box.interior-visual__box-left { left: auto; right: 100%; } .interior-visual__info { padding: 5px 10px; } .interior-visual__name { margin-bottom: 0; } .products__container { padding-top: 20px; padding-bottom: 20px; } .products__title { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .product-card__body {} .history { margin: 20px 0; } .history__wrapper { padding: 40px 0; } .offers__title { font-size: 22px; line-height: 28px; margin-bottom: 20px; } .offers__wrapper { padding: 20px 0; } .offers__link.btn { padding: 8px; width: 100%; } .visit-us__content { position: relative; display: block; max-height: 315px; overflow: hidden; margin-bottom: 16px; } .visit-us__content::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } .visit-us__content.opened { max-height: none; } .visit-us__content.opened::before { display: none; } .visit-us__info:not(:last-child) { margin-bottom: 20px; } .visit-us__text, .visit-us__item { font-size: 16px; line-height: 24px; } .visit-us__button { margin: 0 auto; display: block; text-align: center; font-weight: 400; font-size: 16px; line-height: 24px; color: #96968D; border-bottom: 1px solid #96968D; } .visit-us__title { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .visit-us__link { margin-bottom: 40px; } .visit-us { padding: 20px 0; } .main-nav__link { height: 150px; } .main-video { padding: 20px 0; } .registraion-page .form__description .colorBlack { display: block; } .registraion-page .form__description { display: block; font-size: 14px; line-height: 20px; } .subcatalog-items__wrapper { padding-top: 28px; } .subcatalog-items__title { margin-bottom: 18px; } .subcatalog-items__list { -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: repeat(2, 1fr); gap: 16px; } .subcatalog-items__subtitle { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; right: 20px; } .subcatalog-items__subtitle h2 { font-size: 12px; line-height: 1; margin-right: 5px; } .subcatalog-items__link { min-height: 100px; } .subcatalog-items__subtitle svg { width: 4px; height: 6px; } .subcatalog-offer__link { width: 100%; max-width: 240px; min-width: auto; padding: 6px 35px; } .products__button { margin-top: 20px; width: 100%; } .subcatalog-tags__wrapper { padding: 20px 0; } .subcatalog-filter__sort-show span { display: none; } .subcatalog-filter__sort-show span.number { display: block; } .subcatalog-filter__button span { margin-left: 8px; } .subcatalog-filter__sort .icon { margin-left: 5px; } .subcatalog-sorting { gap: 5px; } .filter-results__list { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .subcatalog-filter__form .subcatalog-filter__checkboxes { margin-bottom: 18px; } .subcatalog-filter__form { min-height: 100vh; } .subcatalog-filter__form { max-width: none; } .added-basket { height: 100vh; max-width: none; top: 0; left: 0; overflow: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .added-basket__title.title-medium { font-size: 24px; line-height: 32px; } .added-basket__wrapper.popup__wrapper { padding: 72px 20px 20px; } .added-basket__link.btn { padding: 18px 30px; } .breadcrumbs__list { padding-top: 20px; } .blog-items { padding: 10px 0 40px; } .blog__wrapper { padding-bottom: 10px; } .blog-items__tag { top: 10px; right: 10px; } .blog-items__content { padding: 30px 20px 10px; } .blog-items__title { margin-bottom: 16px; } .blog-items__text { font-size: 14px; line-height: 20px; margin-bottom: 16px; } .blog-items__list { margin-bottom: 20px; } .article-top__wrapper { margin: 10px 0 20px; } .article-top__tag { margin-bottom: 20px; } .article-image a, .article__wrapper h2 { margin: 20px 0; } .article__wrapper p, .article__wrapper ol li, .article__wrapper ul li { font-size: 14px; line-height: 20px; } .article__wrapper ol, .article__wrapper ul { padding-left: 21px; } ul.article__images { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: 30px; margin: 20px 0; padding-left: 0; } .catalog-head__mobile { gap: 16px; } .pagination { gap: 2px; } .goodCardSlider .swiper-wrapper { height: 400px; } .goodCardSlider { height: 400px; } .goodCardSlider .swiper-slide { height: 400px; } } @media (max-width: 479px) { .category-list { grid-template-columns: 1fr; } .goodCardSlider .swiper-wrapper { height: 300px; } .goodCardSlider { height: 300px; } .goodCardSlider .swiper-slide { height: 300px; } .goodCardSlider img { width: 85%; height: 60%; } } /* End */ /* Start:/local/templates/boconcept/css/header.css?175464782435565*/ .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; -webkit-filter: drop-shadow(0px 0px 10px rgba(150, 150, 141, 0.2)); filter: drop-shadow(0px 0px 10px rgba(150, 150, 141, 0.2)); } .header-info { position: relative; z-index: 20; background-color: #fff; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)); background: -o-linear-gradient(bottom, #fff, #fff); background: linear-gradient(0deg, #fff, #fff); -webkit-box-shadow: 0 4px 5px rgb(0 0 0 / 10%); box-shadow: 0 4px 5px rgb(0 0 0 / 10%); } .header-info__left { margin-right: 60px; } .header-info__text { margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #96968d; } .header-info__right .btn { display: block; min-width: 200px; } .header-info__close { position: absolute; top: 0; right: 0; padding: 10px; } .header-info__close svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-info__close:hover svg path, .header-info__close:focus svg path { fill: #918767; } .header-top { position: relative; background-color: #fafafa; padding: 7.5px 0; } .header-info__wrapper { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-top__wrapper, .header-top__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .header-top__catalog svg path, .header-top__search svg path, .header-top__logo svg path, .header-top__item svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-top__catalog:hover svg path, .header-top__search:hover svg path, .header-top__logo:hover svg path, .header-top__item button:hover svg path, .header-top__item a:hover svg path, .header-top__catalog:focus svg path, .header-top__search:focus svg path, .header-top__logo:focus svg path, .header-top__item button:focus svg path, .header-top__item a:focus svg path { fill: #918767; } .header-top__catalog span, .header-top__back-call span { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-top__catalog:hover span, .header-top__back-call:hover span, .header-top__catalog:focus span, .header-top__back-call:focus span { color: #918767; } .header-top__catalog, .header-top__sections { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top__catalog { margin-right: 30px; display: flex; align-items: center; gap: 16px; } .header-top__catalog span { display: block; font-size: 20px; line-height: 32px; pointer-events: none; } .header-top__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-top__sections { display: none; } .header-top__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; outline: none; } .header-top__right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top__list { margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top__item { margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-top__item a, .header-top__item button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-top__item a { outline: none; } .header-mobile__item button, .header-mobile__item a { font-family: 'Mont'; } .header-top__login.authorized, .header-mobile__personal-area.authorized { position: relative; } .header-top__login.authorized::before, .header-mobile__personal-area.authorized::before { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; background-color: #edd889; bottom: -7px; right: -7px; } .header-top__basket span { display: none; } .header-top__basket-active span, .header-top__item-favorites-active span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 22px; height: 22px; border-radius: 50%; background-color: #edd889; bottom: -7px; right: -7px; font-size: 12px; line-height: 1; font-weight: 400; } .header-top__basket, .header-top__item-favorites { position: relative; } .header-top__item-search, .header-top__item-back-call { display: none; } .header-top__phone { display: block; margin-bottom: 5px; font-size: 18px; line-height: 24px; font-weight: 500; outline: none; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .header-top__phone:hover, .header-top__phone:focus { color: #918767; } .header-top__back-call { max-width: 240px; margin-left: auto; margin-right: auto; } .header-top__back-call span { display: block; font-size: 16px; line-height: 24px; } .header-bottom { background-color: #F1F1F1; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; scrollbar-color: #b1b1b1 #282922; scrollbar-width: thin; } .header-bottom__wrapper { padding: 9.5px 0; } .header-bottom__title { display: none; } .header-bottom__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-bottom__item:not(:last-child) { margin-right: 50px; } .header-bottom__item-v2 { position: relative; order: 4; } .header-bottom__item h3, .header-bottom__item a, .header-bottom__header span { display: block; font-size: 16px; line-height: 24px; font-weight: 500; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .header-bottom__item h3, .header-bottom__item a { position: relative; -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out; -o-transition: color .3s ease-in-out, border-color .3s ease-in-out; transition: color .3s ease-in-out, border-color .3s ease-in-out; outline: none; border-bottom: 1px solid transparent; } .header-bottom__item h3::before, .header-bottom__item a::before, .header-bottom__header span:before { position: absolute; content: ''; bottom: 0; left: 0; width: 0; background-color: #282922; height: 1px; opacity: 0; -webkit-transition: width .3s ease-in-out, opacity .3s ease-in-out; -o-transition: width .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, opacity .3s ease-in-out; } .header-bottom__item a:hover::before, .header-bottom__header:hover span::before { width: 100%; opacity: 1; } .header-bottom__item a:focus, .header-bottom__header:focus { border-color: #282922; } .header-bottom__item a:focus::before, .header-bottom__header:focus::before { display: none; } .header-bottom__item-v2.opened .header-bottom__content { opacity: 1; visibility: visible; } .header-bottom__item-v2.opened .header-bottom__header svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .mobile-catalog, .header-bottom__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #282922; } .mobile-catalog span, .header-bottom__header span { position: relative; display: block; margin-right: 10px; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; border-bottom: 1px solid transparent; } .mobile-catalog svg, .header-bottom__header svg { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .mobile-catalog svg path, .header-bottom__header svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-bottom__content { background-color: #fff; padding: 16px 20px; position: absolute; top: 47px; right: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; } .header-bottom__content li:not(:last-child) { margin-bottom: 16px; } .header-bottom__content a { display: block; font-size: 14px; line-height: 16px; font-weight: 400; white-space: nowrap; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; border: none; } .header-bottom__content a::before { display: none; } .header-bottom__content a:hover, .header-bottom__content a:focus { color: #918767; } .header-bottom__close { display: none; } .header-active .header-bottom { opacity: 0; visibility: hidden; } .header-catalog { position: absolute; top: 100%; left: 120px; width: 340px; background-color: #fff; z-index: -1; height: auto; max-height: calc(100vh - 68px); overflow: auto; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .5s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .5s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .5s ease-in-out; scrollbar-color: #b1b1b1 #282922; scrollbar-width: thin; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); } .header-catalog::-webkit-scrollbar { width: 5px; background-color: #b1b1b1; } .header-catalog::-webkit-scrollbar-thumb { width: 5px; background-color: #282922; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .header-catalog.active { opacity: 1; visibility: visible; z-index: 150; } .header-catalog__wrapper { overflow: auto; height: 100%; } .header-catalog__head { position: fixed; padding: 30.5px 0; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 50; } .header-catalog__title { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; line-height: 1; font-weight: 500; } .header-catalog__title span { display: block; margin-right: 16px; } .header-catalog__close { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header-catalog__close svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-catalog__close:hover svg path, .header-catalog__close:focus svg path { fill: #918767; } .header-catalog__body { padding: 88px 0 32px; } .header-catalog__items { padding: 20px; } .header-catalog__item+.header-catalog__item { border-top: solid 1px #96968D; margin-top: 12px; padding-top: 12px; } .header-catalog__item { position: relative; } .catalog-card__content {} .catalog-card__photo { z-index: 1; height: 100%; } .catalog-card__photo picture, .catalog-card__photo img { display: block; height: 100%; width: 100%; } .catalog-card__photo picture { -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; will-change: transform; } .catalog-card__photo img { -o-object-fit: cover; object-fit: cover; } .catalog-card__top { cursor: pointer; } .catalog-card__top::before { content: ""; position: absolute; right: 0; tOp: 50%; width: 24px; height: 24px; background-image: url(/local/templates/boconcept/img/arrow_menu.svg); margin-top: -12px; } .catalog-card__top.active::before { -moz-transform: scale(-1, -1); -ms-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); -o-transform: scale(-1, -1); transform: scale(-1, -1); } .catalog-card__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .catalog-card__title, .catalog-card__content-link { margin: 0; font-size: 16px; line-height: 24px; font-weight: 500; color: #282922; } .catalog-card__button { display: none; margin-left: 10px; } .catalog-card__wrapper { margin-top: 12px; display: none; } .catalog-card__item a { display: block; font-size: 14px; line-height: 16px; font-weight: 400; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #282922; } .catalog-card__item a:hover, .catalog-card__item a:focus { text-decoration: underline; } .catalog-card__list { display: flex; flex-direction: column; opacity: 1; width: 100%; max-width: 100%; padding-left: 20px; } .catalog-card__item { order: 2; margin-top: 16px; } .catalog-card__item:last-child { order: 1; margin-top: 0; } .header-search { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .header-search.active { opacity: 1; visibility: visible; z-index: 150; } .header-search__field { padding: 26px 0; background-color: #FAFAFA; } .header-search__field .container-v2 { position: relative; } .header-search__input { display: block; padding: 0; width: 80%; margin: 0 auto; text-align: center; outline: none; border: none; font-family: 'Mont'; font-weight: 500; font-size: 32px; line-height: 36px; color: #000; background-color: transparent; } .header-search__input::-webkit-input-placeholder { color: #96968D; } .header-search__input::-moz-placeholder { color: #96968D; } .header-search__input:-moz-placeholder { color: #96968D; } .header-search__input:-ms-input-placeholder { color: #96968D; } .header-search__close { position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-search__close svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-search__close:hover svg path, .header-search__close:focus svg path { fill: #918767; } .header-mobile { display: none; } .search-result { background-color: #fff; } .search-result__wrapper { padding: 40px 0; max-width: 550px; margin: 0 auto; } .search-result__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 9px 0; margin-bottom: 10px; } .search-result__item { width: 250px; } .search-result__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 22px 0; height: 100%; } .search-result__link:hover .search-result__title, .search-result__link:focus .search-result__title { color: #000; } .search-result__link picture { margin-right: 16px; padding: 0 10px; min-width: 120px; max-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-result__link img { display: block; width: 100%; } .search-result__title { margin-top: 0; margin-bottom: 10px; font-size: 14px; line-height: 20px; font-weight: 400; color: #96968D; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .search-result__price { display: block; font-size: 14px; line-height: 20px; font-weight: 400; } .search-result__button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: block; margin: 0 auto; padding: 16px 21px; line-height: 18px; color: #282922; background-color: #F9F9F9; } .search-result__button:hover, .search-result__button:focus { background-color: #e8e8e8; } .header-top__catalog.active .catalog-btn__line:nth-child(1) { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 6px; } .header-top__catalog.active .catalog-btn__line:nth-child(2) { opacity: 0; } .header-top__catalog.active .catalog-btn__line:nth-child(3) { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; } .catalog-btn__lines { width: 24px; height: 24px; padding: 5px 2px; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; } .header-top__catalog:hover .catalog-btn__line, .header-top__catalog.active .catalog-btn__line { background-color: #918767; } .catalog-btn__line { position: relative; display: block; width: 100%; height: 2px; background-color: #282922; margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mobile-sub__content { display: none; } .mobile-sub__header { text-align: left; justify-content: space-between; display: flex; align-items: center; } .mobile-catalog { color: #282922; font-size: 18px; font-weight: 700; line-height: 24px; display: flex; justify-content: space-between; align-items: center; width: 100%; } .header-top__sections.active svg, .mobile-sub__header.active svg, .mobile-catalog.active svg { -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .mobile-catalog__content { display: none; margin-bottom: -20px; } .mobile-catalog__line { padding: 16px 0; } .mobile-catalog__line+.mobile-catalog__line { border-top: solid 1px #96968D; } .mobile-sub__header span { color: #282922; font-size: 14px; font-weight: 500; line-height: 16px; } .mobile-sub__content { padding-left: 20px; padding-top: 16px; } .mobile-sub__content li+li { margin-top: 16px; } .mobile-sub__content li a { font-size: 12px; line-height: 14px; border: 0; margin: 0; padding: 0; } .header-bottom__item.header-bottom__item__mobile { border-bottom: solid 1px #96968D; padding-bottom: 20px; display: none; } .header-top__sections .icon-mobile { display: none; } .header-top__sections .icon-desktop { display: flex; align-items: center; justify-content: center; } .header-bottom__social { display: none; align-items: center; gap: 20px; margin-top: 30px; } .socia-links li { width: 100%; display: block; } .socia-links { display: flex; flex-direction: column; gap: 5px; margin-left: 20px; } .socia-links__link svg path { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; fill: #282922; } .socia-links__link:hover svg path { fill: #9c9376; opacity: .75; } .socia-links__link { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } @media (max-width: 1599px) { .header-catalog { left: 30px; } } @media (max-width: 1280px) { .header-top { padding: 10px 0; } .header-top__catalog svg { width: 22px; height: 22px; } .header-top__sections svg { width: 24px; height: 24px; pointer-events: none; } .header-top__sections svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-top__sections:hover svg path, .header-top__sections:focus svg path { fill: #918767; } .header-top__catalog span, .header-top__sections span { display: block; font-size: 16px; line-height: 22px; margin-left: 10px; } .header-top__sections span { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; pointer-events: none; } .header-top__sections:hover span, .header-top__sections:focus span { color: #918767; } .header-top__sections { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top__logo svg { width: 114px; height: 23px; } .header-top__list { margin-right: 0; } .header-top__item-search, .header-top__item-back-call { display: block; } .header-top__contacts { display: none; } .header-top__item:last-child { margin-right: 0; } .header-top__login svg { width: 22px; height: 24px; } .header-top__favorites svg { width: 24px; height: 22px; } .header-top__basket svg { width: 20px; height: 24px; } .header-bottom { position: absolute; top: 44px; left: 40px; width: 340px; height: auto; overflow: scroll; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .header-bottom__title { display: none; } .header-bottom__close { display: none; } .header-bottom.active { opacity: 1; visibility: visible; z-index: 150; } .header-bottom .container-v2 { padding: 20px; } .header-bottom__wrapper { padding: 0; } .header-bottom__title { margin-bottom: 25px; display: block; text-align: center; text-transform: none; } .header-bottom__list { display: flex; flex-direction: column; align-items: inherit; } .header-bottom__item:not(:last-child) { margin-right: 0; margin-bottom: 20px; } .header-bottom__item h3, .header-bottom__item a { padding-bottom: 12px; border-bottom: 1px solid #8B8263; -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out; -o-transition: border-color .3s ease-in-out, color .3s ease-in-out; transition: border-color .3s ease-in-out, color .3s ease-in-out; } .header-bottom__item a:hover, .header-bottom__item a:focus { border-color: #918767; color: #918767; } .mobile-sub__header, .header-bottom__header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .header-bottom__item a:hover::before, .header-bottom__header:hover span::before, .header-bottom__item a:focus::before, .header-bottom__header:focus span::before { display: none; } .header-bottom__item-v2, .header-bottom__content { position: static; } .header-bottom__content { display: none; opacity: 1; visibility: visible; padding: 0; margin-top: 12px; padding-left: 20px; } .header-bottom__content a { font-size: 12px; line-height: 14px; padding-bottom: 0; } .header-bottom__item-v2.opened .header-bottom__content { display: block; } .header-bottom__content a { border: none; padding: 0; } .header-bottom__content li:not(:last-child) { margin-bottom: 16px; } .mobile-sub__header span, .header-bottom__header span { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .mobile-sub__header svg path, .header-bottom__header svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .mobile-sub__header:hover span, .header-bottom__header:hover span, .header-bottom__header:focus span { color: #918767; } .mobile-sub__header:hover svg path, .header-bottom__header:hover svg path, .header-bottom__header:focus svg path { fill: #918767; } .header-bottom__close { display: block; position: absolute; top: 30px; right: 64px; } .header-bottom__close svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-bottom__close:hover svg path, .header-bottom__close:focus svg path { fill: #918767; } .header-catalog__head { padding: 20.5px 0; } .header-catalog__body { padding: 68px 0 32px; } .catalog-card__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-card__button svg { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .catalog-card__wrapper {} .header-search__field { padding: 18px 0; } .header-search__input { font-size: 24px; line-height: 32px; } .header-search__close { right: 20px; } .header-search__close svg { width: 32px; height: 32px; } .search-result__button.btn { padding: 16px 21px; } .header-top__basket-active span, .header-top__item-favorites-active span { width: 20px; height: 20px; } .catalog-card__title, .catalog-card__content-link { font-size: 14px; line-height: 16px; } .catalog-card__item a { font-size: 12px; line-height: 14px; } .header-bottom__title { display: none; } .header-bottom__close { display: none; } .header-bottom__item:not(:last-child) { margin-bottom: 12px; } .header-bottom__item h3, .header-bottom__item a, .header-bottom__header span { font-size: 14px; line-height: 16px; } .socia-links { flex-direction: row; gap: 20px; margin-left: 20px; } .header__top .container-v2 { padding: 0 10px; } .header-bottom__item.header-bottom__item__mobile { display: none; } .header-bottom__item:first-child { order: 1; } .header-bottom__item:nth-child(2) { order: 2; } .header-bottom__item:nth-child(3) { order: 3; } .header-bottom__item { order: 5; } .header-catalog { left: 20px; max-height: calc(100vh - 34px); } } @media (max-width: 768px) { .header-top__catalog { margin-right: 24px; } .header-top__item { margin-right: 24px; } .catalog-card__top { margin-bottom: 14px; } .catalog-card__item a { font-size: 14px; line-height: 1; } .catalog-card__item:not(:last-child) { margin-bottom: 12px; } .header-catalog__close { right: 30px; } .header-catalog__close svg { width: 32px; height: 32px; } .search-result__wrapper { max-width: 500px; } .search-result__link picture { min-width: 100px; max-width: 100px; } .search-result__list { gap: 5px 0; } .search-result__item { width: 230px; } .search-result__list { margin-bottom: 5px; } .header-catalog { left: 0; } } @media (max-width: 650px) { .header-info__left { margin-left: 0; margin-bottom: 20px; } .header-info__wrapper { display: block; } .header-info__close { padding: 5px; } .header-info__right .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .header-top__item { margin-right: 14px; } .header-top__catalog span, .header-top__sections span { margin-left: 7px; font-size: 14px; line-height: 20px; } .header-top__catalog { margin-right: 14px; } .header-bottom .container-v2 { padding: 0 20px; } .header-bottom__close { top: 10px; right: 20px; } .header-catalog__close { right: 20px; } .socia-links { gap: 10px; margin-left: 10px; } } @media (max-width: 576px) { .header-top__catalog { display: none; } .header-top__sections svg { width: 24px; height: 24px; } .header-top__sections span { display: none; } .header-top__logo svg { width: 90px; height: 18.5px; } .header-top__item-login, .header-top__item-favorites, .header-top__item-basket { display: none; } .header-top__item { margin-right: 20px; } .header-mobile { display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; background-color: #FAFAFA; } .header-mobile__wrapper { padding: 8px 0; } .header-mobile__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-mobile__item:not(:last-child) { margin-right: 24px; } .header-mobile__link, .header-mobile__button { display: block; color: #282922; } .header-mobile__link svg, .header-mobile__button svg { display: block; margin: 0 auto 5px; } .header-mobile__link svg path, .header-mobile__button svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .header-mobile__link span, .header-mobile__button span { text-align: center; display: block; font-size: 12px; line-height: 14px; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .header-mobile__link:hover span, .header-mobile__button:hover span, .header-mobile__link:focus span, .header-mobile__button:focus span { color: #918767; } .header-mobile__link:hover svg path, .header-mobile__button:hover svg path, .header-mobile__link:focus svg path, .header-mobile__button:focus svg path { fill: #918767; } .header-top { padding: 9px 0; } .header-mobile__basket .amounth { display: none; } .header-mobile__basket-active, .header-mobile__favorite-active { position: relative; } .header-mobile__personal-area.authorized::before { width: 15px; height: 15px; bottom: auto; top: 12px; right: 7px; } .header-mobile__basket.header-mobile__basket-active .amounth, .header-mobile__favorite.header-mobile__favorite-active .amounth { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 17px; height: 17px; font-size: 10px; line-height: 1; border-radius: 50%; background-color: #edd889; top: 12px; right: 7px; } .header-info__text { font-size: 14px; line-height: 20px; } .header-info__right .btn { min-width: auto; } .header-bottom__close svg { width: 24px; height: 24px; } .header-bottom__wrapper { padding: 54px 0 100px; } .mobile-sub__header a, .header-bottom__item a, .header-bottom__header span { font-size: 18px; } .header-bottom__content a { font-size: 14px; line-height: 16px; } .header-search__input { font-size: 16px; line-height: 24px; } .header-search__close svg { width: 24px; height: 24px; } .header-search__field { padding: 10px 0; } .search-result__wrapper { max-width: none; padding: 22px 0; } .search-result__list { display: block; } .search-result__item { width: 100%; } .search-result__link { padding: 14px 0; } .search-result__link picture { min-width: 80px; max-width: 80px; padding: 0; } .header-search__result { overflow: auto; max-height: calc(100vh - 44px); } .header-search { max-height: 100vh; } .header-catalog__title span { font-size: 16px; line-height: 24px; margin-right: 10px; } .header-catalog__title svg { width: 100px; height: 20.5px; } .header-catalog__head { padding: 10px 0; } .header-catalog__body { padding: 44px 0 100px; } .catalog-card__button { margin-left: 12px; } .catalog-card__item:not(:last-child) { margin-bottom: 14px; } .header-bottom__item.header-bottom__item__mobile { display: block; } .header-top__sections .icon-mobile { display: flex; align-items: center; justify-content: center; } .header-top__sections .icon-desktop { display: none; } .header-bottom__title { display: block; } .header-bottom__close { display: block; } .header-bottom { position: fixed; height: 100vh; width: 100%; left: 0; top: 0; } .header-bottom__social { display: flex; } .header-bottom__item>.header-bottom__header span, .header-bottom__item>a { font-weight: 700; } .header-bottom__item.header-bottom__item__mobile { border-bottom: solid 1px #96968D; padding-bottom: 12px; } .mobile-catalog__content { margin-bottom: -12px } .header-bottom__item h3, .header-bottom__item a { padding-bottom: 16px; } .header-bottom__item:not(:last-child) { margin-bottom: 16px; } .header-bottom__item-v2.opened .header-bottom__content { padding-left: 0; } .header-bottom__item-v2.opened .header-bottom__content li:last-child { border-bottom: 0; } .header-bottom__item-v2.opened .header-bottom__content li { border-bottom: solid 1px #96968D; } .header-bottom__item-v2.opened .header-bottom__content { padding-top: 16px; } .header__top .socia-links { display: none; } .header-catalog{ width: 320px; } } /* End */ /* Start:/local/templates/boconcept/css/footer.css?175464782422589*/ .footer { background-color: #F3F3F3; } .footer__wrapper { padding: 64px 0 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } .footer__subscribe .bx-subscribe { margin: 0; } .footer__subscribe .footer__form { margin: 0; } .footer__subscribe .popup__text { text-align: left; } .footer__info { max-width: 440px; } .footer__logo { display: block; margin-bottom: 50px; } .footer__logo-mobile { display: none; } .footer__logo svg path, .footer__logo svg rect { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .footer__logo:hover svg path, .footer__logo:hover svg rect, .footer__logo:focus svg path, .footer__logo:focus svg rect { fill: #918767; } .footer__contacts { margin-bottom: 32px; } .footer__contacts a { display: block; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer__contacts a:hover, .footer__contacts a:focus { color: #918767; } .footer__contacts p { margin: 0; } .footer__contacts address { font-style: normal; } .footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -6px; } .footer__social { padding: 6px; } .footer__social a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; background-color: #fff; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .footer__social a:hover, .footer__social a:hover, .footer__social a:focus, .footer__social a:focus { background-color: #918767; } .footer__socials a svg path, .footer__socials a svg rect { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .footer__social a:hover svg path, .footer__social a:hover svg rect, .footer__social a:focus svg path, .footer__social a:focus svg rect { fill: #fff; } .footer__form { margin-top: 55px; max-width: 380px; } .footer__text { font-size: 14px; line-height: 20px; margin-top: 0; margin-bottom: 20px; } .footer__form .form__field { position: relative; } .footer__form .form__input { padding-right: 120px; background-color: transparent; } .footer__form .form__button { margin: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; top: 0; right: 0; font-size: 13px; line-height: 20px; font-weight: 500; text-transform: uppercase; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer__form .form__button:hover, .footer__form .form__button:focus { color: #918767; } .footer__nav { flex: 1; display: grid; grid-template-columns: 33% 1fr; padding-left: 142px; } .footer__subscribe { width: 100%; max-width: 380px; } .footer-nav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; align-content: flex-start; gap: 16px 0; } .footer-nav__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .footer-nav__link { display: block; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer-nav__link:hover, .footer-nav__link:focus { color: #918767; } .footer-nav__button { display: none; } .footer__bottom { width: 100%; margin-top: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__copyright { margin: 0; margin-right: 40px; white-space: nowrap; } .footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .footer__links li { padding: 0 10px; } .footer__links a { display: block; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer__links a:hover, .footer__links a:focus { color: #918767; } .footer__copyright, .footer__links a { font-size: 14px; line-height: 1; color: #96968D; } .footer__dev a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer__dev a:not(:last-child) { margin-bottom: 20px; } .footer__dev a span { display: block; margin-right: 10px; font-size: 14px; line-height: 1; color: #96968D; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .footer__dev svg path, .footer__dev svg rect { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .footer__dev a:hover span, .footer__dev a:focus span { color: #918767; } .footer__dev a:hover svg path, .footer__dev a:hover svg path, .footer__dev a:focus svg path, .footer__dev a:focus svg path { fill: #918767; } .popup__text { margin-top: 0; margin-bottom: 30px; text-align: center; color: #96968D; } .popup__wrapper { padding: 84px 30px 40px; } .popup__text a { -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #918767; } .popup__text a:hover, .popup__text a:focus { text-decoration: underline; } .popup__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 30px; right: 30px; } .modal__close__personal-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; } .popup__close svg path, .modal__close__personal-area svg path { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .popup__close:hover svg path, .popup__close:focus svg path, .modal__close__personal-area:hover svg path, .modal__close__personal-area:focus svg path { fill: #918767; } .personal-area-popup { position: fixed; top: 50%; left: 50%; width: 100%; width: 100%; max-width: 540px; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .personal-area-popup.active { opacity: 1; visibility: visible; z-index: 150; } .personal-area-popup__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .personal-area-popup__title .title-medium, .registration-popup__title .title-medium { margin-right: 95.5px; margin-bottom: 0; } .personal-area-popup__registration, .personal-area-popup__authorization { display: block; font-weight: 500; font-size: 13px; line-height: 24px; text-transform: uppercase; color: #918767; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .personal-area-popup__registration:hover, .personal-area-popup__registration:focus, .personal-area-popup__authorization:hover, .personal-area-popup__authorization:focus { text-decoration: underline; } .personal-area-popup__tabs .tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F3F3F3; padding: 3px; margin-bottom: 40px; } .personal-area-popup__tabs .tabs__tab { padding: 11px; -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 12px; line-height: 16px; font-weight: 500; text-align: center; text-transform: uppercase; background-color: transparent; color: #96968D; cursor: pointer; } .personal-area-popup__tabs .tabs__tab.active { background-color: #fff; color: #282922; } .personal-area-popup .form, .registration-popup .form, .reestablish .form { margin-bottom: 10px; } .personal-area-popup__socials, .registration-popup__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .personal-area-popup__socials p, .registration-popup__socials p { margin: 0; margin-right: 50px; white-space: nowrap; } .personal-area-popup__socials ul, .registration-popup__socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .personal-area-popup__socials ul li, .registration-popup__socials ul li { padding: 5px; } .personal-area-popup__socials li a, .registration-popup__socials li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; background-color: #918767; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .personal-area-popup__socials a:hover, .personal-area-popup__socials a:focus, .registration-popup__socials a:hover, .registration-popup__socials a:focus { background-color: #9C9376; } .personal-area-popup .form__wrap { margin-bottom: 30px; } .registration-popup { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 540px; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .registration-popup.active { opacity: 1; visibility: visible; z-index: 155; } .registration-popup__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .registration-popup__title .title-medium { margin-bottom: 0; margin-right: 38.5px; text-transform: none; } .back-call { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 540px; width: 100%; background-color: #fff; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out, z-index .3s ease-in-out; } .back-call.active { opacity: 1; visibility: visible; z-index: 150; } .back-call__title { text-align: center; margin-bottom: 30px; } .back-call__form { margin-bottom: 10px; } .back-call__socials { margin: 0 auto; max-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .back-call__col p { margin-top: 0; margin-bottom: 10px; text-align: center; } .back-call__col .socials { display: -webkit-box; display: -ms-flexbox; display: flex; } .back-call__col .socials__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .back-call__col .socials li:not(:last-child) { margin-right: 20px; } .back-call__col .socials__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .back-call__col .socials__item svg path, .back-call__col .socials__item svg rect { -webkit-transition: fill .3s ease-in-out; -o-transition: fill .3s ease-in-out; transition: fill .3s ease-in-out; } .back-call__col .socials__item a:hover svg path, .back-call__col .socials__item a:hover svg rect, .back-call__col .socials__item a:focus svg path, .back-call__col .socials__item a:focus svg rect { fill: #918767; } .back-call__col .phone { display: block; font-weight: 500; font-size: 18px; line-height: 24px; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .back-call__col .phone:hover, .back-call__col .phone:focus { color: #918767; } .success, .success-subscribe, .reestablish { position: fixed; top: 50%; left: 50%; width: 100%; max-width: 540px; background-color: #fff; z-index: 150; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; -o-transition: opacity .5s ease-in-out, visibility .5s ease-in-out; transition: opacity .5s ease-in-out, visibility .5s ease-in-out; } .success.active, .success-subscribe.active, .reestablish.active { opacity: 1; visibility: visible; } .success .success__title, .success-subscribe .success-subscribe__title { text-align: center; margin-bottom: 20px; } .success .success__text, .success-subscribe .success-subscribe__text { color: #282922; margin: 0 auto; } .reestablish .reestablish__title { text-transform: none; text-align: center; } .reestablish .reestablish__text { margin: 0; } .footer__nav__catalog { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1899px) { .footer__nav { padding-left: 50px; padding-right: 20px; } .footer__subscribe { max-width: 280px; } } @media (max-width: 1699px) { .footer__wrapper { align-items: flex-start; } .footer__logo { order: -1; margin-bottom: 30px; width: 100%; } .footer__subscribe { width: 100%; max-width: 50%; order: 3; } .footer__subscribe .footer__form { max-width: 100%; width: 100%; } .footer__info { width: 50%; margin-top: 0; order: 2; max-width: 50%; padding-right: 20px; } .footer__nav { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; flex: initial; order: 1; flex-basis: initial; margin-bottom: 30px; } .footer__logo { display: none; } .footer__logo-mobile { display: block; } .footer__bottom { order: 5; } } @media (max-width: 1280px) { .footer__wrapper { padding: 64px 0 64px; position: relative; } .footer__info { margin-top: 0; } .footer__logo { display: none; } .footer__logo-mobile { display: block; } .footer-nav__item { flex-basis: 50%; } .footer__bottom { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: 70px; } .personal-area-popup, .registration-popup, .success, .success-subscribe, .reestablish { top: 0; left: 0; width: 100%; max-width: none; height: 100vh; overflow: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .personal-area-popup__title, .registration-popup__title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .personal-area-popup__title .title-medium, .registration-popup__title .title-medium { margin-right: 0; margin-bottom: 16px; font-size: 32px; line-height: 36px; } .back-call .back-call__wrapper { padding: 65px 30.5px 30px; } .back-call__title { font-size: 32px; line-height: 36px; } .back-call .popup__text { max-width: none; margin-bottom: 30px; } .success .success__text, .success-subscribe .success-subscribe__text { max-width: none; } .footer__bottom { align-items: center; } .footer__dev a { justify-content: center; flex-direction: column; align-items: center; gap: 10px; } .footer__container { flex-basis: 70%; } .footer__links { flex-direction: column; gap: 10px; } } @media (max-width: 991px) { .footer__links { display: block; margin: 0; } .footer__links li { padding: 0; } .footer__links li:not(:last-child) { margin-bottom: 20px; } .form__field:not(:last-child) { margin-bottom: 20px; } .footer-nav__list { justify-content: space-between; } .footer-nav__item { flex-basis: 40%; } } @media (max-width: 768px) { .popup__wrapper { padding: 84px 145px; } .popup__text { max-width: none; } .footer__bottom { margin-top: 30px; } .footer__nav { grid-template-columns: 1fr 1fr; } .footer-nav__item { flex-basis: 100%; } .footer__info { width: 100%; max-width: 500%; padding: 0; } .footer__contacts { margin-bottom: 0; } .footer__subscribe { width: 100%; max-width: 100%; margin-top: 30px; } .footer__dev { margin-top: 30px; } .footer__container { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-basis: 100%; gap: 20px; } .footer__copyright { margin: 0; } .footer__bottom { margin-top: 30px; flex-direction: column; align-items: center; justify-content: center; } .footer__links { text-align: center; } } @media (max-width: 650px) { .footer__info { display: block; } .footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__copyright { margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__links { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; } .footer__dev a { display: block; } .footer__dev a span { margin-right: 0; } .popup__wrapper { padding: 65px 20px 20px; } .popup__close, .modal__close__personal-area { top: 20px; right: 20px; } .back-call .back-call__wrapper { padding: 65px 20px 20px; } } @media (max-width: 576px) { .footer-nav__list { gap: 12px; } .footer__info { margin-top: 30px; } .footer__nav { margin-bottom: 10px; } .footer__nav__catalog { font-size: 16px; line-height: 24px; width: 80%; } .footer__nav { position: relative; max-height: 335px; overflow: hidden; } .footer__nav::before { position: absolute; bottom: 0; left: 0; width: 100%; content: ''; background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 243, 243, 0)), color-stop(22.48%, rgba(243, 243, 243, 0.619792)), color-stop(77.08%, #F3F3F3)); background: -o-linear-gradient(top, rgba(243, 243, 243, 0) 0%, rgba(243, 243, 243, 0.619792) 22.48%, #F3F3F3 77.08%); background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, rgba(243, 243, 243, 0.619792) 22.48%, #F3F3F3 77.08%); height: 24px; } .footer-nav__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; order: 1; margin: 0 auto; } .footer-nav__button span { display: block; margin-right: 5px; text-transform: uppercase; color: #808080; font-size: 14px; line-height: 20px; font-weight: 500; } .footer-nav__button svg { -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; will-change: transform; } .footer-nav__link { font-size: 16px; line-height: 24px; } .footer-nav.opened { max-height: initial; } .footer-nav.opened::before { display: none; } .footer-nav__button.opened svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .footer__wrapper { padding: 40px 0 120px; } .footer__logo-mobile { margin-bottom: 50px; } .footer__contacts a, .footer__contacts p, .footer__contacts address { font-size: 16px; line-height: 24px; } .footer__bottom { margin-top: 50px; } .footer__copyright, .footer__links a { font-size: 12px; line-height: 20px; color: #96968D; } .footer__links li:not(:last-child) { margin-bottom: 10px; } .footer__dev a span { font-size: 12px; line-height: 20px; } .footer__dev a:nth-child(1) svg { width: 108px; height: 15px; } .footer__dev a:nth-child(2) svg { width: 50px; height: 15px; } .footer__dev a:not(:last-child) { margin-bottom: 13px; } .footer__container { -ms-flex-preferred-size: auto; flex-basis: auto; margin-right: 10px; } .personal-area-popup__title .title-medium, .registration-popup__title .title-medium { font-size: 24px; line-height: 32px; margin-bottom: 0; margin-right: 24px; } .personal-area-popup__title, .registration-popup__title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .back-call { height: 100vh; max-width: none; top: 0; left: 0; overflow: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .back-call__title { font-size: 24px; line-height: 32px; } } /* End */ /* Start:/local/templates/boconcept/css/style_new.css?175464782640606*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { padding: env(safe-area-inset); } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; margin: 0 auto !important; } body { margin: 0 auto; padding: 0px; -webkit-outline: none; outline: none; position: relative; min-width: 320px; max-height: 1000000px; min-height: 100vh; text-decoration-skip: objects; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } :focus, :active, :hover, :link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; -webkit-outline: none; outline: none; } ul, ol { list-style-position: inside; list-style-type: none; padding: 0; margin: 0; text-align: left; } li { height: auto; } h1, h2, h3, h4, h5, h6, p { margin: 0; } iframe { display: block; border: none; } img { display: block; border: none; max-width: 100%; } textarea { white-space: pre-wrap; resize: none; } button, select { display: block; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: inherit; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: none; } button { width: auto; cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border: none; padding: 0; } [type=search], button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { -webkit-outline: none; outline: none; } [type=search]::-webkit-search-decoration, ::-webkit-file-upload-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [hidden], ::-ms-clear, area { display: none; } fieldset { border: none; margin: 0; padding: 0; } legend { display: block; padding: 0; } menu, dir { list-style: none; margin: 0; padding: 0; } ::-webkit-input-placeholder { color: inherit; } :-ms-input-placeholder { color: inherit; } ::-moz-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; } :-moz-placeholder { color: inherit; } a { background-color: transparent; color: inherit; text-decoration: none; -webkit-outline: none; outline: none; text-decoration-skip-ink: none; } [type=date]::-webkit-inner-spin-button { display: none; } [type=date]::-webkit-calendar-picker-indicator { opacity: 0; } body { font-family: "Mont"; } body.hidden { overflow: hidden; } .overlay-new::before { background-color: rgba(40, 41, 34, 0.5); backdrop-filter: blur(10px) contrast(0.6); -webkit-backdrop-filter: blur(2px) contrast(0.6); } .header-new { position: fixed; top: 0; left: 0; width: 100%; background-color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; line-height: 16px; color: rgb(97, 100, 92); transition: transform 0.5s; z-index: 10; } .header-new__phone { position: relative; display: flex; align-items: center; gap: 10px; } .header-new__phone::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.3223 10.1663L10.3223 10.1664L10.3302 10.1689C11.2415 10.4645 12.2191 10.6289 13.23 10.6289C13.3739 10.6289 13.5 10.755 13.5 10.8989V13.5822C13.5 13.722 13.4626 13.8433 13.4128 13.9143C13.3904 13.9463 13.3681 13.9648 13.3469 13.9762C13.3267 13.987 13.2917 14 13.23 14C6.28818 14 0.5 8.21922 0.5 1.27C0.5 1.19857 0.514827 1.16087 0.525117 1.14189C0.535729 1.12232 0.552595 1.10235 0.583149 1.08193C0.653403 1.03496 0.777077 1 0.925556 1H3.61667C3.76052 1 3.88667 1.12614 3.88667 1.27C3.88667 2.27628 4.04183 3.25362 4.34618 4.16855C4.37164 4.25254 4.36035 4.34115 4.31296 4.41477L3.47775 4.86504L3.0574 5.09166L3.26447 5.52198C4.4126 7.9078 6.55902 9.97168 8.85863 11.0687L9.20629 11.2345L9.45533 10.9407L10.0638 10.2228C10.1396 10.1545 10.2379 10.1374 10.3223 10.1663Z' stroke='%2361645C'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; position: relative; width: 14px; height: 14px; } @media (max-width: 1279px) { .header-new__phone { margin-left: auto; } } @media (max-width: 767px) { .header-new__phone { display: none; } } .header-new__blockFixed { display: none; width: 156px; } .header-new-social { display: flex; align-items: center; gap: 15px; } .header-new-social a { cursor: pointer; background-position: center; background-repeat: no-repeat; width: 16px; height: 16px; transition: all 0.3s !important; } .header-new-social a:hover { transform: scale(1.2); } .header-new-social__what { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.2891 10.1039C12.0892 10.0035 11.1054 9.52008 10.9223 9.45276C10.7385 9.38608 10.6051 9.3531 10.4711 9.55378C10.3385 9.75375 9.95465 10.2042 9.83821 10.3375C9.72171 10.4715 9.60455 10.4876 9.40458 10.3881C9.20455 10.287 8.55955 10.0762 7.79525 9.39483C7.20073 8.86426 6.79873 8.20908 6.68224 8.00847C6.56576 7.80851 6.67013 7.7001 6.76978 7.60044C6.86 7.51089 6.97043 7.36677 7.07009 7.25026C7.17041 7.13311 7.20338 7.04965 7.27078 6.91565C7.33738 6.78233 7.3044 6.66584 7.25393 6.56551C7.20338 6.46519 6.80344 5.4801 6.63713 5.07945C6.47418 4.6896 6.30921 4.74279 6.18667 4.73606C6.07018 4.73066 5.93686 4.72932 5.80287 4.72932C5.66954 4.72932 5.45273 4.77915 5.26958 4.9798C5.08643 5.17978 4.56931 5.66392 4.56931 6.64901C4.56931 7.63342 5.28641 8.58485 5.38606 8.71886C5.4864 8.85214 6.79738 10.8735 8.80462 11.7401C9.28198 11.9461 9.65438 12.0694 9.94526 12.1609C10.4246 12.3138 10.861 12.2922 11.2051 12.2404C11.5895 12.1832 12.3888 11.7563 12.5558 11.2889C12.7228 10.8217 12.7228 10.421 12.6723 10.3375C12.6225 10.2541 12.4898 10.2042 12.2891 10.1039ZM8.63828 15.0886H8.63562C7.44364 15.0887 6.27358 14.7682 5.24803 14.1607L5.00496 14.0166L2.486 14.6779L3.15799 12.2215L2.99976 11.9697C2.33344 10.9087 1.98095 9.6809 1.98301 8.42791C1.98369 4.75828 4.96994 1.77269 8.641 1.77269C10.4186 1.77269 12.0898 2.46623 13.3463 3.72402C13.9662 4.34121 14.4576 5.07523 14.7919 5.88358C15.1263 6.69194 15.297 7.55857 15.2942 8.43336C15.2922 12.103 12.3066 15.0886 8.63828 15.0886ZM14.3031 2.76856C13.5612 2.02177 12.6785 1.42965 11.7061 1.0265C10.7337 0.623338 9.69095 0.417178 8.63828 0.419949C4.22455 0.419949 0.632296 4.01221 0.630276 8.42726C0.630276 9.83857 0.99859 11.2162 1.69954 12.4302L0.562943 16.5801L4.80834 15.4664C5.98237 16.1061 7.29795 16.4412 8.63491 16.4413H8.63828C13.0514 16.4413 16.6443 12.8491 16.6463 8.43336C16.6495 7.38111 16.4442 6.33867 16.042 5.36632C15.6397 4.39398 15.0487 3.51103 14.3031 2.76856Z' fill='%2361645C'/%3e%3c/svg%3e "); } .header-new-social__telega { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.5419 0.0554915C13.3036 0.0302179 13.0445 0.0674365 12.7843 0.170323C12.4616 0.297229 7.40603 2.42391 2.69332 4.4078L1.13612 5.06316C0.533143 5.30763 0.228699 5.70527 0.228699 6.24085C0.228699 6.61583 0.387395 7.12446 1.14453 7.42416L3.77299 8.47719C4.00028 9.15904 4.52818 10.7422 4.66082 11.1631C4.73969 11.4126 4.93889 12.0412 5.44221 12.1881C5.54546 12.2233 5.6532 12.2414 5.7629 12.2413C6.08055 12.2413 6.30919 12.0936 6.42104 12.0075L8.09168 10.5946L10.1208 12.4711C10.199 12.5506 10.6126 12.9527 11.1682 12.9527C11.8616 12.9527 12.3875 12.3756 12.4972 11.8171C12.5567 11.511 14.5137 1.68687 14.5137 1.68831C14.6893 0.900346 14.3735 0.491588 14.1706 0.317362C13.9967 0.168588 13.7801 0.0807651 13.5419 0.0554915ZM13.0672 1.60429C12.7969 2.95938 11.3233 10.356 11.0996 11.4222L8.1337 8.67887L6.12142 10.3831L6.67873 8.20273C6.67873 8.20273 10.5235 4.31088 10.7551 4.08432C10.9415 3.90292 10.9806 3.83933 10.9806 3.77624C10.9806 3.69235 10.9375 3.632 10.8378 3.632C10.7482 3.632 10.6264 3.71788 10.5619 3.75803C9.74217 4.2691 6.25148 6.25777 4.53338 7.23509L2.04075 6.23949L3.25066 5.73115C6.33293 4.43339 11.8225 2.12195 13.0672 1.60429Z' fill='%2361645C'/%3e%3c/svg%3e "); } @media (max-width: 767px) { .header-new-social { margin-left: auto; } } .header-new.fixed { transform: translateY(-42px); } .header-new.fixed .header-new__blockFixed { display: flex; align-items: center; gap: 30px; } .header-new.fixed .btn-search { display: none; } .header-new.fixed .btn-search--fixed { display: flex; } .header-new.fixed .header-new__fixed { display: block; } .header-new.fixed .btn-phone { display: flex; } .header-new.fixed .menu-new { display: none; } .header-new.fixed .btn-catalog.mobile { display: none; } @media (max-width: 767px) { .header-new.fixed { transform: translateY(0); } .header-new.fixed .header-new__blockFixed { display: none; } .header-new.fixed .btn-search { display: flex; } } .header-new a { text-decoration: underline; text-decoration-color: transparent; -webkit-transition: text-decoration 0.3s; -moz-transition: text-decoration 0.3s; -o-transition: text-decoration 0.3s; transition: text-decoration 0.3s; } .header-new a:hover { text-decoration-color: rgb(97, 100, 92); } @media (max-width: 1279px) { .header-new a { order: 3; } } @media (max-width: 1599px) { .header-new { font-size: 14px; line-height: 14px; } } @media (max-width: 767px) { .header-new { font-size: 12px; line-height: 12px; } } .header-new-top { position: relative; padding: 12px 120px; display: flex; justify-content: space-between; align-items: center; background-color: rgb(217, 217, 217); transition: transform 1s; } @media (max-width: 1599px) { .header-new-top { padding: 12px 30px; } } @media (max-width: 1279px) { .header-new-top { padding: 11px 25px; } } @media (max-width: 1023px) { .header-new-top { padding: 12px 25px; } } @media (max-width: 767px) { .header-new-top { padding: 12px 20px; } } .header-new-top__left { display: flex; align-items: center; gap: 30px; } @media (max-width: 1279px) { .header-new-top__left { width: 100%; } } @media (max-width: 767px) { .header-new-top__left { gap: 20px; } } .header-new-top__right ul { display: flex; align-items: center; gap: 30px; } @media (max-width: 1279px) { .header-new-top__right { display: none; } } @media (max-width: 1279px) { .header-new-top__link { display: none; } } .header-new__bottom { position: relative; padding: 18px 120px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1599px) { .header-new__bottom { padding: 18px 30px; } } @media (max-width: 1279px) { .header-new__bottom { padding: 13px 25px; } } @media (max-width: 1023px) { .header-new__bottom { padding: 18px 25px; } } @media (max-width: 767px) { .header-new__bottom { padding: 12px 18px; } } .logo-new { position: relative; z-index: 1; transition: all 0.3s; display: flex; align-items: center; justify-content: center; } .logo-new > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; overflow: hidden; text-indent: 200%; white-space: nowrap; } .logo-new svg { width: 150px; height: 30px; } @media (max-width: 1279px) { .logo-new svg { width: 200px; height: 40px; } } @media (max-width: 1023px) { .logo-new svg { width: 115px; height: 24px; } } @media (max-width: 767px) { .logo-new svg { width: 88px; height: 17px; } } .logo-new:hover { opacity: 0.75; } @media (max-width: 1279px) { .logo-new { margin: 0 auto; } } @media (max-width: 767px) { .logo-new { margin: 0; } } .menu-new { color: rgb(40, 41, 34); font-weight: 600; } .menu-new ul { display: flex; align-items: center; gap: 35px; } @media (max-width: 1279px) { .menu-new { display: none; } } .header-new-controls { display: flex; align-items: center; gap: 20px; } @media (max-width: 767px) { .header-new-controls { gap: 13px; } } .menu-sections__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; max-height: 100vh; overflow: auto; pointer-events: none; z-index: 10; } .menu-sections__wrapper.opened { pointer-events: initial; } .menu-sections__wrapper.opened::before { opacity: 1; } .menu-sections__wrapper::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: -1; } .menu-sections { font-size: 14px; font-weight: 600; line-height: 21px; position: relative; transform: translateX(-100%); z-index: 5; width: 422px; background-color: rgb(255, 255, 255); padding: 45px 30px; transition: transform 0.5s; } @media (max-width: 767px) { .menu-sections { padding: 25px 15px; width: 320px; min-height: 100vh; } } @media (max-width: 639px) { .menu-sections { padding: 15px; width: 100%; max-width: 400px; } } .menu-sections.opened { transform: translateX(0); } .menu-sections__head { display: flex; justify-content: space-between; align-items: center; } .menu-sections__bottom { display: flex; flex-direction: column; gap: 25px; margin-top: 80px; line-height: 24px; font-size: 12px; } @media (max-width: 767px) { .menu-sections__bottom { margin-top: 40px; line-height: 20px; gap: 15px; } } .menu-sections__title { font-size: 18px; font-weight: 700; line-height: 25px; } .menu-sections__close { cursor: pointer; } .menu-sections__close svg { pointer-events: none; } .menu-sections__row { margin-top: 45px; } @media (max-width: 767px) { .menu-sections__row { margin-top: 25px; } } .menu-sections__line { display: flex; flex-direction: column; } .menu-sections__line a { padding: 9px 0; display: block; width: 100%; } @media (max-width: 767px) { .menu-sections__line a { padding: 7px 0; } } .menu-sections__line + .menu-sections__line { margin-top: 25px; padding-top: 25px; border-top: solid 1px rgb(150, 150, 141); } @media (max-width: 767px) { .menu-sections__line + .menu-sections__line { margin-top: 15px; padding-top: 15px; } } .menu-sections__sub { position: relative; } .menu-sections__subLink { position: relative; width: 100%; display: block; } .menu-sections__subLink::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.0175781 1.94479L3.83424 5.76979L0.0175781 9.59479L1.19258 10.7698L6.19258 5.76979L1.19258 0.769791L0.0175781 1.94479Z' fill='%23283833'/%3e%3c/svg%3e "); right: 0; top: 50%; transform: translateY(-50%); } .menu-sections__subLink.opened::before { transform: scale(-1, 1) translateY(-50%); } @media (max-width: 639px) { .menu-sections__subLink.opened::before { transform: scale(1, 1) translateY(-50%) rotate(-90deg); } } .menu-sections__sub-menu { position: absolute; left: calc(100% + 30px); top: -20px; padding: 20px; background-color: rgb(255, 255, 255); width: 250px; opacity: 0; pointer-events: none; transition: opacity 0.3s; } @media (max-width: 767px) { .menu-sections__sub-menu { padding: 15px; width: 200px; top: -15px; left: calc(100% + 15px); } } @media (max-width: 639px) { .menu-sections__sub-menu { left: 0; width: 100%; top: 0; position: relative; display: none; } } .menu-sections__sub-menu.opened { opacity: 1; pointer-events: initial; } @media (max-width: 639px) { .menu-sections__sub-menu.opened { left: 0; } } .btn-catalog { cursor: pointer; display: flex; align-items: center; gap: 5px; } .btn-catalog::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.54545 4.59091C6.54545 3.2353 5.44652 2.13636 4.09091 2.13636C2.7353 2.13636 1.63636 3.2353 1.63636 4.59091V14.4091C1.63636 15.7647 2.7353 16.8636 4.09091 16.8636C5.44652 16.8636 6.54545 15.7647 6.54545 14.4091V4.59091ZM3 0.5C1.34314 0.5 0 1.84315 0 3.5V15.5C0 17.1569 1.34315 18.5 3 18.5H5.18182C6.83867 18.5 8.18182 17.1569 8.18182 15.5V3.5C8.18182 1.84315 6.83867 0.5 5.18182 0.5H3ZM16.3636 4.59091C16.3636 3.2353 15.2647 2.13636 13.9091 2.13636C12.5535 2.13636 11.4545 3.2353 11.4545 4.59091V6.22727C11.4545 7.58288 12.5535 8.68182 13.9091 8.68182C15.2647 8.68182 16.3636 7.58288 16.3636 6.22727V4.59091ZM12.8182 0.5C11.1613 0.5 9.81818 1.84315 9.81818 3.5V7.31818C9.81818 8.97503 11.1613 10.3182 12.8182 10.3182H15C16.6569 10.3182 18 8.97504 18 7.31818V3.5C18 1.84315 16.6569 0.5 15 0.5H12.8182ZM11.4545 15.2273C11.4545 14.3235 12.1872 13.5909 13.0909 13.5909H14.7273C15.631 13.5909 16.3636 14.3235 16.3636 15.2273C16.3636 16.131 15.631 16.8636 14.7273 16.8636H13.0909C12.1872 16.8636 11.4545 16.131 11.4545 15.2273ZM12.8182 18.5C11.1613 18.5 9.81818 17.1569 9.81818 15.5V14.9545C9.81818 13.2977 11.1613 11.9545 12.8182 11.9545H15C16.6569 11.9545 18 13.2977 18 14.9545V15.5C18 17.1569 16.6569 18.5 15 18.5H12.8182Z' fill='%2361645C'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; width: 18px; height: 18px; } @media (max-width: 1279px) { .btn-catalog { display: none; } } @media (max-width: 767px) { .btn-catalog { display: flex; } } .btn-catalog.mobile { font-size: 22px; list-style: 24px; gap: 10px; display: none; } .btn-catalog.mobile::before { width: 24px; height: 24px; } @media (max-width: 1279px) { .btn-catalog.mobile { display: flex; font-weight: 600; width: 156px; } } @media (max-width: 767px) { .btn-catalog.mobile { display: none; } } .btn-sections { cursor: pointer; display: none; align-items: center; gap: 10px; position: relative; padding-left: 28px; } .btn-sections:hover .btn-sections__line:nth-child(3) { width: 100%; } .btn-sections__icon { position: absolute; left: 0; top: 0; width: 100%; height: 14px; display: flex; flex-direction: column; justify-content: space-between; } .btn-sections__line { width: 18px; display: block; height: 2px; background-color: rgb(97, 100, 92); transition: width 0.3s; } @media (max-width: 1279px) { .btn-sections { display: flex; } } @media (max-width: 767px) { .btn-sections { order: 4; } } .btn-phone, .btn-cabinet, .btn-basket, .btn-favorite, .btn-search { position: relative; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: contain; width: 27px; height: 20px; transition: opacity 0.3s; } .btn-phone:hover, .btn-cabinet:hover, .btn-basket:hover, .btn-favorite:hover, .btn-search:hover { opacity: 0.75; } @media (max-width: 1279px) { .btn-phone, .btn-cabinet, .btn-basket, .btn-favorite, .btn-search { width: 24px; height: 24px; } } @media (max-width: 767px) { .btn-phone, .btn-cabinet, .btn-basket, .btn-favorite, .btn-search { width: 16px; height: 16px; } } .btn-search { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.34981 7.249C1.34981 4.26709 3.76712 1.84978 6.74903 1.84978C9.73096 1.84978 12.1483 4.26709 12.1483 7.249C12.1483 10.2309 9.73096 12.6482 6.74903 12.6482C3.76712 12.6482 1.34981 10.2309 1.34981 7.249ZM6.74903 0.499969C3.02164 0.499969 0 3.52161 0 7.249C0 10.9764 3.02164 13.998 6.74903 13.998C8.36961 13.998 9.85683 13.4269 11.0203 12.4748L15.0455 16.5L16 15.5456L11.9747 11.5203C12.9268 10.3569 13.4981 8.86965 13.4981 7.249C13.4981 3.52161 10.4764 0.499969 6.74903 0.499969Z' fill='%23282922'/%3e%3c/svg%3e "); } .btn-search--fixed { display: none; } .btn-favorite { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.38477 2.25926C1.78478 2.83703 1.33651 3.76586 1.33651 5.17488C1.33651 5.4042 1.4119 5.71591 1.59233 6.11226C1.77006 6.50279 2.0322 6.93756 2.36179 7.402C3.02125 8.33121 3.91212 9.32551 4.81974 10.2469C5.72445 11.1653 6.63125 11.9967 7.31307 12.5993C7.59186 12.8457 7.83244 13.0533 8.01908 13.2124C8.20573 13.0533 8.4463 12.8457 8.72509 12.5993C9.40692 11.9967 10.3137 11.1653 11.2184 10.2469C12.1261 9.32551 13.0169 8.33121 13.6763 7.402C14.006 6.93756 14.2681 6.50279 14.4458 6.11226C14.6263 5.71591 14.7016 5.4042 14.7016 5.17488C14.7016 3.76586 14.2534 2.83703 13.6534 2.25926C13.0452 1.67358 12.2183 1.38809 11.3604 1.38809C10.8403 1.38809 10.3515 1.60263 9.91038 1.92828C9.46926 2.25394 9.11482 2.66275 8.88053 2.97569C8.65733 3.27382 8.31926 3.39867 8.01908 3.39866C7.7189 3.39866 7.38083 3.27382 7.15763 2.97569C6.92334 2.66275 6.56891 2.25394 6.12779 1.92828C5.68668 1.60263 5.19785 1.38809 4.6778 1.38809C3.81988 1.38809 2.99297 1.67358 2.38477 2.25926ZM8.01908 14.085C7.59594 14.6022 7.59581 14.6021 7.59574 14.602L7.59407 14.6007L7.58959 14.597L7.57289 14.5832L7.50933 14.5306C7.45407 14.4847 7.37361 14.4174 7.2715 14.331C7.06742 14.1582 6.77659 13.9088 6.42796 13.6007C5.7315 12.9851 4.80059 12.1319 3.8676 11.1848C2.93751 10.2406 1.99068 9.18838 1.27185 8.17551C0.912304 7.66883 0.600163 7.15869 0.375898 6.66598C0.154326 6.17922 0 5.6695 0 5.17488C0 3.46536 0.554119 2.16667 1.45771 1.29654C2.35308 0.434339 3.53095 0.0515747 4.6778 0.0515747C5.57591 0.0515747 6.33807 0.42225 6.9216 0.853042C7.37629 1.1887 7.74617 1.57784 8.01908 1.9093C8.292 1.57784 8.66188 1.1887 9.11656 0.853042C9.70008 0.42225 10.4622 0.0515747 11.3604 0.0515747C12.5072 0.0515747 13.6851 0.434339 14.5804 1.29654C15.484 2.16667 16.0382 3.46536 16.0382 5.17488C16.0382 5.6695 15.8839 6.17922 15.6623 6.66598C15.438 7.15869 15.1259 7.66883 14.7663 8.17551C14.0475 9.18838 13.1006 10.2406 12.1706 11.1848C11.2375 12.1319 10.3067 12.9851 9.6102 13.6007C9.26157 13.9088 8.97075 14.1582 8.76666 14.331C8.66455 14.4174 8.58409 14.4847 8.52883 14.5306L8.46528 14.5832L8.44857 14.597L8.44409 14.6007L8.44282 14.6017C8.44269 14.6018 8.44222 14.6022 8.01908 14.085ZM8.01908 14.085L7.59574 14.602L8.01908 14.9484L8.44222 14.6022L8.01908 14.085Z' fill='%23282922'/%3e%3c/svg%3e "); } .btn-basket { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.02532 2.69133C4.95556 2.83666 4.90391 2.99246 4.86567 3.15395H8.65785C8.61962 2.99246 8.56797 2.83666 8.4982 2.69133C8.37818 2.44129 8.20938 2.23575 7.96253 2.08719C7.71253 1.93672 7.3369 1.81743 6.76174 1.81743C6.18663 1.81743 5.81101 1.93672 5.56101 2.08719C5.31416 2.23575 5.14534 2.44129 5.02532 2.69133ZM3.82042 2.11298C3.65815 2.45104 3.56168 2.81025 3.50434 3.15395H0.0859375V16.5191H13.4376V3.15395H10.0192C9.96188 2.81025 9.86539 2.45104 9.70313 2.11298C9.48903 1.66692 9.15663 1.24597 8.6517 0.942072C8.14991 0.64007 7.52315 0.480919 6.76174 0.480919C6.00039 0.480919 5.37362 0.64007 4.87183 0.942072C4.3669 1.24597 4.03453 1.66692 3.82042 2.11298ZM1.43602 4.49046H3.42049H4.757H8.76651H10.103H12.0875V15.1826H1.43602V4.49046ZM4.757 5.82697C4.757 6.40829 4.76741 7.08879 5.02532 7.62612C5.14534 7.87612 5.31416 8.08167 5.56101 8.23022C5.81101 8.38072 6.18663 8.5 6.76174 8.5C7.3369 8.5 7.71253 8.38072 7.96253 8.23022C8.20938 8.08167 8.37818 7.87612 8.4982 7.62612C8.75615 7.08879 8.76651 6.40829 8.76651 5.82697H10.103L10.1031 5.86556C10.1033 6.40623 10.1038 7.36978 9.70313 8.20443C9.48903 8.65049 9.15663 9.07149 8.6517 9.37535C8.14991 9.67733 7.52315 9.83651 6.76174 9.83651C6.00039 9.83651 5.37362 9.67733 4.87183 9.37535C4.3669 9.07149 4.03453 8.65049 3.82042 8.20443C3.41979 7.36978 3.42022 6.40623 3.42047 5.86556L3.42049 5.82697H4.757Z' fill='%23282922'/%3e%3c/svg%3e "); } .btn-cabinet { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.16217 4.49046C5.16217 3.01419 6.35893 1.81743 7.8352 1.81743C9.31145 1.81743 10.5082 3.01419 10.5082 4.49046C10.5082 5.96673 9.31145 7.16349 7.8352 7.16349C6.35893 7.16349 5.16217 5.96673 5.16217 4.49046ZM7.8352 0.480919C5.62079 0.480919 3.82566 2.27605 3.82566 4.49046C3.82566 6.70487 5.62079 8.5 7.8352 8.5C10.0496 8.5 11.8447 6.70487 11.8447 4.49046C11.8447 2.27605 10.0496 0.480919 7.8352 0.480919ZM1.82089 16.5191C1.82089 13.631 4.44562 11.173 7.8352 11.173C11.2248 11.173 13.8495 13.631 13.8495 16.5191H15.186C15.186 12.7639 11.827 9.83651 7.8352 9.83651C3.84342 9.83651 0.484375 12.7639 0.484375 16.5191H1.82089Z' fill='%23282922'/%3e%3c/svg%3e "); } .btn-phone { display: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.2899 9.75095L10.2898 9.75103L10.2993 9.75412C11.2203 10.0528 12.2082 10.2189 13.23 10.2189C13.2705 10.2189 13.3132 10.2357 13.3482 10.2707C13.3833 10.3058 13.4 10.3485 13.4 10.3889V13.0723C13.4 13.1973 13.3661 13.2969 13.3309 13.347C13.3164 13.3677 13.3054 13.375 13.2996 13.3781C13.295 13.3806 13.2764 13.3901 13.23 13.3901C6.34337 13.3901 0.6 7.65401 0.6 0.760051C0.6 0.703633 0.611417 0.682575 0.613018 0.679623L0.61303 0.679602C0.614972 0.67602 0.619947 0.667666 0.638723 0.655114C0.68725 0.622675 0.789381 0.590051 0.925556 0.590051H3.61667C3.65713 0.590051 3.69985 0.606762 3.7349 0.641816C3.76996 0.676869 3.78667 0.719584 3.78667 0.760051C3.78667 1.77611 3.94327 2.76366 4.25083 3.6888C4.26521 3.73719 4.26153 3.78672 4.24028 3.8304L3.43029 4.26707L2.92587 4.53901L3.17437 5.05539C4.33279 7.46261 6.49626 9.54259 8.81558 10.649L9.23276 10.848L9.53162 10.4954L10.1353 9.78317C10.1837 9.74221 10.2419 9.73452 10.2899 9.75095Z' stroke='%23282922' stroke-width='1.2'/%3e%3c/svg%3e "); } @media (max-width: 767px) { .btn-phone { display: flex; } } .burger { cursor: pointer; position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.49292C0 2.16411 0.544107 2.70822 1.2153 2.70822H25.5213C26.1925 2.70822 26.7366 2.16411 26.7366 1.49292C26.7366 0.821726 26.1925 0.277618 25.5213 0.277618H1.2153C0.544107 0.277618 0 0.821726 0 1.49292ZM0 10C0 10.6712 0.544107 11.2153 1.2153 11.2153H25.5213C26.1925 11.2153 26.7366 10.6712 26.7366 10C26.7366 9.32882 26.1925 8.78471 25.5213 8.78471H1.2153C0.544107 8.78471 0 9.32882 0 10ZM26.7366 18.5071C26.7366 19.1783 26.1925 19.7224 25.5213 19.7224H1.2153C0.544107 19.7224 0 19.1783 0 18.5071C0 17.8359 0.544107 17.2918 1.2153 17.2918H25.5213C26.1925 17.2918 26.7366 17.8359 26.7366 18.5071Z' fill='%23282922'/%3e%3c/svg%3e "); background-position: center; background-repeat: no-repeat; background-size: contain; width: 27px; height: 20px; margin-right: 0; } .social-new { display: flex; align-items: center; gap: 12px; } .social-new .icon-dzen, .social-new .icon-telegram, .social-new .icon-pin, .social-new .icon-youtube, .social-new .icon-vk { width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s; } .social-new .icon-dzen:hover, .social-new .icon-telegram:hover, .social-new .icon-pin:hover, .social-new .icon-youtube:hover, .social-new .icon-vk:hover { opacity: 0.75; } .social-new .icon-vk { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.57486 9.96506H9.6231C9.6231 9.96506 9.93855 9.93006 10.1007 9.75696C10.2507 9.59596 10.2463 9.29695 10.2463 9.29695C10.2463 9.29695 10.2244 7.89054 10.8773 7.68352C11.5202 7.47869 12.345 9.04174 13.2213 9.64196C13.8829 10.0977 14.3856 9.99906 14.3856 9.99906L16.7264 9.96616C16.7264 9.96616 17.9499 9.88956 17.3693 8.92782C17.3222 8.84896 17.032 8.21585 15.6299 6.91459C14.1622 5.55199 14.3571 5.77216 16.125 3.41608C17.2017 1.98119 17.6322 1.10492 17.4975 0.730322C17.3693 0.373242 16.5774 0.467442 16.5774 0.467442L13.942 0.483872C13.942 0.483872 13.7449 0.456482 13.6025 0.543012C13.4601 0.627362 13.3691 0.825612 13.3691 0.825612C13.3691 0.825612 12.9529 1.93519 12.3943 2.88046C11.2223 4.87398 10.7513 4.97804 10.5607 4.85426C10.1149 4.56509 10.2266 3.6954 10.2266 3.07763C10.2266 1.14655 10.5191 0.341472 9.65705 0.13336C9.36898 0.0643535 9.15867 0.0183496 8.42589 0.0106816C7.4839 -0.000271433 6.68978 0.0139676 6.2396 0.234131C5.93948 0.380902 5.70836 0.708412 5.84856 0.727032C6.02382 0.748942 6.41814 0.833282 6.62625 1.11807C6.8979 1.485 6.88913 2.30979 6.88913 2.30979C6.88913 2.30979 7.04248 4.58262 6.52767 4.86522C6.17059 5.05909 5.68426 4.66367 4.63712 2.85637C4.10041 1.93081 3.69732 0.906672 3.69732 0.906672C3.69732 0.906672 3.61846 0.716082 3.47825 0.613122C3.31067 0.489341 3.07517 0.448822 3.07517 0.448822L0.570134 0.467442C0.570134 0.467442 0.195528 0.478392 0.0575157 0.642692C-0.0651621 0.787282 0.0465623 1.0874 0.0465623 1.0874C0.0465623 1.0874 2.00722 5.67358 4.22856 7.98583C6.2637 10.1054 8.57486 9.96616 8.57486 9.96616V9.96506Z' fill='%2396968D'/%3e%3c/svg%3e "); } .social-new .icon-youtube { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 5.65552C0 4.36152 0.16 3.06552 0.16 3.06552C0.16 3.06552 0.316 1.96552 0.796 1.47852C1.404 0.841521 2.204 0.861521 2.56 0.794521C3.84 0.670521 8 0.634521 8 0.634521C8 0.634521 11.362 0.638521 13.6 0.800521C13.914 0.838521 14.596 0.840521 15.204 1.47852C15.684 1.96452 15.84 3.06652 15.84 3.06652C15.84 3.06652 16 4.36052 16 5.65652V6.91452C16 8.21052 15.84 9.50452 15.84 9.50452C15.84 9.50452 15.684 10.6066 15.204 11.0926C14.596 11.7306 13.914 11.7326 13.6 11.7706C11.362 11.9326 8 11.9366 8 11.9366C8 11.9366 3.84 11.8996 2.56 11.7766C2.204 11.7096 1.404 11.7296 0.796 11.0926C0.316 10.6056 0.16 9.50552 0.16 9.50552C0.16 9.50552 0 8.21052 0 6.91552V5.65552ZM6.348 8.38552V3.89052L10.671 6.14552L6.351 8.38552H6.348Z' fill='%2396968D'/%3e%3c/svg%3e "); } .social-new .icon-pin { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.843807 6.04723C0.843807 5.35549 0.964729 4.70197 1.20301 4.09202C1.43068 3.49959 1.76893 2.95586 2.19974 2.4898C2.62967 2.02986 3.12165 1.63214 3.66148 1.30814C4.21533 0.973073 4.81495 0.720287 5.44153 0.557712C6.07567 0.391196 6.72865 0.30722 7.38429 0.307865C8.39701 0.307865 9.3395 0.522146 10.2135 0.948931C11.0761 1.36793 11.8103 2.01095 12.3394 2.81078C12.8853 3.62434 13.1565 4.54459 13.1565 5.57066C13.1565 6.18594 13.096 6.78788 12.9725 7.37649C12.8511 7.96477 12.6582 8.53599 12.3981 9.07741C12.1501 9.60151 11.8259 10.086 11.436 10.5152C11.0442 10.9375 10.5696 11.2746 10.0419 11.5057C9.46896 11.7568 8.84916 11.8832 8.22363 11.8764C7.78884 11.8764 7.35495 11.7742 6.92638 11.5688C6.49782 11.3643 6.19018 11.0833 6.00524 10.7232C5.94033 10.9731 5.85142 11.3341 5.73316 11.8062C5.61935 12.2774 5.54289 12.5815 5.5091 12.7193C5.47354 12.8563 5.40774 13.0848 5.31171 13.4013C5.24659 13.6355 5.16305 13.8641 5.06187 14.0851L4.756 14.6843C4.62373 14.9415 4.47586 15.1903 4.31321 15.4294C4.15228 15.6624 3.95311 15.9407 3.71571 16.2608L3.58323 16.3079L3.49521 16.2119C3.40007 15.2045 3.35117 14.6016 3.35117 14.4025C3.35117 13.813 3.42141 13.1515 3.56012 12.417C3.69615 11.6835 3.91132 10.7615 4.20029 9.65268C4.48926 8.54482 4.65464 7.89308 4.6991 7.70014C4.49549 7.28491 4.39235 6.74254 4.39235 6.07569C4.39235 5.54309 4.55861 5.04429 4.89204 4.57483C5.22636 4.10714 5.64869 3.8733 6.16084 3.8733C6.55295 3.8733 6.85703 4.00311 7.07487 4.26363C7.2936 4.52326 7.40029 4.85046 7.40029 5.24968C7.40029 5.67291 7.25981 6.28552 6.97706 7.08663C6.69432 7.88863 6.55383 8.48702 6.55383 8.88447C6.55383 9.28724 6.69787 9.62423 6.98595 9.8883C7.27025 10.1525 7.64622 10.2957 8.03425 10.2875C8.38634 10.2875 8.71266 10.2075 9.01585 10.0466C9.31431 9.89035 9.57265 9.66731 9.77073 9.39483C10.2021 8.80293 10.5097 8.13006 10.6749 7.4165C10.7603 7.04129 10.8261 6.68474 10.867 6.34954C10.9105 6.01256 10.9292 5.69425 10.9292 5.39194C10.9292 4.28319 10.5771 3.41895 9.87742 2.80011C9.17412 2.18127 8.25831 1.87363 7.13177 1.87363C5.85053 1.87363 4.77912 2.28797 3.9211 3.11931C3.0622 3.94799 2.63008 5.00161 2.63008 6.2793C2.63008 6.56115 2.67276 6.83323 2.75367 7.09641C2.8328 7.35871 2.91905 7.56766 3.01241 7.72237C3.10488 7.87441 3.19201 8.02289 3.27115 8.15982C3.35117 8.29675 3.39296 8.39455 3.39296 8.45324C3.39296 8.63284 3.34583 8.86668 3.2507 9.15565C3.152 9.44462 3.03553 9.58866 2.89504 9.58866C2.88171 9.58866 2.82658 9.57888 2.73055 9.55843C2.39798 9.45914 2.09764 9.27354 1.86009 9.0205C1.60796 8.75826 1.40898 8.44968 1.27414 8.11181C1.13969 7.77514 1.03496 7.42734 0.961173 7.07241C0.881446 6.73656 0.842046 6.39241 0.843807 6.04723Z' fill='%2396968D'/%3e%3c/svg%3e "); } .social-new .icon-telegram { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.7011 0.727341L0.525853 6.22192C-0.0445784 6.47778 -0.237518 6.99021 0.387955 7.2683L4.02455 8.42994L12.8173 2.96777C13.2974 2.62485 13.7889 2.7163 13.3659 3.0935L5.81416 9.96647L5.57693 12.8751C5.79666 13.3243 6.19898 13.3263 6.4556 13.1031L8.54492 11.116L12.1232 13.8093C12.9543 14.3039 13.4065 13.9847 13.5853 13.0782L15.9323 1.90728C16.176 0.791466 15.7605 0.299843 14.7011 0.727341Z' fill='%2396968D'/%3e%3c/svg%3e "); } .social-new .icon-dzen { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.54286 9.85072C8.28572 11.1479 8.19429 12.765 8.08571 16.3079C11.3886 16.3079 13.6686 16.2965 14.8457 15.1536C15.9886 13.9765 16 11.5879 16 8.39357C12.4571 8.50786 10.84 8.59358 9.54286 9.85072ZM0 8.39357C0 11.5879 0.0114286 13.9765 1.15429 15.1536C2.33143 16.2965 4.61143 16.3079 7.91429 16.3079C7.8 12.765 7.71429 11.1479 6.45714 9.85072C5.16 8.59358 3.54286 8.50215 0 8.39357ZM7.91429 0.307861C4.61714 0.307861 2.33143 0.31929 1.15429 1.46215C0.0114286 2.63929 0 5.02786 0 8.22215C3.54286 8.10786 5.16 8.02215 6.45714 6.765C7.71429 5.46786 7.80572 3.85072 7.91429 0.307861ZM9.54286 6.765C8.28572 5.46786 8.19429 3.85072 8.08571 0.307861C11.3886 0.307861 13.6686 0.31929 14.8457 1.46215C15.9886 2.63929 16 5.02786 16 8.22215C12.4571 8.10786 10.84 8.02215 9.54286 6.765Z' fill='%2396968D'/%3e%3cpath d='M16 8.39357V8.22215C12.4571 8.10786 10.84 8.02215 9.54286 6.765C8.28572 5.46786 8.19429 3.85072 8.08571 0.307861H7.91429C7.8 3.85072 7.71429 5.46786 6.45714 6.765C5.16 8.02215 3.54286 8.11358 0 8.22215V8.39357C3.54286 8.50786 5.16 8.59358 6.45714 9.85072C7.71429 11.1479 7.80572 12.765 7.91429 16.3079H8.08571C8.2 12.765 8.28572 11.1479 9.54286 9.85072C10.84 8.59358 12.4571 8.50215 16 8.39357Z' fill='white'/%3e%3c/svg%3e "); } .search-block__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; max-height: 100vh; overflow: auto; pointer-events: none; padding: 40px 28px; z-index: 5; } @media (max-width: 767px) { .search-block__wrapper { padding: 15px 15px; } } .search-block__wrapper.opened { pointer-events: initial; } .search-block__wrapper.opened::before { opacity: 1; } .search-block__wrapper::before { content: ""; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: -1; position: fixed; } .search-block { position: relative; width: 100%; height: 50vh; background-color: rgb(255, 255, 255); z-index: 5; padding: 60px; min-height: 400px; transform: translateY(-150%); transition: transform 0.5s; } @media (max-width: 767px) { .search-block { padding: 35px 30px; } } @media (max-width: 479px) { .search-block { padding: 35px 15px; } } .search-block.opened { transform: translateY(0); } .search-block .input-item { position: relative; width: 100%; } .search-block input { font-size: 18px; font-weight: 600; line-height: 24px; text-align: left; padding-top: 10px; padding-bottom: 10px; border: 0; border-bottom: solid 1px rgb(150, 150, 141); color: rgb(40, 41, 34); width: 100%; font-weight: 400; padding-right: 50px; border-radius: 0; } @media (max-width: 767px) { .search-block input { font-size: 14px; line-height: 20px; padding-right: 25px; } } .search-block__icon { cursor: pointer; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.55759 8.57331C1.55759 5.21866 4.27707 2.49918 7.63172 2.49918C10.9864 2.49918 13.7059 5.21866 13.7059 8.57331C13.7059 11.928 10.9864 14.6474 7.63172 14.6474C4.27707 14.6474 1.55759 11.928 1.55759 8.57331ZM7.63172 0.980652C3.43841 0.980652 0.0390625 4.38 0.0390625 8.57331C0.0390625 12.7666 3.43841 16.166 7.63172 16.166C9.45487 16.166 11.128 15.5234 12.4369 14.4523L16.9652 18.9807L18.0391 17.907L13.5106 13.3786C14.5817 12.0697 15.2244 10.3965 15.2244 8.57331C15.2244 4.38 11.825 0.980652 7.63172 0.980652Z' fill='%23282922' /%3e%3c/svg%3e"); position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .search-block__icon { right: 5px; width: 14px; height: 14px; } } .search-block__close { cursor: pointer; width: 18px; height: 18px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.75 2.16947L15.9875 0.406967L9 7.39447L2.0125 0.406967L0.25 2.16947L7.2375 9.15697L0.25 16.1445L2.0125 17.907L9 10.9195L15.9875 17.907L17.75 16.1445L10.7625 9.15697L17.75 2.16947Z' fill='%23282922'/%3e%3c/svg%3e "); position: absolute; right: 25px; top: 25px; } @media (max-width: 767px) { .search-block__close { width: 14px; height: 14px; right: 20px; top: 15px; } } @media (max-width: 1439px) { .menu-new ul { gap: 25px; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/boconcept/components/bitrix/sender.subscribe/.default/style.min.css?17546479154395*/ .bx-subscribe{margin:10px 0}.bx-subscribe div.bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-subscribe-desc{color:#aaa;font-size:12px;position:relative;margin-top:-5px;margin-bottom:3px}.bx-subscribe .bx-input-group .bx-form-control{position:relative;margin-bottom:15px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-radius:2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-subscribe .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.btn-subscribe{cursor:pointer;text-align:center;background:#70bb18;border:0;color:#fff;font-size:13px;position:relative;text-transform:uppercase;border-radius:2px;line-height:30px;height:40px;padding:5px 60px 5px 20px;vertical-align:middle;outline:0;-webkit-transition:width 5s linear;-moz-transition:width 5s linear;-ms-transition:width 5s linear;-o-transition:width 5s linear;transition:width 5s linear}.btn-subscribe:hover{background:#7ec629}.btn-subscribe:before{content:" ";position:absolute;top:0;bottom:0;right:0;width:40px;background-color:#5b9f0b;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC");background-position:50%;background-repeat:no-repeat;border-radius:0 2px 2px 0}.btn-subscribe span{display:block}.btn-subscribe.send{padding:5px 40px;-webkit-animation-name:MeilSend;animation-name:MeilSend;-webkit-animation-duration:.5s;animation-duration:.5s;outline:0;color:#fff}.btn-subscribe:hover,.btn-subscribe:active{color:#fff}.btn-subscribe.send:before{width:0;background-position:100px 50%;-webkit-animation-name:MeilSendButton;animation-name:MeilSendButton;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes MeilSend{0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@-webkit-keyframes MeilSend{0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@keyframes MeilSendSpan{0%{color:transparent}100%{color:#fff}}@-webkit-keyframes MeilSendSpan{0%{color:transparent}100%{color:#fff}}@keyframes MeilSendButton{0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}@-webkit-keyframes MeilSendButton{0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}.bx_subscribe_response_container{padding:40px;color:#35414e}.bx_subscribe_checkbox_container{line-height:16px;font-size:13px;margin-bottom:3px;vertical-align:middle;color:#aaa}.bx-sender-subscribe-agreement .main-user-consent-request a{font-weight:100;font:11px/10px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif} /* End */ /* Start:/local/templates/boconcept/styles.css?17546478102122*/ clip.article__wrapper p a { padding: 0px 15px; margin-left: 2px; font-size: 14px; } .catalog-filters__search button { bottom: 0px; } .added-basket__info h3.added-basket__name { margin: 0px !important; width: 70%; } .added-basket__info span.added-basket__price { width: 30%; text-align: right; } .blog__tag a.active { font-weight: bold; } .fiter-block__inner { display: block !important; } .blackfriday { color: #ffffff !important; background-color: #000000 !important; } .bf { width:16px; height:16px; display:inline-block; vertical-align:sub; margin-right:4px; } .badge.bage_summer { display: inline-flex; justify-content: center; align-items: center; gap: 6px; border: none; } .badge.bage_summer.bage_summer--light { background: #918767; color: #FFF; } .badge.bage_summer.bage_summer--dark { background: #282922; color: #fff; } .bage_summer__svg { height: 14px; } .download-btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; flex-shrink: 0; color: #2C2C2C; font-family: Mont; font-size: 18px; font-style: normal; font-weight: 600; line-height: 140%; border-radius: 92px; padding: 10px 20px; background-color: #F0F0F0; white-space: nowrap; transition: color .3s ease-out, background-color .3s ease-out; will-change color, background-color; } .download-btn__svg { width: 24px; } .download-btn__svg path { fill: #A7A7A7; transition: fill .3s ease-out; will-change: fill; } .download-btn:hover, .download-btn:focus { color: #ffffff; background-color: #918767; } .download-btn:hover .download-btn__svg path, .download-btn:focus .download-btn__svg path { fill:#ffffff; } li.header-catalog__item:nth-child(9) { display: none; } li.main-catalog__item:nth-child(10) { display: none; } .footer__nav__catalog li:nth-child(2) { display: none; } .summercolor { color: #6f2526; font-weight: bold; } li.header-catalog__item:nth-child(10) .catalog-card__title { color: #6f2526; } .product-card__inner { overflow: clip; } /* End */ /* /local/templates/boconcept/libs/slick-slider/slick.css?17546478361776 */ /* /local/templates/boconcept/libs/beer-slider/beer-slider.css?17546478361980 */ /* /local/templates/boconcept/libs/fancybox/fancybox.css?175464783615598 */ /* /local/templates/boconcept/libs/swiper/swiper-bundle.min.css?175464783617907 */ /* /local/templates/boconcept/libs/micromodal/micromodal.css?17546478363077 */ /* /local/templates/boconcept/css/global.css?17546478249846 */ /* /local/templates/boconcept/css/style.css?1754647833198825 */ /* /local/templates/boconcept/css/header.css?175464782435565 */ /* /local/templates/boconcept/css/footer.css?175464782422589 */ /* /local/templates/boconcept/css/style_new.css?175464782640606 */ /* /local/templates/boconcept/components/bitrix/sender.subscribe/.default/style.min.css?17546479154395 */ /* /local/templates/boconcept/styles.css?17546478102122 */