/* Start:/local/templates/krepco/files/fancybox/fancybox.min.css?176478586629406*/ :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-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--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-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{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);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}div.fancybox__dialog{position:fixed;inset:0;z-index:1050}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 34px;--f-close-button-height: 34px;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-close-button-svg-width: 22px;--f-close-button-svg-height: 22px;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40} /* End */ /* Start:/local/templates/krepco/files/swiper/swiper.min.css?176478586613920*/ /** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.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{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.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-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-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.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{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/krepco/files/nouislider/nouislider.min.css?17647858664220*/ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/krepco/files/shareon/shareon.min.css?176478586620165*/ .shareon{font-size:0!important}.shareon>*{display:inline-block;position:relative;height:24px;min-width:16px;margin:3px;padding:6px 10px;background-color:#333;border-radius:3.33333px;border:0;box-sizing:content-box;color:#fff;line-height:1.5;transition:opacity .3s ease;vertical-align:middle}.shareon>:hover{border:0;cursor:pointer;opacity:.7}.shareon>:not(:empty){font-size:16px;text-decoration:none}.shareon>:not(:empty):before{position:relative;height:100%;width:28px;top:0;left:0;background-position:0 50%}.shareon>:before{display:inline-block;position:absolute;height:20px;width:20px;top:8px;left:8px;background-repeat:no-repeat;background-size:20px 20px;content:"";vertical-align:bottom}.shareon>.bluesky{background-color:#0285ff}.shareon>.bluesky:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8'/%3e%3c/svg%3e")}.shareon>.copy-url:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3e%3c/svg%3e")}.shareon>.copy-url.done:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3e%3c/svg%3e")}.shareon>.email:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3e%3crect height='16' rx='2' width='20' x='2' y='4'/%3e%3cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3e%3c/g%3e%3c/svg%3e")}.shareon>.facebook{background-color:#1877f2}.shareon>.facebook:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073'/%3e%3c/svg%3e")}.shareon>.fediverse{background-color:#8a54af}.shareon>.fediverse:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.239 8.64a2.43 2.43 0 0 1-1.041 1.036l5.714 5.736 1.377-.698zm7.537 7.566-1.378.698 2.895 2.907a2.43 2.43 0 0 1 1.041-1.037zm6.61-5.297-3.234 1.64.238 1.526 3.66-1.856a2.43 2.43 0 0 1-.663-1.31m-5.113 2.592-7.649 3.876a2.43 2.43 0 0 1 .664 1.31l7.223-3.66zm-2.46-9.549-3.69 7.205 1.089 1.094 3.908-7.628a2.43 2.43 0 0 1-1.307-.67m-4.65 9.078-1.87 3.65a2.44 2.44 0 0 1 1.307.67l1.652-3.226zm-2.998-3.34a2.44 2.44 0 0 1-1.216.255 3 3 0 0 1-.235-.025l1.092 6.983a2.44 2.44 0 0 1 1.216-.255q.118.007.234.025zm3.129 9.03a2.4 2.4 0 0 1 .025.49 2.4 2.4 0 0 1-.256.96l6.98 1.121a2.4 2.4 0 0 1-.025-.49 2.4 2.4 0 0 1 .257-.96zm12.78-6.476-3.222 6.29a2.43 2.43 0 0 1 1.307.671l3.222-6.29a2.43 2.43 0 0 1-1.307-.671M15.68 3.348a2.44 2.44 0 0 1-1.04 1.036l4.99 5.01a2.43 2.43 0 0 1 1.04-1.037zm-4.554-.731L4.818 5.813a2.43 2.43 0 0 1 .663 1.31l6.309-3.197a2.43 2.43 0 0 1-.664-1.31m3.502 1.774a2.44 2.44 0 0 1-1.236.264 3 3 0 0 1-.213-.022l.559 3.578 1.524.244zm-.565 5.9 1.32 8.46a2.43 2.43 0 0 1 1.199-.246q.128.007.254.028l-1.249-7.998zM5.486 7.15a2.4 2.4 0 0 1 .027.498 2.4 2.4 0 0 1-.253.953l3.58.575.704-1.374zm6.137.986L10.92 9.51l8.46 1.36a2.4 2.4 0 0 1-.024-.485 2.4 2.4 0 0 1 .26-.966zM13.645.015a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418m8.261 8.293a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M16.57 18.725a2.212 2.212 0 1 0-.24 4.419 2.212 2.212 0 1 0 .24-4.419M5.01 16.871a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418M3.204 5.307a2.212 2.212 0 1 0-.24 4.418 2.212 2.212 0 1 0 .24-4.418'/%3e%3c/svg%3e")}.shareon>.hackernews{background-color:#fb651e}.shareon>.hackernews:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.842.564 7.545 14.144V24h2.905v-9.124L20.903.566h-3.21L13.186 9.51c-.682 1.367-1.262 2.631-1.262 2.631s-.545-1.299-1.195-2.63L6.291.563z'/%3e%3c/svg%3e")}.shareon>.linkedin{background-color:#0a66c2}.shareon>.linkedin:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.722 23.72h-4.91v-7.692c0-1.834-.038-4.194-2.559-4.194-2.56 0-2.95 1.995-2.95 4.06v7.827H8.394V7.902h4.716v2.157h.063c.659-1.244 2.261-2.556 4.655-2.556 4.974 0 5.894 3.274 5.894 7.535v8.683ZM.388 7.902h4.923v15.819H.388zM2.85 5.738A2.85 2.85 0 0 1 0 2.886a2.851 2.851 0 1 1 2.85 2.852'/%3e%3c/svg%3e")}.shareon>.linkedin:not(:empty):before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z'/%3e%3c/svg%3e")}.shareon>.mastodon{background-color:#6364ff}.shareon>.mastodon:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38q.398-.092.786-.213c.585-.184 1.27-.39 1.774-.753a.06.06 0 0 0 .023-.043v-1.809a.05.05 0 0 0-.02-.041.05.05 0 0 0-.046-.01 20.3 20.3 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.6 5.6 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422q.059-.011.11-.024c2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545m-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102q0-1.965 1.011-3.12c.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164q1.012 1.155 1.012 3.12z'/%3e%3c/svg%3e")}.shareon>.messenger{background-color:#00b2ff}.shareon>.messenger:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.001 11.639C.001 4.949 5.241 0 12.001 0S24 4.95 24 11.639s-5.24 11.638-12 11.638c-1.21 0-2.38-.16-3.47-.46a.96.96 0 0 0-.64.05l-2.39 1.05a.96.96 0 0 1-1.35-.85l-.07-2.14a.97.97 0 0 0-.32-.68A11.39 11.389 0 0 1 .002 11.64zm8.32-2.19-3.52 5.6c-.35.53.32 1.139.82.75l3.79-2.87c.26-.2.6-.2.87 0l2.8 2.1c.84.63 2.04.4 2.6-.48l3.52-5.6c.35-.53-.32-1.13-.82-.75l-3.79 2.87c-.25.2-.6.2-.86 0l-2.8-2.1a1.8 1.8 0 0 0-2.61.48'/%3e%3c/svg%3e")}.shareon>.odnoklassniki{background-color:#ee8208}.shareon>.odnoklassniki:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 0a6.2 6.2 0 0 0-6.194 6.195 6.2 6.2 0 0 0 6.195 6.192 6.2 6.2 0 0 0 6.193-6.192A6.2 6.2 0 0 0 12.001 0zm0 3.63a2.567 2.567 0 0 1 2.565 2.565 2.57 2.57 0 0 1-2.564 2.564 2.57 2.57 0 0 1-2.565-2.564 2.567 2.567 0 0 1 2.565-2.564zM6.807 12.6a1.814 1.814 0 0 0-.91 3.35 11.6 11.6 0 0 0 3.597 1.49l-3.462 3.463a1.815 1.815 0 0 0 2.567 2.566L12 20.066l3.405 3.403a1.813 1.813 0 0 0 2.564 0c.71-.709.71-1.858 0-2.566l-3.462-3.462a11.6 11.6 0 0 0 3.596-1.49 1.814 1.814 0 1 0-1.932-3.073 7.87 7.87 0 0 1-8.34 0c-.318-.2-.674-.29-1.024-.278'/%3e%3c/svg%3e")}.shareon>.pinterest{background-color:#bd081c}.shareon>.pinterest:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026z'/%3e%3c/svg%3e")}.shareon>.pocket{background-color:#ef3f56}.shareon>.pocket:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m18.813 10.259-5.646 5.419a1.65 1.65 0 0 1-2.282 0l-5.646-5.419a1.645 1.645 0 0 1 2.276-2.376l4.511 4.322 4.517-4.322a1.643 1.643 0 0 1 2.326.049 1.64 1.64 0 0 1-.045 2.326zm5.083-7.546a2.16 2.16 0 0 0-2.041-1.436H2.179c-.9 0-1.717.564-2.037 1.405-.094.25-.142.511-.142.774v7.245l.084 1.441c.348 3.277 2.047 6.142 4.682 8.139q.069.053.143.105l.03.023a11.9 11.9 0 0 0 4.694 2.072c.786.158 1.591.24 2.389.24.739 0 1.481-.067 2.209-.204.088-.029.176-.045.264-.06.023 0 .049-.015.074-.029a12 12 0 0 0 4.508-2.025l.029-.031.135-.105c2.627-1.995 4.324-4.862 4.686-8.148L24 10.678V3.445c0-.251-.031-.5-.121-.742z'/%3e%3c/svg%3e")}.shareon>.print:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6z'/%3e%3c/svg%3e")}.shareon>.reddit{background-color:#ff4500}.shareon>.reddit:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.512 1.173a1.88 1.88 0 0 1 1.877 1.874 1.884 1.884 0 0 1-1.877 1.857c-.99 0-1.817-.783-1.873-1.773l-3.897-.82-1.201 5.623c2.737.105 5.223.949 7.015 2.234a2.53 2.53 0 0 1 1.812-.737A2.634 2.634 0 0 1 24 12.063c0 1.075-.653 2-1.516 2.423q.066.388.063.78c0 4.043-4.698 7.31-10.512 7.31s-10.512-3.267-10.512-7.31c0-.275.022-.55.064-.801a2.63 2.63 0 0 1-1.559-2.402 2.634 2.634 0 0 1 2.633-2.632c.694 0 1.347.294 1.811.735 1.812-1.325 4.32-2.146 7.12-2.232l1.329-6.276a.5.5 0 0 1 .21-.296.52.52 0 0 1 .357-.063l4.361.926c.3-.644.952-1.057 1.663-1.052M7.917 18.052c-.13 0-.254.05-.347.14a.497.497 0 0 0 0 .696c1.264 1.263 3.728 1.37 4.444 1.37s3.16-.084 4.444-1.37a.545.545 0 0 0 .044-.695.5.5 0 0 0-.697 0c-.82.8-2.527 1.095-3.77 1.095s-2.97-.294-3.77-1.095a.5.5 0 0 0-.348-.143zm-.051-5.989A1.88 1.88 0 0 0 5.99 13.94c0 1.031.842 1.873 1.876 1.873a1.88 1.88 0 0 0 1.873-1.874 1.88 1.88 0 0 0-1.873-1.875Zm8.254 0a1.88 1.88 0 0 0-1.873 1.876c0 1.031.842 1.873 1.875 1.873a1.88 1.88 0 0 0 1.875-1.874 1.88 1.88 0 0 0-1.877-1.875'/%3e%3c/svg%3e")}.shareon>.teams{background-color:#6264a7}.shareon>.teams:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.625 8.127q-.55 0-1.025-.205t-.832-.563-.563-.832T18 5.502q0-.54.205-1.02t.563-.837q.357-.358.832-.563.474-.205 1.025-.205.54 0 1.02.205t.837.563q.358.357.563.837t.205 1.02q0 .55-.205 1.025t-.563.832q-.357.358-.837.563t-1.02.205m0-3.75q-.469 0-.797.328t-.328.797.328.797.797.328.797-.328.328-.797-.328-.797-.797-.328M24 10.002v5.578q0 .774-.293 1.46t-.803 1.194q-.51.51-1.195.803-.686.293-1.459.293-.445 0-.908-.105-.463-.106-.85-.329-.293.95-.855 1.729t-1.319 1.336-1.67.861-1.898.305q-1.148 0-2.162-.398-1.014-.399-1.805-1.102t-1.312-1.664-.674-2.086h-5.8q-.411 0-.704-.293T0 16.881V6.873q0-.41.293-.703t.703-.293h8.59q-.34-.715-.34-1.5 0-.727.275-1.365.276-.639.75-1.114.475-.474 1.114-.75.638-.275 1.365-.275t1.365.275 1.114.75q.474.475.75 1.114.275.638.275 1.365t-.275 1.365q-.276.639-.75 1.113-.475.475-1.114.75-.638.276-1.365.276-.188 0-.375-.024-.188-.023-.375-.058v1.078h10.875q.469 0 .797.328t.328.797M12.75 2.373q-.41 0-.78.158-.368.158-.638.434-.27.275-.428.639-.158.363-.158.773t.158.78q.159.368.428.638.27.27.639.428t.779.158.773-.158q.364-.159.64-.428.274-.27.433-.639t.158-.779-.158-.773q-.159-.364-.434-.64-.275-.275-.639-.433-.363-.158-.773-.158M6.937 9.814h2.25V7.94H2.814v1.875h2.25v6h1.875zm10.313 7.313v-6.75H12v6.504q0 .41-.293.703t-.703.293H8.309q.152.809.556 1.5.405.691.985 1.19.58.497 1.318.779.738.281 1.582.281.926 0 1.746-.352.82-.351 1.436-.966.615-.616.966-1.43.352-.815.352-1.752m5.25-1.547v-5.203h-3.75v6.855q.305.305.691.452.387.146.809.146.469 0 .879-.176.41-.175.715-.48.304-.305.48-.715t.176-.879'/%3e%3c/svg%3e")}.shareon>.telegram{background-color:#26a5e4}.shareon>.telegram:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.888 3.551c.168-.003.54.039.781.235.162.14.264.335.288.547.026.156.06.514.033.793-.302 3.189-1.616 10.924-2.285 14.495-.282 1.512-.838 2.017-1.378 2.066-1.17.11-2.058-.773-3.192-1.515-1.774-1.165-2.777-1.889-4.5-3.025-1.99-1.31-.7-2.033.434-3.209.297-.309 5.455-5.002 5.556-5.427.012-.054.024-.252-.094-.356s-.292-.069-.418-.04q-.267.061-8.504 5.62-1.208.831-2.187.806c-.72-.013-2.104-.405-3.134-.739C1.025 13.39.022 13.174.11 12.476q.068-.544 1.5-1.114 8.816-3.84 11.758-5.064c5.599-2.328 6.763-2.733 7.521-2.747Z'/%3e%3c/svg%3e")}.shareon>.tumblr{background-color:#36465d}.shareon>.tumblr:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178z'/%3e%3c/svg%3e")}.shareon>.twitter{background-color:#1d9bf0}.shareon>.twitter:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.9 4.9 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.9 4.9 0 0 0 2.235.616A4.93 4.93 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.9 9.9 0 0 0 3.128-1.196 4.94 4.94 0 0 1-2.165 2.724A9.8 9.8 0 0 0 24 4.555a10 10 0 0 1-2.457 2.549'/%3e%3c/svg%3e")}.shareon>.viber{background-color:#7360f2}.shareon>.viber:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.4 0C9.473.028 5.333.344 3.02 2.467 1.302 4.187.696 6.7.633 9.817S.488 18.776 6.12 20.36h.003l-.004 2.416s-.037.977.61 1.177c.777.242 1.234-.5 1.98-1.302.407-.44.972-1.084 1.397-1.58 3.85.326 6.812-.416 7.15-.525.776-.252 5.176-.816 5.892-6.657.74-6.02-.36-9.83-2.34-11.546-.596-.55-3.006-2.3-8.375-2.323 0 0-.395-.025-1.037-.017zm.058 1.693c.545-.004.88.017.88.017 4.542.02 6.717 1.388 7.222 1.846 1.675 1.435 2.53 4.868 1.906 9.897v.002c-.604 4.878-4.174 5.184-4.832 5.395-.28.09-2.882.737-6.153.524 0 0-2.436 2.94-3.197 3.704-.12.12-.26.167-.352.144-.13-.033-.166-.188-.165-.414l.02-4.018c-4.762-1.32-4.485-6.292-4.43-8.895.054-2.604.543-4.738 1.996-6.173 1.96-1.773 5.474-2.018 7.11-2.03zm.38 2.602a.304.304 0 0 0-.004.607c1.624.01 2.946.537 4.028 1.592 1.073 1.046 1.62 2.468 1.633 4.334.002.167.14.3.307.3a.304.304 0 0 0 .3-.304c-.014-1.984-.618-3.596-1.816-4.764-1.19-1.16-2.692-1.753-4.447-1.765zm-3.96.695a.98.98 0 0 0-.616.117l-.01.002c-.43.247-.816.562-1.146.932l-.008.008q-.4.484-.46.948a.6.6 0 0 0-.007.14q0 .205.065.4l.013.01c.135.48.473 1.276 1.205 2.604.42.768.903 1.5 1.446 2.186q.405.517.87.984l.132.132q.466.463.984.87a15.5 15.5 0 0 0 2.186 1.447c1.328.733 2.126 1.07 2.604 1.206l.01.014a1.3 1.3 0 0 0 .54.055q.466-.055.948-.46c.004 0 .003-.002.008-.005.37-.33.683-.72.93-1.148l.003-.01c.225-.432.15-.842-.18-1.12-.004 0-.698-.58-1.037-.83q-.54-.383-1.113-.71c-.51-.285-1.032-.106-1.248.174l-.447.564c-.23.283-.657.246-.657.246-3.12-.796-3.955-3.955-3.955-3.955s-.037-.426.248-.656l.563-.448c.277-.215.456-.737.17-1.248a13 13 0 0 0-.71-1.115 28 28 0 0 0-.83-1.035.82.82 0 0 0-.502-.297zm4.49.88a.303.303 0 0 0-.018.606c1.16.085 2.017.466 2.645 1.15.63.688.93 1.524.906 2.57a.306.306 0 0 0 .61.013c.025-1.175-.334-2.193-1.067-2.994-.74-.81-1.777-1.253-3.05-1.346h-.024zm.463 1.63a.305.305 0 0 0-.3.287c-.008.167.12.31.288.32.523.028.875.175 1.113.422.24.245.388.62.416 1.164a.304.304 0 0 0 .605-.03c-.03-.644-.215-1.178-.58-1.557-.367-.378-.893-.574-1.52-.607h-.018z'/%3e%3c/svg%3e")}.shareon>.vkontakte{background-color:#07f}.shareon>.vkontakte:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.199 4.841H.11c.194 9.312 4.85 14.907 13.012 14.907h.462v-5.327c3 .299 5.268 2.492 6.178 5.327H24c-1.164-4.237-4.223-6.58-6.133-7.475 1.91-1.105 4.596-3.79 5.238-7.432h-3.85c-.836 2.955-3.313 5.641-5.67 5.895V4.84h-3.85v10.326C7.347 14.57 4.333 11.675 4.199 4.84Z'/%3e%3c/svg%3e")}.shareon>.web-share:before{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' stroke='%23fff' stroke-width='2' d='M18 2a3 3 0 1 0 0 6 3 3 0 1 0 0-6zM6 9a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm12 7a3 3 0 1 0 0 6 3 3 0 1 0 0-6zm-9.41-2.49 6.83 3.98m-.01-10.98-6.82 3.98'/%3e%3c/svg%3e")}.shareon>.whatsapp{background-color:#25d366}.shareon>.whatsapp:before{background-image:url("data:image/svg+xml,%3csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52s.198-.298.298-.497c.099-.198.05-.371-.025-.52s-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a13 13 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074s2.096 3.2 5.077 4.487c.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413s.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.82 9.82 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.82 11.82 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.9 11.9 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.82 11.82 0 0 0-3.48-8.413'/%3e%3c/svg%3e")} /* End */ /* Start:/local/templates/krepco/components/bitrix/search.title/top/style.min.css?17787620901827*/ div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205}table.title-search-result{border-collapse:collapse;border:none;width:10%}table.title-search-result th{background-color:#f7f7f7;border-right:1px solid #e8e8e8;color:#949494;font-weight:400;padding:2px 12px 2px 14px;text-align:right;vertical-align:top;white-space:nowrap;width:1%}table.title-search-result td{background-color:#fff;color:#000;font-weight:400;padding-top:2px;padding-bottom:2px;text-align:left;white-space:nowrap}table.title-search-result td.title-search-item{padding-left:8px;padding-right:15px}table.title-search-result td.title-search-item a{padding-left:4px;padding-right:15px;text-decoration:none;color:#000;vertical-align:top;display:block}table.title-search-result td.title-search-item img{vertical-align:top}table.title-search-result td.title-search-item b{color:#cf0000;font-weight:400}table.title-search-result tr.title-search-selected a,table.title-search-result tr.title-search-selected td,table.title-search-result tr.title-search-selected td.title-search-more a{background-color:#fff2be}table.title-search-result td.title-search-more{font-size:11px;font-weight:400;padding-right:15px;padding-left:24px;padding-top:0}table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}table.title-search-result td.title-search-all{padding-left:24px;padding-right:15px}table.title-search-result td.title-search-all a{padding-left:4px;text-decoration:none;color:grey}table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}div.title-search-fader{display:none;background-image:url(/local/templates/krepco/components/bitrix/search.title/top/images/fader.png);background-position:100% 0;background-repeat:repeat-y;position:absolute} /* End */ /* Start:/local/templates/krepco/styles.css?176606257420157*/ @font-face { font-family: MuseoSansCyrl; font-display: swap; src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Black.woff2) format("woff2"); font-weight: 900; font-style: normal } @font-face { font-family: MuseoSansCyrl; font-display: swap; src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: MuseoSansCyrl; font-display: swap; src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Light.woff2) format("woff2"); font-weight: 300; font-style: normal } @font-face { font-family: MuseoSansCyrl; font-display: swap; src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal } @font-face { font-family: MuseoSansCyrl; font-display: swap; src: url(/local/templates/krepco/fonts/MuseoSansCyrl-Thin.woff2) format("woff2"); font-weight: 100; font-style: normal } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: rgba(0,0,0,0) } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace,monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } :root { --primary: #eb6e03; --primary-dark: #d86a09; --primary-light: #fdf0e6; --black: #181d29; --red: #de5153; --red-light: #fcf1f1; --green-light: #e4fdec; --green: #10c44d; --zumthor: #e6efff; --serenade: #fff4e6; --apricot: #fffeeb; --givry: #f8dfc9; --abbey: #505052; --iron: #e7e7e9; --athens: #f3f3f4; --alabaster: #fbfbfb; --alto: #d9d9d9; --dark: #3e4041; --gray: #808080; --silver: #b2b2b2; --wild: #f5f5f5; --wild-s: #f4f4f4; --dusty: #969696 } html { box-sizing: border-box } *, *::after, *::before { box-sizing: inherit } a { color: inherit; text-decoration: none } img { max-width: 100% } body { font-family: MuseoSansCyrl,sans-serif; font-weight: 500; color: var(--dark); background-color: var(--alabaster) } .body-hidden { overflow: hidden; touch-action: none } :root { --content-width: 1500px; --offset-width: 30px; --container-width: calc(var(--content-width) + (var(--offset-width) * 2)) } .container { max-width: var(--container-width); width: 100%; padding: 0 var(--offset-width); margin: 0 auto } .btn { display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid var(--primary); background-color: var(--primary); padding: 17px 20px; border-radius: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-align: center; font-weight: 600; font-size: 16px; line-height: 70%; color: #fff; transition: color .3s ease,background-color .3s ease,border-color .3s ease } .btn._outline { background-color: rgba(0,0,0,0); color: var(--dark) } .btn._dark { border-color: var(--dark); background-color: var(--dark); color: #fff } .btn._light { background-color: var(--primary-light); border-color: var(--primary-light); color: var(--primary) } .btn-mob { display: flex; align-items: center; justify-content: center; gap: 2px; border: none; outline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: rgba(237,110,0,.2); padding: 8px 10px; border-radius: 8px; font-weight: 600; font-size: 10px; line-height: 100%; color: var(--primary); transition: color .3s ease,background-color .3s ease } .btn-mob svg { display: block; width: 10px; height: 10px } .btn-item { display: block; border-radius: 5px; padding: 5px 10px; background-color: var(--wild); font-size: 16px; transition: color .3s ease,background-color .3s ease } .btn-play { display: flex; align-items: center; justify-content: center; position: absolute; cursor: pointer; border-radius: 50%; width: 50px; height: 50px; background-color: rgba(0,0,0,.6); color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: color .3s ease,background-color .3s ease; z-index: 10 } .btn-play svg { width: 22px; height: 22px } .btn-prev { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 100%; color: var(--primary) } .btn-prev svg { width: 20px; height: 10px; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease } .btn-tab { cursor: pointer; padding: 14px 20px; border-radius: 10px; flex-shrink: 0; text-align: center; font-weight: 600; font-size: 18px; line-height: 120%; white-space: nowrap; transition: color .3s ease,background-color .3s ease } .btn-tab._active { pointer-events: none; color: var(--primary); background-color: var(--wild) } .btn-tag { padding: 5px 10px; display: block; background-color: var(--wild); border-radius: 5px; font-size: 16px; transition: background-color .3s ease } .btn-tag._active { background-color: rgba(235,110,3,.1); pointer-events: none } .btn-more { margin: 0 auto 20px auto } .btn-download { display: flex; align-items: center; gap: 10px; font-size: 16px; text-decoration: underline; text-underline-offset: 2px; transition: color .3s ease } .btn-download img { display: block; flex-shrink: 0; width: 18px } .list { padding-left: 0; margin: 0; list-style: none } .dropdown { position: relative } .dropdown._open .dropdown-body { opacity: 1; visibility: visible } .dropdown._open .dropdown-btn .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .dropdown-body { position: absolute; right: 0; padding-top: 5px; visibility: hidden; opacity: 0; z-index: 10; transition: opacity .3s ease,visibility .3s ease } .dropdown-inside { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px; border-radius: 12px; box-shadow: 4px 4px 20px 0 rgba(0,0,0,.1); background-color: #fff } .dropdown-list { display: flex; flex-direction: column; gap: 10px } .dropdown-list a { font-size: 16px; white-space: nowrap; transition: color .3s ease } .form-search { position: relative; width: 100%; display: flex; align-items: center; gap: 10px; padding: 14px 15px; border: 1px solid var(--primary); border-radius: 10px } .form-search._open .form-search__drop { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) } .form-search._gray { border-color: var(--alto) } .form-search__btn { cursor: pointer; width: 20px; height: 20px; border: none; outline: 0; background-color: rgba(0,0,0,0); flex-shrink: 0; padding: 0; color: var(--gray); transition: color .3s ease } .form-search__btn svg { width: 100%; height: 100% } .form-search__input { padding: 0; border: none; outline: 0; background-color: rgba(0,0,0,0); flex: 1; font-weight: 300; font-size: 14px } .form-search__input::-webkit-input-placeholder { color: var(--gray) } .form-search__input:-ms-input-placeholder { color: var(--gray) } .form-search__input::-ms-input-placeholder { color: var(--gray) } .form-search__input::placeholder { color: var(--gray) } .form-search__drop { position: absolute; z-index: 30; background-color: #fff; border-radius: 10px; max-height: 605px; padding: 30px 25px; top: calc(100% + 1px); left: 0; right: 0; background-color: var(--alabaster); overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease; transition: opacity .4s ease,visibility .4s ease,transform .4s ease; transition: opacity .4s ease,visibility .4s ease,transform .4s ease,-webkit-transform .4s ease } .form-search__product { display: flex; align-items: center; padding: 10px; gap: 20px } .form-search__img { display: block; aspect-ratio: 1/1; width: 100px; flex-shrink: 0; -o-object-fit: cover; object-fit: cover; border-radius: 15px; transition: opacity .3s ease } .form-search__product-title { display: block; font-weight: 600; font-size: 16px; margin-bottom: 10px } .form-search__product-id { display: flex; align-items: center; gap: 2px; margin-bottom: 10px; font-size: 10px; color: var(--dusty) } .form-search__product-id span { color: var(--dark) } .form-search__prices { display: flex; align-items: center; gap: 8px } .form-search__price { font-weight: 900; font-size: 16px } .form-search__price._red { color: var(--red) } .form-search__price._green { color: var(--green) } .form-search__product-tag { padding: 4px 6px; background-color: var(--primary-light); border-radius: 5px; font-size: 12px; color: var(--primary) } .form-search__product-tag._red { color: var(--red); background-color: var(--red-light) } .form-search__product-tag._green { color: var(--green); background-color: var(--green-light) } .input-control { width: 100% } .input-control._scrollbar { border: 1px solid var(--silver); border-radius: 10px; overflow: hidden; transition: border-color .3s ease } .input-control._scrollbar._border-primary { border-color: var(--primary)!important } .input-control._scrollbar textarea { height: 100% } .input-control._scrollbar .input { border: none } .input { outline: 0; width: 100%; padding: 13px 20px; border: 1px solid var(--silver); border-radius: 10px; color: var(--dark); font-size: 16px; line-height: 81%; transition: border-color .3s ease,border-radius .3s ease } .input:focus { border-color: var(--primary) } .input[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .input._white { border-color: #fff } .input._wild { background-color: var(--wild) } .input._wild::-webkit-input-placeholder { color: var(--dark) } .input._wild:-ms-input-placeholder { color: var(--dark) } .input._wild::-ms-input-placeholder { color: var(--dark) } .input._wild::placeholder { color: var(--dark) } textarea.input { resize: none } textarea.input::-webkit-scrollbar { width: 8px; border-radius: 100px } textarea.input::-webkit-scrollbar-thumb { border-radius: 100px; border: 2px solid #fff; margin: 2px } .input-file { display: none } .btn-file { cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 14px 20px; width: 100%; border: 1px dashed #333; background-color: var(--wild); border-radius: 10px; color: #181d29; transition: background-color .3s ease } .btn-file._white { background-color: #fff } .btn-file._primary { background-color: #fff; border-color: var(--primary) } .btn-file .icon { width: 16px; height: 16px; flex-shrink: 0 } .btn-file .name { font-size: 16px; line-height: 81%; flex: 1 } .btn-file .file-close { width: 10px; height: 10px; color: var(--silver); transition: color .3s ease } .btn-file .file-close._hide { opacity: 0; visibility: hidden; pointer-events: none } .btn-file .file-close svg { display: block; width: 100%; height: 100% } .input-checkbox { display: none } .input-checkbox:checked+.label-checkbox::before { background: url(/local/templates/krepco/img/check-white.svg) center/12px auto no-repeat; background-color: var(--primary); border-color: var(--primary) } .label-checkbox { display: flex; align-items: center; cursor: pointer; gap: 10px; flex-shrink: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 87% } .label-checkbox::before { display: block; content: ""; width: 24px; height: 24px; border-radius: 2px; flex-shrink: 0; border: 1px solid var(--alto); transition: border-color .3s ease,background-color .3s ease } .select { position: relative } .select._open .select-body { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) } .select._open .select-input { pointer-events: all; border-color: var(--primary); border-radius: 10px 10px 0 0 } .select._open .select-input:read-only { pointer-events: none } .select._open .select-btn .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .select-btn { cursor: pointer; position: relative; display: flex; align-items: center } .select-btn .arrow { position: absolute; right: 19px; width: 10px; height: 10px; color: var(--silver); z-index: 1; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease } .select-input { pointer-events: none } .select-body { position: absolute; left: 0; right: 0; background-color: #fff; border-radius: 0 0 10px 10px; overflow: hidden; border: 1px solid var(--primary); border-top: none; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; visibility: hidden; transition: opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease; transition: transform .4s ease,opacity .4s ease,visibility .4s ease; transition: transform .4s ease,opacity .4s ease,visibility .4s ease,-webkit-transform .4s ease; z-index: 10 } .select-container { max-height: 150px; overflow-y: auto } .select-container::-webkit-scrollbar { width: 12px } .select-container::-webkit-scrollbar-track { background-color: #fff; border-radius: 12px } .select-container::-webkit-scrollbar-thumb { background-color: var(--alto); border-radius: 6px; border: 3px solid #fff } .select-item { cursor: pointer; padding: 10px 20px; color: var(--dark); font-size: 16px; line-height: 81%; transition: background-color .3s ease } .select-item._active { background-color: rgba(237,110,0,.2); pointer-events: none } .select-item .sub { font-size: 12px; line-height: 125%; color: var(--gray) } .select-not-found { padding: 10px 20px; color: var(--gray); font-size: 16px; line-height: 81% } ._scrollbar::-webkit-scrollbar { width: 12px } ._scrollbar::-webkit-scrollbar-track { background-color: #fff; border-radius: 12px } ._scrollbar::-webkit-scrollbar-thumb { background-color: var(--alto); border-radius: 6px; border: 3px solid #fff } ._scrollbar-wild::-webkit-scrollbar { width: 12px } ._scrollbar-wild::-webkit-scrollbar-track { background-color: var(--wild); border-radius: 12px } ._scrollbar-wild::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 6px; border: 3px solid var(--wild) } ._scrollbar-simple::-webkit-scrollbar { width: 10px } ._scrollbar-simple::-webkit-scrollbar-track { background: 0 0; border-radius: 12px } ._scrollbar-simple::-webkit-scrollbar-thumb { background-color: var(--alto); border-radius: 6px; border: 3px solid var(--alabaster) } .section-margin { margin: 60px 0 } .section-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; row-gap: 15px; margin-bottom: 30px } .section-head .btn { flex-shrink: 0 } .section-head .btn-mob { flex-shrink: 0 } .main-title { font-weight: 900; font-size: 36px; margin: 0 } .section-title { font-weight: 900; font-size: 32px; line-height: 120%; margin: 0 } .third-title { font-weight: 900; font-size: 24px; margin: 0 } [data-placeholder-iteration]::-webkit-input-placeholder { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } [data-placeholder-iteration]:-ms-input-placeholder { -ms-transition: opacity .3s linear; transition: opacity .3s linear } [data-placeholder-iteration]::-ms-input-placeholder { -ms-transition: opacity .3s linear; transition: opacity .3s linear } [data-placeholder-iteration]::placeholder { transition: opacity .3s linear } [data-placeholder-iteration]._hide::-webkit-input-placeholder { opacity: 0 } [data-placeholder-iteration]._hide:-ms-input-placeholder { opacity: 0 } [data-placeholder-iteration]._hide::-ms-input-placeholder { opacity: 0 } [data-placeholder-iteration]._hide::placeholder { opacity: 0 } /* End */ /* Start:/local/templates/krepco/template_styles.css?1792592238229407*/ .card-category { display: flex; flex-direction: column; padding: 19px; border-radius: 15px; aspect-ratio: 1/1; border: 1px solid var(--wild); background-color: var(--wild); transition: background-color 0.3s ease, border-color 0.3s ease; } .card-category._zumthor { background-color: var(--zumthor); border-color: var(--zumthor); } .card-category._serenade { background-color: var(--serenade); border-color: var(--serenade); } .card-category._white { background-color: #fff; border-color: #fff; } .card-category._apricot { background-color: var(--apricot); border-color: var(--apricot); } .card-category._givry { background-color: var(--givry); border-color: var(--givry); } .card-category__title { font-weight: 700; font-size: 16px; margin: 0 0 5px 0; } .card-category__count { font-size: 12px; color: var(--dusty); margin-bottom: 30px; } .card-category__bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; gap: 20px; } .card-category__img { display: block; width: 100px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .card-category__circle { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 20px; height: 20px; color: var(--alto); background-color: #fff; flex-shrink: 0; margin-left: auto; transition: color 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; transition: color 0.3s ease, transform 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, transform 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; } .card-category__circle svg { width: 12px; height: 12px; } .card-product { padding: 18px; background-color: #fff; border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; } .card-product__slide-switches { position: absolute; inset: 0; display: flex; z-index: 10; } .card-product__slide-switch { display: flex; height: 100%; flex: 1; } .card-product__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 22px; } .card-product__id { font-size: 10px; } .card-product__id span { color: var(--dusty); } .card-product__tag { font-size: 12px; padding: 4px 6px; border-radius: 5px; background: var(--primary-light); color: var(--primary); } .card-product__tag._green { background: var(--green-light); color: var(--green); } .card-product__tag._red { color: var(--red); background-color: var(--red-light); } .card-product__slider { width: 100%; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important; display: block; position: relative; } .card-product__slide { display: flex !important; align-items: center; justify-content: center; height: auto !important; aspect-ratio: 1/0.85; min-height: 0; } .card-product__slide img { display: block; height: auto; max-height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; -webkit-transform: scale(1) !important; transform: scale(1) !important; width: 100%; } .card-product__slider-pagination { display: flex; align-items: center; justify-content: center; gap: 5px; } .card-product__slider-pagination .swiper-pagination-bullet { cursor: pointer; opacity: 1 !important; margin: 0 !important; background-color: var(--alto); width: 4px; height: 4px; transition: background-color 0.3s ease; } .card-product__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--primary); } .card-product__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 500; font-size: 16px; margin: 10px 0 20px 0; transition: color 0.3s ease; } .card-product__price { margin-top: auto; font-size: 24px; font-weight: 600; color: var(--dusty); } .card-product__price._red strong { color: var(--red); } .card-product__price._disabled strong { color: var(--dusty); } .card-product__price strong { font-weight: 900; color: var(--dark); } .card-product__footer { display: flex; gap: 15px; margin-top: 20px; } .card-product__counter { display: flex; align-items: center; border-radius: 10px; padding: 0 5px; border: 1px solid var(--alto); width: 100px; flex: 1; } .card-product__counter._disabled, .counter._disabled { background-color: #e3e3e3; } .card-product__counter-btn { display: flex; align-items: center; justify-content: center; width: 25px; height: 45px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; font-size: 14px; transition: color 0.3s ease; } .card-product__counter-btn._disabled { pointer-events: none; color: #969696; } .card-product__counter-input { background-color: rgba(0, 0, 0, 0); outline: 0; border: none; padding: 0; width: 100%; flex: 1; text-align: center; -moz-appearance: textfield; font-size: 15px; } .card-product__counter-input::-webkit-inner-spin-button, .card-product__counter-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .card-product__cart-btn { width: 115px; } .card-product__cart-btn._outline { color: var(--primary); } .card-product__order-btn { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; outline: 0; border-radius: 10px; padding: 14px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: rgba(235, 110, 3, 0.1); border: none; font-weight: 600; font-size: 16px; line-height: 81%; color: var(--primary); } .card-product__order-btn::before { position: absolute; content: ""; inset: 0; border-radius: 10px; border: 1px solid var(--primary); opacity: 0; transition: opacity 0.4s ease; } .card-product__order-btn svg { width: 16px; height: 20px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .card-product__time-info { font-size: 14px; color: var(--dusty); align-self: center; } .card-product__content { font-size: 14px; line-height: 143%; margin: 0; } .card-product__content span { color: var(--dusty); } .card-fasteners { position: relative; display: flex; flex-direction: column; overflow: hidden; min-height: 300px; border-radius: 20px; background-color: var(--wild); padding: 40px 40px 25px 40px; z-index: 1; transition: box-shadow 0.3s ease; } .card-fasteners::after, .card-fasteners::before { position: absolute; content: ""; width: 345px; aspect-ratio: 1/1; -webkit-transform: rotate(25deg); transform: rotate(25deg); right: -85px; bottom: -130px; z-index: -2; transition: opacity 0.3s ease; } .card-fasteners::before { background: url(/local/templates/krepco/img/rhomb-gray.svg) center/100% auto no-repeat; } .card-fasteners::after { opacity: 0; background: url(/local/templates/krepco/img/rhomb-white.svg) center/100% auto no-repeat; } .card-fasteners__title { margin-bottom: 20px; } .card-fasteners__btn { display: flex; align-items: center; gap: 12px; margin-top: auto; font-weight: 600; font-size: 16px; line-height: 120%; opacity: 0; transition: opacity 0.3s ease; } .card-fasteners__btn .circle { display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; width: 20px; height: 20px; transition: background-color 0.3s ease, color 0.3s ease; } .card-fasteners__btn .circle svg { width: 10px; height: 10px; } .card-fasteners__img { position: absolute; display: block; width: 235px; right: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: right bottom; object-position: right bottom; bottom: 0; z-index: -1; } .slider-btn { cursor: pointer; flex-shrink: 0; width: 16px; height: 30px; transition: color 0.3s ease, opacity 0.3s ease; } .slider-btn.swiper-button-disabled { pointer-events: none; color: var(--dusty); } .slider-btn svg { width: 100%; height: 100%; } .slider-pagination { display: flex; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; gap: 10px; } .slider-pagination .swiper-pagination-bullet { cursor: pointer; margin: 0 !important; width: 11px; height: 11px; opacity: 1; background-color: rgba(0, 0, 0, 0); border: 1px solid var(--primary); transition: background-color 0.3s ease, border-color 0.3s ease; } .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #ffa252; background-color: var(--primary); } [data-tab] { display: none; opacity: 0; transition: opacity 0.4s ease; } [data-tab]._active { display: block; } [data-tab]._show { opacity: 1; } .card-article { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background-color: #fff; transition: box-shadow 0.3s ease; } .card-article__gallery { display: block; width: 100%; aspect-ratio: 1/0.66; transition: opacity 0.3s ease; } .card-article__gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-article__body { display: flex; flex-direction: column; padding: 20px; flex: 1; } .card-article__title { display: block; font-weight: 600; font-size: 20px; line-height: 120%; margin-bottom: 20px; transition: color 0.3s ease; } .card-article__content { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 120%; margin: 0 0 20px 0; } .card-article__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; color: #333; } .card-article__date { font-size: 16px; line-height: 120%; } .card-article__info { display: flex; gap: 12px; } .card-article__info-item { display: flex; align-items: center; gap: 5px; font-size: 16px; line-height: 175%; } .card-article__info-item svg { width: 16px; height: 16px; color: var(--silver); } .content { font-weight: 400; font-size: 16px; } .content p { margin: 1rem 0; } .content p:first-child { margin-top: 0 !important; } .content p:last-child { margin-bottom: 0 !important; } .content ol, .content ul { padding-left: 30px; margin: 1rem 0; } .content h1 { font-weight: 900; font-size: 40px; margin: 0; } .content h1:not(:first-child) { margin-top: 30px; } .content h2 { font-weight: 900; font-size: 32px; line-height: 120%; margin: 0 0 30px 0; } .content h2:not(:first-child) { margin-top: 30px; } .content h3 { font-weight: 900; font-size: 24px; margin: 30px 0; } .content a { text-decoration: underline; text-underline-offset: 3px; color: var(--primary); } .content strong { font-weight: 900; } .content-big { font-size: 18px; } .content-big *:first-child { margin-top: 0; } .content-big p { margin: 0; } .content-big p:not(:last-child) { margin-bottom: 10px; } .content-big strong { font-weight: 900; } .content-big ul { margin: 0; padding-left: 30px; } .content-big ul:not(:last-child) { margin-bottom: 10px; } .content-big h1 { font-weight: 900; font-size: 40px; margin: 0; } .content-big h1:not(:first-child) { margin-top: 30px; } .content-big h2 { font-weight: 900; font-size: 32px; line-height: 120%; margin: 0 0 30px 0; } .content-big h2:not(:first-child) { margin-top: 30px; } .content-big h3 { font-weight: 900; font-size: 24px; margin: 30px 0; } .breadcrumbs { margin: 40px 0; } .breadcrumbs + section { margin-top: 0 !important; padding-top: 0 !important; } .breadcrumbs-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .breadcrumbs-item { display: flex; font-size: 14px; line-height: 100%; gap: 10px; } .breadcrumbs-item:not(:first-child)::before { content: ""; flex-shrink: 0; width: 20px; height: 12px; background: url(/local/templates/krepco/img/line-next-dusty.svg) center/100% auto no-repeat; } .breadcrumbs-item:last-child::before { background: url(/local/templates/krepco/img/line-next.svg) center/100% auto no-repeat; } .breadcrumbs-item:last-child._primary { color: var(--primary); } .breadcrumbs-item:last-child._primary::before { background: url(/local/templates/krepco/img/line-next-primary.svg) center/100% auto no-repeat; } a.breadcrumbs-item { color: var(--dusty); transition: color 0.3s ease; } a.breadcrumbs-item:hover { color: var(--black); } .pagination { display: flex; align-items: center; justify-content: center; gap: 15px; } .pagination a { transition: color 0.3s ease; } .pagination-item { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; font-size: 16px; line-height: 120%; } .pagination-item._active { color: #fff; background: url(/local/templates/krepco/img/pagination-bg.svg) center/100% auto no-repeat; } .pagination-arrow { display: block; width: 16px; height: 32px; } .pagination-arrow svg { display: block; width: 100%; height: 100%; } [data-more-item] { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 1; display: none; transition: opacity 0.5s ease, -webkit-transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease; transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; } .card-product-line { border-radius: 20px; padding: 20px; background-color: #fff; display: flex; gap: 40px; } .card-product-line__gallery { position: relative; width: 235px; flex-shrink: 0; } .card-product-line .card-product__title { margin: 0 0 20px 0; } .card-product-line__wrapper { display: flex; gap: 40px; flex: 1; } .card-product-line__body { flex: 1; } .card-product-line__nav { width: 240px; flex-shrink: 0; display: flex; flex-direction: column; } .card-product-line__nav .card-product__counter { flex: none; width: 100%; margin-top: auto; margin-bottom: 20px; } .card-product-line__cart-btn { width: 100%; } .card-product-line__cart-btn._outline { color: var(--primary); } .card-product-line__cart-btn svg { width: 18px; height: 18px; } .card-product-line__order-btn { display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; gap: 10px; outline: 0; border-radius: 10px; padding: 14px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: rgba(235, 110, 3, 0.1); border: none; width: 100%; font-weight: 600; font-size: 16px; line-height: 81%; color: var(--primary); } .card-product-line__order-btn::before { position: absolute; content: ""; inset: 0; border-radius: 10px; border: 1px solid var(--primary); opacity: 0; transition: opacity 0.4s ease; } .card-product-line__order-btn svg { width: 16px; height: 20px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .card-product-line__time-info { font-size: 14px; color: var(--dusty); margin-bottom: 15px; } .card-search { position: relative; overflow: hidden; padding: 20px; border-radius: 16px; background-color: var(--wild); z-index: 1; transition: background-color 0.3s ease; } .card-search__title { font-weight: 900; font-size: 16px; margin: 0 0 5px 0; font-weight: 700; padding-right: 30px; } .card-search__count { font-size: 12px; color: var(--dusty); opacity: 0.84; } .card-search__img { position: absolute; bottom: 10px; right: -25px; display: block; width: 93px; z-index: -1; } .tag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 12px; padding: 4px 6px; border-radius: 5px; background: var(--primary-light); color: var(--primary); } .tag._green { background: var(--green-light); color: var(--green); } .tag._red { color: var(--red); background-color: var(--red-light); } .counter { display: flex; align-items: center; border-radius: 10px; padding: 0 5px; border: 1px solid var(--alto); width: 100px; } .counter__btn { display: flex; align-items: center; justify-content: center; width: 25px; height: 45px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; flex-shrink: 0; font-size: 14px; transition: color 0.3s ease; } .counter__btn._disabled { pointer-events: none; color: var(--disty); } .counter__input { background-color: rgba(0, 0, 0, 0); outline: 0; border: none; padding: 0; width: 100%; flex: 1; text-align: center; -moz-appearance: textfield; font-size: 15px; } .counter__input::-webkit-inner-spin-button, .counter__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .card-product-full { display: flex; border-radius: 15px; padding: 10px; background-color: #fff; gap: 50px; } .card-product-full__slider-wrapper { position: relative; width: 100px; } .card-product-full__slider-wrapper .card-product__slider { width: 100%; } .card-product-full__gallery { display: block; border-radius: 15px; overflow: hidden; width: 100px; height: 100px; flex-shrink: 0; } .card-product-full__body { flex: 0 1 570px; } .card-product-full .card-product__title { margin: 0 0 10px 0; } .card-product-full .card-product__id { margin-bottom: 10px; } .card-product-full__price { flex-shrink: 0; } .card-product-full__price-value { font-weight: 800; font-size: 16px; line-height: 175%; } .card-product-full__price-content { font-size: 12px; line-height: 200%; color: var(--dusty); } .card-product-full__nav { display: flex; gap: 20px; align-self: start; } .card-product-full__nav .card-product__counter { align-self: start; } .card-product-full__order { width: 120px; } .card-product-full__time-info { font-size: 14px; color: var(--dusty); margin-top: 15px; } .card-product-cart { display: flex; align-items: center; gap: 20px; padding: 20px 0; width: 100%; border-top: 1px solid var(--alto); } .card-product-cart__gallery { flex-shrink: 0; border: 1px solid rgba(235, 110, 3, 0); border-radius: 15px; width: 100px; height: 100px; overflow: hidden; } .card-product-cart__gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-product-cart__body { display: flex; align-items: center; gap: 40px; flex: 1; } .card-product-cart__main { flex: 1; } .card-product-cart__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 500; font-size: 16px; line-height: 120%; transition: color 0.3s ease; } .card-product-cart__id { font-size: 10px; margin-top: 10px; } .card-product-cart__id span { color: var(--dusty); } .card-product-cart__tag-wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 30px; } .card-product-cart__warn { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--dusty); } .card-product-cart__warn .hint { position: relative; cursor: pointer; width: 15px; height: 15px; transition: color 0.3s ease; } .card-product-cart__warn .hint svg { width: 100%; height: 100%; } .card-product-cart__price-value { font-weight: 600; font-size: 16px; } .card-product-cart__price-value._gray { color: var(--dusty); } .card-product-cart__price-value._red { color: var(--red); } .card-product-cart__price-signature { margin-top: 8px; font-size: 12px; color: var(--dusty); } .card-product-cart .counter { width: 100px !important; } .card-product-cart__main-price { font-weight: 900; font-size: 16px; } .card-product-cart__main-price._gray { color: var(--dusty); } .switcher__nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 50px; } .switcher__nav._start { justify-content: start; } .switcher__nav-btn { cursor: pointer; font-weight: 800; font-size: 32px; line-height: 120%; color: var(--dusty); transition: color 0.3s ease; } .switcher__nav-btn._active { color: var(--dark); pointer-events: none; } .switcher__switch { cursor: pointer; position: relative; display: flex; align-items: center; background-color: var(--alto); border-radius: 100px; flex-shrink: 0; width: 60px; height: 16px; } .switcher__switch._right::before { left: calc(100% - 25px); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .switcher__switch::before { position: absolute; content: ""; width: 35px; height: 35px; background: url(/local/templates/krepco/img/switch.svg) center/100% auto no-repeat; left: -10px; transition: left 0.3s ease, -webkit-transform 0.3s ease; transition: left 0.3s ease, transform 0.3s ease; transition: left 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } [data-switcher-tab] { display: none; opacity: 0; transition: opacity 0.4s ease; } [data-switcher-tab]._active { display: block; } [data-switcher-tab]._show { opacity: 1; } .card-team { display: flex; flex-direction: column; width: 100%; text-align: center; } .card-team__img { display: block; aspect-ratio: 1/1.065; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; margin-bottom: 16px; } .card-team__title { font-weight: 600; font-size: 25px; line-height: 120%; text-align: center; margin: 0 0 10px 0; } .card-team__list { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 16px; line-height: 120%; } .card-team__list a { text-decoration: underline; text-underline-offset: 3px; transition: color 0.3s ease; } .tab-nav { padding: 10px; border-radius: 10px; background-color: #fff; display: flex; gap: 10px; overflow-x: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; } .table-wrapper { overflow-x: auto; margin: 0 -30px; padding: 0 30px; } .table-wrapper table { border: 1px solid var(--iron); margin: 0; padding: 0; display: block; font-size: 15px; width: 100%; min-width: 1120px; } .table-wrapper thead { display: block; border-bottom: 1px solid var(--iron); } .table-wrapper tr { display: flex; transition: background-color 0.3s ease; } .table-wrapper tr:not(:last-child) { border-bottom: 1px solid var(--iron); } .table-wrapper th { background-color: var(--athens); } .table-wrapper td, .table-wrapper th { display: flex; align-items: center; justify-content: flex-end; min-width: 0; flex-shrink: 0; margin: 0; font-weight: 400; text-align: right; padding: 15px 10px; flex: 1; transition: background-color 0.3s ease; } .table-wrapper td:first-child, .table-wrapper th:first-child { flex: 0 1 130px; background-color: var(--athens); } .table-wrapper td:last-child, .table-wrapper th:last-child { flex: 0 1 63px; } .table-wrapper td:not(:last-child), .table-wrapper th:not(:last-child) { border-right: 1px solid var(--iron); } .table-wrapper td.fill, .table-wrapper th.fill { background-color: var(--athens); } .table-wrapper tbody { display: block; } [data-copy] { position: relative; } [data-copy]._active::after { opacity: 1; visibility: visible; } [data-copy]::after { position: absolute; font-size: 14px; top: -20px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 4px; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); content: "Скопировано"; pointer-events: none; border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .hint._active::after { opacity: 1; visibility: visible; } .hint::after { position: absolute; content: attr(data-text); padding: 10px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; width: 140px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); top: 0; left: 50%; -webkit-transform: translate(-50%, calc(-100% - 6px)); transform: translate(-50%, calc(-100% - 6px)); background-color: #fff; border-radius: 10px; color: var(--dark); font-size: 12px; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .quick-cart { position: relative; display: flex; width: 100%; gap: 20px; border: 1px solid var(--alto); border-radius: 15px; } .quick-cart._searched .quick-cart__result { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .quick-cart._entered .quick-cart__label { font-size: 14px; color: var(--dusty); top: 0; background-color: var(--alabaster); } .quick-cart__input { flex: 1; padding: 22px 25px; margin: 0; background-color: rgba(0, 0, 0, 0); outline: 0; border: none; } .quick-cart__input::-webkit-input-placeholder { color: var(--dark); } .quick-cart__input:-ms-input-placeholder { color: var(--dark); } .quick-cart__input::-ms-input-placeholder { color: var(--dark); } .quick-cart__input::placeholder { color: var(--dark); } .quick-cart__label { position: absolute; left: 22px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 120%; padding: 3px; max-width: calc(100% - 70px); text-align: start; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; transition: top 0.3s ease, left 0.3s ease, color 0.3s ease, background-color 0.3s ease, font-size 0.3s ease, -webkit-transform 0.3s ease; transition: top 0.3s ease, left 0.3s ease, color 0.3s ease, background-color 0.3s ease, font-size 0.3s ease, transform 0.3s ease; transition: top 0.3s ease, left 0.3s ease, color 0.3s ease, background-color 0.3s ease, font-size 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .quick-cart__btn { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; border: none; outline: 0; background-color: rgba(0, 0, 0, 0); width: 62px; flex-shrink: 0; color: var(--gray); transition: color 0.3s ease; z-index: 1; } .quick-cart__btn svg { width: 20px; height: 20px; } .quick-cart__result { position: absolute; left: 0; right: 0; top: 100%; margin-top: 5px; background-color: #fff; border-radius: 15px; border: 1px solid var(--alto); overflow: hidden; text-align: start; z-index: 10; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .quick-cart__result-body { overflow-y: auto; max-height: 246px; } .quick-cart__result-item { display: flex; align-items: center; padding: 15px 20px; gap: 15px; font-size: 16px; transition: color 0.3s ease, background-color 0.3s ease; } .quick-cart__result-item:not(:last-child) { border-bottom: 1px solid var(--alto); } .quick-cart__result-item .name { font-weight: 500; flex: 1; } .quick-cart__result-item .price { font-weight: 600; } .modal { border-radius: 20px; display: none; width: 500px; max-width: calc(100% - 20px); padding: 40px; } .modal__close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; transition: color 0.3s ease; } .modal__close svg { width: 100%; height: 100%; } .modal__body { width: 100%; } .modal__title { font-weight: 600; font-size: 35px; text-align: center; margin: 0 0 20px 0; } .modal__content { font-weight: 600; font-size: 18px; text-align: center; margin: 0 0 40px 0; } .modal__form { display: flex; flex-direction: column; gap: 20px; width: 100%; } .modal__form-policy { text-align: center; margin: 0; font-size: 16px; line-height: 125%; color: var(--silver); } .modal__form-policy a { text-decoration: underline; transition: color 0.3s ease; } .modal__form-send { width: 100%; } .modal-delete .modal__content { font-weight: 400; } .modal-delete__nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .modal-delete__btn { width: 100%; } .drop-catalog { position: fixed; max-width: calc(100% - 60px); width: 1500px; top: 145px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 840px; max-height: calc(100vh - 290px); opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease; z-index: 50; } .drop-catalog._open { opacity: 1; visibility: visible; } .drop-catalog__inside { display: flex; align-items: start; overflow: hidden; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08); background-color: #fff; border-radius: 20px; height: 100%; width: 100%; } .drop-catalog__menu { height: 100%; width: 455px; overflow-y: auto; background-color: var(--wild); } .drop-catalog__menu::-webkit-scrollbar { width: 0; height: 9px; } .drop-catalog__menu-item { position: relative; display: flex; align-items: center; gap: 16px; background-color: var(--wild); padding: 16px 35px; width: 100%; font-weight: 700; font-size: 20px; line-height: 120%; transition: background-color 0.3s ease; } .drop-catalog__menu-item._active { background-color: #fff; } .drop-catalog__menu-item._active::after, .drop-catalog__menu-item._active::before { opacity: 1; } .drop-catalog__menu-item:first-child::before { display: none; } .drop-catalog__menu-item:last-child::after { display: none; } .drop-catalog__menu-item::after, .drop-catalog__menu-item::before { position: absolute; content: ""; display: block; width: 15px; height: 15px; background-color: #fff; right: 0; opacity: 0; z-index: 10; transition: opacity 0.3s ease; } .drop-catalog__menu-item::before { top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); background: url(/local/templates/krepco/img/corner-top.svg) 0 0/100% no-repeat; } .drop-catalog__menu-item::after { bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background: url(/local/templates/krepco/img/corner-bottom.svg) 0 0/100% no-repeat; } .drop-catalog__menu-item img, .drop-catalog__menu-item svg { display: block; flex-shrink: 0; width: 24px; height: 24px; fill: currentColor; } .drop-catalog__body { padding: 15px 5px 15px 0; height: 100%; flex: 1; background-color: #fff; } .drop-catalog__body-container { height: 100%; overflow-y: auto; padding-right: 40px; } .drop-catalog__container { padding-left: 40px; } .drop-catalog__wrapper { display: flex; align-items: start; gap: 70px; row-gap: 20px; padding-bottom: 40px; width: 100%; border-bottom: 2px solid var(--alto); } .drop-catalog__nav { display: flex; flex: 1; gap: 70px; row-gap: 20px; } .drop-catalog__nav-item { flex: 1; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; } .drop-catalog__item a { font-size: 16px; line-height: 120%; transition: color 0.3s ease; } .drop-catalog__reklam { position: sticky; top: 0; display: flex; align-items: flex-end; width: 260px; border-radius: 10px; padding: 20px 10px; min-height: 145px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .drop-catalog__reklam-tag { padding: 4px 5px; border-radius: 5px; background: #e4fdec; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 12px; color: #10c44d; margin-bottom: 7px; } .drop-catalog__reklam-title { font-weight: 900; font-size: 14px; line-height: 120%; } .drop-catalog__banner { position: relative; width: 260px; padding: 20px; border-radius: 10px; background-color: var(--wild); z-index: 1; } .drop-catalog__banner-title { margin-bottom: 14px; } .drop-catalog__banner-content { font-size: 16px; margin: 0 0 20px 0; } .drop-catalog__banner-social { display: flex; gap: 12px; } .drop-catalog__banner-social-btn { display: block; width: 30px; height: 30px; color: var(--primary); transition: color 0.3s ease; } .drop-catalog__banner-social-btn svg { width: 100%; height: 100%; } .drop-catalog__banner-contacts { font-size: 16px; color: var(--primary); margin: 15px 0 30px 0; } .drop-catalog__banner-contacts a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 600; font-size: 16px; color: var(--dark); transition: color 0.3s ease; } .drop-catalog__banner-img { position: absolute; display: block; bottom: 0; right: 0; z-index: -1; } .drop-catalog__tags { display: flex; flex-direction: column; gap: 40px; padding-top: 40px; } .drop-catalog__tags-item { padding: 10px 0; } .drop-catalog__tags-item-title { font-weight: 900; font-size: 16px; margin: 0 0 20px 0; } .drop-catalog__tags-list { display: flex; gap: 20px; flex-wrap: wrap; } .drop-catalog__tags-list a { display: block; font-size: 16px; border-radius: 5px; padding: 5px 10px; background-color: var(--wild); transition: background-color 0.3s ease, color 0.3s ease; } [data-drop-menu] { display: none; opacity: 0; transition: opacity 0.3s ease; } [data-drop-menu]._active { display: block; } .burger-overlay { position: fixed; background: rgba(0, 0, 0, 0.6); inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 100; } .burger-overlay._active { opacity: 1; visibility: visible; } [data-burger-menu] { display: none; opacity: 0; transition: opacity 0.3s ease; } [data-burger-menu]._active { display: block; } .burger { position: fixed; overflow-y: auto; left: 0; top: 0; right: 0; max-height: calc(100vh - 30px); border-radius: 0 0 20px 20px; background-color: var(--alabaster); z-index: 150; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; } .burger._open { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .burger__window { transition: opacity 0.4s ease; } .burger__container { padding: 20px; } .burger__head { display: flex; align-items: center; gap: 15px; justify-content: space-between; margin-bottom: 20px; } .burger__head-title { font-weight: 700; font-size: 15px; line-height: 120%; } .burger__dropdown .dropdown-body { min-width: 130px; } .burger__dropdown .dropdown-inside { width: 100%; } .burger__dropdown-btn { display: flex; align-items: center; } .burger__dropdown-btn._active .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .burger__dropdown-btn .icon { width: 20px; height: 20px; color: var(--primary); margin-right: 8px; } .burger__dropdown-btn .arrow { width: 10px; height: 10px; margin-left: 5px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .burger__close { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; transition: color 0.3s ease; } .burger__close svg { width: 10px; height: 10px; } .burger__list { margin-bottom: 25px; } .burger__list li { display: flex; align-items: center; gap: 15px; padding: 10px 0; border-bottom: 1px solid var(--alto); font-weight: 600; font-size: 15px; line-height: 120%; transition: color 0.3s ease; } .burger__list li svg:first-child { display: block; width: 20px; height: 20px; flex-shrink: 0; fill: currentColor; } .burger__list li .arrow { width: 10px; height: 10px; margin-left: auto; } .burger__primary-btn { padding: 10px 0; display: block; width: 100%; border-top: 1px solid var(--primary); border-bottom: 1px solid var(--primary); font-weight: 600; font-size: 15px; line-height: 120%; transition: color 0.3s ease; } .burger__menu { margin-top: 25px; } .burger__menu-item:not(:last-child) { margin-bottom: 25px; } .burger__menu-title { font-weight: 900; font-size: 15px; line-height: 120%; padding-bottom: 10px; border-bottom: 1px solid var(--alto); } .burger__menu-list .button { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--alto); font-weight: 600; font-size: 15px; line-height: 120%; } .burger__menu-list .button._spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .burger__menu-list .button svg { width: 10px; height: 10px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .burger__menu-list .list a { padding-left: 15px; } .burger__address { display: flex; align-items: center; gap: 7px; margin: 10px 0; font-size: 15px; line-height: 93%; } .burger__address svg { width: 17px; height: 25px; color: var(--primary); flex-shrink: 0; } .burger__mail { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 15px; line-height: 133%; margin-bottom: 10px; transition: color 0.3s ease; } .burger__tel { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 900; font-size: 16px; line-height: 125%; } .burger__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; } .burger__social { display: flex; display: flex; gap: 12px; } .burger__social-btn { width: 30px; height: 30px; display: block; transition: color 0.3s ease; } .burger__social-btn svg { width: 100%; height: 100%; } .burger__connect-btn { padding: 8px 25px; border-radius: 5px; font-size: 12px; line-height: 108%; } .burger__back { display: flex; align-items: center; gap: 5px; font-size: 12px; line-height: 120%; transition: color 0.3s ease; } .burger__back svg { width: 10px; height: 10px; } .share { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 1; } .share._open .share-body { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .share-btn { cursor: pointer; } .share-body { position: absolute; display: flex; flex-direction: column; gap: 10px; left: calc(50% - 105px); width: 210px; border-radius: 10px; padding: 10px 0; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff; margin-top: 12px; z-index: 10; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px); transform: translateY(30px); transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, visibility 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; } .share-item { display: flex; align-items: center; gap: 6px; cursor: pointer; padding: 4px 10px; font-size: 16px; transition: background-color 0.3s ease; } .share-item svg { width: 20px; height: 20px; flex-shrink: 0; } body > header { position: sticky; top: 0; background-color: #fff; padding-bottom: 20px; box-shadow: 0 4px 10px 0 rgba(128, 128, 128, 0.1); z-index: 50; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } body > header._scroll { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .header__top { display: flex; align-items: center; justify-content: space-between; padding: 17px 0; gap: 30px; } .header__list { display: flex; gap: 25px; } .header__list > li > a { display: flex; align-items: center; gap: 5px; font-size: 16px; line-height: 87%; padding: 8px 0; transition: color 0.3s ease; } .header__list > li > a svg { flex-shrink: 0; width: 10px; height: 10px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .header__list .dropdown-body { right: auto; left: 0; } .header__list .dropdown-inside { min-width: 235px; } .header__top-contacts { display: flex; align-items: center; gap: 40px; } .header__top-dropdown._cities .dropdown-body { min-width: 130px; } .header__top-dropdown._cities .dropdown-inside { width: 100%; } .header__mob-dropdown { margin: 0 auto; } .header__mob-dropdown._open .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__mob-dropdown .dropdown-body { min-width: 130px; } .header__mob-dropdown .dropdown-inside { width: 100%; } .header__mob-dropdown-btn { display: flex; align-items: center; gap: 4px; font-size: 16px; line-height: 87%; } .header__mob-dropdown-btn .icon { width: 20px; height: 23px; color: var(--primary); } .header__mob-dropdown-btn .arrow { width: 10px; height: 10px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .header__top-contacts-btn { display: flex; align-items: center; cursor: pointer; font-size: 16px; line-height: 87%; transition: color 0.3s ease; } .header__top-contacts-btn._active { color: var(--primary); } .header__top-contacts-btn._active .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__top-contacts-btn .icon { margin-right: 7px; width: 17px; height: 22px; color: var(--primary); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .header__top-contacts-btn .arrow { width: 10px; height: 10px; margin-left: 5px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .header__dropdown-addresses { min-width: 215px; } .header__dropdown-item { font-size: 16px; line-height: 187%; } .header__dropdown-item .title { font-weight: 600; color: var(--primary); } .header__dropdown-item .value { font-weight: 400; display: block; } .header__wrapper { display: flex; align-items: center; gap: 40px; } .header__burger-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: var(--primary); width: 48px; height: 48px; border-radius: 10px; color: #fff; transition: background-color 0.3s ease; } .header__burger-btn svg { width: 20px; height: 20px; } .header__logo { display: block; flex-shrink: 0; width: 245px; } .header__logo img, .header__logo picture { display: block; width: 100%; } .header__catalog-btn { cursor: pointer; display: flex; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 10px; background-color: var(--primary); flex-shrink: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-weight: 600; font-size: 16px; line-height: 175%; color: #fff; transition: background-color 0.3s ease; } .header__catalog-btn._active .lines div:nth-last-child(-n + 2) { width: 10px; } .header__catalog-btn svg { width: 20px; height: 20px; } .header__catalog-btn .lines { display: flex; flex-direction: column; gap: 4px; width: 20px; } .header__catalog-btn .lines div { width: 100%; height: 3px; background-color: #fff; transition: width 0.3s ease; } .header__search-wrapper { flex: 1; } .header__tel { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 800; font-size: 16px; line-height: 150%; transition: color 0.3s ease; } .header__tel-btn { position: relative; font-size: 14px; line-height: 100%; color: var(--primary); z-index: 1; } .header__tel-btn::after { position: absolute; content: ""; left: 0; right: 0; bottom: 1px; height: 1px; opacity: 0; background-color: currentColor; transition: opacity 0.3s ease; } .header__tel-mob { display: block; width: 25px; height: 25px; transition: color 0.3s ease; } .header__tel-mob svg { width: 100%; height: 100%; } .header__cart { display: flex; align-items: center; gap: 15px; font-weight: 600; font-size: 16px; transition: color 0.3s ease; } .header__cart .gallery { position: relative; width: 30px; height: 30px; } .header__cart .gallery .num { display: flex; align-items: center; justify-content: center; position: absolute; top: -6px; right: -8px; width: 22px; height: 22px; background-color: var(--primary); border-radius: 50%; color: #fff; font-size: 12px; line-height: 183%; font-weight: 300; z-index: 10; } .header__cart .gallery svg { width: 100%; height: 100%; } .header-search { position: relative; z-index: 10; padding-bottom: 10px; box-shadow: 0 4px 10px 0 rgba(128, 128, 128, 0.1); } .section-hero { margin: 40px 0; } .section-hero__slide { position: relative; display: flex !important; align-items: center; padding: 24px 100px; box-sizing: border-box; border-radius: 20px; min-height: 380px; overflow: hidden; color: #fff; z-index: 1; } .section-hero__slide._dark-color { color: var(--dark); } .section-hero__slide-picture { position: absolute; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; z-index: -1; } .section-hero__slide-picture img { display: block; width: 100%; height: 100%; -o-object-position: bottom right; object-position: bottom right; -o-object-fit: cover; object-fit: cover; } .section-hero__slide-title { max-width: 770px; font-weight: 600; font-size: 50px; margin: 0 0 20px 0; } .section-hero__slide-content { font-weight: 600; font-size: 16px; line-height: 150%; margin-top: 20px; } .section-hero__slide-content p { margin: 0; } .section-hero__slide-content p:not(:last-child) { margin-bottom: 18px; } .section-hero__slider-pagination { position: absolute; left: 100px !important; bottom: 55px !important; display: flex; gap: 10px; z-index: 10; } .section-hero__slider-pagination .swiper-pagination-bullet { cursor: pointer; margin: 0 !important; width: 11px; height: 11px; opacity: 1; background-color: rgba(0, 0, 0, 0); border: 1px solid var(--primary); transition: background-color 0.3s ease, border-color 0.3s ease; } .section-hero__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #ffa252; background-color: var(--primary); } .section-about { margin: 40px 0 64px 0; } .section-about__title { margin-bottom: 30px; } .section-about__subtitle { color: var(--primary); margin-bottom: 20px; } .section-about__content { max-width: 1010px; } .section-about__adv { display: flex; gap: 25px; margin-top: 45px; } .section-about__adv-item { position: relative; flex: 1; } .section-about__adv-item:not(:last-child) { padding-right: 25px; } .section-about__adv-item:not(:last-child)::after { position: absolute; content: ""; height: 100px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; background-color: var(--primary); align-self: center; } .section-about__adv-icon { display: block; width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; } .section-about__adv-title { margin: 30px 0 8px 0; } .section-about__adv-content { font-size: 16px; margin: 0; } .section-catalog__title-wrapper { display: flex; align-items: flex-end; gap: 15px; } .section-catalog__subtitle { font-size: 12px; color: var(--dusty); margin-bottom: 7px; } .section-catalog__mob-btn { display: flex; align-items: center; gap: 2px; padding: 8px; border-radius: 8px; background-color: rgba(237, 110, 0, 0.2); font-weight: 600; font-size: 10px; line-height: 130%; color: var(--primary); transition: color 0.3s ease, background-color 0.3s ease; } .section-catalog__mob-btn svg { width: 10px; height: 10px; } .section-catalog__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 25px; } .section-switcher__tab-wrapper { position: relative; } .section-switcher__slider-btn { cursor: pointer; display: block; width: 15px; height: 30px; flex-shrink: 0; color: var(--primary); transition: color 0.3s ease, opacity 0.3s ease; } .section-switcher__slider-btn._prev { left: -15px; } .section-switcher__slider-btn._next { right: -15px; } .section-switcher__slider-btn.swiper-button-disabled { color: var(--dark); pointer-events: none; } .section-switcher__slider-btn svg { width: 100%; height: 100%; } .section-switcher__slider { margin: 0 20px; } .section-switcher__slide { box-sizing: border-box; height: auto !important; } .section-switcher__slide .card-product { height: 100%; } .section-fasteners { overflow: hidden; } .section-fasteners__slider { overflow: visible !important; } .section-fasteners__slider-wrapper { overflow: visible !important; } .section-fasteners__slider-wrapper .swiper-slide { box-sizing: border-box; } .section-popular__nav { background-color: #fff; border-radius: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; padding: 10px; display: flex; overflow-x: auto; gap: 10px; margin-bottom: 30px; } .section-popular__nav-btn { cursor: pointer; padding: 14px 20px; border-radius: 10px; white-space: nowrap; font-weight: 600; font-size: 18px; line-height: 120%; transition: color 0.3s ease, background-color 0.3s ease; } .section-popular__nav-btn._active { background-color: var(--wild); color: var(--primary); pointer-events: none; } .section-popular__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } .section-production__grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 200px); gap: 20px; } .section-production__item { position: relative; display: flex; flex-direction: column; overflow: hidden; background-color: var(--wild); border-radius: 20px; padding: 20px; transition: background-color 0.3s ease; z-index: 1; } .section-production__picture { position: absolute; inset: 0; z-index: -1; } .section-production__picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom left; object-position: bottom left; } .section-production__item-title { font-weight: 600; margin-bottom: 24px; } .section-production__item-subtitle { font-size: 16px; line-height: 120%; } .section-production__item-btn { display: flex; align-items: center; gap: 12px; margin: auto 0 0 auto; font-weight: 600; font-size: 16px; line-height: 120%; } .section-production__item-btn span { opacity: 0; transition: opacity 0.3s ease; } .section-production__item-btn .circle { display: flex; align-items: center; justify-content: center; color: var(--alto); width: 20px; height: 20px; border-radius: 50%; background-color: #fff; transition: color 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .section-production__item-btn .circle svg { width: 10px; height: 10px; } .section-delivery { overflow: hidden; } .section-delivery__wrapper { position: relative; z-index: 1; } .section-delivery__list { display: flex; flex-direction: column; gap: 20px; max-width: 610px; } .section-delivery__list li { display: flex; align-items: start; gap: 20px; font-size: 18px; } .section-delivery__list li svg { flex-shrink: 0; width: 20px; height: 20px; color: var(--primary); } .section-delivery__car { display: block; width: 520px; margin: 55px 0 50px 0; } .section-delivery__map { position: absolute; right: -35px; top: -15px; z-index: -1; width: 970px; height: 520px; } .section-delivery__adv-slider { overflow: visible !important; } .section-delivery__adv-item { display: flex; align-items: start; height: auto !important; gap: 15px; box-sizing: border-box; padding: 15px 20px; border-radius: 15px; background-color: var(--wild); font-size: 16px; } .section-delivery__adv-item .icon { display: block; width: 24px; flex-shrink: 0; } .section-delivery__adv-item p { margin: 0; } .section-delivery__adv-item strong { display: block; font-weight: 800; } .section-partners { overflow: hidden; } .section-partners__wrapper { display: flex; align-items: center; gap: 20px; } .section-partners__slider { flex: 1; } .section-partners__slide { display: flex; align-items: center; justify-content: center; border-radius: 20px; background-color: var(--wild); aspect-ratio: 1/1; } .section-partners__slide img { display: block; -webkit-filter: brightness(0); filter: brightness(0); opacity: 0.8; transition: opacity 0.3s ease, -webkit-filter 0.3s ease; transition: filter 0.3s ease, opacity 0.3s ease; transition: filter 0.3s ease, opacity 0.3s ease, -webkit-filter 0.3s ease; } .section-certificates { overflow: hidden; } .section-certificates__slider-wrapper { display: flex; align-items: center; gap: 20px; } .section-certificates__slide { display: block; overflow: hidden; outline: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-filter: grayscale(100%); filter: grayscale(100%); aspect-ratio: 1/1.41; border-radius: 20px; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .section-certificates__slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-reviews { overflow: hidden; } .section-reviews__nav { display: flex; overflow-x: auto; gap: 10px; margin: 0 -30px 40px -30px; padding: 0 30px; } .section-reviews__nav-btn { cursor: pointer; padding: 14px 20px; border-radius: 10px; white-space: nowrap; font-weight: 600; font-size: 18px; line-height: 120%; color: #333; transition: color 0.3s ease, background-color 0.3s ease; } .section-reviews__nav-btn._active { pointer-events: none; background-color: var(--wild); color: var(--primary); } .section-reviews__slide { box-sizing: border-box; padding-bottom: 30px; } .section-reviews__slide-body { position: relative; padding: 20px; border-radius: 16px; z-index: 1; transition: background-color 0.3s ease; } .section-reviews__slide-body::before { position: absolute; content: ""; width: 60px; height: 25px; background: url(/local/templates/krepco/img/indicator.svg) 0 0/100% auto no-repeat; left: 30px; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; transition: opacity 0.3s ease; } .section-reviews__slide-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; } .section-reviews__stars { display: flex; gap: 4px; } .section-reviews__stars .star { width: 20px; height: 20px; color: #fdd264; opacity: 0.2; } .section-reviews__stars .star._active { opacity: 1; } .section-reviews__slide-content { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 500; font-size: 16px; line-height: 150%; letter-spacing: -0.01em; margin: 0; } .section-reviews__slide-author { display: flex; align-items: start; gap: 20px; margin-top: 35px; } .section-reviews__author-avatar { display: block; width: 70px; aspect-ratio: 1/1; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .section-reviews__author-head { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-bottom: 5px; } .section-reviews__author-title { display: flex; align-items: center; gap: 5px; font-weight: 700; font-size: 16px; line-height: 150%; letter-spacing: -0.01em; margin: 0; } .section-reviews__author-title::after { content: ""; border-radius: 50%; flex-shrink: 0; width: 3px; height: 3px; background-color: var(--alto); } .section-reviews__author-date { font-weight: 500; font-size: 10px; line-height: 150%; } .section-reviews__author-content { margin: 0; font-weight: 500; font-size: 12px; line-height: 150%; letter-spacing: -0.01em; } .section-reviews__slide-gallery { display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 1/0.83; outline: 0; transition: opacity 0.3s ease; } .section-reviews__slide-gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .section-useful { overflow: hidden; } .section-useful__slider { padding: 10px 0; } .section-useful__slide { box-sizing: border-box; height: auto !important; } .section-useful__slide .card-article { height: 100%; } .section-key__wrapper { display: flex; align-items: start; gap: 30px; } .section-key__content { flex: 1; } .section-key__spollers { display: flex; flex-direction: column; gap: 30px; } .section-key__spoller-btn { display: flex; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; gap: 10px; transition: color 0.3s ease; } .section-key__spoller-btn._spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .section-key__spoller-btn svg { width: 10px; height: 10px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-key__tags { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 20px; } .section-key__tags a { display: block; padding: 5px 10px; border-radius: 5px; background-color: var(--wild); font-size: 16px; transition: color 0.3s ease, background-color 0.3s ease; } .section-key__sidebar { position: sticky; top: 20px; width: 355px; flex-shrink: 0; border-radius: 16px; overflow: hidden; background-color: var(--wild); } .section-key__sidebar-body { position: relative; padding: 44px 35px; z-index: 1; } .section-key__sidebar-bg { position: absolute; width: 100%; display: block; bottom: 0; right: 0; z-index: -1; } .section-key__sidebar-bg img { display: block; width: 100%; } .section-key__sidebar-title { margin-bottom: 20px; } .section-key__sidebar-img { display: block; width: 100%; margin-top: 130px; } .section-key__sidebar-btn { margin-top: 45px; } .section-key__content-wrapper { margin-top: 50px; } .section-key__recommendations { margin-bottom: 80px; } .section-key__recommendations-item:not(:last-child) { margin-bottom: 40px; } .section-key__recommendations-title { font-weight: 900; font-size: 26px; line-height: 120%; margin: 0 0 40px 0; } .section-key__recommendations-list { display: flex; flex-wrap: wrap; gap: 15px; } .section-key__recommendations-list a, .section-key__recommendations-list div { cursor: pointer; display: block; font-size: 16px; border-radius: 5px; padding: 5px 10px; background-color: var(--wild); transition: color 0.3s ease, background-color 0.3s ease; } .section-key__recommendations-list [data-more-item]:nth-child(-n + 10) { -webkit-transform: translateY(0); transform: translateY(0); display: block; opacity: 1; } .section-faq__top { overflow: hidden; } .section-faq__nav { display: flex; gap: 10px; overflow-x: auto; padding: 0 30px; margin: 0 -30px; } .section-faq__nav-btn { cursor: pointer; padding: 14px 20px; border-radius: 10px; white-space: nowrap; font-weight: 600; font-size: 18px; line-height: 120%; transition: color 0.3s ease, background-color 0.3s ease; } .section-faq__nav-btn._active { pointer-events: none; color: var(--primary); background-color: var(--wild); } .section-faq__wrapper { display: flex; align-items: start; gap: 25px; margin-top: 25px; } .section-faq__sidebar { position: sticky; top: 20px; width: 355px; max-width: 100%; flex-shrink: 0; } .section-faq__sidebar-body { position: relative; overflow: hidden; background-color: var(--wild); width: 100%; padding: 20px 35px 40px 35px; border-radius: 16px; z-index: 1; } .section-faq__sidebar-title { font-weight: 900; font-size: 25px; margin: 0 0 20px 0; } .section-faq__sidebar-content { font-size: 16px; margin: 0 0 30px 0; } .section-faq__social { display: flex; gap: 12px; } .section-faq__social-btn { display: block; width: 30px; height: 30px; color: var(--primary); transition: color 0.3s ease; } .section-faq__social-btn svg { width: 100%; height: 100%; } .section-faq__tel { margin-top: 15px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 800; font-size: 20px; transition: color 0.3s ease; } .section-faq__time { color: var(--primary); font-size: 16px; margin: 0 0 25px 0; } .section-faq__sidebar-tag { position: absolute; padding: 5px 10px; background-color: #fff; -webkit-transform: rotate(-4deg); transform: rotate(-4deg); bottom: 14px; right: 10px; border-radius: 100px; font-weight: 800; font-size: 12px; color: var(--primary); z-index: 10; } .section-faq__sidebar-decor { position: absolute; display: block; z-index: -1; right: 0; bottom: 0; } .section-faq__sidebar-decor img { display: block; width: 100%; } .section-faq__spollers { display: flex; flex-direction: column; gap: 20px; flex: 1; } .section-faq__spoller { border: 1px solid var(--primary); border-radius: 16px; } .section-faq__spoller-btn { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; padding: 20px 40px; transition: color 0.3s ease; } .section-faq__spoller-btn._spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .section-faq__spoller-btn svg { flex-shrink: 0; width: 15px; height: 15px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-faq__spoller-body { padding: 10px 40px 20px 40px; } .section-connect__head { margin-bottom: 20px; } .section-connect__head-content { font-size: 18px; margin: 0 0 40px 0; } .section-connect__body { display: flex; justify-content: space-between; gap: 30px; padding: 40px; color: #fff; border-radius: 16px; background-color: var(--primary); } .section-connect__main { display: flex; flex-direction: column; flex: 0 1 650px; } .section-connect__main-title { margin-bottom: 50px; } .section-connect__content { margin: 0 0 30px 0; } .section-connect__guarantee { display: flex; align-items: center; gap: 10px; margin-top: auto; font-size: 16px; line-height: 120%; } .section-connect__guarantee svg { flex-shrink: 0; width: 40px; height: 40px; } .section-connect__form { display: flex; flex-direction: column; gap: 20px; width: 500px; flex-shrink: 0; } .section-connect__form .input-control { display: flex; gap: 20px; } .section-connect__form .input-control .btn, .section-connect__form .input-control .btn-file, .section-connect__form .input-control .input { flex: 1; } .section-connect__form-policy { font-weight: 600; font-size: 16px; margin: 0; } .section-connect__form-policy a { text-decoration: underline; text-underline-offset: 3px; } .section-banner__slide { position: relative; display: flex !important; align-items: center; box-sizing: border-box; border-radius: 15px; min-height: 230px; padding: 30px; overflow: hidden; z-index: 1; } .section-banner__slide-bg { position: absolute; display: block; inset: 0; z-index: -1; } .section-banner__slide-bg img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .section-banner__slide-body { max-width: 620px; } .section-banner__slide-title { font-weight: 900; font-size: 50px; margin: 0 0 10px 0; } .section-banner__slide-content { margin: 0; font-size: 31px; } .section-banner__slider-pagination { position: absolute; right: 40px; bottom: 30px !important; left: auto !important; z-index: 10; } .section-shop__head { display: flex; align-items: start; gap: 35px; } .section-shop__info-search { width: 295px; flex-shrink: 0; font-size: 16px; color: var(--dusty); } .section-shop__head-list { flex: 1; display: flex; flex-wrap: wrap; gap: 35px; row-gap: 20px; } .section-shop__head-list li { cursor: pointer; display: block; font-size: 16px; border-bottom: 1px dashed var(--dusty); transition: color 0.3s ease, border-color 0.3s ease; } .section-shop__head-list li._active { border-color: transparent; color: var(--primary); } .section-shop__wrapper { display: flex; align-items: start; gap: 35px; margin-top: 40px; } .section-shop__sidebar { display: flex; flex-direction: column; gap: 40px; width: 295px; flex-shrink: 0; } .section-shop__block { width: 100%; } .section-shop__filters-overlay { position: fixed; inset: 0; background-color: #000; opacity: 0; visibility: hidden; z-index: 90; transition: opacity 0.4s ease, visibility 0.4s ease; } .section-shop__filters-overlay._active { opacity: 0.5; visibility: visible; } .section-shop__block-body { position: relative; padding: 20px; border: 1px solid var(--alto); border-radius: 15px; } .section-shop__filters-close { position: absolute; top: 10px; right: 20px; cursor: pointer; width: 24px; height: 24px; transition: color 0.3s ease; } .section-shop__filters-close svg { width: 100%; height: 100%; } .section-shop__block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .section-shop__block-head svg { width: 24px; height: 24px; color: var(--primary); flex-shrink: 0; } .section-shop__block-title { font-weight: 900; font-size: 20px; margin: 0; } .section-shop__filters-spollers { display: flex; flex-direction: column; } .section-shop__filters-item { padding: 10px; border-bottom: 1px solid var(--alto); } .section-shop__filters-spoller-btn { display: flex; align-items: center; justify-content: space-between; width: 100%; cursor: pointer; padding: 15px 0; background-color: rgba(0, 0, 0, 0); outline: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; border: none; border-radius: 0; transition: color 0.3s ease; } .section-shop__filters-spoller-btn._selected { color: var(--primary); } .section-shop__filters-spoller-btn._spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .section-shop__filters-spoller-btn svg { width: 10px; height: 10px; flex-shrink: 0; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-shop__price { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 6px 0; border: 1px solid var(--alto); border-radius: 10px; } .section-shop__price-input { font-size: 14px; text-align: center; display: block; border: none; outline: 0; background-color: rgba(0, 0, 0, 0); width: 50%; padding: 10px; } .section-shop__price-input:first-child { text-align: start; } .section-shop__price-input:nth-child(2) { text-align: end; } .section-shop__price-input::-webkit-inner-spin-button, .section-shop__price-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .section-shop__price-range { position: absolute; bottom: 0; left: 10px; right: 10px; height: 2px; background: rgba(0, 0, 0, 0); border-radius: 0; border: none; box-shadow: none; z-index: 1; } .section-shop__price-range .noUi-connect { background-color: var(--primary); } .section-shop__price-range .noUi-handle { width: 12px; height: 12px; border-radius: 50%; background-color: var(--primary); box-shadow: none; border: none; top: -5px; right: -6px; } .section-shop__price-range .noUi-handle::after, .section-shop__price-range .noUi-handle::before { display: none; } .section-shop__input-avialable { display: none; } .section-shop__input-avialable:checked + label .section-shop__avialable-switch { background-color: var(--primary); } .section-shop__input-avialable:checked + label .section-shop__avialable-switch::before { right: 2px; -webkit-transform: translateX(0); transform: translateX(0); } .section-shop__avialable-switch { position: relative; display: flex; align-items: center; width: 36px; height: 20px; border-radius: 20px; background-color: var(--alto); transition: background-color 0.3s ease; } .section-shop__avialable-switch::before { position: absolute; content: ""; display: block; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1); width: 16px; height: 16px; right: calc(100% - 2px); -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 1; transition: right 0.3s ease, -webkit-transform 0.3s ease; transition: right 0.3s ease, transform 0.3s ease; transition: right 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .section-shop__variants { display: flex; flex-wrap: wrap; gap: 20px; overflow-y: auto; max-height: 170px; } .section-shop__variants._column { flex-direction: column; gap: 10px; flex-wrap: nowrap; } ._column.section-shop__variant { width: 100%; } .section-shop__variant-input { display: none; } .section-shop__variant-input:checked + label::before { background: url(/local/templates/krepco/img/check-white.svg) center/12px auto no-repeat; background-color: var(--primary); border-color: var(--primary); } .section-shop__variant-btn { cursor: pointer; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; font-size: 12px; transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; } .section-shop__variant-btn._row { flex-direction: row; gap: 12px; } .section-shop__variant-btn::before { content: ""; flex-shrink: 0; width: 24px; height: 24px; border: 1px solid var(--alto); border-radius: 2px; } .section-shop__filters-nav { margin-top: 24px; display: flex; flex-direction: column; gap: 16px; width: 100%; } .section-shop__filters-nav-btn { width: 100%; } .section-shop__delivery { display: flex; align-items: start; gap: 15px; padding: 18px; border-radius: 15px; background: rgba(235, 110, 3, 0.1); border: 1px solid var(--primary); } .section-shop__delivery-icon { width: 24px; height: 24px; color: var(--primary); flex-shrink: 0; } .section-shop__delivery-body { flex: 1; } .section-shop__delivery-content { font-size: 16px; margin: 0; } .section-shop__delivery-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .section-shop__delivery-bottom svg { width: 60px; height: 60px; color: var(--primary); } .section-shop__delivery-bottom-content { font-size: 16px; display: block; color: var(--dusty); margin-top: 2px; } .section-shop__delivery-btn { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 4px; font-size: 16px; text-decoration: underline; color: var(--primary); text-underline-offset: 2px; } .section-shop__sections { display: flex; flex-direction: column; gap: 5px; } .section-shop__sections a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 16px; padding: 5px 0; transition: color 0.3s ease; } .section-shop__sections a._active { color: var(--primary); } .section-shop__main { flex: 1; } .section-shop__main-list-wrapper { margin-bottom: 40px; } .section-shop__main-list-title { font-weight: 900; font-size: 20px; line-height: 120%; margin: 0 0 20px 0; } .section-shop__main-list { display: flex; flex-wrap: wrap; gap: 10px; } .section-shop__filters-btn { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 19px 15px; outline: 0; background: hsla(0, 0%, 100%, 0.1); border-radius: 15px; border: 1px solid var(--primary); color: var(--dark); margin: 0 auto 20px auto; width: 100%; max-width: 500px; font-weight: 900; font-size: 18px; } .section-shop__filters-btn svg { width: 24px; height: 24px; color: var(--primary); } .section-shop__main-head { display: flex; align-items: center; gap: 30px; margin-bottom: 40px; width: 100%; } .section-shop__sort-item { display: flex; align-items: center; gap: 10px; } .section-shop__sort-item .select .select-input { font-size: 14px; padding: 13px; } .section-shop__sort-item .select .arrow { right: 13px; } .section-shop__orderby-select { width: 145px; } .section-shop__orderby-select .icon { width: 23px; height: 23px; color: var(--dusty); } .section-shop__sort-content { font-size: 14px; color: var(--dusty); } .section-shop__number-select { width: 82px; } .section-shop__number-select .select-btn::after { position: absolute; content: ""; width: 1px; height: 16px; background-color: var(--alto); right: 35px; } .section-shop__view-nav { display: flex; gap: 15px; border-radius: 10px; padding: 8px 15px; background-color: var(--wild); margin-left: auto; } .section-shop__view-btn { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: #fff; border-radius: 3px; color: var(--primary); transition: color 0.3s ease, background-color 0.3s ease; } .section-shop__view-btn._active { color: #fff; background-color: var(--primary); } .section-shop__view-btn svg { width: 20px; height: 20px; } .section-shop__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; row-gap: 40px; } .section-shop__grid-big { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; row-gap: 40px; } .section-shop__navigation { margin-top: 35px; } .section-shop__btn-more { margin: 0 auto 20px auto; } .section-shop__grid-lines { display: grid; grid-template-columns: 1fr; gap: 20px; } .section-shop__product { margin-bottom: 40px; } .section-shop__product-head { display: flex; align-items: flex-end; gap: 15px; margin-bottom: 25px; } .section-shop__product-count { font-size: 16px; color: var(--dusty); margin-bottom: 7px; } .section-shop__product-wrapper { display: flex; align-items: start; gap: 35px; } .section-shop__product-img { position: sticky; top: 20px; flex-shrink: 0; display: block; border-radius: 20px; width: 400px; height: 400px; -o-object-fit: cover; object-fit: cover; } .section-shop__product-info { flex: 0 1 730px; } .section-shop__product-content { font-size: 18px; } .section-shop__product-content p { margin: 0; } .section-shop__product-content p:not(:last-child) { margin-bottom: 10px; } .section-shop__product-content strong { font-weight: 900; } .section-shop__product-application { margin-top: 20px; } .section-shop__application-title { font-size: 20px; font-weight: 900; margin: 0 0 20px 0; } .section-shop__application-gallery { display: flex; flex-wrap: wrap; gap: 30px; } .section-shop__application-gallery img { display: block; width: 80px; height: 80px; border-radius: 10px; -o-object-fit: cover; object-fit: cover; } .section-shop__grid-full-lines { display: grid; grid-template-columns: 1fr; gap: 20px; } .section-recommendation { overflow: hidden; } .section-recommendation__slide { box-sizing: border-box; height: auto; } .section-recommendation__slide .card-product { height: 100%; } .section-search__title { margin-bottom: 50px; font-weight: 700; } .section-search__title span { color: var(--primary); } .section-search__info-search { font-size: 16px; margin-bottom: 20px; } .section-search__info-search span { color: var(--primary); } .section-search__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 50px; } .section-product__head { margin-bottom: 20px; } .section-product__title { margin-bottom: 10px; } .section-product__head-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .section-product__id { font-size: 16px; color: var(--dusty); } .section-product__id span { color: var(--dark); } .section-product__btn-share { cursor: pointer; display: flex; align-items: center; gap: 5px; font-size: 16px; line-height: 87%; transition: color 0.3s ease; } .section-product__btn-share svg { width: 24px; height: 24px; color: var(--primary); } .section-product__body { display: flex; align-items: start; gap: 30px; } .section-product__gallery { display: flex; gap: 25px; } .section-product__thumb-slider { width: 100px; flex-shrink: 0; height: 480px; } .section-product__thumb-slide { cursor: pointer; overflow: hidden; display: block; border-radius: 15px; width: 100%; box-sizing: border-box; border: 1px solid rgba(235, 110, 3, 0); transition: border-color 0.3s ease; } .section-product__thumb-slide.swiper-slide-thumb-active { border-color: var(--primary); } .section-product__thumb-slide img { display: block; width: 100%; height: 100%; } .section-product__slider { width: 480px; } .section-product__slider .tag { position: absolute; top: 20px; left: 20px; z-index: 10; } .section-product__slider .slider-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .section-product__slider .slider-btn._prev { left: 10px; } .section-product__slider .slider-btn._next { right: 10px; } .section-product__slide { position: relative; aspect-ratio: 1/1; border-radius: 20px; overflow: hidden; background-color: #fff; z-index: 1; outline: 0; } .section-product__slide img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; z-index: -1; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-product__slide-zoom { position: absolute; cursor: pointer; width: 30px; height: 30px; top: 15px; right: 15px; color: var(--dusty); transition: color 0.3s ease; z-index: 10; } .section-product__slide-zoom svg { width: 100%; height: 100%; } .section-product__info { flex: 1; } .section-product__info-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 40px; } .section-product__info-title { font-weight: 900; font-size: 24px; margin: 0; } .section-product__info-link { display: flex; align-items: center; gap: 5px; padding: 5px; border-radius: 5px; background-color: rgba(245, 245, 245, 0.7); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 16px; line-height: 87%; transition: background-color 0.3s ease; } .section-product__info-link svg { width: 10px; height: 10px; } .section-product__info-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 45px; } .section-product__info-list li { font-size: 18px; color: var(--dusty); } .section-product__info-list li span { color: var(--dark); } .section-product__file-download { display: flex; align-items: center; gap: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 45px; padding: 11px 20px; background-color: #fff; border-radius: 10px; font-size: 16px; color: var(--black); transition: background-color 0.3s ease; } .section-product__file-download img { flex-shrink: 0; } .section-product__sidebar { width: 355px; flex-shrink: 0; align-self: flex-end; } .section-product__nav { padding: 40px; border-radius: 20px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); background: #fff; } .section-product__price-item { padding-bottom: 20px; border-bottom: 1px dashed var(--dusty); } .section-product__price-item:not(:last-child) { margin-bottom: 20px; } .section-product__price-item._primary { color: var(--primary); } .section-product__price-title { font-weight: 600; font-size: 24px; margin-bottom: 10px; } .section-product__price-value { font-weight: 900; font-size: 26px; } .section-product__price-value span { color: var(--dusty); } .section-product__nav-bottom { margin-top: 30px; display: flex; gap: 20px; } .section-product__nav-bottom .counter { flex: 1; } .section-product__sidebar-content { font-size: 15px; color: var(--dusty); margin: 20px 0 0 0; } .section-product__sidebar-content a { color: var(--primary); } .section-info__head { overflow-x: auto; margin: 0 -30px; padding: 0 30px; } .section-info__nav { display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 10px; border-radius: 10px; padding: 10px; background-color: #fff; } .section-info__nav-btn { display: block; padding: 14px 20px; border-radius: 10px; font-weight: 600; font-size: 18px; line-height: 120%; text-align: center; white-space: nowrap; transition: color 0.3s ease, background-color 0.3s ease; } .section-info__table { margin-top: 30px; } .section-info__table-head { display: flex; gap: 40px; margin-bottom: 20px; } .section-info__table-head-cell { font-weight: 900; font-size: 16px; } .section-info__table-head-cell:nth-child(1) { flex: 1; } .section-info__table-head-cell:nth-child(2) { flex: 0 1 160px; } .section-info__table-head-cell:nth-child(3) { flex: 0 1 150px; } .section-info__table-head-cell:nth-child(4) { flex: 0 1 385px; } .section-info__table-body { display: flex; flex-direction: column; gap: 10px; } .section-info__table-product { display: flex; align-items: center; gap: 40px; border-radius: 10px; padding: 10px; background-color: #fff; font-size: 16px; } .section-info__table-product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: 500; flex: 1; transition: color 0.3s ease; } .section-info__table-product-id { flex: 0 1 165px; } .section-info__table-product-unit { flex: 0 1 150px; } .section-info__table-product-nav { display: flex; align-items: center; gap: 20px; flex: 0 1 370px; } .section-info__table-product-nav .counter { width: 100px !important; } .section-info__table-product-price { font-weight: 900; } .section-info__table-product-nav-wrapper { display: flex; margin-left: auto; gap: 10px; } .section-info__table-product-btn svg { width: 24px; height: 24px; } .section-info__wrapper { display: flex; align-items: start; gap: 25px; margin-top: 50px; } .section-info__content { display: flex; flex-direction: column; gap: 50px; flex: 1; } .section-info__content-title { font-weight: 900; font-size: 26px; margin: 0 0 40px 0; } .section-info__content-spec { max-width: 730px; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; row-gap: 15px; } .section-info__content-spec li { font-size: 18px; } .section-info__content-spec li span { color: var(--dusty); } .section-info__content-tags { display: flex; flex-wrap: wrap; gap: 10px; } .section-info__sizes-wrapper table { border: 1px solid var(--iron); margin: 0; padding: 0; display: block; font-size: 15px; width: 1120px; } .section-info__sizes-wrapper thead { display: block; border-bottom: 1px solid var(--iron); } .section-info__sizes-wrapper tr { display: flex; transition: background-color 0.3s ease; } .section-info__sizes-wrapper tr:not(:last-child) { border-bottom: 1px solid var(--iron); } .section-info__sizes-wrapper th { background-color: var(--athens); } .section-info__sizes-wrapper td, .section-info__sizes-wrapper th { display: flex; align-items: center; justify-content: flex-end; min-width: 0; flex-shrink: 0; margin: 0; font-weight: 400; text-align: right; padding: 15px 10px; flex: 1; transition: background-color 0.3s ease; } .section-info__sizes-wrapper td:first-child, .section-info__sizes-wrapper th:first-child { flex: 0 1 130px; background-color: var(--athens); } .section-info__sizes-wrapper td:last-child, .section-info__sizes-wrapper th:last-child { flex: 0 1 63px; } .section-info__sizes-wrapper td:not(:last-child), .section-info__sizes-wrapper th:not(:last-child) { border-right: 1px solid var(--iron); } .section-info__sizes-wrapper td.fill, .section-info__sizes-wrapper th.fill { background-color: var(--athens); } .section-info__sizes-wrapper tbody { display: block; } .section-info__sizes { display: block; width: 100%; } .section-info__sizes img { display: block; width: 100%; } .section-info__sidebar { position: sticky; top: 20px; width: 355px; flex-shrink: 0; } .section-info__sidebar-products { display: flex; flex-direction: column; gap: 20px; } .section-info__product { display: flex; align-items: center; gap: 12px; } .section-info__product:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid var(--alto); } .section-info__product-gallery { display: block; width: 100px; height: 100px; background-color: #fff; flex-shrink: 0; } .section-info__product-gallery img { display: block; width: 100%; height: 100%; border-radius: 15px; border: 1px solid rgba(235, 110, 3, 0); -o-object-fit: cover; object-fit: cover; } .section-info__product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 12px; color: var(--dusty); transition: color 0.3s ease; } .section-info__product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; } .section-info__product-bottom .counter { flex: none; width: 100px !important; } .section-info__product-price { font-weight: 900; font-size: 16px; } .section-cart__title { margin-bottom: 30px; } .section-cart__warn { display: flex; align-items: center; justify-content: space-between; border-radius: 20px; padding: 20px 40px; background-color: #fff; gap: 25px; margin-bottom: 30px; width: 1090px; max-width: 100%; transition: background-color 0.3s ease; } .section-cart__warn .tag { font-size: 12px; padding: 4px 8px; } .section-cart__warn-content { font-size: 16px; margin: 0; } .section-cart__warn-content span { color: var(--dusty); } .section-cart__wrapper { display: flex; align-items: start; gap: 30px; } .section-cart__main { flex: 1; overflow: hidden; } .section-cart__head { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; } .section-cart__head-main { display: flex; align-items: center; gap: 20px; flex: 1; } .section-cart__delete-all { cursor: pointer; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0); outline: 0; padding: 0; border: none; gap: 10px; font-size: 16px; line-height: 87%; color: var(--primary); transition: color 0.3s ease; } .section-cart__delete-all svg { width: 16px; height: 16px; } .section-cart__head-nav { display: flex; align-items: center; justify-content: flex-end; width: 100%; gap: 40px; width: 335px; flex-shrink: 0; } .section-cart__head-btn { cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: 87%; transition: color 0.3s ease; } .section-cart__head-btn svg { width: 24px; height: 24px; flex-shrink: 0; color: var(--primary); } .section-cart__sidebar { position: sticky; top: 150px; width: 355px; } .section-cart__sidebar-block { padding: 40px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); border-radius: 20px; width: 100%; background: #fff; } .section-cart__sidebar-title { margin-bottom: 20px; } .section-cart__sidebar-items { border-top: 1px dashed var(--alto); } .section-cart__item { padding: 20px 0; border-bottom: 1px dashed var(--alto); } .section-cart__info-order { display: flex; align-items: center; gap: 10px; font-size: 20px; } .section-cart__info-order span { display: flex; align-items: center; gap: 10px; } .section-cart__info-order span:not(:last-child)::after { display: block; content: ""; width: 5px; height: 5px; flex-shrink: 0; background-color: var(--alto); border-radius: 50%; } .section-cart__sum-order { display: flex; flex-direction: column; gap: 10px; font-weight: 900; font-size: 24px; } .section-cart__sum-order span { color: var(--primary); } .section-cart__sidebar-btn { width: 100%; margin-top: 30px; } .section-cart__sidebar-content { margin-top: 30px; font-size: 15px; color: var(--dusty); } .section-cart__sidebar-content p { margin: 0; } .section-cart__sidebar-content p:not(:last-child) { margin-bottom: 15px; } .section-cart__sidebar-content a { text-decoration: underline; text-underline-offset: 3px; transition: color 0.3s ease; } .section-cart__info { display: flex; flex-direction: column; width: 100%; margin-top: 80px; gap: 80px; } .section-cart__info-block { padding: 40px; background-color: #fff; border-radius: 10px; } .section-cart__form-person { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .section-cart__form-person .input-control:last-child { grid-column: 3 span; } .section-cart__form-pickup { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .section-cart__download-scheme { display: flex; align-items: center; gap: 10px; padding: 10px 20px; margin-left: auto; font-size: 16px; transition: color 0.3s ease; } .section-cart__download-scheme img { display: block; flex-shrink: 0; width: 20px; } .section-cart__map { height: 440px; border-radius: 20px; overflow: hidden; margin-top: 40px; } .section-cart__bottom-btn { width: 100%; } .section-cart__quick-cart-wrapper { margin-top: 80px; } .section-message { position: relative; margin-bottom: 50px; z-index: 1; } .section-message__decor { position: absolute; right: 0; top: -68px; z-index: -1; } .section-message__decor img { display: block; } .section-message__title { margin-bottom: 30px; } .section-message__title span { color: var(--primary); } .section-message__content { font-size: 24px; line-height: 120%; max-width: 860px; } .section-message__content strong { font-weight: 900; } .section-message__content p { margin: 0; } .section-message__content p:not(:last-child) { margin-bottom: 20px; } .section-message__content a { text-decoration: underline; text-underline-offset: 3px; transition: color 0.3s ease; } .section-message__btn { margin-top: 30px; } .section-company { margin-bottom: 0 !important; } .section-company__title { margin-bottom: 40px; } .section-company__wrapper { display: grid; align-items: start; grid-template-columns: repeat(2, 1fr); gap: 30px; } .section-company__about-img { position: sticky; top: 20px; display: block; width: 100%; border-radius: 15px; } .section-company__bottom { display: flex; gap: 25px; margin-top: 25px; } .section-company__bottom-content { display: flex; align-items: center; margin: 0; border: 1px solid var(--primary); padding: 20px 30px; border-radius: 15px; flex: 0 1 480px; margin: 0; font-weight: 600; font-size: 20px; } .section-company__adv { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; flex: 1; } .section-company__adv-item { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 20px; border-radius: 15px; background-color: var(--wild); text-align: center; } .section-company__adv-num { font-weight: 900; font-size: 50px; line-height: 120%; margin-bottom: 10px; } .section-company__adv-value { font-family: var(--font-family); font-weight: 600; font-size: 22px; } .section-criterias { margin-top: 60px !important; } .section-criterias__content { width: 100%; padding: 10px 40px; border-radius: 10px; margin: 0 0 50px 0; background-color: #f7f7f7; } .section-criterias__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; row-gap: 40px; } .section-criterias__item { display: flex; align-items: start; gap: 20px; } .section-criterias__item._fill { padding: 20px 30px; background: rgba(235, 110, 3, 0.1); border-radius: 20px; } .section-criterias__item._fill::before { display: none; } .section-criterias__item::before { content: ""; width: 28px; height: 28px; flex-shrink: 0; background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat; } .section-criterias__item-title { font-weight: 900; font-size: 25px; line-height: 120%; margin: 0 0 20px 0; } .section-criterias__item-content { margin: 0; } .section-team__slider-wrapper { display: flex; align-items: center; gap: 50px; } .section-team__slider-wrapper .slider-btn { flex-shrink: 0; } .section-objects__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .section-objects__item { display: flex; align-items: center; justify-content: center; position: relative; border-radius: 15px; overflow: hidden; aspect-ratio: 1/0.64; padding: 20px; text-align: center; font-weight: 900; font-size: 25px; line-height: 120%; color: #fff; z-index: 1; } .section-objects__item::before { position: absolute; content: ""; inset: 0; background-color: #000; opacity: 0.5; z-index: -1; transition: opacity 0.3s ease; } .section-objects__item img { position: absolute; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -2; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-objects__item-info { display: flex; align-items: center; justify-content: space-between; position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 10; } .section-objects__item-info .item { display: flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 900px; opacity: 0; transition: backdrop-filter 0.3s ease, opacity 0.3s ease; } .section-trust__slider { padding: 10px !important; margin: -10px !important; } .section-trust__slide { display: flex !important; align-items: center; justify-content: center; border-radius: 15px; padding: 6px; min-height: 150px; background-color: #fff; box-sizing: border-box; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); } .section-qr { padding: 75px 0; background-color: #333; color: #fff; } .section-qr__title { margin: 0 0 75px 0; } .section-qr__wrapper { display: flex; align-items: center; justify-content: space-between; gap: 30px; } .section-qr__content { margin: 0; font-weight: 600; font-size: 25px; } .section-qr__grid { display: flex; flex-shrink: 0; gap: 170px; } .section-qr__item { display: flex; flex-direction: column; align-items: center; text-align: center; width: 330px; } .section-qr__item-gallery { position: relative; width: 100%; padding: 12px; z-index: 1; } .section-qr__item-gallery .corner { position: absolute; width: 35px; height: 35px; z-index: -1; } .section-qr__item-gallery .corner:nth-child(1) { top: 0; left: 0; background: url(/local/templates/krepco/img/clt.svg) top 0 left 0/100% auto no-repeat; } .section-qr__item-gallery .corner:nth-child(2) { top: 0; right: 0; background: url(/local/templates/krepco/img/crt.svg) top 0 right 0/100% auto no-repeat; } .section-qr__item-gallery .corner:nth-child(3) { bottom: 0; left: 0; background: url(/local/templates/krepco/img/clb.svg) bottom 0 left 0/100% auto no-repeat; } .section-qr__item-gallery .corner:nth-child(4) { bottom: 0; right: 0; background: url(/local/templates/krepco/img/crb.svg) bottom 0 right 0/100% auto no-repeat; } .section-qr__item-img { display: block; width: 100%; aspect-ratio: 1/1; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05); border: 1px solid var(--primary); border-radius: 20px; -o-object-fit: cover; object-fit: cover; } .section-qr__item-btn { display: block; font-size: 20px; text-decoration: underline; text-underline-offset: 3px; margin-top: 15px; transition: color 0.3s ease; } .intro__body { position: relative; overflow: hidden; padding: 70px 100px; border-radius: 15px; background: rgba(62, 64, 65, 0.1); z-index: 1; } .intro__title { max-width: 850px; } .intro__btn { margin-top: 65px; } .intro__img { position: absolute; display: block; z-index: -1; top: 0; right: 0; } .intro__img._pay { top: auto; bottom: 0; } .section-shipping { overflow: hidden; } .section-shipping__nav { margin-bottom: 45px; } .section-shipping__head { position: relative; border-radius: 16px; padding: 40px; background-color: var(--primary-light); z-index: 1; } .section-shipping__head-body { max-width: 710px; } .section-shipping__head-content { max-width: 670px; margin: 20px 0 0 0; } .section-shipping__head-img { position: absolute; display: block; bottom: 0; right: 0; z-index: -1; } .section-shipping__wrapper { display: flex; align-items: start; justify-content: space-between; gap: 30px; margin-top: 45px; } .section-shipping__list { display: flex; flex-direction: column; gap: 20px; flex: 0 1 735px; } .section-shipping__list li { display: flex; align-items: start; gap: 20px; font-size: 18px; line-height: 120%; } .section-shipping__list li svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--primary); margin-top: 3px; } .section-shipping__attention { flex: 0 1 675px; border-radius: 16px; padding: 30px; background-color: var(--primary); color: #fff; } .section-shipping__attention-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 10px; } .section-shipping__attention-head svg { width: 40px; height: 40px; flex-shrink: 0; } .section-shipping__attention-content { margin: 0; } .section-shipping__block { margin: 80px 0; } .section-shipping__block:last-child { margin-bottom: 0 !important; } .section-shipping__block-head { margin-bottom: 50px; } .section-shipping__map { width: 100%; height: 620px; border-radius: 15px; overflow: hidden; } .section-shipping__grid { display: flex; gap: 25px; } .section-shipping__grid-item { border-radius: 16px; padding: 40px; background-color: var(--primary-light); flex: 1; } .section-shipping__grid-item:first-child { flex: 0 1 55%; } .section-shipping__grid-item-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; } .section-shipping__grid-item-head svg { width: 40px; height: 40px; color: var(--primary); flex-shrink: 0; } .section-shipping__grid-item-content { margin: 0; } .section-shipping__logos { display: flex; justify-content: space-between; gap: 15px; margin-top: 25px; } .section-shipping__logo { display: flex; align-items: center; justify-content: center; padding: 10px 40px; min-height: 85px; border-radius: 10px; background-color: var(--wild); transition: background-color 0.3s ease; } .section-shipping__table-wrapper { overflow-x: auto; } .section-shipping__table-wrapper table { display: block; } .section-shipping__table-wrapper table thead { display: block; padding-bottom: 20px; border-bottom: 1px solid var(--abbey); } .section-shipping__table-wrapper table tbody { display: block; } .section-shipping__table-wrapper table tbody tr { padding: 20px 0; border-bottom: 1px solid var(--abbey); } .section-shipping__table-wrapper table tr { display: flex; } .section-shipping__table-wrapper table th { color: var(--primary); } .section-shipping__table-wrapper table td, .section-shipping__table-wrapper table th { padding: 10px; flex: 1; flex-shrink: 0; font-weight: 600; text-align: start; font-size: 24px; line-height: 120%; } .section-shipping__table-wrapper table td:first-child, .section-shipping__table-wrapper table th:first-child { flex: 0 1 25%; } .section-shipping__pickup-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 25px; } .section-shipping__pickup-share { display: block; width: 18px; height: 18px; color: var(--primary); transition: color 0.3s ease; } .section-shipping__pickup-share svg { width: 100%; height: 100%; } .section-shipping__pickup-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; } .section-shipping__pickup-info { display: flex; flex-direction: column; gap: 20px; } .section-shipping__pickup-item a { transition: color 0.3s ease; } .section-shipping__pickup-item-title { margin-bottom: 5px; } .section-shipping__pickup-content-head { font-size: 18px; max-width: 440px; margin: 0; } .section-shipping__pickup-content-head strong { font-weight: 900; color: var(--primary); } .section-shipping__pickup-content { font-size: 18px; margin: 0; } .section-shipping__pickup-download { padding: 4px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .section-shipping__pickup-gallery { display: block; height: 285px; transition: opacity 0.3s ease; } .section-shipping__pickup-gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 16px; } .section-shipping__pickup-descr { font-size: 25px; } .section-shipping__pickup-descr p { margin: 0; } .section-shipping__pickup-descr p:not(:last-child) { margin-bottom: 20px; } .section-shipping__calc { display: flex; align-items: start; gap: 30px; } .section-shipping__calc-info { flex: 1; } .section-shipping__calc-content { margin-top: 30px; } .section-shipping__calc-main { width: 600px; } .section-shipping__calc-main img { width: 100%; display: block; } .section-pay { overflow: hidden; } .section-pay__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 40px; } .section-pay__col { display: flex; flex-direction: column; } .section-pay__col-head { border-radius: 15px; padding: 25px 40px; width: 100%; background-color: var(--wild); margin-bottom: 50px; } .section-pay__col-title { color: var(--primary); margin: 0 0 20px 0; } .section-pay__head-content { margin: 0; } .section-pay__col-body { display: flex; flex-direction: column; gap: 45px; margin-bottom: 30px; } .section-pay__col-item { display: flex; align-items: start; gap: 20px; } .section-pay__col-item svg { width: 30px; height: 30px; flex-shrink: 0; color: var(--primary); } .section-pay__col-item-title { margin-bottom: 30px; } .section-pay__col-item-content { margin: 0; } .section-pay__col-bottom { display: flex; align-items: center; margin-top: auto; width: 100%; gap: 20px; padding: 18px 20px; border-radius: 10px; background: rgba(235, 110, 3, 0.1); } .section-pay__col-bottom svg { width: 30px; height: 30px; flex-shrink: 0; color: var(--primary); } .section-pay__col-bottom-content { font-weight: 600; margin: 0; } .section-blog__head { display: flex; align-items: start; justify-content: space-between; gap: 30px; row-gap: 20px; margin-bottom: 30px; } .section-blog__tags { display: flex; flex-wrap: wrap; flex: 0 1 990px; gap: 10px; } .section-blog__search-form { display: flex; align-items: center; gap: 5px; width: 355px; flex-shrink: 0; padding: 20px; border: 1px solid var(--alto); border-radius: 15px; } .section-blog__search-input { flex: 1; padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); outline: 0; border: none; font-size: 16px; line-height: 120%; } .section-blog__search-btn { cursor: pointer; padding: 0; border: none; outline: 0; background-color: rgba(0, 0, 0, 0); width: 20px; height: 20px; transition: color 0.3s ease; } .section-blog__search-btn svg { width: 100%; height: 100%; } .section-blog__wrapper { display: flex; align-items: start; gap: 30px; } .section-blog__main { flex: 1; } .section-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; row-gap: 30px; } .section-blog__navigation { margin-top: 35px; } .section-blog__popular { position: sticky; top: 20px; width: 355px; flex-shrink: 0; padding: 20px; } .section-blog__popular-title { margin-bottom: 30px; } .section-blog__popular-list { display: flex; gap: 10px; flex-wrap: wrap; } .section-article__head { display: flex; align-items: flex-end; gap: 30px; margin-bottom: 20px; } .section-article__head-info { flex: 1; } .section-article__title { margin-bottom: 50px; } .section-article__spec { display: flex; align-items: center; gap: 30px; font-size: 16px; } .section-article__spec-item { display: flex; align-items: center; gap: 6px; } .section-article__spec-item svg { width: 20px; height: 20px; } .section-article__head-block { width: 355px; flex-shrink: 0; } .section-article__head-block .share { margin-left: auto; } .section-article__head-share { display: block; width: 20px; height: 20px; color: var(--primary); transition: color 0.3s ease; } .section-article__head-share svg { width: 100%; height: 100%; } .section-article__wrapper { display: flex; align-items: start; gap: 30px; } .section-article__content { flex: 1; } .section-article__content img { display: block; border-radius: 16px; margin-bottom: 60px; } .section-article__sidebar { position: sticky; top: 20px; width: 355px; flex-shrink: 0; padding: 20px; border-radius: 16px; background-color: #fff; } .section-article__sidebar-title { margin-bottom: 30px; } .section-article__sidebar-content { font-weight: 600; font-size: 16px; margin: 0 0 10px 0; } .section-article__sidebar-list { display: flex; flex-direction: column; gap: 10px; } .section-article__sidebar-list a { display: flex; align-items: center; gap: 6px; padding: 5px 0; font-size: 16px; transition: color 0.3s ease; } .section-article__sidebar-list a::before { content: ""; display: block; flex-shrink: 0; width: 14px; height: 14px; background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat; } .section-advices__wrapper { display: flex; align-items: start; gap: 30px; } .section-advices__main { flex: 1; } .section-advices__consult { display: flex; align-items: center; justify-content: space-between; overflow: hidden; position: relative; gap: 20px; padding: 20px; border-radius: 16px; margin-top: 45px; background-color: var(--wild); color: var(--dark); z-index: 1; } .section-advices__consult-title { margin-bottom: 20px; } .section-advices__consult-content { margin: 0; font-size: 20px; } .section-advices__consult-img { position: absolute; display: block; right: 215px; bottom: -85px; z-index: -1; } .section-advices__sidebar { position: sticky; top: 20px; width: 355px; flex-shrink: 0; border-radius: 15px; border: 1px solid var(--alto); padding: 20px; } .section-advices__sidebar-title { font-weight: 900; font-size: 20px; margin: 0 0 20px 0; } .section-advices__sidebar-list { display: flex; flex-direction: column; gap: 15px; } .section-advices__sidebar-list a { font-size: 16px; transition: color 0.3s ease; } .section-advices__sidebar-list a._active { color: var(--primary); } .intro-single { position: relative; overflow: hidden; min-height: 385px; padding: 56px 0; z-index: 1; } .intro-single .breadcrumbs { margin-top: 0 !important; } .intro-single__bg { position: absolute; display: block; max-width: none; pointer-events: none; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-height: 100%; z-index: -1; } .intro-single__wrapper { display: flex; align-items: center; gap: 20px; } .intro-single__info { flex: 0 0 735px; } .intro-single__info._big { flex-basis: 865px; } .intro-single__title { margin-bottom: 30px; } .intro-single__content { margin: 0 0 40px 0; } .intro-single__list { max-width: 600px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; row-gap: 20px; } .intro-single__list._full { max-width: none; } .intro-single__list li { display: flex; align-items: center; gap: 6px; font-size: 20px; } .intro-single__list li::before { content: ""; width: 14px; height: 14px; flex-shrink: 0; background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat; } .intro-single__btn { min-width: 225px; max-width: 100%; margin-top: 40px; } .intro-single__gallery { flex: 1; } .intro-single__img { display: block; margin: 0 auto; } .section-single { margin-top: 50px; } .section-single__wrapper { display: flex; align-items: start; gap: 25px; } .section-single__info { flex: 1; } .section-single__gallery { position: sticky; overflow: hidden; display: block; top: 20px; width: 355px; aspect-ratio: 1/1.07; border-radius: 16px; max-width: 100%; } .section-single__gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-single__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 50px; } .section-single__grid-item { border-radius: 16px; padding: 20px; background-color: #fff; } .section-single__grid-item-title { margin-bottom: 30px; } .section-single__grid-item-list { display: flex; flex-direction: column; gap: 12px; } .section-single__grid-item-list li { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 18px; } .section-single__grid-item-list li span:nth-child(2) { font-weight: 600; flex-shrink: 0; } .section-single__nav { position: sticky; width: 355px; flex-shrink: 0; top: 20px; padding: 20px; border: 1px solid var(--alto); border-radius: 15px; } .section-single__nav-title { font-weight: 900; font-size: 20px; margin-bottom: 20px; } .section-single__nav-list { display: flex; flex-direction: column; gap: 15px; } .section-single__nav-list a { font-size: 16px; transition: color 0.3s ease; } .section-portfolio__slide { display: block; aspect-ratio: 1/1; border-radius: 16px; overflow: hidden; outline: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .section-portfolio__slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-jobs__wrapper { display: flex; align-items: start; gap: 30px; } .section-jobs__info { flex: 1; } .section-jobs__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 80px; } .section-jobs__item { display: flex; flex-direction: column; border-radius: 16px; background-color: #fff; padding: 20px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section-jobs__item-title { font-weight: 900; font-size: 24px; line-height: 120%; margin: 0 0 20px 0; } .section-jobs__item-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; row-gap: 15px; margin-top: auto; margin-bottom: 10px; } .section-jobs__item-salary { margin: 0; } .section-jobs__item-list { display: flex; flex-direction: column; gap: 10px; font-size: 16px; } .section-jobs__item-list li { padding: 6px 0; } .section-jobs__item-tag { padding: 10px; background: rgba(237, 110, 0, 0.2); border-radius: 10px; flex-shrink: 0; } .section-jobs__item-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 15px; } .section-jobs__item-btn { min-width: 225px; } .section-jobs__item-date { font-size: 16px; } .section-jobs__reklam { position: sticky; top: 20px; width: 480px; border-radius: 16px; background-color: var(--wild); } .section-jobs__reklam-body { padding: 40px; } .section-jobs__reklam-title { margin-bottom: 20px; } .section-jobs__reklam-content { margin: 0; } .section-jobs__reklam-picture { display: block; max-width: 100%; width: 365px; margin: 0 auto; } .section-jobs__reklam-picture img { display: block; width: 100%; } .section-notfound__wrapper { display: flex; flex-direction: column; align-items: center; text-align: center; } .section-notfound__wrapper .quick-cart { margin-top: 50px; } .section-notfound__img { display: block; width: 600px; height: 420px; -o-object-fit: contain; object-fit: contain; } .section-notfound__content { font-weight: 900; font-size: 40px; text-align: center; margin: 15px 0 0 0; } .section-notfound__content a { color: var(--primary); text-decoration: underline; text-underline-offset: 10px; } .section-notfound__btn { min-width: 225px; margin: 50px auto 0 auto; } .section-contacts__nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; } .section-contacts__wrapper { display: flex; justify-content: space-between; gap: 30px; } .section-contacts__info { display: flex; flex-direction: column; gap: 40px; width: 440px; flex-shrink: 0; } .section-contacts__info-tel { font-size: 24px; line-height: 167%; margin: 0; } .section-contacts__info-tel strong { font-weight: 900; } .section-contacts__info-tel a { transition: color 0.3s ease; } .section-contacts__info-title { font-weight: 900; font-size: 24px; line-height: 133%; } .section-contacts__info-content { font-size: 18px; line-height: 167%; margin: 0; max-width: 450px; } .section-contacts__info-content strong { font-weight: 900; } .section-contacts__info-content a { transition: color 0.3s ease; } .section-contacts__map { flex: 0 1 980px; border-radius: 16px; overflow: hidden; min-height: 400px; } .section-contacts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 60px; } .section-contacts__grid-item { display: flex; align-items: center; gap: 50px; padding: 20px; border: 1px solid transparent; border-radius: 16px; background-color: #fff; transition: border-color 0.3s ease, background-color 0.3s ease; } .section-contacts__grid-item._big { grid-column: 2 span; } .section-contacts__grid-title { font-size: 24px; color: var(--primary); margin-bottom: 15px; } .section-contacts__grid-content { font-size: 24px; line-height: 167%; margin: 0; } .section-contacts__grid-content a { transition: color 0.3s ease; } .section-contacts__grid-content a[href^="mailto:"] { text-decoration: underline; text-underline-offset: 3px; } .section-contacts__grid-download { display: flex; align-items: center; gap: 10px; margin-top: 20px; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; transition: color 0.3s ease; } .section-contacts__grid-download img { display: block; width: 20px; flex-shrink: 0; } .section-contacts__grid-img { display: block; width: 405px; } .section-encyclopedia { overflow: hidden; } .section-encyclopedia__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-bottom: 60px; } .section-encyclopedia__info { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; row-gap: 15px; } .section-encyclopedia__info-item { display: flex; align-items: center; gap: 6px; font-size: 16px; line-height: 112%; } .section-encyclopedia__info-item svg { width: 20px; height: 20px; } .section-encyclopedia__grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 50px; } .section-encyclopedia__item { display: flex; align-items: center; justify-content: center; position: relative; width: 290px; aspect-ratio: 1/1; z-index: 1; } .section-encyclopedia__item::before { position: absolute; content: ""; inset: 0; background: url(/local/templates/krepco/img/figure.png) center/100% no-repeat; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .section-encyclopedia__item img { display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; max-width: 60px; transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease; transition: filter 0.4s ease, transform 0.4s ease, opacity 0.4s ease; transition: filter 0.4s ease, transform 0.4s ease, opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease; } .section-encyclopedia__search { margin-top: 75px; } .section-encyclopedia__search-content { font-size: 24px; line-height: 120%; margin-bottom: 50px; } .section-encyclopedia__table-wrapper { overflow-x: auto; } .section-encyclopedia__table { margin-top: 50px; width: 100%; min-width: 920px; } .section-encyclopedia__table.table-info .cell { flex: 1 !important; text-align: start !important; } .section-encyclopedia__table.table-info .cell a { color: var(--black); text-decoration: underline !important; transition: color 0.3s ease; } .section-encyclopedia__table thead { display: block; padding-bottom: 20px; border-bottom: 1px solid var(--alto); margin-bottom: 60px; } .section-encyclopedia__table tbody { display: flex; flex-direction: column; gap: 10px; } .section-encyclopedia__table tr { display: flex; align-items: center; gap: 15px; } .section-encyclopedia__table .cell { display: block; padding: 0; flex: 1; font-size: 16px; line-height: 120%; } .section-encyclopedia__table .cell:nth-child(2) { flex-basis: 15%; } .section-encyclopedia__table .cell:not(:nth-child(2)) { text-align: center; } .section-encyclopedia__table th.cell { font-weight: 900; text-align: start; } .section-encyclopedia__table .gallery { display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 16px; width: 100%; max-width: 230px; height: 100px; background-color: #fff; } .section-encyclopedia__table a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; } .section-encyclopedia__table [data-more-item]:nth-child(n + 14) { display: none; } .section-encyclopedia__content { max-width: 1190px; margin-top: 80px; } .section-encyclopedia__btn-more { margin: 30px auto 0 auto; } .section-encyclopedia__wrapper { display: flex; align-items: start; justify-content: space-between; gap: 30px; } .section-encyclopedia__main-content { flex: 0 1 990px; } .section-encyclopedia__main-content ul { padding: 0; list-style: none; } .section-encyclopedia__main-content ul li { display: flex; align-items: start; gap: 10px; line-height: 140%; } .section-encyclopedia__main-content ul li::before { content: ""; flex-shrink: 0; width: 12px; height: 12px; margin-top: 8px; background: url(/local/templates/krepco/img/figure.svg) center/100% auto no-repeat; } .section-encyclopedia__img { display: block; } .section-encyclopedia__single { display: flex; align-items: start; justify-content: space-between; gap: 30px; } .section-encyclopedia__single-content { flex: 0 1 990px; } .section-encyclopedia__single-gallery { width: 350px; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; } .section-encyclopedia__single-gallery-item { display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px; border-radius: 16px; background-color: #fff; } .section-encyclopedia__single-gallery-item:first-child { aspect-ratio: 1/1; } .section-encyclopedia__sizes-table { margin-top: 60px; } .section-encyclopedia__sizes-title { margin-bottom: 60px; } .section-encyclopedia__sizes-table-wrapper table { border: 1px solid var(--alto); display: block; } .section-encyclopedia__sizes-table-wrapper thead { display: block; border-bottom: 1px solid var(--alto); } .section-encyclopedia__sizes-table-wrapper tbody { display: block; } .section-encyclopedia__sizes-table-wrapper tr { width: 100%; display: grid; grid-template-columns: repeat(10, 1fr); transition: background-color 0.3s ease, color 0.3s ease; } .section-encyclopedia__sizes-table-wrapper tr:not(:last-child) { border-bottom: 1px solid var(--alto); } .section-encyclopedia__sizes-table-wrapper th { font-weight: 400; } .section-encyclopedia__sizes-table-wrapper td, .section-encyclopedia__sizes-table-wrapper th { display: flex; align-items: center; justify-content: center; min-height: 60px; flex: 1; padding: 5px; border: none; text-align: center; font-size: 16px; } .section-encyclopedia__sizes-table-wrapper td:not(:last-child), .section-encyclopedia__sizes-table-wrapper th:not(:last-child) { border-right: 1px solid var(--alto); } .section-encyclopedia__sizes-table-wrapper td[colspan="9"], .section-encyclopedia__sizes-table-wrapper th[colspan="9"] { grid-column: 9 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="8"], .section-encyclopedia__sizes-table-wrapper th[colspan="8"] { grid-column: 8 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="7"], .section-encyclopedia__sizes-table-wrapper th[colspan="7"] { grid-column: 7 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="6"], .section-encyclopedia__sizes-table-wrapper th[colspan="6"] { grid-column: 6 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="5"], .section-encyclopedia__sizes-table-wrapper th[colspan="5"] { grid-column: 5 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="4"], .section-encyclopedia__sizes-table-wrapper th[colspan="4"] { grid-column: 4 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="3"], .section-encyclopedia__sizes-table-wrapper th[colspan="3"] { grid-column: 3 span; } .section-encyclopedia__sizes-table-wrapper td[colspan="2"], .section-encyclopedia__sizes-table-wrapper th[colspan="2"] { grid-column: 2 span; } .section-requisites__head { flex-wrap: wrap; } .section-requisites__list { border-top: 1px solid var(--alto); } .section-requisites__list li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--alto); font-size: 24px; line-height: 133%; } .section-requisites__list li span:first-child { flex: 0 0 245px; } body > footer { position: relative; padding-top: 255px; overflow: hidden; width: 100%; z-index: 1; } body > footer::before { position: absolute; content: ""; width: 2285px; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(/local/templates/krepco/img/footer-decor-big.svg) 0 0/100% auto no-repeat; z-index: -1; } .footer__body { padding-bottom: 10px; background-color: #333; color: #fff; } .footer__head { display: flex; align-items: flex-end; gap: 90px; margin-bottom: 60px; } .footer__title { flex: 0 1 355px; } .footer__form { flex: 1; display: flex; align-items: flex-end; gap: 60px; } .footer__form-input { padding: 0 0 30px 0; border: none; border-bottom: 4px solid var(--dusty); flex: 1; background-color: rgba(0, 0, 0, 0); outline: 0; color: #fff; font-size: 25px; } .footer__form-input::-webkit-input-placeholder { color: var(--dusty); } .footer__form-input:-ms-input-placeholder { color: var(--dusty); } .footer__form-input::-ms-input-placeholder { color: var(--dusty); } .footer__form-input::placeholder { color: var(--dusty); } .footer__form-send { flex-shrink: 0; } .footer__wrapper { display: flex; gap: 50px; margin-bottom: 20px; } .footer__main { display: flex; flex-direction: column; width: 245px; flex-shrink: 0; } .footer__logo { display: block; width: 100%; } .footer__logo img { display: block; width: 100%; } .footer__main-content { font-size: 12px; margin: 10px 0 20px 0; } .footer__main-btn { margin-top: auto; } .footer__nav { display: flex; gap: 50px; margin-left: auto; } .footer__nav-item { width: 255px; flex-shrink: 0; } .footer__nav-title { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #fff; font-weight: 700; font-size: 16px; line-height: 87%; } .footer__nav-title._spoller-active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer__nav-title svg { width: 10px; height: 10px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .footer__list { display: flex; flex-direction: column; gap: 20px; padding-top: 18px; } .footer__list a { font-size: 16px; line-height: 87%; transition: color 0.3s ease; } .footer__contacts { width: 220px; display: flex; flex-direction: column; gap: 20px; } .footer__contacts-title { font-weight: 900; font-size: 16px; line-height: 125%; } .footer__contacts-btn { font-weight: 400; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; transition: color 0.3s ease; } .footer__social { margin-top: 10px; display: flex; gap: 12px; } .footer__social-btn { width: 30px; height: 30px; transition: color 0.3s ease; } .footer__social-btn svg { width: 100%; height: 100%; } .footer__contacts-wrapper { display: flex; align-items: center; justify-content: space-between; } .footer__copyright { padding-top: 20px; border-top: 1px solid var(--dusty); font-size: 14px; color: var(--dusty); } .footer__copyright-wrapper { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px; row-gap: 10px; } .footer__copyright-content { margin: 0; } .footer__copyright-list { display: flex; flex-wrap: wrap; gap: 5px; } .footer__copyright-list a { text-decoration: underline; transition: color 0.3s ease; } @media (min-width: 575px) { .btn-mob { display: none; } .btn-more { background-color: var(--primary-light); border-color: var(--primary-light); color: var(--primary); } .section-shop__btn-more { background-color: var(--primary-light); border-color: var(--primary-light); color: var(--primary); } } @media (min-width: 575px) and (any-hover: hover) { .btn-more:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } .section-shop__btn-more:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } } @media (min-width: 575px) and (hover: none) { .btn-more:active { background-color: var(--primary); border-color: var(--primary); color: #fff; } .section-shop__btn-more:active { background-color: var(--primary); border-color: var(--primary); color: #fff; } } @media (min-width: 576px) { .card-product-line__nav .card-product__tag { display: none; } .card-product-line__cart-btn svg { display: none; } .section-catalog__mob-btn { display: none; } .section-cart__delete-all span:nth-child(3) { display: none; } .footer__nav-title svg { display: none; } .footer__contacts-order { display: none; } } @media (min-width: 768px) { .quick-cart__label .mob { display: none; } .header-search { display: none; } .section-switcher__tab-wrapper { position: relative; display: flex; align-items: center; } .section-switcher__slider-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .section-delivery__adv-slider .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } } @media (min-width: 992px) { .modal-delete { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1023px) { .section-shop__orderby-select .icon { display: none; } } @media (min-width: 1024px) and (any-hover: hover) { .dropdown:hover .dropdown-body { opacity: 1; visibility: visible; } .hint:hover::after { opacity: 1; visibility: visible; } .quick-cart:hover .quick-cart__label { font-size: 14px; color: var(--dusty); top: 0; background-color: var(--alabaster); } .header__top-contacts-btn:hover { color: var(--primary); } .header__top-contacts-btn:hover .icon._top { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .header__top-contacts-btn:hover .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 1024px) and (hover: none) { .dropdown:active .dropdown-body { opacity: 1; visibility: visible; } .hint:active::after { opacity: 1; visibility: visible; } .quick-cart:active .quick-cart__label { font-size: 14px; color: var(--dusty); top: 0; background-color: var(--alabaster); } .header__top-contacts-btn:active { color: var(--primary); } .header__top-contacts-btn:active .icon._top { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .header__top-contacts-btn:active .arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (min-width: 1024px) { .card-product__cart-btn { padding: 5px !important; } .header__mob-dropdown { display: none; } .header__burger-btn { display: none; } .header__tel-mob { display: none; } .section-fasteners__slider { padding: 10px 0; } .section-shop__filters-overlay { display: none; } .section-shop__filters-close { display: none; } .section-shop__delivery-bottom svg { display: none; } .section-shop__filters-btn { display: none; } .section-cart__info-switcher-nav { justify-content: start; } .section-cart__info-switcher-nav .switcher__nav-btn span:nth-child(2) { display: none; } .section-cart__bottom-btn { display: none; } .section-article__spec-item:last-child { margin-left: auto; } } @media (min-width: 1199px) { .section-fasteners__slider-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } } @media (min-width: 1200px) { .section-production__item:nth-child(1) { grid-area: 1/1/3/2; } .section-production__item:nth-child(2) { grid-area: 1/2/2/4; } .section-production__item:nth-child(3) { grid-area: 2/2/3/3; } .section-production__item:nth-child(4) { grid-area: 2/3/3/4; } .section-info__table-product-btn svg { display: none; } .intro-single__gallery._jobs { position: absolute; bottom: 0; right: calc((100vw - 1560px) / 2 + 30px); z-index: -1; } } @media (min-width: 1365px) { .intro-single__list._cols { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1540px) { .drop-catalog__banner-title { font-size: 25px; } .section-recommendation__slider-wrapper { display: flex; align-items: center; gap: 20px; } .intro__title { font-size: 50px; } .section-pay__col-title { font-size: 40px; } } @media (max-width: 1679px) { .section-message__decor { width: 650px; top: 7px; } } @media (max-width: 1630px) { .share-body { left: auto; right: 0; } } @media (max-width: 1560px) { .section-info__sizes-wrapper { overflow-x: auto; width: 900px; } } @media (max-width: 1539px) { .drop-catalog__wrapper { gap: 30px; row-gap: 20px; } .drop-catalog__nav { gap: 30px; row-gap: 20px; } .section-catalog__grid { grid-template-columns: repeat(5, 1fr); } .section-popular__grid { grid-template-columns: repeat(5, 1fr); } .section-shop__grid { grid-template-columns: repeat(3, 1fr); } .section-shop__grid-big { grid-template-columns: repeat(4, 1fr); } .section-recommendation__slider-wrapper .slider-btn { display: none; } .section-recommendation__slider { overflow: visible !important; } .section-recommendation__slide { width: 275px !important; } .section-search__grid { grid-template-columns: repeat(5, 1fr); } .section-product__slider { width: 400px; } .section-message__decor { width: auto; } .section-company__adv-num { font-size: 32px; } .section-team__slider-wrapper { gap: 30px; } .section-qr__grid { gap: 30px; } .intro__body { padding: 70px; } .section-shipping__head-img { width: 600px; } .section-advices__consult-img { width: 200px; right: 155px; bottom: 0; } .section-contacts__grid-content { font-size: 20px; } .footer__wrapper { gap: 30px; } .footer__nav { gap: 30px; } .footer__nav-item { width: 220px; } } @media (max-width: 1400px) { .header__top-dropdown._addresses { display: none; } } @media (max-width: 1365px) { .form-search__drop { padding: 20px; } .form-search__product { padding: 0; } .form-search__img { width: 60px; } .form-search__product-title { font-size: 14px; } .card-product-full { gap: 25px; } .drop-catalog__menu { width: 425px; } .drop-catalog__menu-item { font-size: 18px; padding: 16px; } .drop-catalog__container { padding-left: 20px; } .drop-catalog__wrapper { gap: 20px; } .drop-catalog__nav { gap: 20px; } .drop-catalog__reklam { width: 205px; } .section-catalog__grid { grid-template-columns: repeat(4, 1fr); } .section-popular__grid { grid-template-columns: repeat(4, 1fr); } .section-delivery__map { right: -510px; } .section-useful__slider { overflow: visible !important; } .section-useful__slide { width: 355px !important; } .section-search__grid { grid-template-columns: repeat(4, 1fr); } .section-product__body { flex-wrap: wrap; } .section-product__gallery { flex-direction: column-reverse; gap: 30px; width: 550px; } .section-product__thumb-slider { width: 100%; height: 100px; } .section-product__thumb-slide { width: 100px !important; } .section-product__slider { width: 100%; } .section-product__info { order: 3; width: 100%; flex: none; } .section-product__sidebar { margin-left: auto; align-self: start; } .section-info__sizes-wrapper { width: 745px; padding: 0 30px; margin: 0 -30px; } .section-cart__form-person { gap: 20px; } .section-cart__form-pickup { gap: 20px; } .section-company__bottom-content { flex-basis: 400px; padding: 30px 20px; } .section-company__adv-num { font-size: 28px; } .section-company__adv-value { font-size: 18px; } .section-team__slider-wrapper { gap: 20px; } .section-objects__grid { gap: 20px; } .section-objects__item { font-size: 22px; } .intro__title { max-width: 700px; } .section-shipping__head-body { max-width: 600px; } .section-shipping__head-img { width: 450px; } .section-shipping__table-wrapper table td, .section-shipping__table-wrapper table th { font-size: 20px; padding: 5px; } .section-shipping__calc-main { width: 500px; } .section-pay__col-head { padding: 25px; } .section-blog__grid { gap: 20px; } .section-advices__consult-info { max-width: 450px; } .section-jobs__grid { grid-template-columns: 1fr; } .section-jobs__reklam { width: 420px; } .section-jobs__reklam-body { padding: 20px; } .section-contacts__grid-content { font-size: 18px; } .section-contacts__grid-img { width: 300px; } .section-encyclopedia__table thead { margin-bottom: 40px; } .section-encyclopedia__content { margin-top: 60px; } .section-encyclopedia__sizes-table { margin-top: 40px; } .section-encyclopedia__sizes-title { margin-bottom: 40px; } .section-requisites__list li { font-size: 20px; } .footer__nav-item { width: 185px; } } @media (max-width: 1199px) { .breadcrumbs-item:last-child { color: var(--primary); } .breadcrumbs-item:last-child::before { background: url(/local/templates/krepco/img/line-next-primary.svg) center/100% auto no-repeat; } .card-product-line { gap: 20px; } .card-product-line__gallery { width: 170px; } .card-product-line__wrapper { gap: 20px; } .card-product-line__nav { width: 180px; } .card-product-full__nav { width: 150px; flex-shrink: 0; flex-direction: column; gap: 10px; } .card-product-full__nav .btn, .card-product-full__nav .card-product__counter { flex: none; width: 100%; } .card-product-full__order { width: 100%; } .card-product-full__order-btn { width: 100%; } .card-product-cart { padding: 28px 0; } .card-product-cart .label-checkbox { align-self: start; margin-top: 38px; } .card-product-cart__gallery { align-self: start; } .card-product-cart__body { flex-wrap: wrap; align-items: center; gap: 20px; } .card-product-cart__main { display: flex; align-items: center; flex-wrap: wrap; flex: none; width: 100%; gap: 6px; row-gap: 12px; } .card-product-cart__title { order: 3; } .card-product-cart__id { margin-top: 0; } .card-product-cart__tag-wrapper { margin-top: 0; } .card-product-cart__price { display: flex; align-items: center; gap: 10px; width: 100%; } .card-product-cart__price-signature { margin-top: 0; } .drop-catalog__menu { width: 320px; } .drop-catalog__menu-item { font-size: 16px; } .drop-catalog__body-container { padding-right: 20px; } .drop-catalog__item a { font-size: 14px; } .drop-catalog__banner { width: 240px; padding: 15px; } .header__list > li:nth-child(2), .header__list > li:nth-child(3), .header__list > li:nth-child(5) { display: none; } .header__logo { order: 2; width: 180px; } .header__catalog-btn { order: 1; } .header__search-wrapper { order: 3; } .header__contacts { order: 5; } .header__cart { order: 6; } .header__cart span { display: none; } .section-hero__slide { padding: 84px 60px; } .section-hero__slider-pagination { left: 60px !important; } .section-about__adv { gap: 20px; } .section-about__adv-item:not(:last-child) { padding-right: 20px; } .section-switcher__slider-btn._prev { left: 0; } .section-switcher__slider-btn._next { right: 0; } .section-switcher__slider { margin: 0 35px; } .section-fasteners__slider-wrapper .swiper-slide { width: 390px !important; } .section-production__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .section-partners__wrapper .slider-btn { display: none; } .section-partners__slider { overflow: visible !important; flex: none; width: 100%; } .section-partners__slide { width: 185px !important; } .section-partners__slide img { width: calc(100% - 20px); } .section-certificates__slider-wrapper { display: block; } .section-certificates__slider-wrapper .slider-btn { display: none; } .section-certificates__slider { overflow: visible !important; } .section-certificates__slide { width: 285px !important; } .section-reviews__slider { overflow: visible !important; } .section-reviews__slide { width: 360px !important; } .section-reviews__author-head { justify-content: start; } .section-banner__slide-body { max-width: 460px; } .section-shop__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } .section-shop__grid-big { grid-template-columns: repeat(3, 1fr); gap: 20px; } .section-shop__product { margin-bottom: 30px; } .section-shop__product-wrapper { gap: 10px; } .section-shop__product-img { width: 225px; height: 225px; } .section-product__btn-share { display: none; } .section-product__info-head { margin-bottom: 35px; } .section-product__info-title { font-size: 32px; line-height: 120%; } .section-product__info-link { display: none; } .section-info { overflow: hidden; } .section-info__table-head { gap: 20px; } .section-info__table-head-cell:nth-child(1) { flex: 0 1 395px; } .section-info__table-head-cell:nth-child(2) { flex: 1; } .section-info__table-head-cell:nth-child(3) { flex: 1; } .section-info__table-head-cell:nth-child(4) { flex-basis: 290px; } .section-info__table-product { gap: 20px; } .section-info__table-product-title { flex: 0 1 385px; } .section-info__table-product-id { flex: 1; } .section-info__table-product-unit { flex: 1; } .section-info__table-product-nav { flex-basis: 280px; } .section-info__table-product-btn { padding: 0; width: 48px; height: 48px; border-radius: 10px; } .section-info__table-product-btn span { display: none; } .section-info__content { flex: none; width: 100%; } .section-info__content-title { font-size: 32px; line-height: 120%; } .section-info__sizes-wrapper { width: auto; } .section-info__sizes { min-width: 1100px; } .section-info__sidebar { display: none; } .section-cart__info { margin-top: 50px; } .section-message__decor { top: 120px; } .section-message__content { max-width: 650px; } .section-company__bottom { flex-direction: column-reverse; } .section-company__bottom-content { flex: none; width: 100%; } .section-criterias__grid { grid-template-columns: repeat(2, 1fr); } .section-objects__item-info { right: 20px; bottom: 20px; left: 20px; } .section-qr__title { margin-bottom: 40px; } .section-qr__item { width: 280px; } .intro__body { padding: 50px; } .intro__img { right: -200px; } .section-shipping__block { margin: 60px 0; } .section-shipping__map { height: 500px; } .section-shipping__grid-item { padding: 30px; } .section-shipping__logos { justify-content: start; flex-wrap: wrap; gap: 20px; } .section-shipping__pickup-descr { font-size: 20px; } .section-shipping__calc-main { width: 400px; } .section-blog__grid { grid-template-columns: repeat(2, 1fr); } .section-article__content img { margin-bottom: 40px; } .section-advices__consult { flex-wrap: wrap; } .section-advices__consult-info { max-width: none; width: 100%; } .section-advices__consult-img { width: 180px; right: 30px; } .intro-single__info { flex-basis: 600px !important; } .section-single__grid { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; } .section-jobs__reklam { width: 350px; } .section-notfound__content { font-size: 32px; } .section-notfound__btn { margin-top: 30px; } .section-contacts__info { gap: 25px; width: 355px; } .section-contacts__info-tel { font-size: 20px; } .section-contacts__info-title { font-size: 20px; } .section-contacts__grid { grid-template-columns: repeat(2, 1fr); } .section-encyclopedia__item { width: 250px; } .section-encyclopedia__search { margin-top: 50px; } .section-encyclopedia__search-content { font-size: 20px; margin-bottom: 30px; } .section-encyclopedia__content { margin-top: 40px; } body > footer { padding-top: 175px; } .footer__head { gap: 20px; } .footer__form { gap: 30px; } .footer__wrapper { justify-content: space-between; } .footer__nav { margin: 0; } } @media (max-width: 1023px) { .btn-item { font-size: 15px; } .card-product__slide-switches { display: none; } .card-product__slider { height: 150px !important; } .card-product__slide { aspect-ratio: inherit; height: 100% !important; } .card-product__footer { flex-direction: column; gap: 10px; } .card-product__counter { width: 100%; flex: none; } .card-product__cart-btn { width: 100%; } .card-product__order-btn { width: 100%; } .card-product__time-info { align-self: start; } .card-product-line__gallery { width: 240px; } .card-product-line__wrapper { flex-wrap: wrap; } .card-product-line__body { flex: none; width: 100%; } .card-product-line__nav { width: 240px; } .card-product-line__order-btn { width: 100%; } .card-product-line__time-info { align-self: start; } .counter { width: 100%; flex: none; } .card-product-full__slider-wrapper .card-product__slider { height: 100px !important; } .card-product-full__time-info { align-self: start; } .card-product-cart { padding: 20px 0; gap: 10px; } .card-product-cart .label-checkbox { margin-top: 25px; } .card-product-cart__gallery { width: 75px; height: 75px; } .switcher__switch::before { left: -5px; } .card-team__title { font-size: 20px; } .hint::after { -webkit-transform: translateY(calc(-100% - 6px)); transform: translateY(calc(-100% - 6px)); left: auto; right: 0; } .quick-cart__input:focus + .quick-cart__label { font-size: 14px; color: var(--dusty); top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--alabaster); } .header__top { display: none; } .header__mob-dropdown { order: 4; } .header__wrapper { padding: 15px 0; gap: 20px; row-gap: 10px; } .header__logo { width: 135px; } .header__catalog-btn { display: none; } .header__tel { display: none; } .header__tel-btn { display: none; } .header__cities { order: 3; } .section-about__adv { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .section-about__adv-item:not(:last-child) { padding-right: 0; } .section-about__adv-item:not(:last-child)::after { display: none; } .section-catalog__grid { grid-template-columns: repeat(3, 1fr); } .section-switcher__slider-btn._prev { left: -15px; } .section-switcher__slider-btn._next { right: -15px; } .section-switcher__slider { margin: 0 10px; } .section-popular__grid { grid-template-columns: repeat(3, 1fr); } .section-delivery__list { max-width: 450px; } .section-delivery__car { width: 300px; } .section-delivery__map { right: -660px; } .section-key__sidebar { width: 300px; } .section-key__sidebar-body { padding: 30px; } .section-faq__wrapper { flex-wrap: wrap; } .section-faq__sidebar { margin: 0 auto; position: static; } .section-faq__spollers { flex: none; width: 100%; } .section-connect__body { flex-wrap: wrap; gap: 20px; } .section-connect__form { width: 100%; } .section-shop__head { margin-bottom: 30px; } .section-shop__info-search { display: none; } .section-shop__head-list { padding: 0 30px; margin: 0 -30px; overflow-x: auto; flex-wrap: nowrap; } .section-shop__wrapper { flex-direction: column-reverse; margin-top: 0; } .section-shop__sidebar { width: 100%; } .section-shop__filters { position: fixed; top: 0; bottom: 0; left: 0; background-color: #fff; width: 320px; max-width: 100%; overflow-y: auto; z-index: 100; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; } .section-shop__filters._active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .section-shop__filters .section-shop__block-body { border-radius: 0 15px 15px 0; border: none; padding-top: 55px; } .section-shop__delivery { width: 400px; max-width: 100%; } .section-shop__delivery-icon { display: none; } .section-shop__delivery-bottom { margin-top: 10px; } .section-shop__delivery-bottom-content { margin-top: 0; } .section-shop__sections-wrapper { display: none; } .section-shop__main-list-wrapper { margin-bottom: 30px; } .section-shop__main-head { gap: 10px; margin-bottom: 20px; } .section-shop__orderby-select { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .section-shop__orderby-select._open .select-btn { border-color: var(--primary); } .section-shop__orderby-select .select-btn { padding: 10px 15px; border: 1px solid var(--silver); width: 88px; border-radius: 10px; transition: border-color 0.3s ease; } .section-shop__orderby-select .select-input { display: none; } .section-shop__orderby-select .select-body { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 5px; border-radius: 10px; border-top: 1px solid var(--primary); } .section-shop__sort-content { display: none; } .section-shop__view-nav { padding: 8px 15px; } .section-search__grid { grid-template-columns: repeat(3, 1fr); margin-bottom: 30px; } .section-product__body { gap: 20px; } .section-product__gallery { width: 360px; } .section-product__sidebar { width: 300px; } .section-product__nav { padding: 40px 20px; } .section-info__table-head { display: none; } .section-info__table-product { flex-wrap: wrap; gap: 20px; row-gap: 10px; } .section-info__table-product-title { flex: 1; order: 2; } .section-info__table-product-id { order: 1; flex: none; width: 100%; color: var(--dusty); } .section-info__table-product-unit { display: none; } .section-info__table-product-nav { order: 3; margin-left: auto; flex: none; gap: 15px; } .section-info__table-product-nav .counter { display: none; } .section-info__table-product-nav-wrapper { margin: 0; } .section-cart__sidebar { top: 120px; } .section-cart__info-block { background-color: rgba(0, 0, 0, 0); padding: 0; } .section-cart__info-switcher-nav .switcher__nav-btn span:nth-child(1) { display: none; } .section-message__decor { top: auto; bottom: -125px; } .section-company__wrapper { grid-template-columns: 1fr; } .section-criterias__item._fill { padding: 20px; } .section-criterias__item-title { font-size: 20px; } .section-objects__grid { grid-template-columns: repeat(2, 1fr); } .section-qr__title { margin-bottom: 30px; } .section-qr__wrapper { flex-wrap: wrap; gap: 20px; } .section-qr__content { font-size: 20px; } .intro__body { padding: 30px; } .intro__title { max-width: 580px; } .section-shipping__nav { margin-bottom: 30px; } .section-shipping__head-body { max-width: none; } .section-shipping__head-img { position: static; margin: 20px auto 0 auto; width: 600px; } .section-shipping__wrapper { flex-wrap: wrap; } .section-shipping__list { flex: none; width: 100%; } .section-shipping__attention { flex: none; width: 100%; } .section-shipping__block { margin: 40px 0; } .section-shipping__block-head { margin-bottom: 30px; } .section-shipping__map { height: 400px; } .section-shipping__grid { flex-wrap: wrap; gap: 20px; } .section-shipping__grid-item { padding: 25px; flex: none !important; width: 100% !important; } .section-shipping__table-wrapper { padding: 0 30px; margin: 0 -30px; } .section-shipping__table-wrapper table { min-width: 900px; } .section-shipping__table-wrapper table thead { padding-bottom: 10px; } .section-shipping__table-wrapper table tbody tr { padding: 10px 0; } .section-shipping__table-wrapper table td, .section-shipping__table-wrapper table th { font-size: 18px; } .section-shipping__pickup-wrapper { grid-template-columns: 1fr; } .section-shipping__pickup-gallery { max-width: 700px; width: 100%; margin: 0 auto; } .section-shipping__pickup-descr { font-size: 18px; } .section-shipping__calc { flex-wrap: wrap; justify-content: center; } .section-shipping__calc-info { width: 100%; flex: none; } .section-shipping__calc-main { width: 100%; max-width: 600px; } .section-pay__wrapper { margin-top: 30px; } .section-blog__head { flex-wrap: wrap; margin-bottom: 25px; } .section-blog__search-form { width: 100%; } .section-blog__wrapper { flex-wrap: wrap; } .section-blog__grid { grid-template-columns: repeat(3, 1fr); } .section-blog__popular { position: static; padding: 0; width: 100%; } .section-article__title { margin-bottom: 30px; } .section-article__head-block { width: auto; } .section-article__content img { margin-bottom: 30px; } .section-article__sidebar { display: none; } .section-advices__wrapper { flex-wrap: wrap; } .section-advices__consult { margin-top: 30px; } .section-advices__sidebar { width: 100%; } .intro-single::before { position: absolute; content: ""; inset: 0 0 140px 0; background-color: #fff3ec; z-index: -1; } .intro-single__bg { display: none; } .intro-single__wrapper { flex-wrap: wrap; } .intro-single__info { flex: none !important; width: 100%; } .intro-single__content { margin-bottom: 20px; } .intro-single__list { display: flex; flex-wrap: wrap; gap: 10px; } .intro-single__list li { font-size: 18px; } .intro-single__btn { margin-top: 30px; } .intro-single__img { max-width: calc(100% - 40px); } .section-single { margin-top: 0; } .section-single__wrapper { flex-wrap: wrap; } .section-single__info { flex: none; width: 100%; order: 2; } .section-single__gallery { position: static; width: 350px; margin: 20px auto; aspect-ratio: 1/1.05; } .section-single__nav { position: static; order: 1; margin: 0 auto; width: 400px; max-width: 100%; } .section-jobs__wrapper { flex-wrap: wrap; } .section-jobs__info { flex: none; width: 100%; } .section-jobs__grid { margin-top: 60px; } .section-jobs__reklam { width: 100%; position: static; } .section-notfound__content { font-size: 28px; } .section-notfound__content a { text-underline-offset: 5px; } .section-contacts__nav { margin-bottom: 30px; } .section-contacts__wrapper { flex-wrap: wrap; } .section-contacts__info { width: 100%; } .section-contacts__map { width: 100%; } .section-contacts__grid { margin-top: 30px; gap: 20px; } .section-encyclopedia__head { margin-bottom: 30px; } .section-encyclopedia__grid { gap: 30px; } .section-encyclopedia__item { width: 200px; } .section-encyclopedia__search { margin-top: 30px; } .section-encyclopedia__search-content { font-size: 18px; margin-bottom: 20px; } .section-encyclopedia__table-wrapper { margin: 0 -30px; padding-left: 30px; padding: 0 10px 0 30px; } .section-encyclopedia__table { margin-top: 30px; } .section-encyclopedia__table thead { margin-bottom: 25px; } .section-encyclopedia__content { margin-top: 30px; } .section-encyclopedia__wrapper { flex-wrap: wrap; justify-content: center; } .section-encyclopedia__main-content { flex: none; width: 100%; } .section-encyclopedia__single { flex-wrap: wrap; } .section-encyclopedia__single-content { flex: none; width: 100%; } .section-encyclopedia__single-gallery { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); } .section-encyclopedia__single-gallery-item { aspect-ratio: 1/1; } .section-encyclopedia__sizes-table { margin-top: 30px; } .section-encyclopedia__sizes-title { margin-bottom: 25px; } .section-encyclopedia__sizes-table-wrapper { overflow-x: auto; margin: 0 -30px; padding: 0 30px; } .section-requisites__list li { font-size: 18px; } .section-requisites__list li span:first-child { flex-basis: 180px; } .footer__head { flex-wrap: wrap; gap: 35px; } .footer__form { flex: none; width: 100%; gap: 24px; } } @media (max-width: 767px) { .container { padding: 0 20px; } .btn-tab { font-size: 16px; } .btn-tag { font-size: 15px; } .label-checkbox { font-size: 15px; } .section-margin { margin: 30px 0; } .main-title { font-size: 26px; } .section-title { font-size: 22px; } .third-title { font-size: 18px; } .card-category__title { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .card-product { border-radius: 10px; padding: 10px; } .card-product__id { font-size: 8px; color: var(--dusty); } .card-product__tag { padding: 5px; font-size: 8px; } .card-product__title { font-size: 14px; } .card-product__price { font-size: 16px; } .card-product__footer { margin-top: 15px; } .card-product__footer .card-product__counter { display: none; } .card-product__footer._active .card-product__counter { display: flex; } .card-product__footer._active .card-product__cart-btn { display: none; } .card-product__counter { border-radius: 5px; } .card-product__counter-btn { height: 28px; } .card-product__counter-input { font-size: 12px; } .card-product__cart-btn { font-size: 12px; line-height: 108%; border-radius: 5px; padding: 8px 5px !important; } .card-product__order-btn { font-size: 12px; line-height: 108%; border-radius: 5px; padding: 7px 5px !important; } .card-product__order-btn::before { border-radius: 5px; } .card-product__order-btn svg { width: 12px; height: 16px; } .card-product__time-info { display: none; } .card-fasteners { padding: 20px; min-height: 115px; border-radius: 15px; } .card-fasteners::after, .card-fasteners::before { width: 130px; right: -30px; bottom: -50px; } .card-fasteners__title { font-size: 15px; } .card-fasteners__btn { display: none; } .card-fasteners__img { width: 145px; height: 100%; } .slider-pagination { width: 100%; justify-content: center; } .content { font-size: 15px; } .content h1 { font-size: 26px; } .content h1:not(:first-child) { margin-top: 20px; } .content h2 { font-size: 22px; margin-bottom: 20px; } .content h2:not(:first-child) { margin-top: 20px; } .content h3 { font-size: 18px; margin: 20px 0; } .content-big { font-size: 16px; } .content-big ul { padding-left: 20px; } .content-big h1 { font-size: 26px; } .content-big h1:not(:first-child) { margin-top: 20px; } .content-big h2 { font-size: 22px; margin-bottom: 20px; } .content-big h2:not(:first-child) { margin-top: 20px; } .content-big h3 { font-size: 18px; margin: 20px 0; } .breadcrumbs { margin: 25px 0; } .pagination { gap: 10px; } .pagination-item { width: 30px; height: 30px; } .pagination-arrow { width: 12px; height: 24px; } .card-product-line { padding: 20px 15px; border-radius: 15px; } .card-product-line__nav { width: 100%; } .card-product-line__nav .card-product__counter { display: none; } .card-product-line__nav .card-product__counter { display: none; } .card-product-line__cart-btn { font-size: 12px; line-height: 108%; border-radius: 5px; padding: 8px 5px !important; width: 100%; } .card-product-line__order-btn { font-size: 12px; line-height: 108%; border-radius: 5px; padding: 7px 5px !important; } .card-product-line__order-btn::before { border-radius: 5px; } .card-product-line__order-btn svg { width: 12px; height: 16px; } .card-search { padding: 15px; } .card-search__title { font-size: 14px; } .tag { padding: 5px; font-size: 8px; } .switcher__nav { margin-bottom: 20px; } .switcher__nav-btn { font-size: 22px; } .card-team__title { font-size: 18px; } .card-team__list { font-size: 15px; } .table-wrapper { margin: 0 -20px; padding: 0 20px; } .quick-cart__label .desk { display: none; } body > header { padding: 0; box-shadow: none; } .header__wrapper { padding: 10px 0; } .header__catalog-btn span { display: none; } .header__contacts { margin-left: auto; } .section-hero { margin-bottom: 25px; } .section-hero__slide { padding: 35px 30px; } .section-hero__slide-title { font-size: 32px; margin-bottom: 35px; } .section-hero__slider-pagination { position: static; width: 100%; justify-content: center; margin-top: 30px; } .section-about { margin: 24px 0 50px 0; } .section-about__title { margin-bottom: 20px; } .section-about__subtitle { margin-bottom: 10px; } .section-catalog__title-wrapper { gap: 10px; } .section-catalog__subtitle { margin-bottom: 4px; } .section-catalog__grid { grid-template-columns: repeat(2, 1fr); } .section-switcher__slider-btn { display: none; } .section-switcher__slider { margin: 0; } .section-fasteners__slider-wrapper .swiper-slide { width: 265px !important; } .section-popular__grid { grid-template-columns: repeat(2, 1fr); } .section-production__item-title { font-size: 15px; margin-bottom: 8px; } .section-production__item-subtitle { font-size: 15px; } .section-delivery { position: relative; z-index: 1; margin-bottom: 0; padding-bottom: 55px; } .section-delivery__wrapper { position: static; } .section-delivery__list li { font-size: 15px; } .section-delivery__car { display: none; } .section-delivery__map { bottom: -100px; left: 40px; right: auto; top: auto; } .section-delivery__adv-slider { margin-top: 240px; } .section-delivery__adv-item { font-size: 15px; padding: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; gap: 10px; font-size: 15px; } .section-delivery__adv-item strong { line-height: 130%; } .section-reviews__slide-body { background-color: rgba(237, 110, 0, 0.06); } .section-reviews__slide-body::before { opacity: 1; left: 15px; } .section-reviews__slide-author { padding: 20px 20px 0 20px; margin-top: 15px; } .section-key__wrapper { display: block; } .section-key__spoller-btn { width: 100%; justify-content: space-between; } .section-key__tags a { font-size: 15px; } .section-key__sidebar { position: static; margin: 50px auto; width: 400px; max-width: 100%; } .section-key__sidebar-bg { bottom: auto; top: 25px; } .section-key__sidebar-img { margin-top: 50px; } .section-key__sidebar-btn { margin: 25px auto 0 auto; } .section-key__recommendations { margin-bottom: 70px; } .section-key__recommendations-item:not(:last-child) { margin-bottom: 25px; } .section-key__recommendations-title { font-size: 18px; margin-bottom: 20px; } .section-key__recommendations-list { gap: 10px; } .section-key__recommendations-list a, .section-key__recommendations-list div { font-size: 15px; } .section-faq__nav { margin: 0 -20px; padding: 0 20px; } .section-faq__nav-btn { font-size: 12px; padding: 6px 10px; } .section-faq__sidebar { width: 400px; } .section-faq__sidebar-body { padding: 20px 20px 40px 20px; } .section-faq__sidebar-content { max-width: 280px; } .section-faq__sidebar-tag { right: 8px; } .section-faq__spoller-btn { padding: 20px; } .section-faq__spoller-body { padding: 10px 20px 20px 20px; } .section-connect__head { position: absolute; opacity: 0; visibility: hidden; z-index: -999; left: -10000px; } .section-connect__head-content { position: absolute; opacity: 0; visibility: hidden; z-index: -999; left: -10000px; } .section-connect__body { padding: 20px; } .section-connect__main-title { margin-bottom: 20px; } .section-connect__content { margin: 0; } .section-connect__guarantee { display: none; } .section-connect__form .input-control { flex-wrap: wrap; } .section-connect__form .input-control .btn, .section-connect__form .input-control .btn-file, .section-connect__form .input-control .input { flex: none; width: 100%; } .section-connect__form-send { width: 100%; } .section-connect__form-policy { font-size: 15px; } .section-banner__slide-title { font-size: 32px; } .section-banner__slide-content { font-size: 22px; } .section-banner__slider-pagination { position: static; width: 100% !important; justify-content: center; margin-top: 30px; } .section-shop__head-list { padding: 0 20px; margin: 0 -20px; } .section-shop__view-btn { width: 30px; height: 30px; } .section-shop__view-btn._list-full { display: none; } .section-shop__grid { gap: 10px; } .section-shop__grid-big { grid-template-columns: repeat(2, 1fr); gap: 10px; } .section-shop__navigation { margin-top: 20px; } .section-shop__navigation .pagination { display: none; } .section-shop__product-head { flex-direction: column; align-items: start; gap: 10px; margin-bottom: 35px; } .section-shop__product-count { font-size: 12px; margin-bottom: 0; } .section-shop__product-content { font-size: 15px; } .section-shop__application-title { font-size: 16px; } .section-shop__application-gallery { gap: 10px; } .section-shop__application-gallery img { width: 48px; height: 48px; border-radius: 5px; } .section-recommendation__slide { width: 155px !important; } .section-search__title { margin-bottom: 30px; } .section-search__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .section-product { overflow: hidden; } .section-product__gallery { width: 550px; max-width: 100%; gap: 20px; margin: 0 auto; } .section-product__thumb-slider { overflow: visible !important; height: 75px; } .section-product__thumb-slide { width: 75px !important; } .section-product__slide { border: 1px solid var(--wild); aspect-ratio: 1/0.7; } .section-product__info { margin-top: 20px; } .section-product__info-title { font-size: 22px; } .section-product__info-list li { font-size: 16px; } .section-product__file-download { margin-top: 40px; } .section-product__sidebar { width: 500px; max-width: 100%; margin-right: auto; } .section-product__nav { padding: 25px 20px; } .section-product__price-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .section-product__price-title { font-size: 18px; margin: 0; } .section-product__price-value { font-size: 18px; } .section-product__nav-bottom { display: grid; grid-template-columns: repeat(2, 1fr); } .section-product__nav-bottom .counter { flex: auto; width: 100% !important; } .section-product__cart-btn { width: 100%; } .section-info__head { margin: 0 -20px; padding: 0 20px; } .section-info__nav-btn { font-size: 16px; padding: 15px 20px; } .section-info__table-product { padding: 10px; } .section-info__table-product-title { font-size: 10px; } .section-info__table-product-id { font-size: 8px; } .section-info__table-product-price { font-size: 10px; } .section-info__table-product-btn { width: 30px; height: 30px; border-radius: 5px; } .section-info__table-product-btn svg { width: 18px; height: 18px; } .section-info__content-title { font-size: 22px; margin-bottom: 20px; } .section-info__content-descr { font-size: 15px; } .section-info__content-spec { max-width: 500px; } .section-info__content-spec li { font-size: 15px; } .section-info__sizes-wrapper { padding: 0 20px; margin: 0 -20px; } .section-info__sizes { min-width: 760px; } .section-cart__warn { margin: 50px 0; padding: 20px; } .section-cart__warn-content span { display: block; } .section-cart__head { margin-bottom: 15px; } .section-cart__head-main { justify-content: space-between; } .section-cart__delete-all { font-size: 15px; } .section-cart__head-nav { display: none; } .section-cart__sidebar { position: static; width: 100%; } .section-cart__sidebar-block { padding: 40px 20px; } .section-cart__sum-order { font-size: 18px; } .section-cart__form-person { grid-template-columns: repeat(2, 1fr); } .section-cart__form-person .input-control:last-child { grid-column: 2 span; } .section-cart__form-pickup { grid-template-columns: repeat(2, 1fr); } .section-cart__download-scheme { margin: 0; } .section-cart__quick-cart-wrapper { margin-top: 50px; } .section-message__decor { bottom: -180px; } .section-message__title { margin-bottom: 25px; } .section-message__content { font-size: 15px; } .section-message__content p:not(:last-child) { margin-bottom: 15px; } .section-company__title { margin-bottom: 30px; } .section-company__bottom-content { font-size: 16px; padding: 20px 15px; } .section-company__adv { grid-template-columns: repeat(2, 1fr); gap: 20px; } .section-company__adv-item { padding: 20px 15px; } .section-company__adv-num { font-size: 24px; } .section-company__adv-value { font-size: 15px; } .section-criterias__item { gap: 10px; } .section-criterias__item._fill { border-radius: 15px; } .section-criterias__item::before { width: 20px; height: 20px; } .section-criterias__item-title { margin-bottom: 15px; } .section-team { overflow: hidden; } .section-team__slider-wrapper { display: block; } .section-team__slider-wrapper .slider-btn { display: none; } .section-team__slider { overflow: visible !important; } .section-team__slider .swiper-slide { width: 220px !important; } .section-objects__item { font-size: 18px; padding: 10px; } .section-objects__item-info { left: 10px; right: 10px; bottom: 10px; } .section-qr { display: none; padding: 50px 0; } .section-qr__content { font-size: 18px; } .section-qr__grid { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; } .section-qr__item { width: 100%; } .section-qr__item-btn { font-size: 16px; } .intro__body { padding: 30px 20px; } .intro__title { max-width: 375px; } .intro__img { width: 300px; right: -150px; } .intro__img._pay { right: 0; } .section-shipping__nav { margin-bottom: 25px; } .section-shipping__head { padding: 25px; } .section-shipping__wrapper { margin-top: 25px; } .section-shipping__list li { font-size: 16px; gap: 10px; } .section-shipping__attention { padding: 25px; } .section-shipping__attention-head svg { width: 30px; height: 30px; } .section-shipping__grid-item-head svg { width: 30px; height: 30px; } .section-shipping__logos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .section-shipping__logo { padding: 7px 15px; min-height: 70px; } .section-shipping__table-wrapper { padding: 0 20px; margin: 0 -20px; } .section-shipping__table-wrapper table { min-width: 650px; } .section-shipping__table-wrapper table thead { padding-bottom: 5px; } .section-shipping__table-wrapper table tbody tr { padding: 5px 0; } .section-shipping__table-wrapper table td, .section-shipping__table-wrapper table th { font-size: 16px; } .section-shipping__pickup-descr { font-size: 16px; } .section-shipping__pickup-descr p:not(:last-child) { margin-bottom: 16px; } .section-pay__wrapper { grid-template-columns: 1fr; } .section-pay__col-head { margin-bottom: 25px; } .section-pay__col-body { gap: 25px; } .section-pay__col-item { gap: 10px; } .section-pay__col-item svg { width: 25px; height: 25px; } .section-pay__col-item-title { margin-bottom: 20px; } .section-pay__col-bottom { padding: 15px; gap: 10px; } .section-pay__col-bottom svg { width: 25px; height: 25px; } .section-blog__grid { grid-template-columns: repeat(2, 1fr); } .section-blog__navigation { margin-top: 25px; } .section-blog__popular-title { margin-bottom: 25px; } .section-article__head { gap: 10px; } .section-article__spec { font-size: 14px; gap: 10px; } .section-article__spec-item svg { width: 16px; height: 16px; } .section-advices__consult { margin-top: 25px; } .section-advices__consult-content { font-size: 16px; } .section-advices__sidebar-list { gap: 12px; } .section-advices__sidebar-list a { font-size: 15px; } .intro-single .breadcrumbs { margin-bottom: 30px !important; } .section-single__grid { margin-top: 20px; } .section-single__grid-item-list li { font-size: 16px; } .section-single__grid-item-list li { font-size: 15px; } .section-portfolio { overflow: hidden; } .section-portfolio__slider { overflow: visible !important; } .section-portfolio__slide { width: 240px !important; } .section-jobs__grid { margin-top: 40px; } .section-jobs__item-title { font-size: 22px; margin-bottom: 15px; } .section-jobs__item-list { gap: 5px; } .section-notfound__wrapper .quick-cart { margin-top: 30px; } .section-notfound__content { font-size: 24px; } .section-contacts__info { gap: 15px; } .section-contacts__info-tel { font-size: 18px; } .section-contacts__info-title { font-size: 18px; } .section-contacts__info-content { font-size: 16px; } .section-contacts__map { min-height: 350px; } .section-contacts__grid-item { grid-column: 2 span; flex-wrap: wrap; gap: 30px; row-gap: 20px; } .section-contacts__grid-title { font-size: 20px; } .section-contacts__grid-content { font-size: 16px; } .section-contacts__grid-img { width: 200px; } .section-encyclopedia__info { gap: 20px; row-gap: 10px; } .section-encyclopedia__item { width: 150px; } .section-encyclopedia__item img { width: 30px; } .section-encyclopedia__search-content { font-size: 16px; } .section-encyclopedia__table-wrapper { padding-left: 20px; padding: 0 10px 0 20px; margin: 0 -20px; } .section-encyclopedia__table { min-width: 780px; padding-right: 20px; } .section-encyclopedia__table thead { margin-bottom: 15px; padding-bottom: 10px; } .section-encyclopedia__table .cell { font-size: 14px; } .section-encyclopedia__table .gallery { height: 60px; } .section-encyclopedia__main-content ul li::before { margin-top: 6px; } .section-encyclopedia__single-gallery { grid-template-columns: repeat(2, 1fr); gap: 15px; } .section-requisites__list li { font-size: 16px; } .section-requisites__list li span:first-child { flex-basis: 150px; } .footer__head { margin-bottom: 50px; } .footer__form-input { font-size: 16px; padding-bottom: 20px; } .footer__wrapper { flex-wrap: wrap; gap: 24px; } .footer__nav { gap: 24px; width: 100%; } .footer__nav-item { width: auto; flex: 1; } .footer__contacts { margin-top: 10px; } .footer__contacts-title { font-weight: 600; } } @media (max-width: 575px) { .btn-tab { font-size: 12px; border-radius: 6px; padding: 6px 12px; } .btn-more { width: 100%; } .btn-download { font-size: 14px; } .select-item { padding: 10px 15px; } .select-not-found { padding: 10px 15px; font-size: 14px; } .section-head { margin-bottom: 15px; } .section-head .btn { display: none; } .card-category { padding: 10px; border-radius: 10px; aspect-ratio: 1/0.85; } .card-category__count { margin-bottom: 25px; } .card-category__img { width: 40px; } .card-category__circle { display: none; } .card-product__top { min-height: 20px; } .card-product__title { font-size: 12px; } .card-product__content { font-size: 13px; } .card-article__gallery { aspect-ratio: 1/0.89; } .card-article__title { font-size: 15px; } .card-article__content { font-size: 15px; } .card-article__date { font-size: 12px; } .card-product-line { padding: 10px; align-items: start; gap: 10px; padding: 0; border-radius: 0; } .card-product-line:not(:last-child) { padding-bottom: 10px; border-bottom: 1px solid var(--wild); } .card-product-line__gallery { width: 70px; } .card-product-line__gallery .card-product__top { min-height: auto; margin-bottom: 0; } .card-product-line__gallery .card-product__id span { display: none; } .card-product-line__gallery .card-product__tag { display: none; } .card-product-line__gallery .card-product__slider { height: 70px !important; } .card-product-line__gallery .card-product__slider-pagination { margin-top: 5px; } .card-product-line__gallery .card-product__slider-pagination .swiper-pagination-bullet { width: 3px; height: 3px; } .card-product-line .card-product__content { display: none; } .card-product-line__wrapper { gap: 7px; } .card-product-line__nav { display: flex; align-items: center; flex-direction: row; gap: 10px; } .card-product-line__nav .card-product__price { margin: auto 0px 0px auto; } .card-product-line__cart-btn { padding: 0; width: 30px; height: 30px; } .card-product-line__cart-btn span { display: none; } .card-product-line__order-btn { padding: 0; width: 30px; height: 30px; } .card-product-line__order-btn span { display: none; } .card-product-line__time-info { display: none; } .card-product-full__time-info { display: none; } .card-product-cart { position: relative; gap: 20px; } .card-product-cart .label-checkbox { position: absolute; left: 0; bottom: 30px; } .card-product-cart__body { gap: 10px; } .card-product-cart__title { font-size: 15px; } .card-product-cart__id { color: var(--dusty); } .card-product-cart__id span { display: none; } .card-product-cart__warn { font-size: 10px; } .card-product-cart__price-value { font-size: 15px; } .card-product-cart__price-signature { font-size: 10px; } .card-product-cart__main-price { font-size: 15px; } .switcher__switch._right::before { left: calc(100% - 30px); } .table-wrapper table { width: 880px; font-size: 12px; } .table-wrapper td, .table-wrapper th { padding: 10px 5px; } .table-wrapper td:first-child, .table-wrapper th:first-child { flex-basis: 100px; } .table-wrapper td:last-child, .table-wrapper th:last-child { flex-basis: 50px; } .quick-cart__label { font-size: 14px; } .quick-cart__result-item { font-size: 14px; padding: 8px 14px; } .modal { padding: 40px 15px 20px 15px; border-radius: 12px; } .modal__close { top: 15px; right: 15px; } .modal__title { font-size: 28px; } .modal__content { font-size: 16px; margin-bottom: 25px; } .modal-delete__nav { grid-template-columns: 1fr; } .section-hero__slide { min-height: 405px; } .section-about__adv { grid-template-columns: 1fr; } .section-about__adv-item { padding: 0; border-radius: 16px; background-color: rgba(0, 0, 0, 0); } .section-about__adv-title { margin: 10px 0 12px 0; padding-right: 40px; } .section-about__adv-content { font-size: 15px; padding-right: 56px; } .section-catalog { padding: 20px 0; background-color: #fff; border-radius: 20px; } .section-catalog__head { align-items: start; } .section-catalog__btn { display: none; } .section-catalog__grid { gap: 10px; } .section-popular__btn { display: none; } .section-popular__nav { padding: 10px; border-radius: 10px; gap: 10px; margin-bottom: 20px; } .section-popular__nav-btn { font-size: 12px; padding: 6px 15px; border-radius: 6px; } .section-popular__grid { gap: 10px; } .section-production__grid { grid-template-columns: 1fr; gap: 10px; } .section-production__item { min-height: 130px; } .section-production__item:nth-child(1) { aspect-ratio: 1/0.85; } .section-production__item:nth-child(1) .section-production__item-title { max-width: none; } .section-production__item-title { max-width: 170px; } .section-production__item-btn { display: none; } .section-delivery__head-btn { display: none; } .section-partners__slide { width: 100px !important; border-radius: 10px; } .section-certificates__btn { display: none; } .section-certificates__slide { border-radius: 5px; width: 125px !important; } .section-reviews__head-btn { display: none; } .section-reviews__nav { margin: 0 -20px 30px -20px; padding: 0 20px; } .section-reviews__nav-btn { font-size: 12px; line-height: 120%; padding: 6px 10px; border-radius: 6px; } .section-reviews__slide { width: 275px !important; } .section-reviews__slide-content { font-size: 15px; } .section-reviews__author-avatar { display: none; } .section-useful__slide { width: 265px !important; } .section-key__recommendations-title { font-size: 15px; } .section-connect { position: relative; border-radius: 15px 15px 0 0; background-color: var(--primary); padding: 20px 0; margin: 0 !important; z-index: 1; } .section-connect::before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; height: 70px; background-color: var(--primary); -webkit-transform: translateY(100%); transform: translateY(100%); z-index: -1; } .section-connect__body { padding: 0; background-color: rgba(0, 0, 0, 0); } .section-banner__slide { min-height: 405px; align-items: start; } .section-shop__main-list-title { font-size: 15px; } .section-shop__btn-more { width: 100%; } .section-shop__grid-lines { padding: 10px; border-radius: 15px; background-color: #fff; } .section-shop__product-wrapper { flex-wrap: wrap; } .section-shop__product-img { width: 100%; height: auto; aspect-ratio: 1/1; position: static; } .section-shop__product-info { display: flex; flex-direction: column-reverse; } .section-shop__product-application { margin: 0 0 30px 0; } .section-product__title { margin-bottom: 0; } .section-product__head-wrapper { display: none; } .section-product__id { font-size: 12px; } .section-product__btn-share { font-size: 12px; } .section-product__slide { aspect-ratio: inherit; height: 230px; } .section-product__info-head { margin-bottom: 15px; } .section-info__table { margin-top: 15px; } .section-info__sizes-wrapper table { width: 880px; font-size: 12px; } .section-info__sizes-wrapper td, .section-info__sizes-wrapper th { padding: 10px 5px; } .section-info__sizes-wrapper td:first-child, .section-info__sizes-wrapper th:first-child { flex-basis: 100px; } .section-info__sizes-wrapper td:last-child, .section-info__sizes-wrapper th:last-child { flex-basis: 50px; } .section-cart__warn-content { font-size: 10px; } .section-cart__delete-all span:nth-child(2) { display: none; } .section-cart__info { margin-top: 40px; gap: 40px; } .section-cart__info-switcher-nav { gap: 10px; } .section-cart__form-person { grid-template-columns: 1fr; } .section-cart__form-person .input-control:last-child { grid-column: 1 span; } .section-cart__form-pickup { grid-template-columns: 1fr; } .section-cart__download-scheme { margin: 0 auto; } .section-cart__quick-cart-wrapper { margin-top: 30px; } .section-message { margin-bottom: 150px; } .section-message__decor { bottom: -240px; } .section-message__btn { display: none; } .section-company__adv { gap: 10px; } .section-company__adv-item { padding: 15px 10px; border-radius: 12px; } .section-company__adv-num { font-size: 20px; } .section-criterias__grid { grid-template-columns: 1fr; gap: 20px; } .section-objects__grid { gap: 10px; grid-template-columns: 1fr; } .section-trust__slide { min-height: 100px; } .section-qr__grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; } .intro__img { opacity: 0.5; } .section-shipping__head { padding: 25px 15px; } .section-shipping__attention { padding: 25px 15px; } .section-shipping__block { margin: 30px 0; } .section-shipping__map { height: 350px; } .section-shipping__grid-item { padding: 20px 15px; } .section-shipping__pickup-content { font-size: 15px; } .section-pay__col-head { padding: 15px; } .section-blog__grid { gap: 10px; } .section-advices__consult-img { width: 140px; right: -30px; } .intro-single { padding: 40px 0 0 0; min-height: auto; } .intro-single__content { font-size: 12px; } .intro-single__list li { font-size: 12px; } .intro-single__btn { width: 100%; } .section-single__grid-item-list li span:nth-child(2) { font-weight: 900; } .section-portfolio__slide { width: 135px !important; } .section-jobs__grid { margin-top: 30px; } .section-jobs__item-head { align-items: start; flex-direction: column-reverse; } .section-jobs__item-list li { padding: 0; } .section-jobs__item-btn { min-width: 175px; } .section-notfound__img { height: 285px; } .section-notfound__content { font-size: 20px; } .section-contacts__btn { display: none; } .section-contacts__info-tel { font-size: 16px; } .section-contacts__info-title { font-size: 16px; } .section-contacts__grid-item { padding: 20px 16px; } .section-encyclopedia__item { width: 85px; } .section-encyclopedia__item img { width: 20px; } .section-encyclopedia__table { min-width: 670px; padding-right: 10px; } .section-encyclopedia__btn-more { margin-top: 25px; width: 100%; } .section-requisites__list li span:first-child { flex-basis: 110px; } body > footer { padding-top: 70px; } .footer__body { padding-bottom: 0; } .footer__title { max-width: 245px; } .footer__form { flex-wrap: wrap; } .footer__form-input { width: 100%; } .footer__form-send { width: 100%; } .footer__main { width: 100%; flex-direction: row; gap: 24px; } .footer__logo { width: 140px; flex-shrink: 0; } .footer__main-content { font-size: 10px; margin: 0; flex: 1; } .footer__main-btn { display: none; } .footer__nav { flex-wrap: wrap; } .footer__nav-item { flex: none; width: 100%; } .footer__list { padding-top: 10px; gap: 12px; } .footer__list a { font-size: 12px; line-height: 117%; } .footer__contacts { width: 100%; } .footer__copyright { padding-top: 0; font-size: 12px; } .footer__copyright .container { padding: 0; } .footer__copyright-wrapper { gap: 0; } .footer__copyright-content { padding: 20px; } .footer__copyright-list { padding: 20px; border-top: 1px solid var(--dusty); } } @media (max-width: 479px) { .card-product__slider { height: 110px !important; } .card-product-line .card-product__title { font-size: 10px; margin-bottom: 0; } .section-search__grid { grid-template-columns: 1fr; } .section-info__content-spec { grid-template-columns: 1fr; } .section-blog__grid { grid-template-columns: 1fr; } .section-advices__consult-content { max-width: 250px; } .section-notfound__img { height: 230px; } } @media (min-width: 576px) and (max-width: 1199px) { .section-production__item:nth-child(1) { grid-row: 1/3; grid-column: 1/2; min-height: 325px; } .section-production__item:nth-child(2) { grid-column: 1/2; grid-column: 1/2; min-height: 190px; } .section-production__item:nth-child(3) { min-height: 250px; grid-row: 1/2; grid-column: 2/4; } .section-production__item:nth-child(4) { grid-row: 2/4; grid-column: 2/4; min-height: 265px; } } @media (min-width: 768px) and (max-width: 1199px) { .section-delivery__adv-slider .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1199px) and (min-width: 768px) { .footer__nav-item:not(:first-child) { display: none; } } @media (any-hover: hover) { .btn:hover { background-color: var(--primary-dark); border-color: var(--primary-dark); } .btn._outline:hover { border: 1px solid var(--primary); background-color: var(--primary); color: #fff; } .btn._dark:hover { background-color: #000; border-color: #000; color: #fff; } .btn._light:hover { border-color: var(--primary); background-color: var(--primary); color: #fff; } .btn-mob:hover { background-color: var(--primary); color: #fff; } .btn-item:hover { color: #fff; background-color: var(--primary); } .btn-play:hover { background-color: #000; } .btn-prev:hover svg { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .btn-tab:hover { color: var(--primary); background-color: var(--wild); } .btn-tag:hover { background-color: rgba(235, 110, 3, 0.1); } .btn-download:hover { text-decoration: none; color: var(--primary); } .dropdown-list a:hover { color: var(--primary); } .form-search__btn:hover { color: var(--primary); } .form-search__img:hover { opacity: 0.8; } .btn-file:hover { background-color: var(--primary-light); } .btn-file .file-close:hover { color: var(--red); } .select-item:hover { background-color: rgba(237, 110, 0, 0.2); } .card-category:hover { border-color: var(--primary); } .card-category:hover .card-category__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .card-category:hover .card-category__circle { background-color: var(--primary); color: #fff; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .card-product__slider-pagination .swiper-pagination-bullet:hover { background-color: var(--primary); } .card-product__title:hover { color: var(--primary); } .card-product__counter-btn:hover { color: var(--primary); } .card-product__cart-btn._outline:hover { background-color: var(--primary); color: #fff; } .card-product__order-btn:hover svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .card-product__order-btn:hover::before { opacity: 1; } .card-fasteners:hover { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08); } .card-fasteners:hover .card-fasteners__btn { opacity: 1; } .card-fasteners:hover::before { opacity: 0; } .card-fasteners:hover::after { opacity: 1; } .card-fasteners__btn:hover .circle { background-color: var(--primary); color: #fff; } .slider-btn:hover { color: var(--primary); } .card-article:hover { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08); } .card-article__gallery:hover { opacity: 0.8; } .card-article__title:hover { color: var(--primary); } .content a:hover { text-decoration: none; } .pagination a:hover { color: var(--primary); } .card-product-line__cart-btn._outline:hover { background-color: var(--primary); color: #fff; } .card-product-line__order-btn:hover svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .card-product-line__order-btn:hover::before { opacity: 1; } .card-search:hover { background-color: var(--primary-light); } .counter__btn:hover { color: var(--primary); } .card-product-cart__title:hover { color: var(--primary); } .card-product-cart__warn .hint:hover { color: var(--primary); } .switcher__nav-btn:hover { color: var(--dark); } .card-team__list a:hover { color: var(--primary); } .table-wrapper tr:hover { background-color: var(--athens); } .quick-cart__btn:hover { color: var(--primary); } .quick-cart__result-item:hover { background-color: var(--wild); } .modal__close:hover { color: var(--primary); } .modal__form-policy a:hover { color: var(--primary); } .drop-catalog__menu-item:hover { background-color: #fff; } .drop-catalog__menu-item:hover::after, .drop-catalog__menu-item:hover::before { opacity: 1; } .drop-catalog__item a:hover { color: var(--primary); text-decoration: underline; } .drop-catalog__banner-social-btn:hover { color: var(--dark); } .drop-catalog__banner-contacts a:hover { color: var(--primary); } .drop-catalog__tags-list a:hover { background-color: var(--primary); color: #fff; } .burger__close:hover { color: var(--primary); } .burger__list li:hover { color: var(--primary); } .burger__primary-btn:hover { color: var(--primary); } .burger__mail:hover { color: var(--primary); } .burger__social-btn:hover { color: var(--primary); } .burger__back:hover { color: var(--primary); } .share-item:hover { background-color: var(--wild-s); } .header__list > li > a:hover { color: var(--primary); } .header__list > li > a:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__dropdown-item .value:hover { text-decoration: underline; } .header__burger-btn:hover { background-color: var(--primary-dark); } .header__catalog-btn:hover { background-color: var(--primary-dark); } .header__tel:hover { color: var(--primary); } .header__tel-btn:hover::after { opacity: 1; } .header__tel-mob:hover { color: var(--primary); } .header__cart:hover { color: var(--primary); } .section-catalog__mob-btn:hover { color: #fff; background-color: var(--primary); } .section-switcher__slider-btn:hover { opacity: 0.8; } .section-popular__nav-btn:hover { background-color: var(--wild); } .section-production__item:hover { background-color: rgba(235, 110, 3, 0.2); } .section-production__item:hover .section-production__item-btn .circle { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: var(--black); } .section-production__item:hover .section-production__item-btn span { opacity: 1; } .section-partners__slide:hover img { opacity: 1; -webkit-filter: brightness(100%); filter: brightness(100%); } .section-certificates__slide:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .section-reviews__nav-btn:hover { background-color: var(--wild); } .section-reviews__slide:hover .section-reviews__slide-body { background-color: rgba(237, 110, 0, 0.06); } .section-reviews__slide:hover .section-reviews__slide-body::before { opacity: 1; } .section-reviews__slide-gallery:hover { opacity: 0.8; } .section-key__spoller-btn:hover { color: var(--primary); } .section-key__tags a:hover { color: var(--white); background-color: var(--primary-light); } .section-key__recommendations-list a:hover, .section-key__recommendations-list div:hover { background-color: var(--primary); color: #fff; } .section-faq__nav-btn:hover { background-color: var(--wild); } .section-faq__social-btn:hover { color: var(--dark); } .section-faq__tel:hover { color: var(--primary); } .section-faq__spoller-btn:hover { color: var(--primary); } .section-connect__form-policy a:hover { text-decoration: none; } .section-shop__head-list li:hover { border-color: transparent; color: var(--primary); } .section-shop__filters-close:hover { color: var(--primary); } .section-shop__filters-spoller-btn:hover { color: var(--primary); } .section-shop__delivery-btn:hover { text-decoration: none; } .section-shop__sections a:hover { color: var(--primary); } .section-shop__view-btn:hover { color: #fff; background-color: var(--primary); } .section-product__btn-share:hover { color: var(--primary); } .section-product__thumb-slide:hover { border-color: var(--primary-light); } .section-product__slide:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-product__slide-zoom:hover { color: var(--primary); } .section-product__info-link:hover { background-color: var(--primary-light); } .section-product__file-download:hover { background-color: var(--primary-light); } .section-product__sidebar-content a:hover { text-decoration: underline; } .section-info__nav-btn:hover { color: var(--primary); background-color: var(--wild); } .section-info__table-product-title:hover { color: var(--primary); } .section-info__sizes-wrapper tr:hover { background-color: var(--athens); } .section-info__product-title:hover { color: var(--primary); } .section-cart__warn:hover { background-color: var(--red-light); } .section-cart__delete-all:hover { /*color: var(--dusty)*/ } .section-cart__head-btn:hover { color: var(--primary); } .section-cart__sidebar-content a:hover { color: var(--primary); } .section-cart__download-scheme:hover { color: var(--primary); } .section-message__content a:hover { color: var(--primary); } .section-objects__item:hover::before { opacity: 0; } .section-objects__item:hover .section-objects__item-info { visibility: visible; opacity: 1; } .section-objects__item:hover .section-objects__item-info .item { backdrop-filter: blur(20px); opacity: 1; } .section-qr__item-btn:hover { color: var(--primary); } .section-shipping__logo:hover { background-color: var(--primary-light); } .section-shipping__pickup-share:hover { color: var(--black); } .section-shipping__pickup-item a:hover { color: var(--primary); } .section-shipping__pickup-gallery:hover { opacity: 0.8; } .section-blog__search-btn:hover { color: var(--primary); } .section-article__head-share:hover { color: var(--dark); } .section-article__sidebar-list a:hover { color: var(--primary); } .section-advices__sidebar-list a:hover { color: var(--primary); } .section-single__gallery:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-single__nav-list a:hover { color: var(--primary); } .section-portfolio__slide:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-jobs__item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .section-notfound__content a:hover { text-decoration: none; } .section-contacts__info-tel a:hover { color: var(--primary); } .section-contacts__info-content a:hover { color: var(--primary); } .section-contacts__grid-item:hover { border-color: var(--primary); } .section-contacts__grid-content a:hover { color: var(--primary); } .section-contacts__grid-download:hover { color: var(--primary); } .section-encyclopedia__item:hover::before { -webkit-transform: rotate(180deg) scale(1.3); transform: rotate(180deg) scale(1.3); } .section-encyclopedia__item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } .section-encyclopedia__table.table-info .cell a:hover { color: var(--primary); } .section-encyclopedia__table a:hover { text-decoration: none; } .section-encyclopedia__sizes-table-wrapper tr:hover { color: #fff; background-color: #ffad28; } .footer__list a:hover { color: var(--primary); } .footer__contacts-btn:hover { color: var(--primary); } .footer__social-btn:hover { color: var(--primary); } .footer__copyright-list a:hover { color: var(--primary); text-decoration: none; } } @media (hover: none) { .btn:active { background-color: var(--primary-dark); border-color: var(--primary-dark); } .btn._outline:active { border: 1px solid var(--primary); background-color: var(--primary); color: #fff; } .btn._dark:active { background-color: #000; border-color: #000; color: #fff; } .btn._light:active { border-color: var(--primary); background-color: var(--primary); color: #fff; } .btn-mob:active { background-color: var(--primary); color: #fff; } .btn-item:active { color: #fff; background-color: var(--primary); } .btn-play:active { background-color: #000; } .btn-prev:active svg { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .btn-tab:active { color: var(--primary); background-color: var(--wild); } .btn-tag:active { background-color: rgba(235, 110, 3, 0.1); } .btn-download:active { text-decoration: none; color: var(--primary); } .dropdown-list a:active { color: var(--primary); } .form-search__btn:active { color: var(--primary); } .form-search__img:active { opacity: 0.8; } .btn-file:active { background-color: var(--primary-light); } .btn-file .file-close:active { color: var(--red); } .select-item:active { background-color: rgba(237, 110, 0, 0.2); } .card-category:active { border-color: var(--primary); } .card-category:active .card-category__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .card-category:active .card-category__circle { background-color: var(--primary); color: #fff; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .card-product__slider-pagination .swiper-pagination-bullet:active { background-color: var(--primary); } .card-product__title:active { color: var(--primary); } .card-product__counter-btn:active { color: var(--primary); } .card-product__cart-btn._outline:active { background-color: var(--primary); color: #fff; } .card-product__order-btn:active svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .card-product__order-btn:active::before { opacity: 1; } .card-fasteners:active { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08); } .card-fasteners:active .card-fasteners__btn { opacity: 1; } .card-fasteners:active::before { opacity: 0; } .card-fasteners:active::after { opacity: 1; } .card-fasteners__btn:active .circle { background-color: var(--primary); color: #fff; } .slider-btn:active { color: var(--primary); } .card-article:active { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08); } .card-article__gallery:active { opacity: 0.8; } .card-article__title:active { color: var(--primary); } .content a:active { text-decoration: none; } .pagination a:active { color: var(--primary); } .card-product-line__cart-btn._outline:active { background-color: var(--primary); color: #fff; } .card-product-line__order-btn:active svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .card-product-line__order-btn:active::before { opacity: 1; } .card-search:active { background-color: var(--primary-light); } .counter__btn:active { color: var(--primary); } .card-product-cart__title:active { color: var(--primary); } .card-product-cart__warn .hint:active { color: var(--primary); } .switcher__nav-btn:active { color: var(--dark); } .card-team__list a:active { color: var(--primary); } .table-wrapper tr:active { background-color: var(--athens); } .quick-cart__btn:active { color: var(--primary); } .quick-cart__result-item:active { background-color: var(--wild); } .modal__close:active { color: var(--primary); } .modal__form-policy a:active { color: var(--primary); } .drop-catalog__menu-item:active { background-color: #fff; } .drop-catalog__menu-item:active::after, .drop-catalog__menu-item:active::before { opacity: 1; } .drop-catalog__item a:active { color: var(--primary); text-decoration: underline; } .drop-catalog__banner-social-btn:active { color: var(--dark); } .drop-catalog__banner-contacts a:active { color: var(--primary); } .drop-catalog__tags-list a:active { background-color: var(--primary); color: #fff; } .burger__close:active { color: var(--primary); } .burger__list li:active { color: var(--primary); } .burger__primary-btn:active { color: var(--primary); } .burger__mail:active { color: var(--primary); } .burger__social-btn:active { color: var(--primary); } .burger__back:active { color: var(--primary); } .share-item:active { background-color: var(--wild-s); } .header__list > li > a:active { color: var(--primary); } .header__list > li > a:active svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header__dropdown-item .value:active { text-decoration: underline; } .header__burger-btn:active { background-color: var(--primary-dark); } .header__catalog-btn:active { background-color: var(--primary-dark); } .header__tel:active { color: var(--primary); } .header__tel-btn:active::after { opacity: 1; } .header__tel-mob:active { color: var(--primary); } .header__cart:active { color: var(--primary); } .section-catalog__mob-btn:active { color: #fff; background-color: var(--primary); } .section-switcher__slider-btn:active { opacity: 0.8; } .section-popular__nav-btn:active { background-color: var(--wild); } .section-production__item:active { background-color: rgba(235, 110, 3, 0.2); } .section-production__item:active .section-production__item-btn .circle { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: var(--black); } .section-production__item:active .section-production__item-btn span { opacity: 1; } .section-partners__slide:active img { opacity: 1; -webkit-filter: brightness(100%); filter: brightness(100%); } .section-certificates__slide:active { -webkit-filter: grayscale(0); filter: grayscale(0); } .section-reviews__nav-btn:active { background-color: var(--wild); } .section-reviews__slide:active .section-reviews__slide-body { background-color: rgba(237, 110, 0, 0.06); } .section-reviews__slide:active .section-reviews__slide-body::before { opacity: 1; } .section-reviews__slide-gallery:active { opacity: 0.8; } .section-key__spoller-btn:active { color: var(--primary); } .section-key__tags a:active { color: var(--white); background-color: var(--primary-light); } .section-key__recommendations-list a:active, .section-key__recommendations-list div:active { background-color: var(--primary); color: #fff; } .section-faq__nav-btn:active { background-color: var(--wild); } .section-faq__social-btn:active { color: var(--dark); } .section-faq__tel:active { color: var(--primary); } .section-faq__spoller-btn:active { color: var(--primary); } .section-connect__form-policy a:active { text-decoration: none; } .section-shop__head-list li:active { border-color: transparent; color: var(--primary); } .section-shop__filters-close:active { color: var(--primary); } .section-shop__filters-spoller-btn:active { color: var(--primary); } .section-shop__delivery-btn:active { text-decoration: none; } .section-shop__sections a:active { color: var(--primary); } .section-shop__view-btn:active { color: #fff; background-color: var(--primary); } .section-product__btn-share:active { color: var(--primary); } .section-product__thumb-slide:active { border-color: var(--primary-light); } .section-product__slide:active img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-product__slide-zoom:active { color: var(--primary); } .section-product__info-link:active { background-color: var(--primary-light); } .section-product__file-download:active { background-color: var(--primary-light); } .section-product__sidebar-content a:active { text-decoration: underline; } .section-info__nav-btn:active { color: var(--primary); background-color: var(--wild); } .section-info__table-product-title:active { color: var(--primary); } .section-info__sizes-wrapper tr:active { background-color: var(--athens); } .section-info__product-title:active { color: var(--primary); } .section-cart__warn:active { background-color: var(--red-light); } .section-cart__delete-all:active { color: var(--primary); } .section-cart__head-btn:active { color: var(--primary); } .section-cart__sidebar-content a:active { color: var(--primary); } .section-cart__download-scheme:active { color: var(--primary); } .section-message__content a:active { color: var(--primary); } .section-objects__item:active::before { opacity: 0; } .section-objects__item:active .section-objects__item-info { visibility: visible; opacity: 1; } .section-objects__item:active .section-objects__item-info .item { backdrop-filter: blur(20px); opacity: 1; } .section-qr__item-btn:active { color: var(--primary); } .section-shipping__logo:active { background-color: var(--primary-light); } .section-shipping__pickup-share:active { color: var(--black); } .section-shipping__pickup-item a:active { color: var(--primary); } .section-shipping__pickup-gallery:active { opacity: 0.8; } .section-blog__search-btn:active { color: var(--primary); } .section-article__head-share:active { color: var(--dark); } .section-article__sidebar-list a:active { color: var(--primary); } .section-advices__sidebar-list a:active { color: var(--primary); } .section-single__gallery:active img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-single__nav-list a:active { color: var(--primary); } .section-portfolio__slide:active img { -webkit-transform: scale(1.08); transform: scale(1.08); } .section-jobs__item:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .section-notfound__content a:active { text-decoration: none; } .section-contacts__info-tel a:active { color: var(--primary); } .section-contacts__info-content a:active { color: var(--primary); } .section-contacts__grid-item:active { border-color: var(--primary); } .section-contacts__grid-content a:active { color: var(--primary); } .section-contacts__grid-download:active { color: var(--primary); } .section-encyclopedia__item:active::before { -webkit-transform: rotate(180deg) scale(1.3); transform: rotate(180deg) scale(1.3); } .section-encyclopedia__item:active img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } .section-encyclopedia__table.table-info .cell a:active { color: var(--primary); } .section-encyclopedia__table a:active { text-decoration: none; } .section-encyclopedia__sizes-table-wrapper tr:active { color: #fff; background-color: #ffad28; } .footer__list a:active { color: var(--primary); } .footer__contacts-btn:active { color: var(--primary); } .footer__social-btn:active { color: var(--primary); } .footer__copyright-list a:active { color: var(--primary); text-decoration: none; } } /* End */ /* /local/templates/krepco/files/fancybox/fancybox.min.css?176478586629406 */ /* /local/templates/krepco/files/swiper/swiper.min.css?176478586613920 */ /* /local/templates/krepco/files/nouislider/nouislider.min.css?17647858664220 */ /* /local/templates/krepco/files/shareon/shareon.min.css?176478586620165 */ /* /local/templates/krepco/components/bitrix/search.title/top/style.min.css?17787620901827 */ /* /local/templates/krepco/styles.css?176606257420157 */ /* /local/templates/krepco/template_styles.css?1792592238229407 */