/* Start:/bitrix/templates/granit2/js/fancybox.css?171595306525343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.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{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/bitrix/templates/granit2/template_styles.css?178944729066051*/ :root { --color-header: #111; --color-gray: #666; --color-gray-light: #ccc; --color-gray-super-light: #eee; --color-red: #e95431; --color-green: #3A9D19; --color-items-link: #000; --color-items-back: #f5f5f5; --font-items-link: 14px; --font-price: 21px; --font-button: 16px; --v24-transition: all .150s ease; --v24-bg: #fff; --v24-line: #d4d4d4; --v24-hover-bg: #f4f4f4; --v24-main: #21201f; --v24-light-header: #454545; --v24-link: #0961e5; --v24-hover: #ec0000; --v24-font-family: system,-apple-system,BlinkMacSystemFont,'Segoe UI','Segoe WP',Roboto,Ubuntu,Oxygen,Cantarell,'Fira Sans','Helvetica Neue',Helvetica,'Lucida Grande','Droid Sans',Tahoma,'Microsoft Sans Serif'; --v24-font-size: 16px; --v24-font-size-big: 21px; --v24-font-size-h1: 24px; --v24-font-weight-semibold: 500; --v24-font-weight-bold: 700; --v24-font-size-sm: 14px; --v24-line-height-mid: 1.5; --respond-padding: 2.5rem; --respond-gap: 2rem; } @media (max-width:1200px) { :root { --respond-padding: 1.5rem; --respond-gap: 1.5rem; }; } @media (max-width:1023px) { :root { --respond-padding: 1rem; --respond-gap: 1rem; }; } /* *{box-sizing:border-box;outline:0} ::after,::before{box-sizing:border-box} */ /* :focus{outline:0} */ /* body{overflow-anchor:none} */ a{color:var(--text-main)} /* @media (hover: hover) {a:hover{color:var(--v24-hover)}} a,button{transition:var(--v24-transition)} iframe{border:none;} abbr,fieldset{border:none;padding:0;margin:0} legend{padding:0} textarea{resize:none} input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit} table{border-collapse:collapse;border-spacing:0} body,html{min-width:320px} html{height:100%;height:-webkit-fill-available;min-height:-webkit-fill-available;background:var(--v24-bg);touch-action: manipulation;} */ body{ /* min-height:100%; min-height:-webkit-fill-available; -webkit-font-smoothing: antialiased; text-size-adjust:100%; */ font-family: var(--v24-font-family); /* line-height: 1; */ font-size: var(--v24-font-size); color: var(--text-main); /* min-width: 768px; */ } /* Новое */ h1 { font-size: var(--v24-font-size-h1); color: var(--text-main); /* line-height: 1.3; */ font-weight: var(--v24-font-weight-semibold); } h3 { font-size: var(--v24-font-size-big); font-weight: var(--v24-font-weight-semibold); margin-bottom: 20px; } h4 { font-size: var(--v24-font-size); font-weight: var(--v24-font-weight-bold); color: var(--text-main); } footer { background: #f4f4f4; padding-top: 40px; } .footer-order { background: #f7f7f7; padding: 25px; } .bq-popup-order { padding: 30px; border-radius: 7px; border: solid 1px var(--v24-line); } .bq-order { background: #fff; border-radius: 8px; max-width: 600px; margin: 0 auto; padding: 24px 24px; display: flex; flex-direction: column; align-items: center; } .bq-order__wrapper { display: flex; margin-bottom: 20px; } .bq-order__phone { font-size: var(--v24-font-size); border-radius: 7px 0 0 7px; border: solid 1px var(--color-red); height: 40px; padding: 0 8px; width: 170px; } .bq-order__button { font-size: var(--v24-font-size); border-radius: 0 7px 7px 0; background-color: var(--color-red); color: #fff; height: 40px; padding: 0 15px; } .bq-button { background-color: var(--color-red); font-size: var(--v24-font-size); font-weight: var(--v24-font-weight-bold); padding: 8px 16px; border-radius: 7px; color: var(--v24-bg); white-space: nowrap; height: 40px; } .bq-button:hover { background-color: var(--v24-hover); } .bq-TEMP-catalog-button { background-color: var(--color-red); font-size: var(--v24-font-size); font-weight: var(--v24-font-weight-bold); padding: 8px 16px 8px 35px; border-radius: 7px; color: var(--v24-bg); height: 40px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='5' height='5' rx='0.5' stroke='white'/%3E%3Crect x='8.5' y='0.5' width='5' height='5' rx='0.5' stroke='white'/%3E%3Crect x='0.5' y='8.5' width='5' height='5' rx='0.5' stroke='white'/%3E%3Crect x='8.5' y='8.5' width='5' height='5' rx='0.5' stroke='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 15px 13px; } .bq-TEMP-catalog-button:hover { background-color: var(--v24-hover); } .bq-TEMP-review-thumb { width: 64px; height: 64px; object-fit: cover; margin-right: 10px; border-radius: 5px; } .bq-header-catalog-v2 { position: absolute; background: white; width: 100%; z-index: 100; top: 133px; min-height: 100vh; } .none { display: none;} .bq-header-catalog-v2-wrapper { margin: 0 auto; max-width: 1470px; width: 100%; display: grid; grid-template-columns: 1fr; padding: 1rem; gap: 16px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06); } .bq-header-catalog__img { width: 64px; height: 128px; } .bq-header-catalog__head-v2 { font-weight: var(--v24-font-weight-bold); font-size: var(--v24-font-size-h1); display: block; margin: .5rem 0 1rem; } .bq-header-catalog__vline { border-right: solid #f0f0f0; } .bq-header-catalog__links { display: grid; grid-template-columns: repeat(auto-fill, 110px); line-height: 1.25rem; gap: 14px; } .bq-header-catalog__link { display: flex; flex-direction: column; font-size: 14px; align-items: start; } .bq-header-catalog__link-price { color: #fff; background: #999; margin-top: 5px; border-radius: 5px; padding: 1px 5px; line-height: 1; } /* .bq-header-catalog { position: absolute; background: white; left: 50%; transform: translateX(-50%); max-width: 1550px; width: 100%; z-index: 100; top: 133px; display: flex; padding: 16px 0; gap: 32px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .06); } .bq-header-catalog_disabled { display: none; } */ /* .bq-header-catalog__filters { display: flex; flex-direction: column; flex: none; width: 250px; line-height: 2; padding: 0 8px; border-right: solid 1px var(--v24-line); margin: 3px 0; } .bq-header-catalog__filter { padding: 0 8px 0 16px; display: flex; justify-content: space-between; align-items: center; } .bq-header-catalog__filter::after { content: ""; background-size: contain; width: 20px; height: 20px; opacity: .2; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbC1vcGFjaXR5PSIuOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMjBsLTEuNC0xLjQgNi42LTYuNi02LjYtNi42TDEwIDRsOCA4eiIvPjwvc3ZnPg==); } .bq-header-catalog__filter:hover, .bq-header-catalog__filter_active { background: var(--v24-hover-bg); color: var(--v24-main); border-radius: 5px; } .bq-header-catalog__doors { flex: auto; } .bq-header-catalog__head { font-weight: var(--v24-font-weight-bold); font-size: var(--v24-font-size-h1); display: block; margin: 8px 0 32px; } .bq-header-catalog__image { display: flex; flex: none; width: 232px; padding: 36px 16px 16px; } .bq-header-catalog__image-link { width: 200px; height: 300px; background-size: contain; } */ .share { background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5385 5.69166C11.8981 5.69166 12.193 5.96858 12.2216 6.32079L12.2238 6.377V11.9576C12.2238 13.1724 11.262 14.1625 10.0584 14.2078L9.97199 14.2095H2.33533C1.1206 14.2095 0.130516 13.2476 0.0851222 12.044L0.0834961 11.9576V6.377C0.0834961 5.99849 0.390334 5.69166 0.768838 5.69166C1.12842 5.69166 1.42332 5.96858 1.45191 6.32079L1.45418 6.377V11.9576C1.45418 12.424 1.81649 12.8058 2.275 12.8368L2.33533 12.8388H9.97199C10.4384 12.8388 10.8201 12.4765 10.8511 12.018L10.8531 11.9576V6.377C10.8531 5.99849 11.16 5.69166 11.5385 5.69166ZM5.95742 0.215926L6.01573 0.21009L6.08415 0.209473L6.14466 0.214567L6.21433 0.227202L6.24135 0.23435C6.31784 0.255466 6.39135 0.290302 6.4581 0.338655L6.50491 0.375868L6.5413 0.409656L9.58742 3.45577C9.85506 3.72342 9.85506 4.15735 9.58742 4.42499C9.33552 4.67689 8.93632 4.69171 8.66709 4.46945L8.6182 4.42499L6.7411 2.5477V10.0974C6.7411 10.457 6.46418 10.7519 6.11197 10.7805L6.05576 10.7828C5.69618 10.7828 5.40128 10.5058 5.37269 10.1536L5.37042 10.0974V2.54927L3.49518 4.42499C3.24329 4.67689 2.84408 4.69171 2.57486 4.46945L2.52597 4.42499C2.27407 4.17309 2.25925 3.77389 2.48151 3.50466L2.52597 3.45577L5.56184 0.419142C5.58372 0.3964 5.60716 0.375165 5.63198 0.35561L5.67637 0.32398C5.69114 0.313581 5.70659 0.304137 5.72243 0.295302L5.72979 0.291708C5.79915 0.253656 5.87597 0.227629 5.95742 0.215926Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; padding: 0 0 0 18px; position: relative; } .tips { display: none; position: absolute; right: 0; text-wrap: nowrap; padding: 10px; top: -40px; background: var(--color-red); color: #fff; border-radius: 7px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); } /* .bq-header-catalog__link { display: block; } */ /* .bq-header-catalog__house { display: flex; flex-direction: column; } */ /* .bq-header-catalog__previev { display: flex; flex-direction: column; } */ /* .bq-header-catalog__links { position: relative; } */ /* .bq-header-catalog__previev-image { width: 100px; height: 100px; padding: 16px; background-size: contain; background-repeat: no-repeat; position: fixed; } */ /* .bq-header-city { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.925 1.78443C21.5328 1.18151 23.1029 2.75156 22.5 4.35933L16.0722 21.5C15.3574 23.4061 12.5838 23.1501 12.23 21.1453L10.8664 13.418L3.1391 12.0544C1.13427 11.7006 0.878261 8.92697 2.78443 8.21216L19.925 1.78443ZM20.6273 3.65708L3.48668 10.0848L11.2139 11.4485C12.0417 11.5945 12.6898 12.2426 12.8359 13.0704L14.1996 20.7977L20.6273 3.65708Z' fill='%230F0F0F'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: 15px; padding-left: 20px; } */ .wrapper { max-width: 1504px; padding-top: 16px; padding-inline: clamp(16px, 4vw, 32px); margin: 0 auto; display: flex; flex-direction: column; } .visited { display: flex; gap: 20px; } .visited__link { /* width: 20%; */ display: flex; align-items: center; background-color: #fff; border-radius: 9px; padding: 20px; color: var(--v24-main); font-size: var(--v24-font-size-sm); line-height: var(--v24-line-height-mid); } .visited__img { width: 50px; margin-right: 20px; } .footer-nav { display: flex; margin-top: 40px; justify-content: space-between; } .footer-nav__block { display: flex; flex-direction: column; } .footer-nav__link { color: var(--v24-light-header); margin-top: 20px; } .footer-nav__link-vk { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23767B8A'/%3E%3Cpath d='M16.786 21.5999C10.7728 21.5999 7.34292 17.3957 7.20001 10.3999H10.2121C10.3111 15.5346 12.5317 17.7096 14.2906 18.1581V10.3999H17.1268V14.8283C18.8637 14.6377 20.6886 12.6197 21.3042 10.3999H24.1404C23.9084 11.5512 23.446 12.6412 22.7821 13.6019C22.1182 14.5626 21.267 15.3732 20.2818 15.9831C21.3815 16.5403 22.3528 17.3291 23.1316 18.2973C23.9104 19.2655 24.4791 20.3911 24.8 21.5999H21.678C21.3899 20.55 20.8043 19.6101 19.9947 18.8982C19.1851 18.1862 18.1875 17.7337 17.1268 17.5975V21.5999H16.786Z' fill='white'/%3E%3C/svg%3E%0A"); width: 32px; height: 32px; margin-top: 40px; } .footer-nav__phone{ font-size: var(--v24-font-size); font-weight: var(--v24-font-weight-bold); color: var(--v24-light-header); } .copyright { margin-top: 40px; margin-bottom: 40px; font-size: var(--v24-font-size-sm); color: var(--v24-light-header); display: flex; flex-direction: column; } .rating { display: flex; align-items: center; margin: 5px 0; } .rating__value { font-weight: var(--v24-font-weight-bold); } .rating__count { font-size: var(--v24-font-size-sm); color: var(--v24-light-header); } .rating__stars { display: flex; width: 75px; height: 15px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23e7e7e7' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0; background-size: 15px 15px; /* margin: 0 5px; */ } .rating__stars-gold { display: inline-block; height: 15px; width: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffdb4d' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0; background-size: 15px 15px; } .bq-cart-svg { background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 8.125L15 1M22 8.125H1M22 8.125L20.417 16.1816C19.9807 18.4019 18.0654 20 15.8409 20H7.15909C4.93457 20 3.0193 18.4019 2.58304 16.1816L1 8.125M1 8.125L8 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 22px; height: 21px; } .bq-like-svg { background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2991 9.78586C22.567 7.54338 22.567 3.90213 20.2991 1.68186C18.0311 -0.560619 14.3486 -0.560619 12.0806 1.68186L10.9804 2.792L9.88007 1.70406C7.61215 -0.560619 3.92957 -0.560619 1.6841 1.68186C0.583822 2.76979 0 4.21297 0 5.74496C0 7.27695 0.606277 8.72013 1.6841 9.80806L10.9804 19L20.2991 9.78586ZM1.4371 5.74496C1.4371 4.59042 1.8862 3.52469 2.71702 2.72539C3.5703 1.88168 4.67058 1.45983 5.77086 1.45983C6.87114 1.45983 7.97142 1.88168 8.8247 2.72539L10.9804 4.83465L13.136 2.70318C14.8201 1.03798 17.582 1.03798 19.2437 2.70318C20.0521 3.50248 20.5236 4.56821 20.5236 5.72276C20.5236 6.8773 20.0745 7.94303 19.2437 8.74233L10.9804 16.9351L2.71702 8.76453C1.90865 7.94303 1.4371 6.8773 1.4371 5.74496Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 22px; height: 19px; } .bq-like-svg_active { background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.2991 1.68186C22.567 3.90213 22.567 7.54338 20.2991 9.78586L10.9804 19L1.6841 9.80806C0.606277 8.72013 0 7.27695 0 5.74496C0 4.21297 0.583823 2.76979 1.6841 1.68186C3.92957 -0.560619 7.61215 -0.560619 9.88007 1.70406L10.9804 2.792L12.0806 1.68186C14.3486 -0.560619 18.0311 -0.560619 20.2991 1.68186Z' fill='%23e94133'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 22px; height: 19px; } .bq-favorite-door { display: flex; gap: 50px 45px; margin: 25px 0; flex-wrap: wrap; /* justify-content: space-between; */ width: 100%; } .bq-favorite-door__wrapper { display: flex; flex-direction: column; position: relative; } .bq-favorite-door__image { width: 250px; height: 250px; object-fit: contain; } .bq-favorite-door__name { margin: 10px; } .bq-header-favorites { display: flex; font-size: var(--v24-font-size-sm); height: 40px; width: auto; /* background-position: top; */ justify-content: flex-end; flex-direction: column; background-position: center top; position: relative; font-weight: var(--v24-font-weight-semibold); } .bq-header-cart__bage { color: #fff; display: none; align-items: center; justify-content: center; font-weight: var(--v24-font-weight-semibold); padding: 2px 5px; border-radius: 10px; border: solid 2px #ffffff; background: var(--color-red); position: absolute; top: -10px; right: -10px; } .bq-header-favorites__bage { color: #fff; display: none; align-items: center; justify-content: center; font-weight: var(--v24-font-weight-semibold); padding: 2px 5px; border-radius: 10px; border: solid 2px #ffffff; background: var(--color-red); position: absolute; top: -10px; right: -10px; } .bq-header-favorites__bage_active { display: flex; } .bq-header-cart { display: flex; font-size: var(--v24-font-size-sm); height: 40px; width: auto; /* background-position: top; */ justify-content: flex-end; flex-direction: column; background-position: center top; position: relative; font-weight: var(--v24-font-weight-semibold); } .bq-header-cart__bage_active { display: flex; } /* .bq-header-adresa { display: flex; justify-content: center; font-weight: var(--v24-font-weight-semibold); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='s3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 365.4 456.79'%3E%3Cg id='s1'%3E%3Cpath class='cls-1' d='M154.98,1.29C99.58,10.29,53.08,41.79,24.38,89.99c-10.2,17.2-18.5,40.1-22.5,62.3-2.5,14-2.5,46,0,60,8.7,48.1,32.9,87.5,72.1,117.5,19.5,15,38.5,34.7,50.7,52.8,2.9,4.2,12.6,20.5,21.6,36.2,9,15.7,17.3,29.6,18.5,30.9,3.6,3.9,11.5,7.1,17.7,7.1,6.7,0,14.4-3.3,18.2-7.8,1.4-1.7,9.5-15.2,17.9-29.9s17.3-30,19.7-33.8c12.1-19.1,29.4-37.5,50.2-53.5,15.9-12.3,26.9-22.6,35.3-33,36.2-44.9,49.5-101,37.1-156.9-7.2-32.2-22.3-60.7-45.4-85.4-24.9-26.7-60.4-46.2-97.6-53.8-14.2-2.9-48.9-3.6-62.9-1.4ZM206.48,34.39c20.7,3.1,45.1,13.1,63.2,26.1,10.9,7.7,26.9,23.8,34.5,34.6,12.2,17.3,20.9,37.5,25.4,58.7,3.2,15.1,3.2,41.9,0,57-8.3,39.1-28,69.3-61.8,94.9-21.3,16.1-39.2,34.6-53.2,55-3.2,4.7-11.7,18.9-18.9,31.5-12.7,22.2-13.1,22.8-14.5,20.5-.8-1.3-6.1-10.5-11.7-20.4-12.2-21.4-19.3-32.1-29.9-45.2-9.8-12.1-29.7-31.6-41.6-40.8-24.8-19-37.7-34-49.5-57.4-6.1-12.2-11.1-27-13.6-40.6-2.6-13.8-2.6-38.2,0-52,9-48.4,39.9-88.8,83.7-109.4,28.1-13.2,56.1-17.2,87.9-12.5Z'/%3E%3Cpath class='s2' d='M114.56,98.23c-3.9,1.36-6.62,3.45-13.61,10.43-13.52,13.52-16.69,20.05-17.87,37.28-2.09,29.94,13.24,62.86,43.27,92.89,18.05,18.05,34.74,29.66,53.88,37.74,14.15,5.9,35.11,8.25,49.17,5.62,11.7-2.27,16.6-5.08,27.67-15.97,8.71-8.71,9.8-10.16,11.16-14.97,1.81-6.35,1.45-12.34-1.27-17.51-2.45-4.81-27.85-29.75-32.11-31.57-4.72-1.9-13.79-1.72-18.69.45-2.18,1-7.17,4.99-11.07,8.8l-7.26,6.98-2.9-1.72c-15.42-8.8-35.83-29.03-44.54-44.18l-2.54-4.35,7.71-7.98c6.62-6.89,7.98-8.8,9.25-13.24,1.72-5.81,1.36-10.7-1.18-16.15-2.09-4.54-26.13-29.12-30.84-31.48-5.44-2.81-12.34-3.17-18.23-1.09ZM137.15,125.98c9.34,9.43,12.06,12.61,12.06,14.42s-1.81,4.26-6.8,9.43c-3.72,3.81-7.53,8.44-8.44,10.16-2.45,4.63-2.27,12.97.45,18.14,11.16,21.86,46.17,54.25,60.42,55.88,7.8,1,11.61-.73,20.41-9.25,6.17-5.99,8.53-7.62,10.52-7.62,2.18,0,4.81,2.18,15.15,12.7,11.52,11.52,12.52,12.79,11.97,15.15-.36,1.54-3.72,5.62-8.62,10.34-9.52,9.25-12.7,10.7-25.49,11.43-24.86,1.45-52.7-11.88-78.74-37.65-26.94-26.76-40.37-52.52-40.46-77.74-.09-15.06,1.27-18.6,11.07-28.76,7.89-8.25,10.25-9.89,12.97-9.16.73.27,6.89,5.81,13.52,12.52Z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px 16px; flex-direction: column; background-position: left; padding-left: 20px; } */ /* Старое */ .v5-wrapper { max-width: 1550px; margin-left: auto; margin-right: auto; padding-left: var(--respond-padding); padding-right: var(--respond-padding); margin-bottom: 2rem; } .v4-catalog { /* padding: 20px 32px 20px; margin: 0 auto; max-width: 1504px; display: grid; grid-template-columns: repeat(auto-fill, 250px); gap: 25px; justify-content: space-between; */ display: grid; list-style: none; gap: 2rem; grid-template-columns: repeat(5, 1fr); } @media (max-width: 1023px) { .v4-catalog { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 480px) { .v4-catalog { grid-template-columns: repeat(2, 1fr); } } .v4-catalog-page { display: grid; grid-template-columns: 320px 1fr; grid-template-rows: 40px 1fr; grid-template-areas: "filter sort" "filter catalog"; max-width: 1504px; margin: 0 auto; padding: 32px; gap: 30px; } .v4-catalog-catalog { display: grid; grid-template-columns: repeat(auto-fill, 200px); row-gap: 30px; justify-content: space-between; /* width: 100%; */ grid-area: catalog; } .v4-catalog-filter { /* width: 320px; */ grid-area: filter; } .v4-catalog-order { /* width: 100%; */ grid-area: sort; } dl { display: grid; grid-template-columns: 1.3fr 2fr; grid-gap: 10px 5px; } dt { color: #707070; position: relative; } dt span { background: #fff; display: inline; padding-right: 3px; position: relative; } dd { display: flex; flex-direction: column; margin-inline-start: 0; } dt:before { content: ""; display: block; left: 0; top: 16px; position: absolute; width: 100%; border-bottom: 1px dotted #e7e7e7; } .gray { color: var(--color-gray); } .v3-product__price { font-size: 28px; font-weight: bold; margin: 10px 0; } .v3-product__price::after { content: ' ₽'; } .v3-product__panel { display: flex; list-style: none; flex-wrap: wrap; margin-top: 20px; } .v3-product__panel-image { height: 90px; width: 39px; border-radius: 2px; margin: 0 20px 20px 0; background-size: auto 90px; background-image: url(/include/pic/panels.jpeg?v=19082026); cursor: pointer; position: relative; } @media (hover: hover) { .v3-product__panel-image:hover { box-shadow: 0px 0px 0px 2px rgba(246, 184, 0, 0.5); } .v3-product__panel-image:hover .v3-product__panel-image-desc { display: block; } } .v3-product__panel-image-desc { position: absolute; bottom: 105px; left: -105px; background: #333; border-radius: 5px; color: #fff; padding: 15px; width: 250px; display: none; } .v3-product__panel-image-desc:after { content: ''; width: 10px; height: 10px; background: #333; transform: rotate(45deg); position: absolute; bottom: -5px; left: 120px; } .v3-product__panel-image--active { box-shadow: 0px 0px 0px 2px rgba(246, 184, 0, 1); } .mainImage { width: 100%; height: 100%; aspect-ratio: 1; /* margin: 0 auto; */ /* max-height: 100%; object-fit: contain; */ } .detail-wrapper { display: grid; grid-template-columns: 70px minmax(425px, 600px) minmax(295px, 420px) 275px; grid-column-gap: 25px; /* grid-auto-rows: minmax(100px, auto); grid-template-columns: 1fr; */ grid-template-areas: "thumb image panels buy"; } .detail-wrapper__thumb { grid-area: thumb; display: flex; flex-direction: column; gap: 10px; /* width: 70px; */ } .detail-wrapper__image { grid-area: image; /* max-width: 600px; */ /* max-height: 100%; */ } .detail-wrapper__pay-later { text-align: center; font-size: var(--v24-font-size-sm); display: block; margin-top: 10px; } .mainImageFancy { display: flex; } .detail-wrapper__panels { grid-area: panels; /* max-width: 300px; */ } .detail-wrapper__panels-sides-name { font-weight: bold; padding-bottom: 10px; /* display: block; */ } .detail-wrapper__buy { grid-area: buy; /* max-width: 250px; */ } .detail-wrapper__buy-price { background-color: #f8f7f5; border-radius: 20px; padding: 20px; position: relative;; } .detail-wrapper__buy-price-linke { position: absolute; right: 25px; top: 25px; } .favorites-wrapper__linke { position: absolute; right: 10px; top: 10px; } /* .detail-wrapper__buy-price-number { display: block; font-size: 32px; } */ .detail-wrapper__buy-credit { background-color: #f8f7f5; border-radius: 20px; padding: 20px; margin-top: 20px; } .detail-wrapper__buy-button { width: 100%; padding: 15px 30px; text-align: center; background: #ffd117; display: block; font-weight: bold; border-radius: 15px; color: #333; } .detail-wrapper__buy-button:hover { background: #ffdb4d; text-decoration: none; } .detail-wrapper__cart-button { width: 48px; padding: 13px 13px; text-align: center; background: #f0f0f0; display: block; font-weight: bold; border-radius: 15px; color: #333; margin-right: 8px; } .detail-wrapper__cart-button:hover { background: #e0e0e0; } @media (max-width: 1200px) { .detail-wrapper { grid-template-columns: 1fr 295px 275px; grid-template-areas: "image panels buy"; } .detail-wrapper__thumb { display: none; } } @media (max-width: 900px) { .detail-wrapper { grid-template-columns: 1fr; grid-template-areas: "image" "panels" "buy"; } } /* ниже переделать */ @media (max-width: 900px) { .doorName { margin-top: 20px; } } dl { line-height: 1.5; font-size: 14px; } /* .bq-header-mainline { padding: 0 32px 20px; margin: 0 auto; max-width: 1504px; display: flex; align-items: center; gap: 25px; } */ .container-v2 { padding-top: 16px; padding-inline: clamp(16px, 4vw, 32px); margin: 0 auto; max-width: 1504px; display: flex; flex-direction: column; } /* .header__logo-line { display: flex; justify-content: space-between; } */ .right10 { margin-right: 8px; } @media screen and (min-width: 1101px) { .side_bar_2020 { width: 250px !important; } } .top-doors-menu__link { color: #222; padding: 3px 12px 6px; } .top-doors-menu__link-active { background-color: #f6f2de; border-radius: 5px; font-weight: bold; } .doma_luchshe { display: flex; flex-direction: column; align-items: center; /* margin: 15px auto 0 auto; */ width: 100%; font-size: 21px; background: #e3e3e3; border-radius: 3px; /* color: #fff; */ padding: 25px 15px; border-radius: 10px; /* background-image: url(/include/static-pic/bf2025-2.jpeg); */ /*background-size: cover; */ background-position: 0; } .doma_luchshe a { color: #fff; font-weight: bold; font-size: 24px; /* text-decoration: underline; */ } .doma_luchshe__group { margin: 15px; } .doma_luchshe__input { border-radius: 3px 0 0 3px; border:none !important; line-height: 37px !important; font-size: 16px !important; } .doma_luchshe__submit { border-radius: 0 3px 3px 0 !important; border:none !important; height: 37px; background: #fadf75 !important; color: #111 !important; font-size: 16px !important; padding: 0 25px; } .doma_luchshe__form-small { font-size: 14px; } .door-sales .action { left: 10px; bottom: -3px; background: #E84038; } .door-sales .txt { padding: 5px 8px 6px; min-height: 65px; } .door-sales ul li { /* width: 170px; */ min-height: 250px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 10px 15px 0; zoom: 1; /*display: inline;*/ _height: 250px; background: #f7f7f7; } .actions_page__sale { display: flex; padding: 45px; border-radius: 3px; background: #f7f7f7; } .actions_page__sale-left { width: 50%; padding-right: 50px; } .actions_page__sale-title { font-size: 45px; line-height: 1.3em; font-weight: bold; margin-bottom: 30px; } .content_2020 { width: calc(100% - 270px) !important; margin-left: 10px; } .adventage_2020 { border: 1px solid #e7e7e7; border-radius: 3px; padding: 20px 0; } .link_to_new_door { padding: 15px; background: #25A329; border-radius: 5px; margin-bottom: 30px; } .link_to_new_door_a { color: #fff; } .series-h1 { min-width: 800px; margin: 20px auto; padding-left:30px; } .lives_search__form { position: relative; display: flex; width: 100%; } .live_search__input { border-radius: 7px 0 0 7px; border: solid 2px var(--color-red); height: 40px; padding: 0 15px; width: 100%; } .live_search__button { font-size: var(--v24-font-size); border-radius: 0 7px 7px 0; background-color: var(--color-red); color: #fff; height: 40px; padding: 0 10px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.34315 14.6769C10.4673 17.8011 15.5327 17.8011 18.6569 14.6769C21.781 11.5527 21.781 6.48736 18.6569 3.36316C15.5327 0.238962 10.4673 0.238962 7.34315 3.36316C4.21895 6.48736 4.21895 11.5527 7.34315 14.6769ZM7.34315 14.6769L1.68629 20.3337' stroke='%23ffffff' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; width: 50px; } .lives_search__div { top: 40px; /* right: 0; */ z-index: 200; font-size: 16px; position: absolute; max-width: 500px; min-width: 350px; background: #fff; border-radius: 0 0 3px 3px; box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, .3); border: 1px solid #e7e7e7; display: none; border-radius: 7px; } .live_search__img { margin-right: 10px; } .live_search__a { display: flex; /* height: 64px; */ margin: 5px; padding: 10px; border-radius: 3px; color: #111; line-height: 1.5em; text-align: left; } .live_search__a:hover { background: #c53e31; color: #fff; } /* .__sovetnik_ext_root__{display:none;} */ .container { max-width: 1480px; /* min-width: 990px; */ margin: 0 auto; } /* input { appearance: none; -webkit-appearance: none; } */ p { /*line-height: 21px;*/ margin: 0 0 21px; /* font-size: 16px; */ line-height: 1.8; } /* a { color: #2a5885; } */ h1.center {text-align: center; margin: 50px;} h2, .text_h2 { font-size: 24px; font-weight: normal; margin-bottom: 9px; color: #111; } .head3 { font-size: 18px; font-weight: normal; margin-bottom: 16px; } .head4 { /*font-size: 15px;*/ font-weight: normal; } h5 { font-size: 13px; margin: 0 0 12px; } ol { padding: 0 0 0 20px; } ol li { line-height: 21px; } .c2-1:after, .c1-1:after, .c11:after, .column3:after, .flatless:after, .detail_page .gallery:after, .detail_page .viewport:after { content: ''; display: block; clear: both; } .c11 .c12 { float: left; width: 44.2%; margin-left: 3%; } .c11 .c22 { float: right; width: 44.2%; margin-right: 3%; } .clear { clear: both; } .flatless:after { clear: both; content: ""; display: block; } /* table.zebra tr:nth-of-type(2n) td { background: #f5f5f5; } table.zebra td { padding: 4px 10px 5px; } */ .guarantee-link { color: #444; border: 1px solid #444; border-radius: 5px; text-align: center; width: 199px; height: 40px; float: left; line-height: 40px; position: absolute; left: 2%; } .guarantee-link:hover { background: #444; color: #fff; text-decoration: none; } .header-block { float: right; width: 80%; position: relative; } #order-meas { background: var(--color-red); border-radius: 10px; /* float: left; */ color: #ffffff; height: 42px; /*margin: 0 60px;*/ /* position: absolute; left: 28%; */ } #order-meas:hover { background: #e73120; text-decoration: none; } #order-meas span { background: url(/bitrix/templates/granit2/images/order_meas.png) no-repeat 11px center; padding-left: 42px; display: block; line-height: 17px; padding: 13px 11px 11px 48px; } @media (max-width: 980px) { #order-meas span { background: none; padding-left: 0; line-height: 17px; padding: 13px 11px; } } .header-block .top { margin-bottom: 7px; } #main-door-list.last-viewed h2 { margin-bottom: 34px; color: #111; padding: 0 10px; } .main-page #main-door-list { padding: 20px 0 0; } #main-door-list li { position: relative; width: 270px; height: 400px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 15px 0 0; zoom: 1; } #main-door-list li.bcredit {height: 460px;} #main-door-list li .info { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; height: 140px; } #main-door-list li .a_credit{height: 240px;} #main-door-list li.benefit { background: none; } #main-door-list .container { max-width: 1230px; min-width: 980px; padding: 0 0 0 10px; } .door-list .img { display: block; position: relative; padding: 10px 30px 0; } #main-door-list .img { display: inline-block; padding: 10px 0 0; text-align: center; width: 100%; text-decoration: none; } .action { width: 40px; height: 40px; z-index: 10; position: absolute; color: #fff; border-radius: 50%; font-weight: bold; font-size: 16px; background: #E84038; display: flex; padding: 5px; top: 20px; align-items: center; justify-content: center; right: 20px; } /* .action-detail { margin: 10px auto; padding: 10px 20px; color: #fff; background: #333; text-align: center; border-radius: 100px; font-weight: bold; } */ .v3-product__more-panel-button { padding: 15px 30px; border-radius: 5px; font-weight: bold; cursor: pointer; background-color: var(--color-gray-super-light); margin-bottom: 30px; } .v3-product__more-panel-button:hover { background-color: var(--color-items-back); } .v3-product__more-panel-button:active { background-color: var(--color-gray-light); } /* @-moz-document url-prefix() { .action { font-weight: lighter !important; letter-spacing: unset; } } */ .door-list img { display: inline-block; object-fit: contain; } #main-door-list .green { background: #E4F2D1; } .door-list .txt a { font-size: 13px; color: #353535; text-transform: uppercase; } #main-door-list .txt a { color: #323232; font-size: 15px; font-weight: bold; float: left; margin-bottom: 10px; display: contents; } #main-door-list .txt a:hover { color: #00b9fb; } #main-door-list .txt { padding: 10px 7px 5px 10px; } .door-list small { display: block; /*font-size: 11px;*/ color: #666666; clear: both; line-height: 16px; } .door-list span { color: #2a5885; } #main-door-list .__info small { font-size: 12px; display: block; margin-bottom: 10px; line-height: 16px; } #main-door-list .__info del, #main-door-list .__info span { margin-top: 7px; margin-bottom: 5px; } #main-door-list .__info del { margin-right: 9px; } .door-list small b { font-size: 13px; color: #353535; font-weight: bold; display: block; clear: both; } #main-door-list .__info b { font-size: 18px; color: #323232; display: block; } .door-list .button { background-color: #0070c9; background: -webkit-linear-gradient(#42a1ec,#0070c9); background: linear-gradient(#42a1ec,#0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 4px; color: white; cursor: pointer; float: left; padding: 0 12px; } table.compare a.button-order:hover, .discount-block .order-link:hover, .door-list .button:hover { background-color: #f00; /* background: -webkit-linear-gradient(#51a9ee,#147bcd); background: linear-gradient(#51a9ee,#147bcd); border-color: #1482d0;*/ text-decoration: none; } #main-door-list .button { padding: 0 27px; } .door-list .bottom { overflow: hidden; margin-top: 4px; } .door-list .bottom a { line-height: 29px; } #main-door-list .bottom a { line-height: 34px; margin-left: 20px; } #main-door-list .to_detail { float: right; color: #909090; background: #cccccc; padding: 0 10px; font-size: 18px; font-weight: bold; } .mirror { text-transform: uppercase; border: 1px solid #2a5885; font-size: 11px; float: right; padding: 0 2px; line-height: 12px; margin: 4px 0 0; position: relative; top: 0px; } .door-list .mirror { /*position: absolute;*/ white-space: nowrap; } .advantages { text-align: center; padding: 48px 0 70px; } .advantages h2 { color: #353535; } .advantages ul li span span { font-size: 18px; font-weight: bold; margin: 0 0 4px; } .advantages ul li span { text-align: left; display: block; margin-top: 7px; } .advantages ul li { display: inline-block; padding: 0 15px; /* min-height: 100px; */ width: 150px; vertical-align: top; } @media screen and (max-width: 1243px) { .advantages ul li { padding: 0 35px; } .features { margin-left: 10px!important; } } @media screen and (max-width: 1200px) { .advantages ul li { padding: 0 25px; } } @media screen and (max-width: 1100px) { .advantages ul li { padding: 0 20px; width: unset; } } .advantages ul { padding-top: 33px; } .main-txt li { width: 29%; margin-right: 3%; min-height: 100px; margin-bottom: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; /* display: inline; */ _height: 100px; list-style: none; list-style-type: none; } .clear { clear: both; } form h2 { text-align: center; margin-bottom: 18px; color: #353535; } input[type="submit"] , input[type="text"] { font-size: 18px; } input[type="submit"] { font-size: 18px; padding: 0 22px 0 22px; line-height: 35px; display: inline-block; background-color: #0070c9; background: -webkit-linear-gradient(#42a1ec,#0070c9); background: linear-gradient(#42a1ec,#0070c9); border-color: #07c; border-width: 1px; border-style: solid; border-radius: 4px; color: white; cursor: pointer; } input[type="submit"]:hover { background-color: #147bcd; background: -webkit-linear-gradient(#51a9ee,#147bcd); background: linear-gradient(#51a9ee,#147bcd); border-color: #1482d0; text-decoration: none; } input[type="text"] { color: #666666; border: 1px solid #0077cc; background: #fff; height: 37px; padding: 0 15px; } input[type="text"]:-moz-placeholder { color: #666666; } textarea:-moz-placeholder { color: #666666; } input[type="text"]::-moz-placeholder { color: #666666; } textarea::-moz-placeholder { color: #666666; } input[type="text"]::-webkit-input-placeholder { color: #666666; } textarea::-webkit-input-placeholder { color: #666666; } section.models { margin-left: 9%; } .action_callback { background-color: var(--color-red); padding: 25px 15px; border-radius: 10px; /* background-image: url(/include/static-pic/bf2025-2.jpeg); */ /*background-size: cover; */ background-position: 0; color: #353535; /* font-size: 12px; line-height: 18px; overflow: hidden; text-decoration: none; */ } .action_callback .cont { /* background: url(/bitrix/templates/granit2/images/action2.png) no-repeat left top; */ /* background-position: 0px; */ /* border-right: 30px solid #fed100; */ margin: 20px auto; text-align: center; } /* .action_callback .h1 { font-size: 30px; font-weight: bold; } */ /* .action_callback span { display: block; margin-top: 12px; } */ .action_callback span.bold { font-size: 14px; font-weight: bold; } form .phone_label { display: block; position: relative; } .phone_label { display: inline-block; position: relative; } .phone_label input[type="text"] { color: #666; font-size: 18px; text-align: center; } .button.middle { font-size: 18px; padding: 9px 21px; } .flat_form.blue_form .button, .button.blue { background: none repeat scroll 0 0 #fff; border: 1px solid #2a5885; border-radius: 6px; color: #2a5885; text-transform: inherit; height: auto; } .flat_form.blue_form .button:hover, .button.blue:hover { background: #00b9fb; color: #fff; } .action_callback + p { margin-left: 10px; line-height: 20px; margin-top: 5px; } .features li { width: 254px; min-height: 250px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 35px 10px 0; zoom: 1; /* *display: inline; */ _height: 250px; } .features img { display: block; margin: 0 0 8px; } .features p, .features h3 { padding: 0 10px; } .features h3 { margin-bottom: 6px; } .features { margin: 32px 0 26px; } .breadcrumb { color: var(--color-gray-light); justify-content: space-between; flex-direction: row; } .breadcrumb a { color: var(--color-gray); font-size: 13px; } .advantages.container { max-width: 1210px; min-width: 990px; } .akcii-page #main-door-list h3 { margin-bottom: 36px; } #main { overflow: hidden; margin: 0 0 20px; } #content { float: left; /*margin-left: -310px;*/ width: calc(100% - 310px); } #sidebar-right { float: right; width: 270px; margin-bottom: 40px; } #sidebar-right .door-list li { margin-right: 0; } #sidebar-right .door-list li.odd { float: left; } #sidebar-right .door-list li.even { float: right; } #sidebar-right .door-list ul { margin-bottom: 23px; overflow: hidden; } .link-underline { text-decoration: underline; } .link-underline:hover { text-decoration: none; } #cont h2 { line-height: 26px; margin-bottom: 11px; } table td { padding: 0 0 12px; vertical-align: top; } table td:first-child { padding-right: 20px; } /* .metro { background: url(/bitrix/templates/granit2/images/metro_icon.png) no-repeat; display: inline-block; width: 15px; height: 12px; margin-right: 5px; } */ .map { margin: 3px 0 27px; } .store-img { float: left; margin: 0 20px 20px 0; } .about-img { text-align: center; margin-top: -60px; } .advantages.grey { background: #ebf2e3; } .padding10 { padding: 0 10px; } .delivery-block section { overflow: hidden; margin: 0 0 20px; } .delivery-block section img { float: left; margin: 0 40px 0 0; } .delivery-block h2 { color: #353535; } .delivery-block a { text-decoration: underline; } .left { float: left; } .right { float: right; } #tabs .left { width: 593px; margin-right: 31px; } #tabs h2 { color: #353535; margin-bottom: 13px; } #tabs h2, #tabs h5 { padding: 0 10px; } #tabs .left img { display: block; margin-bottom: 29px; width: 100%; height: auto; max-width: 593px; } table tr.odd td { background: #f5f5f5; } table tr.odd td { padding: 4px 10px 5px; } table { width: 100%; border-collapse: collapse; margin-bottom: 34px; } table td { padding: 10px 10px 13px; vertical-align: middle; } #tabs .left table td:first-child { width: 265px; } #tabs .right { width: 266px; } #tabs-1 { overflow: hidden; width: 890px; } .memo { border: 1px solid #dfdfdf; position: relative; padding: 37px 24px 0; margin: 10px 0 30px; } .memo .pin { width: 37px; height: 30px; position: absolute; background: url(/bitrix/templates/granit2/images/pin.png) no-repeat; } .custom-doors .memo .pin { top: 9px; left: 8px; } .custom-doors .memo { padding: 15px 10px 0 51px; margin: 0 127px 15px 84px; } .delivery-page .memo .pin{ right: 1px; top: 7px; } #tabs .right table td:first-child { width: 160px; } #tabs .right .memo a { text-decoration: underline; } #tabs ul li { display: inline-block; line-height: 45px; text-align: center; padding: 0 20px; border: 1px solid #ebf2e3; } #tabs ul li.ui-state-active a { color: #353535; font-weight: bold; } #tabs ul li.ui-state-active { background: #ebf2e3; } #tabs ul li a { display: block; width: 100%; } #tabs ul { overflow: hidden; padding: 0 11px 0 280px; margin: 0 0 30px; } a.underline { text-decoration: underline; } a.underline:hover { text-decoration: none; } .ref-materials #cont a { display: block; text-decoration: underline; } .ref-materials #cont .padding10 { padding-right: 50px; } .dealer-page .dealer-link, a.add-review { color: #353535; background: #e4e5e3; display: block; padding: 0 20px; line-height: 40px; float: left; clear: both; } a.add-review { margin-top: 22px; } .video-holder { overflow: hidden; margin-bottom: 48px; } .video-holder .video_cont { float: left; margin-right: 30px } .video-holder .desc { float: left; margin-left: 10px; width: 260px; } .video-holder .desc p { font-size: 18px; color: #666666; line-height: 26px; } .img-holder { overflow: hidden; margin-bottom: 1px; } .production-page #cont p { margin-bottom: 15px; } .faq li a { border-bottom: 1px dashed #0099cc; padding-bottom: 1px; } .faq li a:hover { border-bottom: 1px dotted transparent; } .faq li { margin-bottom: 11px; } .marked_list p.h5 { font-size: 13px; margin: 0 0 12px; font-weight: bold; background: #ebf2e3; padding: 2px 10px 4px; line-height: 18px; } .marked_list p { padding: 0 10px; } .marked_list { margin-top: 22px; padding-right: 21px; } .checking-block li { width: 270px; min-height: 100px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 15px 43px 0; zoom: 1; /* *display: inline; */ _height: 100px } .checking-block .img { text-align: center; margin-bottom: 13px; } .checking-block h3 { margin-bottom: 14px; } .color-variety li { width: 218px; min-height: 100px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 0 15px 7px 0; zoom: 1; /* *display: inline; */ _height: 100px; text-align: center; } .custom-doors #cont section { overflow: hidden; margin-bottom: 20px; padding: 0 10px 0 294px; position: relative; } .custom-doors #cont section img { position: absolute; left: 0; top: 0; } .custom-doors #cont p { padding-right: 60px; } .credit-banner { background: #ffe34f; width: 100%; height: 330px; position: relative; margin-bottom: 51px; } .bank-logo { background: url(/bitrix/templates/granit2/images/bank_rus_standard_logo.png) no-repeat; width: 150px; height: 82px; position: absolute; left: 28px; top: 26px; } .girl { background: url(/bitrix/templates/granit2/images/girl_img.png) no-repeat; width: 363px; height: 297px; position: absolute; left: 127px; bottom: 0; } .credit-banner .txt { float: right; width: 374px; margin-top: 39px; position: relative; z-index: 2; } .credit-banner .txt span { display: block; } .credit-banner .txt .span1 { font-size: 120px; font-weight: bold; line-height: 122px; } .credit-banner .txt .span2 { font-size: 36px; font-weight: bold; line-height: 38px; margin-bottom: 25px; } .credit-banner .txt .span3 { font-size: 15px; line-height: 24px; } .steps-holder { overflow: hidden; margin-top: 68px; padding-left: 22px; text-align: center; } .steps-holder .step .num { font-size: 72px; text-align: center; margin-bottom: 45px; } .steps-holder .txt { font-size: 12px; line-height: 20px; padding-left: 22px; } .steps-holder .step, .steps-holder .arrow { display: inline-block; vertical-align: top; } .steps-holder .step { width: 200px; } .steps-holder .arrow { background: url(/bitrix/templates/granit2/images/arrow.png) no-repeat; width: 89px; height: 8px; margin: 45px 10px 0; } #main-door-list.credit small b { margin: 9px 0 10px; } .credit-txt { padding: 36px 300px 10px 24px; } .modern-page-navigation a { color: #0099cc; padding: 0 4px; } .modern-page-navigation .modern-page-current { color: #353535; padding: 0 4px; } .marked_list strong { display: block; /* background: #f5f5f5; */ padding: 0 10px; line-height: 24px; margin: 25px 0 10px; } .marked_list strong a { text-decoration: underline; color: #2a5885; } .marked_list strong span { float: right; font-weight: normal; } .vote { overflow: hidden; margin: 10px 0 0 10px; } .vote b { background: url(/bitrix/templates/granit2/images/vote.png) no-repeat; width: 15px; height: 14px; float: left; margin-right: 4px; } .vote b.on { background-position: 0 -14px; } article .marked_list p { margin-bottom: 19px; } .discount-block { background: #f6f2de; border-radius: 5px; position: relative; color: #231f20; padding: 13px 18px 14px; margin: 0 0 20px 0; } .discount-block h4 { margin-bottom: 6px; } .discount-block .action { right: 10px; top: 13px; } /*.discount-block del { font-size: 18px; }*/ .discount-block div span { color: #2a5885; font-size: 15px; padding-left: 5px; } .discount-block .new-price { font-size: 24px; color: #1d1d1d; margin-top: 3px; margin-bottom: 7px; } .discount-block .new-price strong { font-size: 30px; } .discount-block .order-link { /*background: #69a51d; border-radius: 5px; color: #fff;*/ width: 100%; text-align: center; font-size: 16px; padding: 7px 0 8px 0; line-height: 35px; display: inline-block; background-color: #E84038; /* background: -webkit-linear-gradient(#42a1ec,#0070c9); */ /* background: linear-gradient(#42a1ec,#0070c9); */ /* border-color: #07c; */ /* border-width: 1px; */ /* border-style: solid; */ border-radius: 5px; color: white; font-weight: bold; cursor: pointer; } .discount-block .order-link:hover { text-decoration: none; } .discount-block p { font-size: 13px; margin: 11px 0 0; } .additional-links { /*padding-left: 19px;*/ margin-left: 20px; } .additional-links a { border-bottom: 1px dashed #2a5885; color: #2a5885; } .additional-links a:hover { border-bottom: 1px dashed transparent; } .additional-links p { color: #1d1d1d; margin: 0 0 13px; line-height: 26px; } .additional-links section { /* padding-left: 20px;*/ margin-bottom: 22px; line-height: 18px; } .gallery_thumbs { margin-right: 20px; float: left; width: 50px; /* margin-top: 19px;*/ } .gallery_thumbs img { border: 1px solid #d5dbce; display: block; } .gallery_thumbs div { margin-bottom: 19px; } h1 .mirror { color: #2a5885; font-weight: normal; float: left; margin-top: 8px; } h1 .title { float: left; margin-right: 17px; } .advantages.without-title { padding: 20px 0 20px; margin: 10px 0; } .door-full-desc .recommend-title, .door-full-desc .review-title { margin-top: 43px; } .anchor-links a{ border-bottom: 1px dashed #2a5885; color: #2a5885; line-height: 16px; display: inline-block; padding-bottom: 1px; margin-right: 20px; } .top_rating a { border-bottom: 1px dashed #2a5885; color: #2a5885; } .anchor-links { margin-bottom: 32px; margin-top: 21px; } /* .door-full-desc .left, .door-full-desc .right { width: 48%; } .door-full-desc { overflow: hidden; } */ .bottom-links { margin: 0 0 59px; overflow: hidden; } .guarantee-block { overflow: hidden; margin-top: 5px; } .guarantee-block img { float: left; margin: 0 14px 0 0; } .guarantee-block ol { float: left; width: 250px; } /* table.characteristics td:last-child { text-align: right; padding-right: 40px; } table.characteristics td.tech-characteristics { line-height: 24px; } table.characteristics td { padding: 4px 10px 5px; } table.characteristics span { display: block; margin-bottom: 7px; white-space: nowrap; } table.characteristics tr.odd td { text-align: left; } */ .padding10l { padding-left: 10px; } .door-full-desc h2, .door-full-desc h3 { margin-top: 23px; } .door-full-desc img.fluid { width: 100%; height: auto; } .door-full-desc a.open_video img { max-width: 560px; } .door-full-desc img.design { max-width: 581px; } #door-type:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #353535; content: ""; display: inline-block; margin: 0 0 1px 2px; } #door-type { color: #353535; position: relative; text-decoration: none; display: block; margin-bottom: 40px; } #door-type i { border-bottom: 1px dotted #353535; font-style: normal; } .leaf { background: url(/bitrix/templates/granit2/images/leaf.png) no-repeat; width: 17px; height: 40px; position: absolute; display: block; z-index: 2; } .table-holder { width: 100%; } .plus { background: url(/bitrix/templates/granit2/images/plus.png) no-repeat; width: 11px; height: 11px; margin: 0 auto; } .compare-page #tabs ul { text-align: center; margin: 0 auto 20px; } .share_cont { float: right; font-size: 11px; position: relative; top: -5px; } .share_cont > div { display: inline-block; } .big-img-cont { overflow: hidden; width: 100%; } @media screen and (max-width: 1243px) { .discount-block { margin-left: 0; } } .gray_bg { background: #7f7f7f; height: 100%; left: 0; opacity: 0.4; position: fixed; top: 0; width: 100%; z-index: 320; display: none; } .modal_window { display: none; background: #f6f2de; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25); position: absolute; z-index: 321; padding: 23px 21px 24px; } .modal_window .flat_form p.call { margin: 10px 0 0; } .result.error { color: #f00; background: #fff; } .result { display: block; margin-bottom: 10px; } a.close { background: url(/bitrix/templates/granit2/images/close_modal.png) no-repeat; height: 35px; position: absolute; right: 0; top: 0; width: 35px; z-index: 1000; } .modal_window .head3 { text-align: center; } .modal_window p.desc { text-align: center; line-height: 18px; margin: 13px 0 0; } .modal_window input, .modal_window textarea { display: block; margin: 0 auto; border-radius: 5px; } .modal_window input[type="submit"] { padding: 0 20px; } .modal_window .btn.disabled { background: #8ac9ee; } .modal_window input[type="text"] { margin-bottom: 20px; width: 230px; } .order-door input[type="text"] { border-color: #07c; } .modal_window textarea { border: 2px solid #8ac9ee; font-size: 13px; color: #666666; width: 100%; box-sizing: border-box; height: 85px; padding: 7px; margin: 0 0 20px; } .order-door .btn.disabled { background: #99d54e; } input.order-number { text-align: center; } .modal_window.guarantee { padding-left: 30px; padding-right: 30px; padding-top: 34px; } .modal_window.guarantee textarea { margin-top: 7px; } .modal_window .arr { background: url(/bitrix/templates/granit2/images/form_arr.png) no-repeat; width: 28px; height: 22px; position: absolute; left: 15px; top: -21px; } .gift { width: 242px; } .gift h3, .gift p.desc { text-align: left; } .gift h3 { margin-bottom: 8px; } .page404 { margin-top: 40px; } /* .lower_price { width: 225px; } */ .lower_price .head { margin-top: 11px; } .modal_window.review, .modal_window.dealer, .modal_window.faq { width: 254px; } #video_place { display: block; } .lightgray { color: #eee; } .circle { margin: 10px; position: relative; } .circle:before { content: ''; width: 5px; height: 5px; position: absolute; left: -10px; top: 8px; border-radius: 5px; } .circle.green:before { background: #69A51D; } .circle.red:before { background: #c53e31; } .old_price_a {text-decoration: line-through;} .delivery_action_a { /* color: #c53e31; */ font-size: 14px; line-height: 1.5; margin: 10px 0; } .delivery_action_end-date { font-size: var(--font-items-link); background-color: var(--color-red); border-radius: 5px; padding: 2px 5px; color: #fff; margin-top: 30px; display: inline-block; } #sitemap ul { margin: 10px 30px 20px 0; list-style: none; float: left; } #sitemap ul li { position: relative; margin-bottom: 25px; } #sitemap ul li a.button { font-size: 14px; padding: 7px 15px; position: relative; z-index: 10; } #sitemap ul li.right_line:after { content: ''; display: block; width: 200px; height: 1px; background: #474747; position: absolute; right: -100px; top: 50%; } #sitemap ul.left_lines { position: relative; } #sitemap ul.left_lines:before { content: ''; display: block; width: 1px; height: 100%; background: #474747; position: absolute; left: -10px; top: 9px; } #sitemap ul.left_lines:after { content: ''; display: block; width: 3px; height: 50.5px; background: #FFF; position: absolute; left: -10px; bottom: -18px; z-index: 12; } #sitemap ul.left_lines li:before { content: ''; display: block; width: 20px; height: 1px; background: #474747; position: absolute; left: -10px; top: 50%; } #size_item a, #open_item a{text-decoration: none; border-radius: 3px; color: #000;} .size_active{background-color:#fbe608} .reset_filter { cursor: pointer; } .a_advantages_main{ background:#fcf5ef; border-radius:5px; padding: 38px 0 38px; margin: 0 auto 38px auto; } .a_advantages_main2{ background:#f8f8f8; border-radius:5px; padding: 38px 0 38px; margin: 0 auto 38px auto; } .a_advantages_main2 p{ text-align: left; padding: 15px 30px 0 30px; margin-bottom: 0; } .a_marginl_10 {margin-left:10px;} .center {text-align: center;} .top_rating .raiting{ display: inline-block; /* padding-bottom: 15px; */ padding: 10px 0 25px; } .testimonial_2 { background: #f5f5e9; border-radius: 3px; padding: 20px; margin: 10px 0 10px 0; display: inline-block; } .contact-wrapper { display: flex; gap: 25px; margin: 25px 0; } .contact-wrapper__shops { min-width: 380px; width: 380px; display: flex; flex-direction: column; gap: 25px; } .contact-wrapper__map { width: 100%; } .contact-wrapper__iframe { width: 100%; height: 600px; border-radius: 7px; position: sticky; top: 10px; } .metro-spb { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.823 2s2.25-.014 3.636 1.162c1.321 1.121 2.557 2.267 2.54 5.695C15.84 12.286 13.905 14 13.905 14l-3.722-.01s2.51-.955 3.277-3.419c.916-2.907.125-4.18-.974-5.142-.435-.36-1.088-.444-1.34.327C10.309 8.22 8.54 14 8.54 14H7.514S5.59 8.22 4.766 5.756c-.24-.771-.894-.687-1.34-.327-1.1.962-1.79 2.235-.873 5.142.767 2.464 3.265 3.418 3.265 3.418L2.096 14S-.007 12.286 0 8.857C.05 5.43 1.198 4.325 2.553 3.288 4.004 2.175 6.188 2 6.188 2l1.818 6.857L9.823 2z' fill='%23214DA6'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; padding-left: 20px; background-position: left center; } .metro-msk { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165.6 200'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' fill='%23D9232E'%3E%3Cpath d='M165.6,82.8c0-45.7-37-82.8-82.8-82.8 C37.1,0,0,37.1,0,82.8c0,22.9,9.3,43.6,24.3,58.5c1.2,1.2,2.9,2,4.7,2c3.7,0,6.7-3,6.7-6.7c0-1.9-0.7-3.6-2-4.9 c-12.5-12.5-20.2-29.9-20.2-48.9c0-38.2,31-69.4,69.2-69.4s69.4,31.1,69.4,69.4c0,19.2-7.7,36.5-20.3,49.1l-58.5,58.5l9.5,9.6 l58.7-58.7C156.4,126.4,165.6,105.7,165.6,82.8L165.6,82.8z'/%3E%3Cpath d='M121.2,98.8l-20.7-52.2L83.1,77.1L65.6,46.6L45,98.8h-6v7.8h31.1 v-7.8h-4.6l4.5-13l13.1,21.4l13.1-21.4l4.5,13H96v7.8h31.3v-7.8H121.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; padding-left: 35px; background-position: left center; } .door-sample { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3 21.0001L14 21V5.98924C14 4.6252 14 3.94318 13.7187 3.47045C13.472 3.05596 13.0838 2.74457 12.6257 2.59368C12.1032 2.42159 11.4374 2.56954 10.1058 2.86544L7.50582 3.44322C6.6117 3.64191 6.16464 3.74126 5.83093 3.98167C5.53658 4.19373 5.30545 4.48186 5.1623 4.8152C5 5.19312 5 5.65108 5 6.56702V21.0001M13.994 5.00007H15.8C16.9201 5.00007 17.4802 5.00007 17.908 5.21805C18.2843 5.4098 18.5903 5.71576 18.782 6.09209C19 6.51991 19 7.07996 19 8.20007V21.0001H21M11 12.0001H11.01' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; padding-left: 20px; background-position: left center; background-size: 16px; } .bq-contact-shop { display: flex; flex-direction: column; padding: 20px; border-radius: 7px; background-color: #F5F5F5; line-height: 2; } .bq-contact-shop__img { aspect-ratio: 2; width: 100%; margin-bottom: 20px; border-radius: 3px; } .bq-contact-shop__header { font-weight: var(--v24-font-weight-bold); font-size: var(--v24-font-size); /* margin-bottom: 20px; */ } .bq-contact-shop__number { color: #fff; background-color: var(--color-red); border-radius: 50%; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; margin-right: 10px; } .panels { display: flex; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; z-index: 200; } .panels_opened { visibility: visible; opacity: 1; transition-delay: 0s; } .panels__wrapper { padding:25px; margin: 25px; border-radius: 25px; background-color: #fff; overflow-y: scroll; position: relative; } .panels__wrapper-header { /* position: fixed; */ background: #fff; width: calc(100% - 100px); top: 25px; padding-top: 25px; } .panels__wrapper-close { top: 40px; right: 50px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpolygon points='512,59.076 452.922,0 256,196.922 59.076,0 0,59.076 196.922,256 0,452.922 59.076,512 256,315.076 452.922,512 512,452.922 315.076,256 '/%3E%3C/svg%3E"); background-size: 30px; background-position: center; width: 64px; height: 64px; position: fixed; background-repeat: no-repeat; cursor: pointer; background-color: #f0f0f0; border-radius: 50%; } .panels__list { display:flex; flex-wrap: wrap; } .panels__code { font-size: 14px; color: #999; } .panels__name { font-size: 16px; font-weight: bold; margin: 5px 0; color: #111; line-height: 1.3; } .popup__item-panle-sale { position: absolute; top: 20px; left: 20px; border-radius: 5px; background-color: #25A329; color: white; font-size: small; padding: 0 5px; } .panels__item { width: 180px; padding: 15px; position: relative; transition: background-color 0.2s linear; border-radius: 15px; background-color: #fff; } .button-all-review { color: var(--color-gray); border: 1px solid var(--color-gray); border-radius: 5px; padding: 15px 30px; display: inline-block; margin: 5px 0 20px; font-weight: bold; cursor: pointer; } .button-all-review:hover { text-decoration: none; color: var(--color-header); border: 1px solid var(--color-header); } .button-door-review { color: var(--color-gray); border: 1px solid var(--color-gray); border-radius: 3px; padding: 5px 10px; display: inline-block; margin: 5px; cursor: pointer; } .button-door-review:hover { text-decoration: none; color: var(--color-header); border: 1px solid var(--color-header); } /********************************** fancy ***********************/ #productContainer { --product-view-height: 680px; } #productContainer .f-thumbs.is-classic.is-vertical { height: var(--product-view-height, 100%); } /* Thumbnails */ .f-thumbs.is-classic { --f-thumb-width: 90px; --f-thumb-height: 135px; --f-thumb-gap: 0.5rem; --f-thumb-opacity: 1; --f-thumb-selected-opacity: 1; --f-button-color: #0d0c22; --f-button-hover-color: #ff3520; --f-button-bg: #fff; --f-button-hover-bg: #fff; --f-button-active-bg: #fff; --f-thumb-outline-color: #e94133; --f-thumb-outline: 1px; } .f-thumbs.is-classic .f-thumbs__slide__img { object-fit: contain; } .f-thumbs.is-classic .f-carousel__nav .f-button[disabled] { display: none; } /* Main carousel */ #productCarousel { --f-carousel-spacing: 0; --f-button-width: 48px; --f-button-height: 48px; --f-button-border-radius: 0; --f-button-color: #0d0c22; --f-button-hover-color: #ff3520; --f-button-bg: #fff; --f-button-hover-bg: #fff; --f-button-active-bg: #fff; --f-button-svg-width: 28px; --f-button-svg-height: 28px; --f-button-svg-stroke-width: 1; --f-button-svg-filter: none; height: var(--product-view-height); } /* .f-carousel__slide { display: flex; align-items: center; justify-items: center; } */ #productCarousel .f-carousel__slide { display: flex; justify-content: center; align-items: center; height: 100%; } #productCarousel .f-carousel__slide img { width: 100%; height: 100%; object-fit: cover; } #productCarousel .f-carousel__nav { opacity: 0; transition: opacity 0.15s; } @media (hover: hover) { #productCarousel:hover .f-carousel__nav { opacity: 1; } } /* Fancybox */ .fancybox__container { --fancybox-color: #0d0c22; --fancybox-bg: #fff; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); } .fancybox__toolbar, .fancybox__nav { --f-button-width: 60px; --f-button-height: 60px; --f-button-border-radius: 0; --f-button-color: #0d0c22; --f-button-hover-color: #ff3520; --f-button-bg: #fff; --f-button-hover-bg: #fff; --f-button-active-bg: #fff; --f-button-svg-width: 48px; --f-button-svg-height: 48px; --f-button-svg-stroke-width: 1; --f-button-svg-filter: none; } .fancybox__nav { --f-button-next-pos: 0; --f-button-prev-pos: 0; } .fancybox__slide { padding: 8px; } @media screen and (min-width: 640px) { .fancybox__container { flex-direction: row-reverse; } } .fancybox__thumbs.is-classic.is-horizontal { --f-thumb-width: 75px; --f-thumb-height: 55px; --f-thumb-gap: 8px; } .fancybox__thumbs.is-classic.is-vertical { --f-thumb-width: 100%; --f-thumb-height: 100px; width: 182px; outline: 1px solid #edeef0; } .fancybox__thumbs.is-classic.is-vertical .f-thumbs__track { padding: 0 16px; } .fancybox__toolbar { padding: 8px; } .fancybox__nav { --f-button-next-pos: 8px; --f-button-prev-pos: 8px; } .fancybox__carousel { min-width: 0; min-height: 0; } .cart-wrapper { display: grid; gap: 1.25rem 1rem; grid-template-columns: 1fr 360px; grid-template-areas: 'cart-items cart-form'; } .cart-form { background: #f8f7f5; font-size: 1rem; line-height: 1.5; display: flex; flex-direction: column; border-radius: 1rem; padding: 1rem; position: relative; } @media (max-width:1023px) { .cart-wrapper { gap: 1.25rem 1rem; grid-template-columns: 1fr; grid-template-areas: 'cart-items' 'cart-form'; } } /* tailwindstyle 2025*/ .flex { display: flex; } .mb-200 { margin-bottom: 2rem; } .bg-f5f5f5 { background-color: #F5F5F5; } .rounded-2xl { border-radius: 1rem }; .gap-100 { gap: var(--size-100); } .relative { position: relative; } .gap-100 { gap: var(--size-100); } .mb-50 { margin-bottom: .5rem; } .w100, .w-full { width: 100%; } .pr-100 { padding-right: 1rem; } .absolute { position: absolute; } .visible { visibility: visible; } .top-1 { top: 1rem; } .right-1 { right: 1rem; } /* 2026 */ .mr-50 { margin-right: .5rem; } /* End */ /* /bitrix/templates/granit2/js/fancybox.css?171595306525343 */ /* /bitrix/templates/granit2/template_styles.css?178944729066051 */