/* Start:/local/templates/itelion/styles/fancybox.css?178472423028533*/ :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)}: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__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{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{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.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{display:block;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}.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{--f-progressbar-height: 100%;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-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[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}.f-carousel__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-carousel__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__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-left: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-left:50%;transform:translate(-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}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height, 3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@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}}.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, .2);--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-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;outline:none;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, .2);--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::backdrop{background-color:transparent}.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__carousel>.f-progressbar{background-color:var(--fancybox-color)}.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 .f-button[data-fancybox-close]{--f-button-width: var(--f-close-button-width, 34px);--f-button-height: var(--f-close-button-height, 34px);--f-button-border-radius: var(--f-close-border-radius, 4px);--f-button-color: var(--f-close-button-color, #fff);--f-button-hover-color: var(--f-close-button-hover-color, #fff);--f-button-bg: var(--f-close-button-bg, transparent);--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);--f-button-active-bg: var(--f-close-button-active-bg, transparent);--f-button-svg-width: var(--f-close-button-svg-width, 22px);--f-button-svg-height: var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.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} /* End */ /* Start:/local/templates/itelion/styles/styles.bundle.css?1784724230316378*/ @charset "UTF-8"; /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; --color-text-main: #191C1E; --banner-height: 0px; } :root:has(main._offset) { --banner-height: 64px; } @media screen and (max-width: 475px) { :root:has(main._offset) { --banner-height: 83px; } } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* Onest */ @font-face { font-family: OnestBold; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-bold.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: OnestMedium; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-medium.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: OnestRegular; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-regular.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: OnestLight; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-light.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-light.woff") format("woff"); font-weight: 300; font-style: normal; } /* Inter */ @font-face { font-family: InterBold; font-display: swap; src: url("/local/templates/itelion/files/fonts/inter_bold.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/inter_bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: InterSemiBold; font-display: swap; src: url("/local/templates/itelion/files/fonts/inter_semi_bold.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/inter_semi_bold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: InterMedium; font-display: swap; src: url("/local/templates/itelion/files/fonts/inter_medium.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/inter_medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: InterRegular; font-display: swap; src: url("/local/templates/itelion/files/fonts/inter_regular.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/inter_regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: InterLight; font-display: swap; src: url("/local/templates/itelion/files/fonts/inter_light.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/inter_light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: OnestMedium2; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-medium-2.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-medium 2.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: OnestRegular2; font-display: swap; src: url("/local/templates/itelion/files/fonts/onest-regular-2.woff2") format("woff2"), url("/local/templates/itelion/files/fonts/onest-regular-2.woff") format("woff"); font-weight: 400; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; line-height: 150%; scrollbar-width: 8px; outline: none; scroll-margin-top: 93px; } @media screen and (max-width: 575px) { * { scroll-margin-top: 77px; } } *::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F4F8FB; } *::-webkit-scrollbar-thumb { background-color: #0083CA; border-radius: 16px; } html, body { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; height: 100vh; } @media screen and (max-width: 575px) { html, body { overflow-x: hidden; } } html { font-size: 62.5%; } body { position: relative; background-color: #F4F8FB; color: #58616A; overflow-y: overlay; overflow-x: hidden; touch-action: pan-x pan-y; } body._lock { overflow-y: hidden; } @supports (-moz-appearance: none) { body { overflow-y: auto; } } .wrapper { position: relative; min-height: 100vh; display: flex; flex-direction: column; } .container { width: 100%; max-width: 1456px; padding-left: 4.2rem; padding-right: 4.2rem; margin: 0 auto; } @media screen and (max-width: 768px) { .container { padding-left: 1.6rem; padding-right: 1.6rem; } } main > div { flex: 1 1; padding: 6rem 0; display: flex; flex-direction: column; gap: 6rem; margin-top: 160px; } main._offset > div { margin-top: calc(160px + var(--banner-height)); } @media (width <= 1024px) { main > div { margin-top: 80px; } main._offset > div { margin-top: calc(80px + var(--banner-height)); } } @media (width <= 575px) { main > div { padding: 4rem 0; gap: 4rem; } } h1, h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 4.8rem; color: #191C1E; line-height: 108%; } @media screen and (max-width: 1024px) { h1, h2 { font-size: 3.6rem; line-height: 111%; } } @media screen and (max-width: 575px) { h1, h2 { font-size: 3rem; } } a { text-decoration: none; } button { border: none; } @media screen and (min-width: 992px) { button { cursor: pointer; } } button:focus-visible { border: none; } button :disabled { cursor: default; } img { width: 100%; height: auto; object-fit: cover; pointer-events: none; user-select: none; } ul { margin-left: 1.6rem; display: flex; flex-direction: column; gap: 1.6rem; } ul li { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; padding-left: 1rem; list-style: "—"; } @media screen and (max-width: 575px) { ul li { font-size: 1.2rem; } } ol { padding-inline-start: 24px; } ol li:not(:last-child) { margin-bottom: 1.2rem; } div[id^=wait_comp_] { display: none !important; } .fancybox__footer { display: none; } .fancybox__content { width: 80vh !important; height: 80vh !important; transition: none !important; } .fancybox__slide.has-image > .fancybox__content { transition: none !important; } .fancybox__container { --fancybox-bg: rgba(8,27,43,.6); } .gap-children > div { flex: 1 1; display: flex; flex-direction: column; gap: 12rem; } @media screen and (max-width: 1024px) { .gap-children > div { gap: 6rem; } } @media screen and (max-width: 575px) { .gap-children > div { gap: 4rem; } } @keyframes burgerTop { 0% { top: 37%; } 90% { top: 50%; } 100% { transform: rotate(45deg); } } .section__column { display: flex; flex-direction: column; gap: 4rem; } @media screen and (max-width: 1024px) { .section__column { gap: 4rem; } } .section__wrapper { display: flex; flex-direction: column; gap: 4rem; } .section__preview { display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 1140px) { .section__preview br { display: none; } } .section__preview h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #191C1E; } @media screen and (max-width: 1024px) { .section__preview h3 { font-size: 2.4rem; } } .section__preview > p { font-size: 1.6rem; } .section__container { display: flex; flex-direction: column; gap: 2rem; } .section__container > p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; } .section__container > p strong { color: #191C1E; } .section__text { display: flex; flex-direction: column; gap: 1.6rem; } .section__description { display: flex; flex-direction: column; gap: 2rem; max-width: 908px; font-size: 2rem; } .section__slider { display: flex; justify-content: space-between; align-items: center; } @media screen and (min-width: 1025px) { .section__slider ~ * { overflow: hidden; } } .bread-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; } .bread-crumbs > * { font-size: 1.4rem; } .bread-crumbs a { transition: color 0.4s ease; display: flex; align-items: center; gap: 0.4rem; color: #58616A; } .bread-crumbs a, .bread-crumbs a:active, .bread-crumbs a:visited, .bread-crumbs a:focus, .bread-crumbs a:focus-visible { color: #58616A; border: none; } .bread-crumbs a span:hover, .bread-crumbs a:hover { color: #004B88 !important; cursor: pointer; } .bread-crumbs a._disabled { color: #58616A; pointer-events: none; cursor: default; } .bread-crumbs a::after { content: "/"; color: #58616A; } .bread-crumbs span { color: #58616A; } .btn { position: relative; transition: all 0.4s ease; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; max-width: fit-content; text-align: center; line-height: 100%; cursor: pointer; border: 1px solid; border-radius: 8px; user-select: none; } @media screen and (max-width: 768px) { .btn { max-width: 100%; width: 100%; } } .btn._disabled { cursor: default; background-color: #DBE4EA; color: #79838B; border-color: #DBE4EA; } .btn_large { padding: 1.5rem 2.3rem; font-size: 1.6rem; } .btn_medium { padding: 1.1rem 1.9rem; font-size: 1.4rem; } .btn_small { padding: .7rem 1.1rem; font-size: 1.2rem; } @media screen and (max-width: 575px) { .btn_mobile_small { padding: 1.1rem; } } .btn_primary { background-color: #005AA3; color: #ffffff; border-color: #005AA3; } .btn_primary:hover { background-color: #004B88; color: #ffffff; border-color: #004B88; } .btn_primary:focus-visible { background-color: #005AA3; color: #ffffff; border-color: #005AA3; border-width: 2px; } .btn_secondary { background-color: #D1ECFA; color: #005AA3; border-color: transparent; border-width: 0px; } .btn_secondary:hover { background-color: #8CCEF2; color: #005AA3; border-color: transparent; border-width: 0px; } .btn_secondary:focus-visible { background-color: #D1ECFA; color: #005AA3; border-color: #8CCEF2; border-width: 2px; } .btn_accent { background-color: #ED2C2D; color: #ffffff; border-color: #ED2C2D; height: 50px !important; } .btn_accent:hover { background-color: #CD0E10; color: #ffffff; border-color: #CD0E10; } .btn_accent:focus-visible { background-color: #ED2C2D; color: #ffffff; border-color: #F8BFBF; border-width: 2px; } .btn_outlined { background-color: transparent; color: #58616A; border-color: #9FABB2; } .btn_outlined:hover { background-color: #BAE2F7; } .btn_outlined:focus-visible, .btn_outlined._active { background-color: transparent; border-color: #005AA3; border-width: 2px; } .btn_menu { background-color: #D1ECFA; border-color: transparent; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } .btn_menu:hover { border-color: #005AA3; } .btn_menu .children { justify-content: flex-start !important; } .btn_icon { display: flex; justify-content: center; align-items: center; padding: 0; } .btn_icon .children img { width: 24px; height: 24px; } .btn_shop { position: relative; width: 52px; } @media screen and (min-width: 576px) { .btn_shop { height: 52px; } } @media screen and (min-width: 1025px) { .btn_shop:hover .btn_shop__label { opacity: 1; } } .btn_shop._active { background-color: transparent; border-width: 1px; color: #58616A; border-color: #9FABB2; pointer-events: none; } .btn_shop._active::after { content: url("/local/templates/itelion/files/icons/success-fill.svg"); display: block; width: 14px; height: 14px; pointer-events: none; position: absolute; top: 5px; right: 5px; } @media screen and (max-width: 575px) { .product-preview .btn_shop { width: 100%; height: 38.7px; } } @media screen and (max-width: 575px) { .product-preview .btn_shop._active::after { right: 43%; } } .btn_shop__label { background: #DAF0FB; border-radius: 6px; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); color: var(--Color-text-primary, #191C1E); font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2rem; font-weight: 400; line-height: 133.333%; pointer-events: none; position: absolute; right: 0; bottom: calc(100% + 4px); opacity: 0; transition: opacity 0.4s ease; padding: 8px; white-space: nowrap; } .btn .children { position: relative; display: flex; align-items: center; justify-content: center; white-space: nowrap; line-height: 105%; pointer-events: none; } @media screen and (max-width: 575px) { .btn .children { white-space: normal; text-align: center; font-size: 1.4rem; } } .btn .cover { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .btn_breakpoint { position: relative; } .btn_breakpoint::after { content: url("/local/templates/itelion/files/icons/success-fill.svg"); display: block; width: 14px; height: 14px; opacity: 0; pointer-events: none; position: absolute; top: 5px; right: 5px; transition: opacity 0.4s ease; } .btn_breakpoint._active::after { opacity: 1; } @media screen and (max-width: 768px) { .btn_breakpoint .children_desktop { display: none; } } @media screen and (min-width: 769px) { .btn_breakpoint .children_mobile { display: none; } } .btn-icon { max-width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; } .btn-icon_reverse { flex-direction: row-reverse; } .btn-icon::before { display: block; } .btn-icon span { text-align: center; display: inline-block; width: 100%; } .btn-icon_large { padding: 0.9rem; font-size: 1.6rem; min-height: 41px; } @media screen and (max-width: 575px) { .btn-icon_large { padding: 1.1rem; } } .btn-icon_primary_arrow::before { content: url("/local/templates/itelion/files/icons/btn-icon_primary.svg"); width: 28px; height: 28px; } .btn-icon_white_arrow::before { content: url("/local/templates/itelion/files/icons/btn-icon_white.svg"); width: 32px; height: 32px; } @media screen and (max-width: 768px) { .btn-icon_white_arrow::before { display: none; } } .btn-icon_config::before { content: url("/local/templates/itelion/files/icons/btn-icon_config.svg"); width: 32px; height: 32px; } @media screen and (max-width: 768px) { .btn-icon_config::before:not(:has(.icon-visible)) { display: none; } } .btn-icon_call { gap: 1.4rem; } .btn-icon_call::before { content: url("/local/templates/itelion/files/icons/btn-icon_call.svg"); width: 32px; height: 32px; } .btn-icon_call .children { padding-right: 2.3rem; } .btn-icon_hover::before { content: url("/local/templates/itelion/files/icons/arrow-hover.svg"); width: 24px; height: 24px; } @media screen and (max-width: 768px) { .btn-icon_hidden-tablet_small { display: none; } } .navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; } @media screen and (max-width: 1024px) { .navigation { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 1.2rem; margin: 0 -4.2rem -1.2rem 0; padding-right: 4.2rem; max-width: calc(100vw - 4.2rem); } } @media screen and (max-width: 768px) { .navigation { margin: 0 -1.6rem -1.2rem; max-width: none; padding-right: 1.6rem; padding-left: 1.6rem; } } @media screen and (max-width: 1024px) { .navigation__item { min-width: fit-content; white-space: nowrap; } } .browsing { display: flex; flex-direction: column; align-items: center; gap: 2rem; } .browsing .btn { min-width: 100%; } .pagination { display: flex; align-items: center; gap: 0.4rem; } .pagination a { text-align: center; border-radius: 8px; transition: all 0.4s ease; user-select: none; padding: 1.15rem 1.75rem; font-size: 1.4rem; line-height: 100%; color: #58616A; } .pagination a, .pagination a:active, .pagination a:visited, .pagination a:focus, .pagination a:focus-visible { background-color: transparent; } .pagination a:hover { background-color: #DBE4EA; } .pagination a._disabled { cursor: default; background-color: #DBE4EA; pointer-events: none; } .pagination__arrow { width: 133px; } @media screen and (max-width: 575px) { .pagination__arrow { display: none; } } .pagination__item._active { background-color: #DBE4EA; pointer-events: none; } .accordion { background-color: #ffffff; padding: 0 1.6rem 0 2.4rem; border-radius: 8px; position: relative; } .accordion:not(._open) { overflow: hidden; } .accordion._open .accordion__title::after { content: url("/local/templates/itelion/files/icons/accordion-open.svg"); } .accordion._open .accordion__content { grid-template-rows: 1fr !important; } .accordion._open .accordion__content .accordion__text { min-height: 0; padding-bottom: 2.4rem; pointer-events: auto; } @media screen and (max-width: 575px) { .accordion._open .accordion__content .accordion__text { padding-bottom: 1.6rem; } } .accordion._disabled .accordion__title { cursor: text; padding-bottom: 1rem; pointer-events: none; } .accordion._disabled .accordion__title h3 { pointer-events: auto; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .accordion._disabled .accordion__title::after { content: none; } .accordion._disabled .accordion__text { padding-bottom: 1.6rem !important; } .accordion__list { display: flex; flex-direction: column; gap: 1.2rem; } .accordion__title { gap: 2.4rem; background-color: transparent; width: 100%; padding: 1.6rem 0; user-select: none; cursor: pointer; position: relative; display: grid; grid-template-columns: 1fr 24px; justify-content: space-between; align-items: center; gap: 2rem; } .accordion__title h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; color: #191C1E; pointer-events: none; } @media screen and (max-width: 575px) { .accordion__title h3 { font-size: 1.6rem; } } .accordion__title::after { content: url("/local/templates/itelion/files/icons/accordion-close.svg"); width: 24px; height: 24px; pointer-events: none; } .accordion__form, .accordion__team, .accordion__group, .accordion__inputs, .accordion__gap { display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (max-width: 575px) { .accordion__form, .accordion__team, .accordion__group, .accordion__inputs, .accordion__gap { gap: 1.6rem; } } .accordion__group:not(:first-child) { padding-top: 2.4rem; border-top: 2px solid #F4F8FB; } @media screen and (max-width: 575px) { .accordion__group:not(:first-child) { padding-top: 1.6rem; } } .accordion__group:not(:first-child):last-child { padding-bottom: 2.4rem; border-bottom: 2px solid #F4F8FB; } @media screen and (max-width: 575px) { .accordion__group:not(:first-child):last-child { padding-bottom: 1.6rem; } } .accordion__content { display: grid; grid-template-rows: 0fr; max-height: 100%; overflow: hidden; transition: 0.5s; } .accordion__text { min-height: 0; transition: padding 0.5s; padding-bottom: 0; pointer-events: none; } .accordion__text._open { pointer-events: auto; } .accordion__text > * { font-size: 1.6rem; } .accordion__text a { transition: color 0.4s ease; } .accordion__text a, .accordion__text a:active, .accordion__text a:visited, .accordion__text a:focus, .accordion__text a:focus-visible { color: #191C1E !important; border: none; } .accordion__text a:hover { color: #004B88 !important; cursor: pointer; } .accordion__text a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .accordion_arrow .accordion__title::after, .accordion_arrow._open .accordion__title::after { content: url("/local/templates/itelion/files/icons/chevron-down.svg"); width: 20px; height: 20px; } .accordion_arrow._open .accordion__title::after { transform: rotate(180deg); } .choise-form .accordion._open .accordion__content { max-height: 999999999999px; } input { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; padding: 1.6rem; border: 1px solid #F4F8FB; background-color: #F4F8FB; border-radius: 8px; transition: border-color 0.4s ease; width: 100%; height: 5.2rem; color: #000000; outline: none; } input:focus { border-color: #0083CA; } input:focus ~ .input__label { color: #9FABB2; } input:focus ~ .input__label, input._filled ~ .input__label { transform: translate(10px, 1px); padding: 0 0.25rem; font-size: 1.2rem; } input ~ .pristine-error { display: none; } .has-success input:not(:focus) { border-color: #4DB99A; } input[aria-invalid=true]:not(:focus) { border-color: #ED2C2D; } .input__container { position: relative; overflow: hidden; } .input__label { position: absolute; top: 0; left: 0; transform: translate(20px, 15px); transition: transform 0.4s ease, font-size 0.4s ease; color: #58616A; font-size: 1.6rem; pointer-events: none; white-space: nowrap; } input[type=number] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .filter-checkbox { position: relative; display: flex; justify-content: center; align-items: center; } .filter-checkbox:hover span { background-color: #BAE2F7; border-color: #BAE2F7; color: #005AA3; } .filter-checkbox input:checked ~ span { background-color: #BAE2F7; border-color: #BAE2F7; color: #005AA3; } .filter-checkbox input { opacity: 0; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 100%; height: 100%; line-height: 100%; } .filter-checkbox span { pointer-events: none; white-space: nowrap; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 100%; display: inline-block; padding: 1.2rem 2rem; background-color: #ffffff; color: #58616A; border: 1px solid #9FABB2; border-radius: 8px; cursor: pointer; width: fit-content; height: 100%; transition: all 0.4s ease; } .dropdown { position: relative; } .dropdown._disabled { pointer-events: none; } .dropdown.has-danger .dropdown__button { border-color: #ED2C2D; background-color: #FEF1F1; } .dropdown .pristine-error { display: none; } .dropdown label { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; display: inline-block; margin-bottom: 0.8rem; } .dropdown__button { cursor: pointer; height: 52px; padding: 1.6rem; background-color: #F4F8FB; border: 1px solid transparent; border-radius: 8px; transition: border-color 0.4s ease, background-color 0.4s ease; user-select: none; display: flex; align-items: center; justify-content: space-between; gap: 6px; } .dropdown__button > span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; overflow-y: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; pointer-events: none; line-height: 140%; max-width: 96%; } .dropdown__button > input { display: none; } .dropdown__button .arrow { width: 20px; height: 20px; background-image: url(/local/templates/itelion/files/icons/chevron-down.svg); background-position: center; background-repeat: no-repeat; pointer-events: none; } .dropdown__options { position: absolute; top: 100%; width: 100%; height: 0; z-index: 5; pointer-events: none; overflow: hidden; transition: all 0.4s ease; padding-top: 1rem; opacity: 0; } .dropdown__list { padding: 0.8rem; border-radius: 8px; background-color: #ffffff; width: 100%; max-height: 348px; overflow-y: auto; transition: max-height 0.4s ease; margin: 0; gap: 4px; } .dropdown__option { padding: 1.6rem; cursor: pointer; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; margin-bottom: 0; margin-left: 0; list-style: none; border-radius: 8px; transition: 0.4s ease; } .dropdown__option:hover { background-color: #F4F8FB; } .dropdown__option._selected { background-color: #E6FEF7; display: flex; justify-content: space-between; align-items: center; } .dropdown__option._selected::after { content: url("/local/templates/itelion/files/icons/success.svg"); display: block; width: 20px; height: 20px; } .dropdown__option._disabled { background-color: #D9E4EC; } .dropdown__tip-container { display: flex; align-items: center; gap: 0.8rem; margin-top: 1.2rem; } .dropdown__tip-container .tip { top: 0; } .dropdown._active .dropdown__button .arrow { transform: rotate(180deg); } .dropdown._active .dropdown__options { height: 100%; overflow: visible; pointer-events: auto; opacity: 1; } .dropdown._active .dropdown__list { box-shadow: 0px 0px 16px 0px rgba(0, 58, 112, 0.07); } .tip { position: relative; width: 16px; height: 16px; display: inline-block; cursor: pointer; top: 3px; } .tip:hover .tip__text { opacity: 1; } .tip__image { display: flex; justify-content: center; align-items: center; } .tip__text { opacity: 0; position: absolute; left: 0; bottom: 115%; pointer-events: none; transition: opacity 0.4s ease; padding: 0.8rem 1.6rem; background-color: #D1ECFA; border-radius: 8px; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142%; color: #191C1E; width: 154px; z-index: 10; } .tabs { display: flex; flex-direction: column; gap: 4rem; } .tabs__titles { display: flex; gap: 4rem; width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 1.2rem; margin-bottom: -1.2rem; border-bottom: 1px solid #E8EEF2; } @media screen and (max-width: 1440px) { .tabs__titles { width: calc(100% + 4.2rem); padding-right: 4.2rem; } } @media screen and (max-width: 768px) { .tabs__titles { gap: 2.8rem; width: calc(100% + 1.6rem); padding-right: 1.6rem; } } .tabs__titles::-webkit-scrollbar { position: absolute; } .tabs__title { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #9FABB2; transition: color 0.4s ease; padding-bottom: 0.8rem; border-bottom: 0px solid #0083CA; cursor: pointer; user-select: none; margin-bottom: -1.2rem; } .tabs__title::after { content: ""; display: block; height: 1px; width: 0; transition: width 0.4s ease; background-color: #0083CA; position: absolute; left: 0; z-index: 2; bottom: -1px; } @media screen and (max-width: 768px) { .tabs__title { font-size: 2rem; } } .tabs__title._active { pointer-events: none; position: relative; } .tabs__title._active::after { width: 100%; } .tabs__title:hover, .tabs__title._active { color: #191C1E; } .tabs__content { display: none; } .tabs__content._active { display: block; } .tabs__text { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; display: flex; flex-direction: column; gap: 1.6rem; } .search-bar { width: 100%; height: 100%; position: relative; background-color: #F4F8FB; border-radius: 8px; padding: 1rem 1.6rem; } @media screen and (max-width: 768px) { .search-bar { padding: 1rem; } } .search-bar_reverse .search-bar__wrapper { flex-direction: row-reverse; } .search-bar__wrapper { display: flex; justify-content: flex-end; align-items: center; gap: 1.2rem; } .search-bar input { padding: 0; border: none !important; width: 100%; height: 20px; border-radius: 0; background-color: transparent; } .search-bar__submit { background-color: transparent; width: fit-content; height: fit-content; display: flex; justify-content: center; align-items: center; } .search-bar__submit::before { content: url(/local/templates/itelion/files/icons/search-bar__submit.svg); display: block; width: 24px; height: 24px; pointer-events: none; } .cookie-container { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #D1ECFA; padding: 1.2rem 0; z-index: 1000; display: none; justify-content: center; } .cookie-container._showing { display: flex; } .cookie-container__wrapper { width: 100%; max-width: 1372px; display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin: 0 4rem; } @media screen and (max-width: 768px) { .cookie-container__wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-end; } } @media screen and (max-width: 575px) { .cookie-container__wrapper { margin: 0 1.6rem; } } .cookie-container__description { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } .cookie-container__description a { transition: text-decoration-line 0.4s ease; position: relative; } .cookie-container__description a, .cookie-container__description a:active, .cookie-container__description a:visited, .cookie-container__description a:focus, .cookie-container__description a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .cookie-container__description a:hover { cursor: pointer; text-decoration: none; } .cookie-container__description a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .cookie-container .btn { height: 100%; } .link_title { display: flex; align-items: baseline; gap: 1.6rem; width: fit-content; } .link_title::after { content: url("/local/templates/itelion/files/icons/arrow-hover.svg"); display: flex; justify-content: center; align-items: center; min-width: 36px; max-width: 36px; height: 36px; background-color: #BAE2F7; border-radius: 8px; line-height: 100%; padding-top: 0.1rem; } .slider__navigation { display: flex; justify-content: center; align-items: center; gap: 1.2rem; } @media screen and (max-width: 991px) { .slider__navigation { display: none; } } .slider__navigation > * { background-color: transparent; border: 1px solid #C1CED7; border-radius: 8px; padding: 0.9rem; cursor: pointer; transition: all 0.4s ease; display: flex; justify-content: center; align-items: center; } .slider__navigation > *:hover { background-color: #BAE2F7; border-color: transparent; } .slider__navigation > *:hover::before { content: url("/local/templates/itelion/files/icons/arrow-hover.svg"); } .slider__navigation > *::before { content: url("/local/templates/itelion/files/icons/arrow-default.svg"); display: block; width: 24px; height: 24px; events: none; } .slider__navigation > *._prev::before { transform: rotate(180deg); } .slider__navigation > *.swiper-button-disabled { background-color: #DBE4EA; border-color: transparent; pointer-events: none; } .slider__navigation > *.swiper-button-disabled::before { opacity: 0.5; } .popup { position: fixed; width: 100%; height: 100%; background-color: rgba(8, 27, 43, 0.6); top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; z-index: 10000; overflow-y: auto; overflow-x: hidden; } .popup._open { opacity: 1; visibility: visible; } .popup._open .popup__content { transform: translate(0px, 0px); opacity: 1; } .popup__body { min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 6rem 0; margin: 0 auto; position: relative; } @media screen and (max-width: 575px) { .popup__body { padding: 4rem 0; } } .popup__content { width: 100%; height: 100%; position: relative; transition: all 0.4s ease; opacity: 0; transform: translate(0px, -100%); } .popup__close { position: absolute; top: 0px; left: calc(100% + 1.6rem); z-index: 100; width: 44px; height: 44px; cursor: pointer; } @media screen and (max-width: 1600px) { .popup__close { left: calc(100% - 44px); top: unset; bottom: calc(100% + 1.6rem); } } .popup__wrapper { border-radius: 16px; /* overflow: hidden; */ } @media screen and (min-width: 769px) { .popup-form#tender .popup__wrapper, .popup-form#basket .popup__wrapper { min-height: 700px; } } .popup-form .popup__content { max-width: 980px; padding: 0 1.6rem; margin: 0 auto; } .popup-form .popup__wrapper { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); background-size: cover; background-repeat: no-repeat; background-position: center right; position: relative; } @media screen and (max-width: 991px) { .popup-form .popup__wrapper { background-position: center left; } } @media screen and (max-width: 768px) { .popup-form .popup__wrapper { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%) !important; } } .popup-form__wrapper { padding: 4rem 4rem 6rem; display: flex; flex-direction: column; gap: 2.8rem; position: relative; } @media screen and (max-width: 575px) { .popup-form__wrapper { padding: 2rem 2.4rem 4rem; } } .popup-form__bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center; border-radius: 16px; } @media screen and (max-width: 991px) { .popup-form__bg { background-position: center left; } } @media screen and (min-width: 992px) { .popup-form__bg_desktop { display: block; } } @media screen and (max-width: 991px) { .popup-form__bg_desktop { display: none; } } @media screen and (min-width: 992px) { .popup-form__bg_mobile { display: none; } } @media screen and (max-width: 991px) { .popup-form__bg_mobile { display: block; } } @media screen and (max-width: 768px) { .popup-form__bg_mobile { display: none; } } .popup-form__preview { display: flex; flex-direction: column; gap: 1.6rem; } .popup-form__preview h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #ffffff; } @media screen and (max-width: 575px) { .popup-form__preview h2 { font-size: 3.2rem; } } .popup-form__preview h2 span { color: #ED2C2D; white-space: nowrap; } .popup-form__preview p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; color: #ffffff; } @media screen and (min-width: 769px) { .popup-form__preview p { max-width: 480px; } } @media screen and (max-width: 768px) { .popup-form__preview br { display: none; } } .popup-form__container { display: grid; grid-template-columns: 1fr 32.8rem; gap: 2rem; } @media screen and (max-width: 768px) { .popup-form__container { display: flex; flex-direction: column-reverse; } } @media screen and (max-width: 575px) { .popup-form__container { grid-area: 1.2rem; } } .popup-form__form { display: flex; flex-direction: column; gap: 2rem; height: fit-content; } @media screen and (min-width: 769px) { .popup-form__form { max-width: 480px; } } .popup-form__form .textarea__container { height: 90px; } @media screen and (min-width: 769px) { .popup-form__form .textarea__container { height: 118px; } } .popup-form__inputs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 768px) { .popup-form__inputs { display: flex; flex-direction: column; } } .popup-form__btns { display: flex; flex-direction: column; gap: 1.2rem; } .popup-form__btns .btn { max-width: 100%; } @media screen and (max-width: 1600px) { .popup-form .popup__close { top: 0; left: calc(100% + 1.6rem); } } @media screen and (max-width: 1140px) { .popup-form .popup__close { top: 8px; left: unset; right: 24px; } } @media screen and (max-width: 575px) { .popup-form .popup__close { top: -8px; right: 8px; } } .popup-form__list { overflow: hidden; background-color: #0083CA; border-radius: 16px; } @media screen and (min-width: 769px) { .popup-form__list { margin-top: auto; } } .popup-form__block { max-height: 360px; overflow-y: auto; padding: 2rem 2.4rem; display: flex; flex-direction: column; gap: 1.6rem; color: #ffffff; } @media screen and (max-width: 768px) { .popup-form__block { max-height: 178px; } } @media screen and (max-width: 575px) { .popup-form__block { padding: 1.2rem 1.6rem; } } .popup-form__block h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; } .popup-form__results { display: flex; flex-direction: column; gap: 1.6rem; } .popup-form__result { display: flex; flex-direction: column; gap: 0.6rem; } .popup-form__result ul { gap: 0.8rem; margin-left: 0.8rem; } .popup-form__result ul li { font-size: 1.4rem; line-height: 143%; } .popup-form__item { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0.1rem 1.2rem; } .popup-form__item h4 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; } .popup-form__item span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 125%; } .popup-form-access__text { color: #FFFFFF; font-size: 16px; } .popup-form__info { display: none; flex-direction: column; gap: 1.2rem; } @media screen and (min-width: 769px) { .popup-form__info { max-width: 480px; } } .popup-form__info p { color: #ffffff; } .popup-form__info p, .popup-form__info p a { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 768px) { .popup-form__info p, .popup-form__info p a { font-size: 1.4rem; } } .popup-form__info--content { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 768px) { .popup-form__info--content { gap: 1.6rem; } } .popup-form__info--content a { transition: text-decoration-line 0.4s ease; position: relative; } .popup-form__info--content a, .popup-form__info--content a:active, .popup-form__info--content a:visited, .popup-form__info--content a:focus, .popup-form__info--content a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .popup-form__info--content a:hover { cursor: pointer; text-decoration: none; } .popup-form__info--content a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .popup-form__info--text { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 768px) { .popup-form__info--text { gap: 0.8rem; } } .popup-form__info--comment { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (min-width: 769px) { .popup-form__info--comment { -webkit-line-clamp: 2; } } .popup-form__info--contacts { background: #0083CA; border-radius: 16px; border-top: 4px solid #55B7EC; padding: 20px 24px; } @media screen and (max-width: 768px) { .popup-form__info--contacts { padding: 1.2rem 1.6rem; } } .popup-form__info--phones a { transition: color 0.4s ease; } .popup-form__info--phones a, .popup-form__info--phones a:active, .popup-form__info--phones a:visited, .popup-form__info--phones a:focus, .popup-form__info--phones a:focus-visible { color: #ffffff !important; border: none; } .popup-form__info--phones a:hover { color: #55B7EC !important; cursor: pointer; } .popup-form__info--phones a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .popup-form__info--links { display: flex; flex-direction: column; } .popup-form__info--links a { transition: text-decoration-line 0.4s ease; position: relative; text-decoration-color: #ffffff !important; } .popup-form__info--links a, .popup-form__info--links a:active, .popup-form__info--links a:visited, .popup-form__info--links a:focus, .popup-form__info--links a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .popup-form__info--links a:hover { cursor: pointer; text-decoration: none; } .popup-form__info--links a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .popup-form__period { color: #ffffff; display: none; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 768px) { .popup-form__period { font-size: 1.4rem; } } .popup-form._success .popup-form__preview p { display: none; } .popup-form._success .popup-form__form { display: none; } .popup-form._success .popup-form__info { display: flex; } .form-access { background-size: auto 90%; background-position: 90% 100%; } @media screen and (max-width: 768px) { .form-access { display: none; } } .popup-form__btns.close-btn { width: max-content; } @media screen and (max-width: 768px) { .popup-form__btns.close-btn { width: 100%; } } .popup-form--success .popup-form__wrapper { gap: 7.4rem; } .popup-form--success .popup-form__preview h2 { font-family: "OnestMedium2"; font-weight: 500; } .popup-form--success .popup-form-access__text p { font-family: "OnestRegular2"; font-weight: 400; } .popup-form--success .popup-form__btns { margin-top: 7.4rem; } .popup-form--success .popup-form__btns .btn { min-width: 20rem; } textarea { max-width: 100%; min-width: 100%; height: 100%; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; transition: all 0.4s ease; padding: 1.6rem; border: 1px solid #F4F8FB; outline: none; color: #000000; background-color: #F4F8FB; font-size: 1.6rem; resize: none; } textarea:focus { border-color: #0083CA; } textarea:focus ~ .textarea__label { color: #9FABB2; } textarea:focus ~ .textarea__label, textarea._filled ~ .textarea__label { transform: translate(10px, 3px); padding: 0 0.25rem; font-size: 1.2rem; } textarea::-moz-placeholder { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } textarea::placeholder { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } textarea ~ .pristine-error { display: none; } textarea[aria-invalid=true]:not(:focus) { border-color: #ED2C2D; } .textarea__container { border-radius: 8px; overflow: hidden; position: relative; height: 90px; } @media screen and (min-width: 769px) { .textarea__container { height: 172px; } } .textarea__label { background-color: #F4F8FB; position: absolute; top: 0; left: 0; transform: translate(20px, 15px); transition: transform 0.4s ease, font-size 0.4s ease; color: #58616A; font-size: 1.6rem; pointer-events: none; white-space: nowrap; width: calc(100% - 24px); } @media screen and (min-width: 769px) { .textarea_medium { height: 118px; } } .input-range { display: flex; flex-direction: column; gap: 1.2rem; } .input-range_white .input-range__label { color: #ffffff; } .input-range_white .input-range__captions span { color: #ffffff; } .input-range._disabled input[type=range], .input-range._disabled input[type=number] { pointer-events: none; } .input-range__preview { display: flex; flex-direction: column; gap: 1.2rem; } .input-range__label { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; } .input-range__wrapper { display: flex; flex-direction: column; gap: 1.2rem; } .input-range__wrapper input[type=range] { border-radius: 10px; padding: 0; height: 6px; background-color: #F4F8FB; border: none; cursor: ew-resize; } .input-range__wrapper input[type=range]::-webkit-slider-runnable-track { border-radius: 10px; } .input-range__wrapper input[type=range]::-moz-range-track { background-color: #F4F8FB; border-radius: 10px; height: 6px; } .input-range__wrapper input[type=range]::-ms-fill-upper { background-color: #F4F8FB; border-radius: 10px; height: 6px; } .input-range__wrapper input[type=range]::-webkit-slider-thumb { width: 24px; height: 24px; background-color: #0083CA; border: 1px solid #F4F8FB; border-radius: 50%; -webkit-appearance: none; } .input-range__wrapper input[type=range]::-moz-range-thumb { width: 24px; height: 24px; background-color: #0083CA; border: 1px solid #F4F8FB; border-radius: 50%; appearance: none; } .input-range__wrapper input[type=range]::-ms-thumb { width: 24px; height: 24px; background-color: #0083CA; border: 1px solid #F4F8FB; border-radius: 50%; appearance: none; } .input-range__wrapper input[type=range]::-ms-fill-lower { background-color: #0083CA; border-radius: 10px; height: 6px; } .input-range__wrapper input[type=range]::-moz-range-progress { background-color: #0083CA; border-radius: 10px; height: 6px; } .input-range__captions { display: flex; justify-content: space-between; } .input-range__captions span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 143%; color: #191C1E; } .input-radio { width: fit-content; pointer-events: none; } .input-radio > * { pointer-events: auto; } .input-radio__title-container { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 1.6rem; } .input-radio_row { display: flex; align-items: center; gap: 2rem; } @media screen and (max-width: 768px) { .input-radio_row { flex-direction: column; align-items: flex-start; } } .input-radio_row .input-radio__title-container { margin-bottom: 0 !important; } .input-radio_column .input-radio__list { flex-direction: column; flex-wrap: nowrap; } .input-radio_column .input-radio__item { width: fit-content; } .input-radio_transparent .input-radio__button { border: none; padding: 0; } .input-radio label { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; display: inline-block; margin-bottom: 10px; } .input-radio__list { display: flex; flex-wrap: wrap; gap: 1.2rem; width: fit-content; pointer-events: none; } .input-radio__list > * { pointer-events: auto; } .input-radio__item { position: relative; } .input-radio__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .input-radio__button { background-color: #ffffff; border: 1px solid #C1CED7; border-radius: 8px; padding: 1rem 1rem; display: grid; grid-template-columns: 24px 1fr; align-items: center; gap: 1.2rem; pointer-events: none; } .input-radio__button span { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #F4F8FB; border-radius: 50%; border: 1px solid #C1CED7; padding: 5px; } .input-radio__button span::before { content: ""; display: block; width: 100%; height: 100%; background-color: #005AA3; border-radius: 50%; opacity: 0; transition: opacity 0.4s ease; } .input-radio__button, .input-radio__button span { transition: border-color 0.4s ease; } .input-radio__button h4 { font-size: 1.6rem; color: #191c1e; pointer-events: none; } .input-radio input[checked] ~ .input-radio__button, .input-radio input[checked] ~ .input-radio__button span { border-color: #005AA3; } .input-radio input[checked] ~ .input-radio__button span { background-color: #ffffff; } .input-radio input[checked] ~ .input-radio__button span::before { opacity: 1; } .inputs-mark .form-group.input-radio { display: none; } .inputs-mark .form-group.input-radio._open { display: block; } .checkbox { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; position: relative; gap: 1.2rem; width: fit-content; cursor: pointer; } .checkbox-container { display: flex; flex-direction: column; gap: 1.6rem; } .checkbox__title { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .checkbox input[type=checkbox] { position: absolute; left: -10000px; } .checkbox ~ .pristine-error { display: none; } .checkbox .custom-checkbox { min-width: 24px; height: 23px; background-color: #F4F8FB; border: 1px solid #C1CED7; border-radius: 4px; padding: 4px; transition: all 0.4s ease; position: relative; pointer-events: none; } .checkbox .custom-checkbox:hover { cursor: pointer; } .checkbox input[type=checkbox]:checked ~ .custom-checkbox { background-color: #ffffff; border-color: #005AA3; } .checkbox input[type=checkbox]:checked ~ .custom-checkbox::before { content: url(/local/templates/itelion/files/icons/check.svg); box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: transparent; z-index: 1; } .checkbox__label { font-size: 1.6rem; color: #191C1E; pointer-events: none; } .checkbox__label:hover { cursor: pointer; } .has-danger .custom-checkbox { border-color: #ED2C2D; } .input-radio-castom { display: flex; flex-direction: column; gap: 1.6rem; pointer-events: none; } .input-radio-castom > * { pointer-events: auto; } .input-radio-castom_white label { color: #ffffff; } .input-radio-castom_white .input-radio-castom__input:has(input[checked]) { background: #0083CA !important; } .input-radio-castom_white .input-radio-castom__input:has(input[checked]) { background: linear-gradient(to left, #ffffff 50%, #0083CA 50%); } .input-radio-castom_white .input-radio-castom__captions span { color: #ffffff; } .input-radio-castom label { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; } .input-radio-castom__wrapper { position: relative; display: flex; flex-direction: column; gap: 0.9rem; pointer-events: none; } .input-radio-castom__inputs, .input-radio-castom__captions { display: grid; } .input-radio-castom__inputs > *, .input-radio-castom__captions > * { justify-self: center; } .input-radio-castom__inputs > *:first-of-type, .input-radio-castom__captions > *:first-of-type { justify-self: start; } .input-radio-castom__inputs > *:last-of-type, .input-radio-castom__captions > *:last-of-type { justify-self: end; } .input-radio-castom__inputs { grid-template-columns: 10px repeat(var(--input-count), 1fr); justify-content: space-between; position: relative; background-color: #F4F8FB; border-radius: 10px; height: 6px; pointer-events: none; } .input-radio-castom__input { position: relative; width: 100%; height: 100%; pointer-events: auto; } .input-radio-castom__input:first-child { border-radius: 10px 0 0 10px; } .input-radio-castom__input:last-child { border-radius: 0 10px 10px 0; } .input-radio-castom__input input { opacity: 0; width: 100%; height: 44px; cursor: pointer; top: 0; left: 0; background-color: #F4F8FB; } .input-radio-castom__input input, .input-radio-castom__input input + span { position: absolute; } .input-radio-castom__input input + span { content: ""; width: 24px; height: 24px; background-color: #0083CA; border: 1px solid #F4F8FB; border-radius: 50%; top: -150%; right: -4%; z-index: 1; pointer-events: none; opacity: 0; } .input-radio-castom__input input[checked] + span { opacity: 1; } .input-radio-castom__input:first-of-type:has(input[checked]) { background: #F4F8FB !important; } .input-radio-castom__input:first-of-type input, .input-radio-castom__input:first-of-type input + span { left: 0; transform: translateX(0); } .input-radio-castom__input:last-of-type:has(input[checked]) { background: #0083CA !important; } .input-radio-castom__input:last-of-type input, .input-radio-castom__input:last-of-type input + span { left: 100%; transform: translateX(-100%); } .input-radio-castom__input:has(input[checked]) { background: #0083CA !important; } .input-radio-castom__input:has(~ .input-radio-castom__input > input[checked]) { background: #0083CA; } .input-radio-castom__captions { grid-template-columns: 0.5fr repeat(var(--caption-count), 1fr) 0.5fr; justify-content: space-between; pointer-events: none; } .input-radio-castom__captions span { font-size: 1.4rem; line-height: 143%; } .input-set { display: flex; flex-direction: column; gap: 0.8rem; } .input-set label { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; } .input-set__wrapper { display: flex; flex-direction: column; gap: 1.2rem; } .input-set__list { display: flex; flex-direction: column; gap: 0.9rem; } .input-set__item { display: flex; flex-wrap: nowrap; gap: 0.9rem; width: 100%; } @media screen and (max-width: 575px) { .input-set__item.with-qty { flex-direction: column; align-items: start; } } .input-set__item:not(:first-child) { padding-top: 2.4rem; border-top: 2px solid #F4F8FB; } @media screen and (max-width: 575px) { .input-set__item:not(:first-child) { padding-top: 1.6rem; } } .input-set__item:not(:first-child):last-child { padding-bottom: 2.4rem; border-bottom: 2px solid #F4F8FB; } @media screen and (max-width: 575px) { .input-set__item:not(:first-child):last-child { padding-bottom: 1.6rem; } } @media screen and (min-width: 576px) { .input-set__item .dropdown { width: 100%; } } @media screen and (max-width: 575px) { .input-set__item .dropdown { min-width: 86px; } } .input-set__options { display: flex; flex-wrap: nowrap; align-items: center; gap: 0.9rem; position: relative; } @media screen and (min-width: 769px) { .input-set__options { justify-content: space-between; } } @media screen and (max-width: 768px) { .input-set__options { grid-template-columns: minmax(86px, max-content) repeat(auto-fit, 52px); } } @media screen and (max-width: 575px) { .input-set__options { justify-content: space-between; } } .input-set__delete { background-color: transparent; width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; } .input-set__delete::after { content: url("/local/templates/itelion/files/icons/delete.svg"); display: block; width: 16px; height: 16px; } .input-set__attention { width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .input-set__attention:hover .input-set__attention-desc { opacity: 1; } .input-set__attention > span { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #CD0E10; } .input-set__attention-desc { background-color: #FEF1F1; border-radius: 8px; padding: 0.8rem 1.6rem; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); position: absolute; right: 0; top: calc(100% + 1.2rem); opacity: 0; transition: opacity 0.4s ease; font-size: 1.4rem; color: #191C1E; pointer-events: none; } @media screen and (min-width: 1025px) { .input-set__attention-desc { width: 399px; } } .input-set__append { background-color: transparent; display: flex; align-items: center; gap: 1rem; cursor: pointer; width: fit-content; } @media screen and (max-width: 1024px) { .input-set__append { border: 1px solid #C1CED7; border-radius: 8px; padding: 1.6rem; justify-content: center; } } .input-set__append::before { content: url("/local/templates/itelion/files/icons/append.svg"); width: 16px; height: 16px; padding: 2px; background-color: #BAE2F7; border-radius: 4px; pointer-events: none; } .input-set__append span { font-size: 1.6rem; line-height: 125%; color: #191C1E; pointer-events: none; } @media screen and (max-width: 575px) { .input-set__append span { font-size: 1.4rem; } } .input-set__reset { min-width: 173px; } .navigation-config { display: grid; grid-template-columns: repeat(auto-fit, minmax(356px, 1fr)); gap: 2rem 10rem; } @media screen and (max-width: 1024px) { .navigation-config { display: flex; flex-direction: column; gap: 2rem; } } .navigation-config__group { display: flex; flex-direction: column; gap: 1.2rem; } .navigation-config__title h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } .navigation-config__list { display: flex; flex-wrap: wrap; gap: 1.1rem 2.4rem; } @media screen and (max-width: 1024px) { .navigation-config__list { flex-wrap: nowrap; overflow-x: auto; gap: 1.2rem; padding-bottom: 1.2rem; margin: 0 -4.2rem -1.2rem 0; padding-right: 4.2rem; } } @media screen and (max-width: 768px) { .navigation-config__list { margin: 0 -1.6rem -1.2rem 0; padding-right: 1.6rem; } } .navigation-config__item { font-size: 1.4rem; line-height: 143%; } @media screen and (min-width: 1025px) { .navigation-config__item { transition: text-decoration-line 0.4s ease; position: relative; } .navigation-config__item, .navigation-config__item:active, .navigation-config__item:visited, .navigation-config__item:focus, .navigation-config__item:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .navigation-config__item:hover { cursor: pointer; text-decoration: none; } .navigation-config__item._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } } @media screen and (max-width: 1024px) { .navigation-config__item { padding: 1.2rem 2rem; border: 1px solid #9FABB2; border-radius: 8px; color: #58616A; min-width: fit-content; white-space: nowrap; } .navigation-config__item:focus-visible, .navigation-config__item._active { background-color: transparent; border-color: #005AA3; border-width: 2px; } } .input-count { display: flex; flex-direction: column; gap: 1.6rem; } .input-count .pristine-error { display: none; } .input-count__label { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; display: inline-block; } .input-count__wrapper { display: flex; align-items: center; gap: 1.2rem; } .input-count__btn { width: 4.4rem; height: 4.4rem; background-color: #ffffff; border: 1px solid #F4F8FB; border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.4s ease; } .input-count__btn._disabled { pointer-events: none; background-color: #F4F8FB; } .input-count__btn:hover { background-color: #BAE2F7; } .input-count__btn::after { display: block; width: 2.4rem; height: 2.4rem; pointer-events: none; } .input-count__btn_lower::after { content: url("/local/templates/itelion/files/icons/lower.svg"); } .input-count__btn_uppper::after { content: url("/local/templates/itelion/files/icons/uppper.svg"); } .input-count input { background-color: #ffffff; max-width: 6.6rem; height: 4.4rem; text-align: center; user-select: none; } .header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; } .header__row { background-color: #ffffff; position: relative; z-index: 100; } .header__wrapper { padding: 2.4rem 0; } @media screen and (max-width: 575px) { .header__wrapper { padding: 1.6rem 0; } } .header__burger { grid-area: header__logo; min-width: 44px; max-width: 44px; height: 44px; background-color: #ffffff; border: 1px solid #C1CED7; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.3rem; cursor: pointer; -webkit-tap-highlight-color:transparent; } @media screen and (max-width: 320px) { .header__burger { min-width: 36px; max-width: 36px; height: 36px; } } .header__burger span { display: inline-block; width: 18px; height: 2px; border-radius: 2px; background-color: #58616A; pointer-events: none; } .header__burger._open { position: relative; } .header__burger._open span { position: absolute; transition: 0.5s; } .header__burger._open :first-child { top: 50%; transform: rotate(45deg); } .header__burger._open :last-child { top: 50%; transform: rotate(-45deg); } .header__burger._open :nth-child(2) { opacity: 0; } .header__burger._disable { display: none; } @media screen and (max-width: 1024px) { .header__burger._disable { display: flex; } } .header__container { background-color: #ffffff; display: grid; grid-template-columns: repeat(3, max-content); justify-content: space-between; align-items: center; grid-template-areas: "header__logo header__contacts header__btns"; gap: 2.4rem 1.2rem; } @media screen and (max-width: 1440px) { .header__container { display: flex; justify-content: space-between; gap: 1.2rem 0.8rem; } } .header__container--color { background-color: #ffffff; } .header__logo { grid-area: header__logo; width: 146px; height: 36px; margin: 0; transition: 0.4s ease; } @media screen and (min-width: 1441px) { .header__logo { margin: 0 0 0 68px; } } @media screen and (max-width: 1280px) { .header__logo { width: 90px; height: 22px; } } .header__logo._open { margin: 0; } .header__container-nav { background-color: #ffffff; border-radius: 20px; display: flex; justify-content: space-between; padding-bottom: 24px; align-items: center; gap: 70px; } @media screen and (max-width: 1440px) { .header__container-nav { gap: 16px; } } @media screen and (max-width: 1024px) { .header__container-nav { display: none; } } .header__navigation-container { opacity: 0; visibility: hidden; transform: translate(0, -100%); transition: 0.5s; position: absolute; z-index: 99; width: 100%; background-color: #ffffff; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); border-radius: 0px 0px 20px 20px; } .header__navigation-container._open { opacity: 1; visibility: visible; transform: translate(0, 0); position: relative; } .header__navigation-container .header__wrapper { padding: 0; } @media screen and (max-width: 1024px) { .header__navigation-container { display: none; } } .header__btns-mobile { display: none; } .header__btns-mobile .header-btn-mobile { background-color: #F4F8FB; width: 44px; height: 44px; border-radius: 8px; display: flex; justify-content: center; align-items: center; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width: 320px) { .header__btns-mobile .header-btn-mobile { width: 36px; height: 36px; } } .header__btns-mobile .header-btn-mobile img { width: 16px; user-select: none; } @media screen and (max-width: 1024px) { .header__btns-mobile { display: flex; gap: 12px; } } @media screen and (max-width: 1024px) { header .header__contacts { display: none; } header .header__search { display: none; } header .header__btns { display: none; } } .header__right { display: flex; align-items: center; gap: 1.2rem; } .header__shop { position: relative; } .header__shop--btn { background-color: #F4F8FB; width: 44px; height: 44px; border-radius: 8px; display: flex; justify-content: center; align-items: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width: 320px) { .header__shop--btn { width: 36px; height: 36px; } } .header__shop--btn img { width: 22px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media screen and (max-width: 1140px) { .header__shop--btn img { width: 18px; } } .header__shop--count { background-color: #048B65; border-radius: 50px; display: none; color: #FFF; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 11px; line-height: 109.091%; position: absolute; top: 6px; right: 6px; padding: 1px 4px; pointer-events: none; } .header__shop--count._active { display: inline-block; } .header__shop--notice { border: 1px solid transparent; border-radius: 8px; display: flex; justify-content: space-between; margin-top: 8px; opacity: 0; transition: opacity 0.4s ease; padding: 1.4rem 1rem 1.4rem 1.6rem; pointer-events: none; position: absolute; right: 0; top: 100%; z-index: 100; } .header__shop--notice._active { opacity: 1; pointer-events: auto; } .header__shop--notice > div { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142.857%; white-space: nowrap; } @media screen and (max-width: 575px) { .header__shop--notice > div { display: flex; flex-direction: column; } } .header__shop--notice > div a { transition: text-decoration-line 0.4s ease; position: relative; } .header__shop--notice > div a, .header__shop--notice > div a:active, .header__shop--notice > div a:visited, .header__shop--notice > div a:focus, .header__shop--notice > div a:focus-visible { color: #191C1E; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .header__shop--notice > div a:hover { cursor: pointer; text-decoration: none; } .header__shop--notice > div a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .header__shop--notice::before { content: ""; background-color: transparent; border-top: 1px solid transparent; border-left: 1px solid transparent; pointer-events: none; position: absolute; right: 15px; bottom: calc(100% - 6px); transform: rotate(45deg); width: 12px; height: 12px; } @media screen and (max-width: 575px) { .header__shop--notice_error { width: calc(100vw - 32px); } } .header__shop--notice_error, .header__shop--notice_error::before { background-color: #FEF1F1; border-color: #CD0E10; } .header__shop--notice_error > div { color: #CD0E10; } .header__shop--notice_success, .header__shop--notice_success::before { background-color: #E6FEF7; border-color: #4DB99A; } .header__shop--notice_success > div { color: #4DB99A; } .header__shop--notice > span { cursor: pointer; display: inline-block; background-image: url("/local/templates/itelion/files/icons/delete.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px 16px; margin-left: 1.8rem; padding: 4px; width: 24px; height: 24px; } .header__search { flex-grow: 1; max-width: 450px; } @media screen and (max-width: 1140px) { .header__search { max-width: 230px; } } .header__row._disable .header__search { display: none; } .header__row._disable .header__btns { /*display: flex;*/ } .header__container-nav._disable .header__search { display: flex; } .header__container-nav._disable .header__btns { display: none; } .header__row .header__search { display: none; } .menu-btns { display: flex; align-items: center; flex-wrap: nowrap; gap: 1.2rem; } .menu-btns .btn_outlined { min-width: 155px; } .menu-btns .btn_primary { min-width: 173px; } .menu-contacts { display: flex; flex-wrap: nowrap; gap: 1.2rem; } .menu-contacts__adress { display: flex; gap: 1.2rem; height: 100%; } .menu-contacts__adress a { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 143%; transition: color 0.4s ease; display: inline-block; padding-left: 1.2rem; & + a { border-left: 1px solid #BAE2F7 !important; } } .menu-contacts__adress a, .menu-contacts__adress a:active, .menu-contacts__adress a:visited, .menu-contacts__adress a:focus, .menu-contacts__adress a:focus-visible { color: #58616A !important; border: none; } .menu-contacts__adress a:hover { color: #004B88 !important; cursor: pointer; } .menu-contacts__adress a._disabled { color: #79838B !important; pointer-events: none; cursor: default; } @media screen and (max-width: 1440px) { .menu-contacts__adress a:last-of-type { display: none; } } .menu-contacts__socials { display:flex; align-items:center; gap:.8rem; background:#daf1fb; border-radius:8px; padding:6px 8px 6px 10px; } @media screen and (max-width: 1140px) { .menu-contacts__socials { display: none; } } .menu-contacts__socials p { font-size:1.6rem; font-weight:bolder; line-height:100%; color:#191c1e; } .menu-contacts__socials p span { font-size:1.4rem; font-weight:400; line-height:100%; color:#58616a; } .menu-contacts__socials a { width:30px; height:30px; display:flex; justify-content:center; align-items:center; } .menu-contacts__icons { display:flex; justify-content:center; align-items:center; gap:.8rem; } .menu-contacts__icons a { border-radius:8px; border:1px solid #cfd4d8; display:flex; justify-content:center; align-items:center; padding:4px; width:44px; height:44px; } .menu-contacts__icons a img { width:24px; height:24px; } .mobile-menu .menu-btns { display:grid; grid-template-columns:repeat(2,1fr); } @media screen and (max-width: 575px) { .mobile-menu .menu-btns { display:flex; flex-direction:column; } } @media screen and (min-width:769px) { .mobile-menu .menu-btns .btn { max-width:100%; width:100%; } } @media screen and (min-width: 1141px) { .mobile-menu { display: none; } } @media screen and (max-width: 1140px) { .mobile-menu { background-color: #ffffff; width: 0; height: calc(100vh - 148px); opacity: 0; overflow: hidden; position: fixed; left: 100vw; z-index: 99; transition: 0.4s; padding: 2.4rem 4rem 0 4rem; overflow-y: auto; top: calc(var(--banner-height) + 92px); } } @media screen and (max-width: 1140px) and (max-width: 575px) { .mobile-menu { height: calc(100vh - 132px); top: calc(var(--banner-height) + 76px); padding: 1.6rem 1.6rem 0 1.6rem; } } @media screen and (max-width: 1140px) { .mobile-menu._open { width: 100vw; left: 0; opacity: 1; } .mobile-menu-phone__btns { padding: 0 0 40px 0; } .mobile-menu__wrapper { height: 100%; display: flex; flex-direction: column; gap: 6rem; justify-content: space-between; } .mobile-menu__header { display: flex; justify-content: space-between; align-items: center; gap: 2rem; } .mobile-menu__close { display: flex; justify-content: center; align-items: center; } .mobile-menu__contacts { margin: auto auto 0; } .mobile-menu__contacts .menu-contacts__socials { margin-bottom: 12rem; } } @media screen and (max-width: 768px) { .mobile-menu__contacts .menu-contacts { flex-direction: column; align-items: center; gap: 2rem; } .mobile-menu__contacts .menu-contacts__adress { flex-direction: column; align-items: center; gap: 0.8rem; } .mobile-menu__contacts .menu-contacts__adress a { border-right: none !important; } .mobile-menu__contacts .menu-contacts__socials { gap: 2rem; } } @media screen and (max-width: 575px) { .mobile-menu__header { align-items: flex-start; } .mobile-menu__btns .menu-btns { flex-direction: column; } } .open-mobile-menu._open .header-btn-mobile-img-close { display: flex; } .open-mobile-menu._open .header-btn-mobile-img { display: none; } .header-btn-mobile-img-close { display: none; width: 44px !important; height: 24px !important; } .mobile-list { margin: 0; gap: 0; /* Первый уровень */ /* Второй уровень */ /* Третий уровень */ /* Четвертый уровень */ /* Пятый уровень */ } .mobile-list ul { margin: 0; max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease; gap: 0; padding-right: 0.8rem; margin-right: -0.8rem; } .mobile-list ul._open { height: 100%; max-height: 600px; opacity: 1; overflow-y: auto; } .mobile-list li { list-style: none; padding: 0; border-top: 1px solid #C1CED7; } .mobile-list a { display: flex; justify-content: space-between; align-items: center; gap: 1.6rem; color: #191C1E !important; } .mobile-list a._open ._arrow { transform: rotate(180deg); } .mobile-list a span { transition: 0.4s ease; } .mobile-list a:hover span { color: #005AA3; } .mobile-list ._arrow { display: flex; justify-content: center; align-items: center; } .mobile-list ._arrow::before { content: url("/local/templates/itelion/files/icons/chevron-down_small.svg"); width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; } .mobile-list > li:last-child { border-bottom: 1px solid #C1CED7; } .mobile-list > li > a { padding: 1.6rem 0; } .mobile-list > li > a span { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; } .mobile-list > li > ul > li > a { padding: 1rem 0 1rem; } .mobile-list > li > ul > li > a span { line-height: 400; font-size: 1.6rem; line-height: 150%; } .mobile-list > li > ul > li > ul > li > a { padding: 1rem 0 1rem; } .mobile-list > li > ul > li > ul > li > a span { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.4rem; line-height: 150%; } .mobile-list > li > ul > li > ul > li > ul > li > a { padding: 1rem 0 1rem; } .mobile-list > li > ul > li > ul > li > ul > li > a span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2rem; line-height: 150%; } .mobile-list > li > ul > li > ul > li > ul > li > ul > li > a { padding: 1rem 0 1rem; } .mobile-list > li > ul > li > ul > li > ul > li > ul > li > a span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; line-height: 150%; } @media screen and (min-width:1141px) { .mobile-search { display:none; } } @media screen and (max-width:1140px) { .mobile-search { background-color:#fff; width:100vw; opacity:0; overflow:hidden; position:fixed; top:0; left:0; z-index:99; transition:.4s; pointer-events:none; padding:0 4.2rem 1.6rem; } .mobile-search._open { box-shadow:0 8px 8px 0 rgba(0,131,202,.07); opacity:1; pointer-events:auto; top:calc(var(--banner-height) + 92px); } } @media screen and (max-width:1140px) and (max-width:575px) { .mobile-search._open { top: calc(var(--banner-height) + 76px); } } @media screen and (max-width:1140px) and (max-width:768px){ .mobile-search { padding:0 1.6rem 1.6rem; } } .desktop-menu { width: 100%; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 4rem; margin: 0; } @media screen and (max-width: 1440px) { .desktop-menu { gap: 0.8rem 2rem; } } @media screen and (max-width: 1024px) { .desktop-menu { display: none; } } .desktop-menu li { list-style: none; padding: 0; } .desktop-menu > li > a { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 150%; transition: color 0.4s ease; } .desktop-menu > li > a, .desktop-menu > li > a:active, .desktop-menu > li > a:visited, .desktop-menu > li > a:focus, .desktop-menu > li > a:focus-visible { color: #191C1E !important; border: none; } .desktop-menu > li > a:hover { color: #004B88 !important; cursor: pointer; } .desktop-menu > li > a._disabled { color: #474D52 !important; pointer-events: none; cursor: default; } .desktop-menu__item { background-color: #ffffff; border-radius: 0 0 20px 20px; position: absolute; top: 70%; left: 0; width: 0; height: 0; opacity: 0; overflow: hidden; pointer-events: none; box-shadow: 0px 8px 8px 0px rgba(0, 131, 202, 0.0705882353); } .desktop-menu__item._visible { width: calc(100vw - 0.8rem); height: fit-content; opacity: 1; pointer-events: auto; padding-top: 2rem; } .desktop-menu-links { padding: 4rem; display: grid; justify-content: space-between; grid-template-columns: 1fr 328px; gap: 1.6rem; max-width: 137.2rem; padding-left: 3.6rem; margin: 0 auto; } .desktop-menu-links__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 6rem; height: fit-content; margin-right: 7%; } .desktop-menu-links__item { display: grid; grid-template-columns: 24px 1fr; gap: 0.8rem; padding: 0.4rem; border-radius: 8px; } .desktop-menu-links__content { display: flex; flex-direction: column; gap: 0.4rem; } .desktop-menu-links__content h3 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 150%; color: #191C1E !important; transition: 0.5s; } .desktop-menu-links__content h3:hover { color: #005AA3 !important; } .desktop-menu-links__content p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.2rem; line-height: 133%; color: #58616A !important; } .desktop-menu-links__banner { position: relative; } .desktop-menu-links__banner .popup-link { position: absolute; width: 100%; height: 337px; z-index: 2; } .desktop-menu-nav { background-color: #F4F8FB; position: relative; display: grid; grid-template-columns: 342px 1fr; max-width: 137.2rem; margin: 0 auto; } .desktop-menu-nav__links { display: flex; flex-direction: column; gap: 2.8rem; margin: 0; padding: 4rem; } .desktop-menu-nav__link { width: 100%; max-width: 262px; display: flex; justify-content: space-between; align-items: center; gap: 0.8rem; cursor: pointer; } .desktop-menu-nav__link._visible h3 { color: #004B88; } .desktop-menu-nav__link h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; transition: color 0.4s ease; } .desktop-menu-nav__link::after { content: url("/local/templates/itelion/files/icons/chevron-down_small.svg"); display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; transform: rotate(-90deg); } .desktop-menu-nav__body { opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: #ffffff; padding: 4rem; } .desktop-menu-nav__body._visible { position: static; opacity: 1; pointer-events: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 4rem; } .desktop-menu-nav__preview { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-content: space-between; gap: 2rem; } .desktop-menu-nav__header { display: flex; flex-direction: column; gap: 2.8rem; } .desktop-menu-nav__header > a { display: flex; align-items: center; gap: 0.8rem; transition: color 0.4s ease; } .desktop-menu-nav__header > a, .desktop-menu-nav__header > a:active, .desktop-menu-nav__header > a:visited, .desktop-menu-nav__header > a:focus, .desktop-menu-nav__header > a:focus-visible { color: #191C1E !important; border: none; } .desktop-menu-nav__header > a:hover { color: #004B88 !important; cursor: pointer; } .desktop-menu-nav__header > a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .desktop-menu-nav__header > a span { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 150%; } .desktop-menu-nav__header > a::after { content: url("/local/templates/itelion/files/icons/arrow-hover_small.svg"); display: flex; justify-content: center; align-items: center; width: 23px; height: 22px; background-color: #BAE2F7; border-radius: 4px; line-height: 100%; padding-top: 0.1rem; } .desktop-menu-nav__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.6rem 6rem; &.two-cols { grid-template-columns: repeat(auto-fit, minmax(280px, 0fr)); } } .desktop-menu-nav__list a { width: fit-content; font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; transition: color 0.4s ease; } .desktop-menu-nav__list a, .desktop-menu-nav__list a:active, .desktop-menu-nav__list a:visited, .desktop-menu-nav__list a:focus, .desktop-menu-nav__list a:focus-visible { color: #191C1E !important; border: none; } .desktop-menu-nav__list a:hover { color: #004B88 !important; cursor: pointer; } .desktop-menu-nav__list a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .desktop-menu-nav__btns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .desktop-menu-nav__btns .btn { max-width: 100%; } .page-preview { display: flex; flex-direction: column; gap: 0.8rem; } .footer { padding: 6rem 0; } @media screen and (max-width: 575px) { .footer { padding: 4rem 0; } } .footer__wrapper { display: flex; flex-direction: column; gap: 6rem; } @media screen and (max-width: 1024px) { .footer__wrapper { gap: 4rem; } } .footer__description { display: flex; justify-content: space-between; align-items: center; gap: 2.8rem; } @media screen and (max-width: 1024px) { .footer__description { align-items: flex-start; } } @media screen and (max-width: 575px) { .footer__description { flex-direction: column; justify-content: flex-start; } } .footer__logo { display: inline-block; max-width: 146px; } @media screen and (max-width: 575px) { .footer__logo { max-width: 90px; } } .footer__label { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } @media screen and (min-width: 1025px) { .footer__label br { display: none; } } .footer__nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4rem 5rem; } @media screen and (max-width: 1280px) { .footer__nav { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .footer__nav { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .footer__nav { grid-template-columns: 1fr; gap: 4rem 1.6rem; } } .footer__nav .links a { font-size: 1.4rem; } .footer__ending { display: flex; justify-content: space-between; gap: 1.6rem; } @media screen and (max-width: 575px) { .footer__ending { flex-direction: column-reverse; justify-content: flex-start; } } .footer__optionally { display: flex; flex-direction: column; gap: 1.6rem; font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 142%; color: #58616A; } .footer__links { display: flex; flex-wrap: wrap; gap: 6rem; } @media screen and (max-width: 1024px) { .footer__links { flex-direction: column; gap: 1.2rem; } } .footer__links a { transition: color 0.4s ease; } .footer__links a, .footer__links a:active, .footer__links a:visited, .footer__links a:focus, .footer__links a:focus-visible { color: #58616A !important; border: none; } .footer__links a:hover { color: #004B88 !important; cursor: pointer; } .footer__links a._disabled { color: #79838B !important; pointer-events: none; cursor: default; } .footer__socials { display: flex; align-items: center; gap: 0.8rem; height: 100%; } .footer__socials a { display: flex; justify-content: center; align-items: center; } .footer__socials a img { width: 33px; height: 33px; } @media screen and (min-width: 1025px) { .main-slider__wrapper { overflow: hidden; border-radius: 20px; } } @media screen and (max-width: 768px) { .main-slider__wrapper { overflow: hidden; } } .main-slider__slide { position: relative; width: 100%; height: 100%; min-height: 456px; padding: 6.6rem 6rem; } @media screen and (max-width: 1024px) { .main-slider__slide { overflow: hidden; border-radius: 20px; padding: 7.2rem 4rem; } } @media screen and (max-width: 768px) { .main-slider__slide { border-radius: 0; padding: 0; min-height: auto; display: flex; flex-direction: column; gap: 4rem; } } .main-slider__bg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 769px) { .main-slider__bg { position: absolute; top: 0; left: 0; z-index: -1; } } @media screen and (max-width: 768px) { .main-slider__bg { min-height: 160px; overflow: hidden; border-radius: 20px; background-position: right; } } .main-slider__content { max-width: 616px; display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 1024px) { .main-slider__content { max-width: 420px; } } @media screen and (max-width: 768px) { .main-slider__content { max-width: 100%; } } .main-slider__text { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 768px) { .main-slider__text { gap: 2.8rem; } } .main-slider__text h1, .main-slider__text h2 { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 4.8rem; line-height: 108%; color: #ffffff; } @media screen and (max-width: 1024px) { .main-slider__text h1, .main-slider__text h2 { font-size: 3.6rem; line-height: 111%; } } @media screen and (max-width: 768px) { .main-slider__text h1, .main-slider__text h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; color: #191C1E; } } .main-slider__preview { font-family: OnestLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; line-height: 120%; color: #ffffff; } @media screen and (max-width: 768px) { .main-slider__preview { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; color: #191C1E; } } .main-slider__pagination { transform: translateX(0); margin: 2rem auto 0; overflow: visible; display: flex; align-items: center; gap: 0.8rem; width: fit-content !important; } @media screen and (max-width: 1024px) { .main-slider__pagination { display: none; } } .main-slider__pagination .swiper-pagination-bullet { width: 52px; height: 52px; background-color: transparent; border-radius: 0; position: relative; margin: 0 !important; opacity: 1; } .main-slider__pagination .swiper-pagination-bullet::after { content: ""; width: 10px; height: 10px; background-color: #C1CED7; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-slider__pagination .swiper-pagination-bullet-active::after { background-color: #0083CA; } .suppliers-preview { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 575px) { .suppliers-preview { grid-template-columns: 1fr; } } .solutions-preview { display: flex; flex-direction: column; gap: 4rem; } .solutions-preview__main { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem 2rem; } @media screen and (max-width: 1024px) { .solutions-preview__main { grid-template-columns: 1fr; } .solutions-preview__main .catalog-item { grid-column: span 1 !important; } } .why { display: grid; grid-template-columns: 1fr 444px; grid-template-areas: "why__list why__banner"; gap: 2rem; } @media screen and (max-width: 1140px) { .why { grid-template-columns: 1fr; grid-template-areas: "why__banner" "why__list"; } } .why__list { grid-area: why__list; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 575px) { .why__list { grid-template-columns: 1fr; } } .why__banner { grid-area: why__banner; background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 20px; padding: 2.8rem; display: flex; flex-direction: column; justify-content: space-between; gap: 2.8rem; } @media screen and (max-width: 1140px) { .why__banner { flex-direction: row; } } @media screen and (max-width: 768px) { .why__banner { flex-direction: column; justify-content: flex-start; } } .why__banner h3 { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #ffffff; } .why__content { background-color: #ffffff; border-radius: 8px; padding: 1.6rem 2rem; display: flex; flex-direction: column; gap: 1rem; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; color: #191C1E; } .faq { display: flex; flex-direction: column; gap: 4rem; } .faq__wrapper { display: flex; flex-direction: column; gap: 2.4rem; } .faq__wrapper h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; color: #191C1E; } .faq__list { display: flex; flex-direction: column; gap: 1.2rem; } .vacancies { display: flex; flex-direction: column; gap: 1.2rem; } /* .vacancies .accordion .accordion__content { display: grid; grid-template-rows: 0fr; max-height: 100%; overflow: hidden; transition: 0.5s; } .vacancies .accordion .accordion__content .accordion__text { min-height: 0; transition: padding 0.5s; padding-bottom: 0; } .vacancies .accordion._open .accordion__content { grid-template-rows: 1fr !important; } .vacancies .accordion._open .accordion__content .accordion__text { min-height: 0; padding-bottom: 2.4rem; } */ .certificates { display: flex; flex-direction: column; gap: 6rem; } .certificates__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } @media screen and (max-width: 1140px) { .certificates__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .certificates__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .certificates__list { grid-template-columns: 1fr; } } .certificates__list .certificate img { max-width: 240px; max-height: 340px; } @media screen and (max-width: 768px) { .certificates__slider { margin-left: -1.6rem; margin-right: -1.6rem; padding-left: 1.6rem; padding-right: 1.6rem; overflow: hidden; } } .certificates__slider .certificate { min-height: 206px; } @media screen and (max-width: 768px) { .certificates__slider .certificate { height: auto; } } @media screen and (max-width: 575px) { .certificates__slider .certificate { min-height: 188px; } } @media screen and (max-width: 768px) { .certificates__slider .certificate picture, .certificates__slider .certificate img { max-height: 300px; } } .certificate { background-color: #ffffff; padding: 1.8rem 4.4rem; border-radius: 16px; display: flex; justify-content: center; align-items: center; } .contacts { display: grid; grid-template-columns: 1fr 1.5fr; justify-content: space-between; gap: 2.8rem; } @media screen and (max-width: 991px) { .contacts { grid-template-columns: 1fr; } } .contacts__wrapper { display: flex; flex-direction: column; gap: 2.8rem; } .contacts__content { display: flex; flex-direction: column; gap: 1.2rem; } .contacts__item { font-size: 1.6rem; } .contacts__item span { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } .contacts__item a { transition: text-decoration-line 0.4s ease; position: relative; } .contacts__item a, .contacts__item a:active, .contacts__item a:visited, .contacts__item a:focus, .contacts__item a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .contacts__item a:hover { cursor: pointer; text-decoration: none; } .contacts__item a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .contacts__btn { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; } .contacts__map { background-color: #ffffff; padding: 1.2rem; border-radius: 20px; max-height: 400px; min-height: 400px; } .contacts__map img { border-radius: 8px !important; height: 100%; } .contacts__map div { width: 100%; height: 100%; } .contacts__map iframe { width: 100%; height: 100%; border: none; border-radius: 20px; } .subcategories-links { background-color: #ffffff; border-radius: 20px; padding: 1.2rem; display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 1.2rem; } @media screen and (max-width: 1024px) { .subcategories-links { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .subcategories-links { grid-template-columns: 1fr; } } .catalog-primary { display: grid; grid-template-columns: 1.4328358209fr 1fr; gap: 2rem; } @media screen and (max-width: 1140px) { .catalog-primary { grid-template-columns: 1fr; } } .catalog-primary__item { gap: 3.6rem !important; padding-bottom: 1.2rem !important; } .catalog-primary__preview { position: relative; } .catalog-primary__image img { height: 390px; min-height: 170px; } @media screen and (max-width: 768px) { .catalog-primary__image img { height: 100%; } } .catalog-primary__title { position: absolute; left: 0; bottom: 0; z-index: 1; background-color: #ffffff; padding: 1.6rem 4rem 1.6rem 3.6rem; border-radius: 0 20px 0 0; } @media screen and (max-width: 575px) { .catalog-primary__title { padding: 0.8rem 2.8rem 0.8rem 1.6rem; } } @media screen and (max-width: 575px) { .catalog-primary__title h2 { font-size: 2rem; } } .catalog-primary__subtitles { display: flex; justify-content: space-between; gap: 2rem; } @media screen and (max-width: 768px) { .catalog-primary__subtitles { flex-direction: column; justify-content: flex-start; padding: 0 1.6rem; } } .catalog-primary__column { display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; } @media screen and (max-width: 1024px) { .catalog-primary__column > br { display: none; } } @media screen and (max-width: 575px) { .catalog-primary__column { justify-content: flex-start; } } .catalog-primary__brands { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 1.6rem; padding: 3.2rem; background-color: #F4F8FB; border-radius: 16px; margin-top: auto; } @media screen and (max-width: 575px) { .catalog-primary__brands { flex-direction: column; justify-content: flex-start; padding: 2rem; } } .catalog-primary__brands a { display: flex; justify-content: center; align-items: center; } .catalog-primary__brands a img { border-radius: 0; } .catalog-item { background-color: #ffffff; padding: 1.2rem 1.2rem 4.2rem; border: 1px solid #ffffff; border-radius: 20px; transition: border-color 0.4s ease; display: flex; flex-direction: column; gap: 2rem; } .catalog-item:hover { border-color: #005AA3; } @media screen and (max-width: 575px) { .catalog-item { padding: 1.2rem 1.2rem 2.4rem; } } @media screen and (min-width: 576px) { .catalog-item_primary { grid-column: span 2; } } .catalog-item_large { grid-column: span 3; } .catalog-item_secondary { grid-column: span 1.5; } .catalog-item img { border-radius: 16px; } .catalog-item__title { padding: 0 2.4rem; } @media screen and (max-width: 575px) { .catalog-item__title { padding: 0 1.6rem; } } .catalog-item h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E !important; } .catalog-item .navigation { flex-wrap: wrap; margin: 0; padding: 0; } .catalog-item .navigation .navigation__item { white-space: normal; } .catalog-list { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem 2rem; } @media screen and (max-width: 1140px) { .catalog-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .catalog-list { grid-template-columns: 1fr; gap: 2rem; } } .catalog-brands { display: flex; flex-direction: column; gap: 2.8rem; } .catalog-brands__logos { display: flex; flex-direction: column; gap: 2rem; } .brands { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2rem; } @media screen and (max-width: 991px) { .brands { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 768px) { .brands { grid-template-columns: repeat(2, 1fr); } } .brands > * { display: flex; justify-content: center; align-items: center; padding: 2rem; background-color: #ffffff; border-radius: 8px; height: 120px; border: 1px solid transparent; transition: 0.5s; } @media screen and (max-width: 575px) { .brands > * { height: 88px; } } .brands > * img { object-fit: contain; width: fit-content; max-width: 100%; } .brands > *:hover { border-color: #005aa3; } @media screen and (min-width: 992px) { .brands_delivery { grid-template-columns: repeat(5, 1fr); } } @media screen and (min-width: 992px) { .brands_column { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } .brands_column > * { height: 100%; } } @media screen and (max-width: 991px) { .brands_column { grid-template-columns: repeat(2, 1fr); } } .brands_disabled * { pointer-events: none; } .seo-text { display: flex; flex-direction: column; gap: 2.8rem; } .seo-text__description { display: flex; flex-direction: column; gap: 1.6rem; } .seo-text__description * { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; } .billboard { background-repeat: no-repeat; background-size: cover; background-position: right; padding: 6rem; background-image: linear-gradient(180deg, #2B2F33 0%, #005AA3 100%); border-radius: 20px; min-height: 364px; display: flex; flex-direction: column; justify-content: space-between; gap: 2.8rem; position: relative; /* overflow: hidden; */ } @media screen and (max-width: 1024px) { .billboard { min-height: 420px; background-position: 60%; padding: 4rem; } } @media screen and (max-width: 575px) { .billboard { min-height: 468px; padding: 2rem 2.4rem; } } .billboard::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #191C1E; opacity: 0.05; } .billboard__description, .billboard__callback { width: 100%; max-width: 880px; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .billboard__description, .billboard__callback { max-width: 100%; } } .billboard__description { display: flex; flex-direction: column; gap: 1.6rem; } .billboard__description h2 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 4.8rem; color: #ffffff; } @media screen and (max-width: 768px) { .billboard__description h2 { font-size: 3.6rem; } } .billboard__description p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; line-height: 160%; color: #ffffff; } .billboard__form { display: flex; flex-direction: column; gap: 1.2rem; width: 100%; } .billboard__inputs { display: grid; grid-template-columns: repeat(2, 1.6fr) 200px; align-items: center; gap: 1.2rem; } @media screen and (max-width: 1024px) { .billboard__inputs { grid-template-columns: 1fr; } } .billboard__inputs_subscribe { grid-template-columns: 0.5fr 200px; } @media screen and (max-width: 1024px) { .billboard__inputs_subscribe { grid-template-columns: 1fr; } } .billboard__inputs .btn { max-width: 100%; } .billboard__policy { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 142%; color: #ffffff; position: relative; } .billboard__policy a { transition: text-decoration-line 0.4s ease; position: relative; } .billboard__policy a, .billboard__policy a:active, .billboard__policy a:visited, .billboard__policy a:focus, .billboard__policy a:focus-visible { color: #ffffff; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .billboard__policy a:hover { cursor: pointer; text-decoration: none; } .billboard__policy a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .links { display: flex; flex-direction: column; gap: 1.6rem; } .links h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #191C1E; } .links__items { display: flex; flex-direction: column; gap: 1.2rem; } .links__items a { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; transition: color 0.4s ease; width: fit-content; } .links__items a, .links__items a:active, .links__items a:visited, .links__items a:focus, .links__items a:focus-visible { color: #58616A !important; border: none; } .links__items a:hover { color: #004B88 !important; cursor: pointer; } .links__items a._disabled { color: #79838B !important; pointer-events: none; cursor: default; } .products { display: grid; grid-template-columns: 328px 1fr; gap: 2rem; position: relative; } @media screen and (max-width: 1280px) { .products { grid-template-columns: 1fr; } } @media screen and (max-width: 575px) { .products { gap: 4rem; } } .products__sidebar { display: flex; flex-direction: column; gap: 2rem; height: fit-content; } .products__wrapper { display: flex; flex-direction: column; gap: 4rem; } .products__preview { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 575px) { .products__preview { gap: 4rem; } } .products__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .products__list > div, .similar__list > div { display: flex; } @media screen and (max-width: 991px) { .products__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .products__list { margin: 0 -1.6rem; gap: 0.8rem; } } @media screen and (max-width: 575px) { .products__list .products-banner-new { grid-column: span 2; margin: 3.2rem 0; } } .filter__wrapper { padding: 2.8rem 2.4rem; background-color: #ffffff; border-radius: 16px; display: flex; flex-direction: column; gap: 2.4rem; position: relative; user-select: none; } @media screen and (max-width: 1280px) { .filter__wrapper { padding: 0; display: block; } } .filter__header, .filter__title { display: flex; justify-content: space-between; align-items: center; gap: 2.4rem; cursor: pointer; } .filter__header { pointer-events: none; } @media screen and (max-width: 1280px) { .filter__header { padding: 2.4rem; pointer-events: auto; } .filter__header::after { content: url("/local/templates/itelion/files/icons/chevron-down.svg"); width: 20px; height: 20px; pointer-events: none; transform: rotate(-90deg); pointer-events: none; } } @media screen and (min-width: 1281px) { .filter__header_mobile { display: none; } } @media screen and (max-width: 1280px) { .filter__header_mobile { background-color: #ffffff; padding: 2.4rem 4rem; display: flex; justify-content: space-between; align-items: center; } .filter__header_mobile::before { content: ""; display: block; } .filter__header_mobile h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; user-select: none; pointer-events: none; } } @media screen and (max-width: 768px) { .filter__header_mobile { padding: 2.4rem 1.6rem; } } @media screen and (min-width: 1281px) { .filter__header_config { display: none; } } .filter__header h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; user-select: none; pointer-events: none; } .filter__close { display: none; cursor: pointer; } @media screen and (max-width: 1280px) { .filter__close { display: block; } .filter__close svg { pointer-events: none; } } .filter__main { display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (max-width: 1280px) { .filter__main { width: 100vw; height: 100vh; position: fixed; bottom: 0; left: 100vw; z-index: 1000; transition: left 0.4s ease; gap: 2rem; background-color: #F4F8FB; } .filter__main._open { left: 0; } } .filter__list { display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (max-width: 1280px) { .filter__list { margin: 0 4rem; padding: 2.4rem; background-color: #DBE4EA; border-radius: 16px; height: 100vh; overflow-y: auto; } } @media screen and (max-width: 768px) { .filter__list { margin: 0 1.6rem; gap: 1.2rem; padding: 1.2rem; } } @media screen and (max-width: 1280px) { .filter__item { background-color: #ffffff; border-radius: 16px; padding: 0 2.4rem; } } @media screen and (max-width: 1280px) { .filter__item_search-bar { padding: 0; } } @media screen and (max-width: 1280px) { .filter__title { padding: 2.4rem 0; } } .filter__title h4 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; pointer-events: none; } .filter__title::after { content: url("/local/templates/itelion/files/icons/chevron-down_small.svg"); width: 16px; height: 16px; pointer-events: none; } .filter__title._open::after { transform: rotate(180deg); } .filter__body { display: flex; flex-direction: column; gap: 1.6rem; max-height: 0; overflow: hidden; transition: all 0.4s ease; } .filter__body._open { margin-top: 1.6rem; max-height: unset; } @media screen and (max-width: 1280px) { .filter__body._open { padding-bottom: 2.4rem; margin-top: 0 !important; } } .filter__body._maximum { max-height: 100%; } .filter__inputs { display: flex; flex-wrap: wrap; gap: 1.2rem; /*max-height: 146px;*/ overflow: hidden; transition: all 0.4s ease; } .filter__inputs._maximum { max-height: 100%; } .filter__more { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.4rem; color: #191C1E; cursor: pointer; } .filter__btns { display: flex; flex-direction: column; gap: 0.8rem; } @media screen and (max-width: 1280px) { .filter__btns { flex-direction: row-reverse; justify-content: space-between; padding: 1.6rem 4rem; background-color: #ffffff; } } @media screen and (max-width: 768px) { .filter__btns { padding: 1.6rem; } } .filter__btns .btn { max-width: 100%; width: 100%; } @media screen and (max-width: 1280px) { .filter__btns .btn { box-shadow: 0px -2px 8px 0px rgba(0, 131, 202, 0.16); } } .marketing { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 1280px) { .marketing { display: none; } } .marketing__item { width: 100%; background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); padding: 2.4rem; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 2.4rem; border: 1px solid transparent; transition: border 0.4s ease; & > .popup-link.cover { position: absolute; width: 395px; height: 357px; z-index: 2; } } .marketing__item:hover { border-color: #ED2C2D; } .marketing__item_bg { min-height: 260px; background-size: cover; background-repeat: no-repeat; } .marketing__item_bg h3 { color: #000000 !important; } .marketing__info { display: flex; justify-content: space-between; gap: 1.6rem; } .marketing__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #ffffff; } .marketing__info img { object-fit: contain; width: 36px; height: 36px; } .marketing__image img { border-radius: 12px; } .sorting { background-color: #ffffff; border-radius: 16px; padding: 1.6rem; display: flex; justify-content: space-between; align-items: center; gap: 2.8rem; } @media screen and (max-width: 1280px) { .sorting { flex-direction: column; justify-content: flex-start; align-items: flex-start; } } @media screen and (max-width: 991px) { .sorting { flex-direction: row; justify-content: space-between; align-items: center; } } @media screen and (max-width: 768px) { .sorting { flex-direction: column; justify-content: flex-start; align-items: flex-start; } } @media screen and (max-width: 575px) { .sorting { margin: 0 -1.6rem; } } .sorting__description { display: flex; align-items: center; gap: 2.4rem; } @media screen and (max-width: 1024px) { .sorting__description { flex-direction: column; align-items: flex-start; gap: 0; } } .sorting__value { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; color: #9FABB2; } .sorting__value span { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; color: #191C1E; } .sorting__dropdown { min-width: 328px; } @media screen and (max-width: 768px) { .sorting__dropdown { width: 100%; } } .product-preview { display: flex; flex-direction: column; flex-grow: 1; gap: 0.4rem; background-color: #ffffff; position: relative; padding: 0 1.6rem 1.6rem; border-radius: 16px; border-top: 4px solid #005AA3; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; transition: 0.5s; box-sizing: content-box; } .product-preview:hover { border-left: 1px solid #005AA3; border-right: 1px solid #005AA3; border-bottom: 1px solid #005AA3; } @media screen and (max-width: 575px) { .product-preview { padding: 0 0.4rem 0.4rem; } .product-preview:nth-child(even) .tip__text { left: unset; right: 0; } } .product-preview__slider .product-preview { height: auto; } @media screen and (max-width: 768px) { .product-preview__slider .tip__text { left: unset; right: 0; } } .product-preview__image { min-height: 213px; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 16px; } @media screen and (max-width: 575px) { .product-preview__image { min-height: 128px; } } .product-preview__image::before { content: url("/local/templates/itelion/files/icons/product-preview_bg.svg"); position: absolute; top: 0; left: 0; } .product-preview__image img { object-fit: contain; max-width: 240px; max-height: 130px; } @media screen and (max-width: 575px) { .product-preview__image img { max-width: 124px; } } .product-preview__image span, .ware-settings__count span { border-radius: 6px; padding: 0.4rem 0.8rem; color: #fff !important; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.2rem; line-height: 133%; position: absolute; top: 16px; right: 0; } .ware-settings__count { position: relative; & span { top: 0; } } .avail_wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; & span { border-radius: 6px; padding: 0.4rem 0.8rem; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.2rem; line-height: 133%; } & .in_stock { background-color: #E6FEF7; color: #048B65; } & .in_transit { background-color: #F4F8FB; color: #0083CA; } & .na { background-color: #f2f2f2; color: #504949; } & .discontinued { background-color: #FEF1F1; color: #CD0E10; } } @media screen and (max-width: 575px) { .product-preview__image span { top: 4px; } } .product-preview__description { display: flex; flex-direction: column; justify-content: space-between; gap: 2.4rem; height: 100%; } @media screen and (max-width: 575px) { .product-preview__description { gap: 1.2rem; } } .product-preview__info { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 575px) { .product-preview__info { gap: 0.8rem; } } .product-preview__score { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #004B88; } @media screen and (max-width: 575px) { .product-preview__score { font-size: 1.6rem; } } .product-preview__title { display: flex; flex-direction: column; gap: 2rem; } .product-preview__title a { transition: color 0.4s ease; text-decoration: none; } .product-preview__title a, .product-preview__title a:active, .product-preview__title a:visited, .product-preview__title a:focus, .product-preview__title a:focus-visible { color: #191C1E !important; border: none; } .product-preview__title a:hover { color: #004B88 !important; cursor: pointer; } .product-preview__title a._disabled { color: #9FABB2 !important; pointer-events: none; cursor: default; } .product-preview__title a h4 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 120%; } @media screen and (max-width: 575px) { .product-preview__title a h4 { font-size: 1.4rem; } } .product-preview__title ul { gap: 0.8rem; } .product-preview__title ul li { word-break: break-all; } .product-preview__title li, .product-preview__title p { font-size: 1.4rem; line-height: 143%; } @media screen and (max-width: 575px) { .product-preview__title ul li { font-size: 1.2rem; } } .product-preview__part { font-size: 1.4rem; line-height: 143%; margin-top: 2.4rem; } @media screen and (max-width: 575px) { .product-preview__part { font-size: 1.2rem; margin-top: 1.6rem; } } .product-preview__part b { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } .product-preview__btns { display: flex; flex-direction: column; gap: 0.8rem; } @media screen and (max-width: 575px) { .product-preview__btns { gap: 0.4rem; } } .product-preview__btns .btn { max-width: 100%; } .product-preview__btns .btn span { font-family: "InterRegular"; } .product-preview__buy { display: grid; grid-template-columns: 1fr 52px; gap: 0.8rem 1.2rem; } @media screen and (max-width: 575px) { .product-preview__buy { display: flex; flex-direction: column; } } .products-banner { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 20px; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; position: relative; } .products-banner__list { display: flex; flex-direction: column; gap: 0.4rem; width: 100%; margin-top: auto; } @media screen and (max-width: 1280px) { .products-banner__list { max-width: 100%; } } .products-banner__item { background-color: #ffffff; padding: 2rem; border-radius: 16px; width: 100%; display: flex; align-items: center; gap: 1.6rem; } .products-banner__image { background-color: #DBE4EA; border-radius: 6px; padding: 1.6rem; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 1280px) { .products-banner__image { display: none; } } .products-banner__content { display: flex; flex-direction: column; gap: 0.4rem; } .products-banner__title { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .products-banner__text { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142%; color: #58616A; } .products-banner__request { margin-top: auto; background-color: #ffffff; padding: 4rem 2.8rem; border-radius: 12px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 768px) { .products-banner__request { padding: 2.8rem; flex-direction: column; justify-content: flex-start; } } .products-banner__subtitle { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #000000; max-width: 334px; text-align: center; } @media screen and (max-width: 768px) { .products-banner__subtitle { text-align: center; } } .products-banner__btn .btn { display: inline-block; } .products-banner-new { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 20px; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; position: relative; } .products-banner-new__list { display: flex; flex-direction: column; gap: 0.4rem; width: 100%; margin-top: auto; } .products-banner-new__item { background-color: #ffffff; padding: 2rem; border-radius: 16px; width: 100%; } .products-banner-new__request { margin-top: auto; background-color: #ffffff; border-radius: 12px; padding: 2.8rem 2.4rem; display: flex; flex-direction: column; align-items: center; gap: 2.8rem; width: 100%; } .products-banner-new__request .products-banner__subtitle { text-align: center; } .banner { position: relative; padding: 6rem 4.8rem; min-height: 456px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 768px) { .banner { padding: 4rem 3.6rem; min-height: 340px; } } @media screen and (max-width: 575px) { .banner { padding: 0; min-height: 100%; justify-content: flex-start; gap: 2rem; border-radius: 0; overflow: visible; } } .banner .page-preview { max-width: 615px; } @media screen and (max-width: 1024px) { .banner .page-preview { max-width: 480px; } } @media screen and (max-width: 768px) { .banner .page-preview { max-width: 404px; } } @media screen and (max-width: 575px) { .banner .page-preview { max-width: 100%; } } @media screen and (min-width: 576px) { .banner__image { background-image: linear-gradient(82deg, rgba(229, 239, 248, 0.65) 0%, rgba(220, 235, 246, 0.59) 27.56%, rgba(212, 230, 245, 0) 53.84%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .banner__image img { width: 100%; height: 100%; } } @media screen and (max-width: 575px) { .banner__image { background-image: linear-gradient(83deg, rgba(244, 248, 251, 0.95) 0%, rgba(244, 248, 251, 0.82) 28.43%, rgba(212, 230, 245, 0.06) 46.42%); } .banner__image img { min-height: 160px; } } .banner__image img { border-radius: 20px; } .equipment-preview { display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap: 2rem; } @media screen and (max-width: 1024px) { .equipment-preview { display: flex; flex-direction: column; justify-content: flex-start; gap: 2.8rem; } } .equipment-preview h2 { font-size: 3.6rem; } .equipment-preview__text { display: flex; flex-direction: column; gap: 2rem; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } .similar { display: flex; flex-direction: column; gap: 2.8rem; } .similar__list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } @media screen and (max-width: 1280px) { .similar__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .similar__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .similar__list { gap: 0.8rem; margin: 0 -1.6rem; } } .ware { display: grid; grid-template-columns: 1fr 444px; gap: 2rem; } @media screen and (max-width: 1366px) { .ware { grid-template-columns: 1fr; } } @media screen and (max-width: 991px) { .ware { gap: 4rem; } } .ware__wrapper { display: grid; grid-template-columns: 560px 1fr; gap: 2rem; } @media screen and (max-width: 1366px) { .ware__wrapper { grid-template-columns: 540px 1fr; } } @media screen and (max-width: 991px) { .ware__wrapper { grid-template-columns: 1fr; gap: 2.8rem; } } .ware__settings { height: fit-content; } @media screen and (max-width: 991px) { .ware__slider { margin-right: -4.2rem; } } @media screen and (max-width: 768px) { .ware__slider { margin-right: -1.6rem; } } .ware-slider { display: flex; flex-direction: column; gap: 1.2rem; position: relative; } @media screen and (max-width: 991px) { .ware-slider { overflow: hidden; } } .ware-slider_main { position: relative; border-radius: 20px; width: 560px; height: 370px; pointer-events: none; } @media screen and (max-width: 1366px) { .ware-slider_main { width: 540px; height: 356px; } } @media screen and (min-width: 992px) { .ware-slider_main { background-color: #ffffff; border-radius: 20px; overflow: hidden; } } @media screen and (max-width: 991px) { .ware-slider_main { width: 100%; height: 100%; border-radius: 0; } } @media screen and (min-width: 992px) { .ware-slider_main .swiper-slide { pointer-events: none; } } .ware-slider_main__item { padding: 6.5rem 4.5rem 6.4rem 3.1rem; display: flex; justify-content: center; align-items: center; pointer-events: auto; user-select: none; width: 100%; height: 100%; cursor: pointer; } @media screen and (max-width: 991px) { .ware-slider_main__item { background-color: #ffffff; border-radius: 20px; } } .ware-slider_secondary { overflow: hidden; } @media screen and (max-width: 991px) { .ware-slider_secondary { display: none; } } .ware-slider_secondary__item { background-color: #ffffff; border-radius: 8px; width: 80px; min-height: 80px; max-height: 160px; padding: 0.8rem; display: flex; justify-content: center; align-items: center; user-select: none; cursor: pointer; } .ware-slider_secondary__item.swiper-slide-thumb-active { border: 1px solid #004B88; } .ware-slider__navigation { position: absolute; pointer-events: auto; left: 24px; bottom: 24px; z-index: 1; } .ware-slider__navigation > * { background-color: #ffffff; } .ware-info { display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 575px) { .ware-info { gap: 2rem; } } .ware-info__item { display: flex; flex-direction: column; gap: 1.6rem; } .ware-info__title { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .ware-info__body { display: flex; flex-direction: column; gap: 1.2rem; font-size: 1.4rem; } .ware-info__body ul { gap: 0.8rem; } .ware-info__body ul li { font-size: 1.4rem; } .ware-info__more, .default-link { transition: text-decoration-line 0.4s ease; position: relative; width: fit-content; } .ware-info__more, .ware-info__more:active, .ware-info__more:focus, .ware-info__more:focus-visible, .default-link, .default-link:active, .default-link:focus, .default-link:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .ware-info__more:visited, .default-link:visited { color: #191C1E; } .ware-info__more:hover, .default-link:hover { cursor: pointer; text-decoration: none; } .ware-info__more._disabled, .default-link._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .ware-info__doc { transition: color 0.4s ease; display: flex; align-items: center; gap: 1.2rem; } .ware-info__doc, .ware-info__doc:active, .ware-info__doc:visited, .ware-info__doc:focus, .ware-info__doc:focus-visible { color: #191C1E !important; border: none; } .ware-info__doc:hover { color: #004B88 !important; cursor: pointer; } .ware-info__doc._disabled { color: #9FABB2 !important; pointer-events: none; cursor: default; } .ware-info__doc::before { content: url("/local/templates/itelion/files/icons/doc.svg"); display: block; width: 21px; height: 24px; } .ware-settings { background-color: #ffffff; padding: 2.8rem 2.4rem 2.4rem; border-radius: 20px; border-top: 4px solid #005AA3; display: flex; flex-direction: column; justify-content: space-between; gap: 2.4rem; } @media screen and (max-width: 1366px) { .ware-settings { display: grid; grid-template-columns: 2fr 1fr; align-items: center; gap: 2rem; } } @media screen and (max-width: 768px) { .ware-settings { display: flex; justify-content: flex-start; align-items: flex-start; padding: 2.4rem 1.6rem 1.6rem; } } .ware-settings__count .title { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--color-text-main); margin-bottom: 10px; font-family: InterSemiBold, sans-serif; } .ware-settings__wrapper { display: flex; flex-direction: column; gap: 2.4rem; } .ware-settings__score { display: flex; flex-direction: column; gap: 1.6rem; width: 100%; } .ware-settings__value { font-size: 3.6rem; line-height: 111%; color: #0083CA; font-family: "OnestMedium2"; } .ware-settings__tax { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 143%; color: #9FABB2; } .ware-settings__place { font-family: InterMedium, sans-serif; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; font-weight: 600; & span:nth-child(1) { padding-right: 10px; } & span:nth-child(2) { border-left: 1px solid #DAF0FB; padding-left: 10px; color: #CD0E10; } } .ware-settings__info ul { gap: 0.8rem; list-style: none; margin-left: 0; } .ware-settings__info ul li { font-size: 1.4rem; color: #191C1E; list-style: none; line-height: 20px; position: relative; padding: 0 0 0 27px; } .ware-settings__info ul li > img { width: 22px; position: absolute; left: 0; } .ware-settings__btns { display: flex; flex-direction: column; gap: 1.2rem; width: 100%; } .ware-settings__btns .children { font-weight: 500; font-family: "OnestMedium2"; } .ware-settings__btns .btn { max-width: 100%; } .ware-settings__buy { display: grid; grid-template-columns: 1fr 52px; gap: 1.2rem; } .preferences { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; } @media screen and (max-width: 768px) { .preferences { grid-template-columns: 1fr; gap: 2.8rem; } } .preferences__item { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; } @media screen and (max-width: 768px) { .preferences__item { display: grid; grid-template-columns: 60px 1fr; align-items: flex-start; gap: 1.6rem; } } .preferences__image { background-color: #DBE4EA; border-radius: 6px; padding: 1.6rem; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; } .preferences__info { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; } @media screen and (max-width: 768px) { .preferences__info { align-items: flex-start; gap: 0.4rem; } } .preferences__info h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } @media screen and (min-width: 769px) { .preferences__info h3 { text-align: center; } } .preferences__text { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 143%; color: #58616A; } @media screen and (min-width: 769px) { .preferences__text { text-align: center; } } .models { display: flex; flex-direction: column; gap: 2rem; } .models__filter { background-color: #ffffff; border-radius: 16px; padding: 1.6rem; } @media screen and (max-width: 991px) { .models__filter { display: none; } } .models__inputs { display: grid; grid-template-columns: repeat(3, 1fr) max-content; justify-content: space-between; gap: 1.6rem; } .models__products { display: flex; flex-direction: column; gap: 4rem; } .models__products .products__list { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1280px) { .models__products .products__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .models__products > .preview-banner { grid-column: span 2; margin: 3.2rem 0; } } .preview-banner { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 16px; padding: 1.6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; position: relative; } @media screen and (max-width: 768px) { .preview-banner { padding: 0.8rem; } } .preview-banner__list { display: flex; flex-direction: column; gap: 1.2rem; width: 100%; margin-top: auto; } .preview-banner__item { background-color: #ffffff; padding: 2.4rem; border-radius: 12px; width: 100%; display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 768px) { .preview-banner__item { padding: 1.2rem; } } .preview-banner__title { grid-area: models-title; } .preview-banner__title h3 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .preview-banner__more { grid-area: models-more; display: flex; align-items: center; gap: 0.8rem; color: #191C1E !important; } .preview-banner__more:hover span { color: #004B88; } .preview-banner__more span { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.4rem; line-height: 143%; transition: color 0.4s ease; } .preview-banner__more::after { content: url("/local/templates/itelion/files/icons/arrow_small.svg"); background-color: #D1ECFA; border-radius: 4px; display: flex; justify-content: center; align-items: center; line-height: 100%; width: 20px; height: 20px; padding: 0.2rem 0.1rem 0.1rem; transition: background-color 0.4s ease; } .preview-banner__links { grid-area: models-links; display: flex; flex-direction: column; gap: 1.2rem; } .preview-banner__links a { width: fit-content; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 143%; transition: text-decoration-line 0.4s ease; position: relative; } .preview-banner__links a, .preview-banner__links a:active, .preview-banner__links a:visited, .preview-banner__links a:focus, .preview-banner__links a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .preview-banner__links a:hover { cursor: pointer; text-decoration: none; } .preview-banner__links a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .preview-banner__request { margin-top: auto; background-color: #ffffff; padding: 2.8rem 2.4rem; border-radius: 12px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2.8rem; } @media screen and (max-width: 768px) { .preview-banner__request { padding: 1.2rem; } } .preview-banner__subtitle { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #000000; text-align: center; } .preview-banner__btn .btn { display: inline-block; } @media screen and (max-width: 768px) { .preview-banner__btn .btn { padding: 1.2rem; } } @media screen and (max-width: 768px) { .preview-banner__btn .btn .children { font-size: 1.2rem; } } .overview { display: grid; grid-template-columns: 1fr 443px; gap: 13.7rem; position: relative; } @media screen and (max-width: 1024px) { .overview { grid-template-columns: 1fr; gap: 2.8rem; } } .overview__content { display: flex; flex-direction: column; gap: 2rem; } .overview__content * { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; line-height: 160%; color: #58616A; } .overview__content h2, .overview__content h3, .overview__content h4, .overview__content h5, .overview__content h6 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; color: #191C1E; } .overview__content a { transition: text-decoration-line 0.4s ease; position: relative; word-break: break-all; } .overview__content a, .overview__content a:active, .overview__content a:visited, .overview__content a:focus, .overview__content a:focus-visible { color: #000000; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .overview__content a:hover { cursor: pointer; text-decoration: none; } .overview__content a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } @media screen and (min-width: 1025px) { .overview .preview-banner { height: fit-content; } } @media screen and (max-width: 1024px) { .overview .preview-banner { max-width: 443px; } } @media screen and (max-width: 575px) { .overview .preview-banner { max-width: 100%; } } .overview .preview-banner__request { flex-direction: column; } .overview .preview-banner__subtitle { text-align: center; } .specifications { display: flex; flex-direction: column; } .specifications__item { padding: 2.4rem 0; border-bottom: 1px solid #DBE4EA; display: grid; grid-template-columns: 328px 1fr; gap: 2rem; } .specifications__item:first-child { border-top: 1px solid #DBE4EA; } @media screen and (max-width: 768px) { .specifications__item { grid-template-columns: 1fr; } } .specifications__item h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .specifications__value { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } .specifications__value a { transition: text-decoration-line 0.4s ease; position: relative; word-break: break-all; } .specifications__value a, .specifications__value a:active, .specifications__value a:visited, .specifications__value a:focus, .specifications__value a:focus-visible { color: #000000; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .specifications__value a:hover { cursor: pointer; text-decoration: none; } .specifications__value a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .choosen { display: flex; flex-direction: column; gap: 12rem; } @media screen and (max-width: 768px) { .choosen { gap: 6rem; } } @media screen and (max-width: 575px) { .choosen { gap: 4rem; } } .choosen-preview { display: flex; flex-direction: column; gap: 2.8rem; } .choosen-preview__description { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 6rem; font-size: 1.6rem; margin-right: 4rem; } @media screen and (max-width: 1024px) { .choosen-preview__description { grid-template-columns: 1fr; gap: 2rem; margin-right: 0; } } .choosen-preview__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 1024px) { .choosen-preview__wrapper { grid-template-columns: 1fr; } } .choosen-preview__banner { background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 20px; display: flex; flex-direction: column; gap: 3.6rem; } @media screen and (min-width: 1025px) { .choosen-preview__banner { height: 100%; } } .choosen-preview__bigimage { overflow: hidden; } .choosen-preview__bigimage img { border-radius: 16px; } .choosen-preview__biginfo { margin: 0 2.4rem; display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 575px) { .choosen-preview__biginfo { margin: 0 1.2rem; } } .choosen-preview__biginfo h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } .choosen-preview__biginfo span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 143%; color: #58616A; } .choosen-preview__list { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media screen and (min-width: 1025px) { .choosen-preview__list { height: 100%; } } @media screen and (max-width: 1024px) { .choosen-preview__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .choosen-preview__list { grid-template-columns: 1fr; } } .choosen-preview__item { background-color: #ffffff; padding: 1.2rem 3.2rem 1.2rem 1.2rem; border-radius: 20px; display: grid; grid-template-columns: 114px 1fr; align-items: center; gap: 2.4rem; } @media screen and (max-width: 575px) { .choosen-preview__item { padding: 1.2rem 1.2rem 3.2rem; grid-template-columns: 60px 1fr; align-items: start; gap: 1.6rem; } } .choosen-preview__image { background-color: #DBE4EA; border-radius: 16px; padding: 2.7rem; display: flex; justify-content: center; align-items: center; width: 114px; height: 114px; } @media screen and (max-width: 575px) { .choosen-preview__image { padding: 1.421rem; width: 60px; height: 60px; } } .choosen-preview__info { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; display: flex; flex-direction: column; gap: 0.8rem; } @media screen and (max-width: 991px) { .choosen-preview__info { font-size: 1.4rem; } } .choosen-preview__info img { width: fit-content; } .choosen-perfectly { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1024px) { .choosen-perfectly { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .choosen-perfectly { grid-template-columns: 1fr; } } .choosen-perfectly__item { background-color: #ffffff; padding: 4rem; border-radius: 20px; border-top: 4px solid #005AA3; display: grid; grid-template-columns: 1fr; grid-template-areas: "choosen-preview" "choosen-info"; gap: 6rem 4rem; position: relative; } @media screen and (max-width: 575px) { .choosen-perfectly__item { padding: 2.4rem; gap: 1.2rem; } } .choosen-perfectly__item_big { grid-template-columns: 1fr 176px; grid-template-areas: "choosen-preview choosen-image" "choosen-info choosen-info"; grid-column: span 2; border-color: #ED2C2D; } @media screen and (max-width: 768px) { .choosen-perfectly__item_big { grid-template-columns: 1fr; grid-template-areas: "choosen-preview" "choosen-image" "choosen-info"; } .choosen-perfectly__item_big .choosen-perfectly__image { margin-top: -4rem; } .choosen-perfectly__item_big .choosen-perfectly__image img { width: fit-content; max-width: 100%; } } @media screen and (max-width: 575px) { .choosen-perfectly__item_big { grid-column: span 1; } .choosen-perfectly__item_big .choosen-perfectly__image { margin-top: 0; } } .choosen-perfectly__item_big h3 { color: #ED2C2D !important; } .choosen-perfectly__item_extra_big { grid-template-columns: 1fr minmax(320px, 420px); grid-template-areas: "choosen-preview choosen-image" "choosen-info choosen-image"; grid-column: span 3; border-color: #ED2C2D; } @media screen and (max-width: 1024px) { .choosen-perfectly__item_extra_big { grid-template-columns: 1fr; grid-template-areas: "choosen-preview" "choosen-info" " choosen-image"; grid-column: span 2; } .choosen-perfectly__item_extra_big .choosen-perfectly__image { margin-top: -2rem; } } @media screen and (max-width: 575px) { .choosen-perfectly__item_extra_big { grid-column: span 1; } .choosen-perfectly__item_extra_big .choosen-perfectly__image { margin-top: 0.4rem; } } .choosen-perfectly__item_extra_big h3 { color: #ED2C2D !important; } .choosen-perfectly__item_extra_big .choosen-perfectly__image { border-radius: 16px; overflow: hidden; } @media screen and (max-width: 1024px) { .choosen-perfectly__item_last { grid-column: span 2; } } @media screen and (max-width: 575px) { .choosen-perfectly__item_last { grid-column: span 1; } } .choosen-perfectly__preview { grid-area: choosen-preview; display: flex; flex-direction: column; } .choosen-perfectly__preview h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 6.4rem; line-height: 125%; color: #0083CA; word-break: break-all; } @media screen and (max-width: 1366px) { .choosen-perfectly__preview h3 { font-size: 4.8rem; } } @media screen and (max-width: 991px) { .choosen-perfectly__preview h3 { font-size: 3.6rem; } } .choosen-perfectly__preview span { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } @media screen and (max-width: 768px) { .choosen-perfectly__preview span { font-size: 2rem; } } .choosen-perfectly__image { grid-area: choosen-image; } .choosen-perfectly__info { grid-area: choosen-info; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 150%; color: #58616A; } .choosen-specifications { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1140px) { .choosen-specifications { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .choosen-specifications { grid-template-columns: 1fr; } } .choosen-specifications__item { background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 20px; display: flex; flex-direction: column; gap: 3.6rem; } @media screen and (max-width: 768px) { .choosen-specifications__item { padding: 0.4rem 0.4rem 2rem; gap: 1.6rem; } } .choosen-specifications__image { overflow: hidden; } .choosen-specifications__image img { border-radius: 16px; } .choosen-specifications__info { margin: 0 2.4rem; display: flex; flex-direction: column; gap: 0.8rem; & > p { font-weight: 400; font-size: 16px; line-height: 24px; } } @media screen and (max-width: 768px) { .choosen-specifications__info { margin: 0 1.6rem; } } @media screen and (max-width: 575px) { .choosen-specifications__info { margin: 0 1.2rem; } } .choosen-specifications__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } .choosen-specifications__info span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; line-height: 150%; color: #58616A; } .news__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1280px) { .news__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .news__list { grid-template-columns: 1fr; } } @media screen and (min-width:1281px) { .articles__form { height: -moz-fit-content; height: fit-content; position: sticky; top: 172px; } } .articles__item { background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 16px; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); display: grid; grid-template-columns: 1fr; grid-template-rows: 260px 1fr; gap: 3.6rem; border: 1px solid transparent; transition: border-color 0.4s ease; height: 100%; } .articles__item:hover { border-color: #005AA3; } @media screen and (max-width: 575px) { .articles__item { padding: 0.4rem 0.4rem 2rem; grid-template-rows: 196px 1fr; gap: 1.6rem; } } .articles__image { overflow: hidden; border-radius: 12px; background-color: #DBE4EA; } .articles__image img { border-radius: 12px; height: 100%; } .articles__info, .articles__header { display: flex; flex-direction: column; } .articles__info { padding: 0 2.4rem; gap: 2.8rem; justify-content: space-between; } @media screen and (max-width: 575px) { .articles__info { padding: 0 1.6rem; gap: 1.6rem; } } .articles__data { display: flex; flex-direction: column; gap: 1.2rem; padding: 0 2.4rem; } @media screen and (max-width: 575px) { .articles__data { padding: 0 1.6rem; } } .articles__data--preview { display: flex; flex-wrap: wrap; gap: 0.8rem 2.8rem; } .articles__header { gap: 0.8rem; } .articles__header h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 575px) { .articles__header h3 { font-size: 2rem; } } .articles__header:not(.articles__header_full) h3 { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .articles__card { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #58616A; } .articles__card:not(.articles__card_full) { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 575px) { .articles__card { font-size: 1.4rem; } } .articles__card strong { color: #191C1E; } .articles__date { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; color: #9FABB2; } @media screen and (max-width: 575px) { .articles__date { font-size: 1.4rem; } } .articles__date span { color: #58616A; } .articles__date b, .articles__date strong { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } @media screen and (min-width: 1281px) { .articles__detail { display: grid; grid-template-columns: 1fr 444px; gap: 2rem; } } @media screen and (max-width: 1280px) { .articles__detail { display: flex; flex-direction: column; gap: 6rem; } } @media screen and (max-width: 575px) { .articles__detail { gap: 4rem; } } .articles__detail .sale-product__list { background-color: transparent !important; padding: 0 !important; } .articles__detail .sale-product__list .sale-product { background-color: #ffffff !important; border-radius: 16px; border-top: 4px solid #005AA3; box-shadow: 0 0 16px 0 rgba(0, 131, 202, 0.07); padding: 2.4rem; position: relative; } .articles__detail .sale-product__list .sale-product::before { content: url("/local/templates/itelion/files/icons/product-preview_bg.svg"); position: absolute; top: 0; left: 1.6rem; } @media screen and (min-width: 576px) { .articles__detail .sale-product__list .sale-product { grid-template-columns: 0.54412fr 1fr; } } @media screen and (max-width: 575px) { .articles__detail .sale-product__list .sale-product { padding: 1.6rem; } } .articles__detail .sale-product__list .sale-product .sale-product__image { display: flex; justify-content: center; align-items: center; min-height: 213px; padding: 6.9rem 2.8rem; } .articles__detail .sale-product__list .sale-product .attention_success .list { margin-left: 0; } .articles__detail .sale-product__list .sale-product .attention_success .list li { display: grid; grid-template-columns: 16px 1fr; align-items: center; gap: 6px; line-height: 20px; padding: 0; } .articles__detail .sale-product__list .sale-product .attention_success .list li::before { content: ""; background-image: url("/local/templates/itelion/files/icons/success.svg"); background-position: center; background-size: 16px; background-repeat: no-repeat; display: block; width: 16px; height: 16px; } .articles__detail .sale-product__list .sale-product .attention .list li { font-size: 1.4rem; } .articles__detail .sale-product__list .sale-product .sale-product__content { gap: 8px; } .articles__detail .sale-product__list .sale-product .sale-product__content a { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; } .articles__detail .sale-product__list .sale-product .sale-product__label { border-radius: 6px; padding: 4px 8px; } .articles__wrapper { display: flex; flex-direction: column; gap: 4rem; } @media screen and (max-width: 575px) { .articles__wrapper { gap: 2.8rem; } } .articles__preview { background-color: #ffffff; border-radius: 12px; padding: 1.6rem 2.8rem; display: flex; align-items: center; gap: 2.8rem; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 575px) { .articles__preview { flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 1.2rem 1.6rem; width: 100%; } } .articles__preview > div { display: flex; align-items: center; gap: 2.8rem; } @media screen and (max-width: 575px) { .articles__preview > div { justify-content: space-between; gap: 1.2rem; width: 100%; } } .articles__label { display: grid !important; grid-template-columns: 20px 1fr; align-items: center; gap: 0.8rem !important; } .articles__label span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; color: #58616A; } .articles__icon { width: 20px; height: 20px; } .articles__listing { display: flex; flex-direction: column; gap: 2rem; } .articles__listing h2 { font-size: 2.4rem; line-height: 133.3%; } .articles__listing li { font-size: 1.6rem; } .articles__listing li a { transition: text-decoration-line 0.4s ease; position: relative; } .articles__listing li a, .articles__listing li a:active, .articles__listing li a:visited, .articles__listing li a:focus, .articles__listing li a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .articles__listing li a:hover { cursor: pointer; text-decoration: none; } .articles__listing li a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .articles__content, .articles__text { display:flex; flex-direction:column; font-size:2rem; } @media screen and (max-width:575px) { .articles__content, .articles__text{ font-size:1.6rem; } } .articles__content { gap: 4rem; } @media screen and (max-width:575px) { .articles__content{ gap: 2.8rem; } } .articles__content h2, .articles__content h3, .articles__content h4, .articles__content h5, .articles__content h6, .articles__text h2, .articles__text h3, .articles__text h4, .articles__text h5, .articles__text h6 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; color: #191C1E; } .articles__content h2, .articles__text h2 { font-size: 3.6rem; } @media screen and (max-width: 575px) { .articles__content h2, .articles__text h2 { font-size: 2.4rem; } } .articles__content h3, .articles__text h3 { font-size: 2.4rem; } @media screen and (max-width: 575px) { .articles__content h3, .articles__text h3 { font-size: 2rem; } } .articles__content h4, .articles__content h5, .articles__content h6, .articles__text h4, .articles__text h5, .articles__text h6 { font-size: 2rem; } @media screen and (max-width: 575px) { .articles__content h4, .articles__content h5, .articles__content h6, .articles__text h4, .articles__text h5, .articles__text h6 { font-size: 1.6rem; } } .articles__content > hr { border: none; background-color: #D9E4EC; height: 1px; } .articles__content .articles-form__wrapper { padding: 4rem; } @media screen and (max-width: 768px) { .articles__content .articles-form__wrapper { padding: 2.4rem 2.4rem 2rem; } } .articles__content .articles-form__form { max-width: 100%; } .articles__text { gap: 2rem; } @media screen and (max-width:575px) { .articles__text { gap: 1.6rem; } } .articles__text > div { background-color: #E8EEF2; padding: 2.8rem; font-size: 1.6rem; } @media screen and (max-width: 575px) { .articles__text > div { font-size: 1.4rem; } } .articles__text > img { position: relative; } @media screen and (min-width: 576px) { .articles__text > img { width: 75%; } } .articles__text picture ~ span, .articles__text img ~ span { display: inline-block; margin-top: -2.4rem; font-size: 1.4rem; line-height: 143%; opacity: 0.7; } @media screen and (max-width: 575px) { .articles__text picture ~ span, .articles__text img ~ span { margin-top: -1.2rem; } } .articles__text a { transition: color 0.4s ease; } .articles__text a, .articles__text a:active, .articles__text a:visited, .articles__text a:focus, .articles__text a:focus-visible { color: #0083CA !important; border: none; } .articles__text a:hover { color: #004B88 !important; cursor: pointer; } .articles__text a._disabled { color: #79838B !important; pointer-events: none; cursor: default; } .articles__text ul { display: block; margin-left: 1rem; } @media screen and (max-width: 575px) { .articles__text ul { margin-left: 0.8rem; } } .articles__text li { font-family:InterRegular,sans-serif; font-weight:400; font-style:normal; font-size: 2rem; } @media screen and (max-width: 575px) { .articles__text li { font-size: 1.6rem; } } .articles__text table{ border-width:0; display:block; overflow-x:auto; overflow-y:hidden } @media screen and (max-width:768px){ .articles__text table{ width:calc(100vw - 3.2rem) } } @media screen and (min-width: 1281px) { .articles__text table { max-width: 57vw; } } @media screen and (min-width: 1457px) { .articles__text table { max-width: 908px; } } .articles__text table tr{ white-space:normal } .articles__text table td,.articles__text table th{ outline:1px solid #dbe4ea; } .articles__text table th{ font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; background-color:#c1ced7; color:#191c1e; padding: 2.4rem 1.6rem; text-align:center } @media screen and (max-width: 768px) { .articles__text table th { padding: 1rem; } } .articles__text table th, .articles__text table th * { font-size: 2rem; line-height: 120%; } @media screen and (max-width: 575px) { .articles__text table th, .articles__text table th * { font-size: 1.6rem; } } .articles__text table td { padding: 1.6rem; } @media screen and (max-width: 768px) { .articles__text table td { padding: 0.6rem; } } .articles__text table td b{ color:#191c1e; } .articles__text table td, .articles__text table td * { font-size: 1.4rem; line-height: 143%; } @media screen and (max-width: 575px) { .articles__text table td, .articles__text table td * { font-size: 1.2rem; } } .articles__text table td > *:not(:last-child) { margin-bottom:1.2rem; } .articles__text table td img { display: flex; justify-content: center; align-items: center; margin: auto; } .articles__text blockquote { border-radius: 16px; border-left: 4px solid #0083CA; background: #DAF0FB; padding: 2.8rem 4rem; } @media screen and (max-width: 575px) { .articles__text blockquote { padding: 1.6rem; } } .articles__text blockquote p, .articles__text blockquote p::before, .articles__text blockquote p::after, .articles__text blockquote b, .articles__text blockquote strong { font-size: 2rem; } @media screen and (max-width: 575px) { .articles__text blockquote p, .articles__text blockquote p::before, .articles__text blockquote p::after, .articles__text blockquote b, .articles__text blockquote strong { font-size: 1.6rem; } } .articles__text blockquote p { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } .articles__text blockquote p::before, .articles__text blockquote p::after { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #0083CA; } .articles__text blockquote p::before { content: "«"; margin-right: -4px; } .articles__text blockquote p::after { content: "»"; margin-left: -4px; } .articles__text blockquote b, .articles__text blockquote strong { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; display: inline-block; margin-top: 2rem; } @media screen and (max-width: 575px) { .articles__text blockquote b, .articles__text blockquote strong { margin-top: 1.6rem; } } .articles__text b, .articles__text strong { color: #191C1E; } .articles__products { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (min-width: 992px) { .articles__products { /*width: 80%;*/ } } @media screen and (max-width: 575px) { .articles__products { gap: 0.8rem; margin: 0 -1.6rem; } } .articles__products > * { height: fit-content; } .articles__products_blog { display: grid; grid-template-columns: repeat(3, 1fr); } @media screen and (min-width: 992px) { .articles__products_blog { width: 100%; } } @media screen and (max-width: 991px) { .articles__products_blog { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .articles__products_blog { display: flex; flex-direction: column; gap: 2rem; margin: 0; } } @media screen and (max-width: 575px) { .articles__products_blog .product-preview { padding: 0 1.6rem 1.6rem; } } .articles__marketing { display: grid; grid-template-columns: 1fr; gap: 2rem; height: fit-content; } @media screen and (max-width: 1280px) { .articles__marketing { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .articles__marketing { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .articles__marketing { grid-template-columns: 1fr; } } .articles__form--link { margin-top: 2rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; -moz-column-gap: 1rem; column-gap: 1rem; color: #191c1e; font-family: InterRegular,sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; line-height: 160%; } .articles__form--link b,.articles__form--link strong { font-family: InterSemiBold,sans-serif; font-weight: 600; font-style: normal; } .articles__form--link a { transition: text-decoration-line .4s ease; position: relative; } .articles__form--link a,.articles__form--link a:active,.articles__form--link a:focus,.articles__form--link a:focus-visible,.articles__form--link a:visited { color: #191c1e; -webkit-text-decoration: underline solid #0083ca; text-decoration: underline solid #0083ca; text-underline-offset: 4px; } .articles__form--link a:hover { cursor: pointer; text-decoration: none; } .articles__form--link a._disabled { color: #9fabb2; pointer-events: none; border: none; cursor: default; } .articles__original, .articles__original * { font-size: 2rem; line-height: 160%; } @media screen and (max-width: 768px) { .articles__original, .articles__original * { font-size: 1.4rem; } } .articles__original b, .articles__original strong { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .articles__original a { transition: text-decoration-line 0.4s ease; position: relative; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } .articles__original a, .articles__original a:active, .articles__original a:visited, .articles__original a:focus, .articles__original a:focus-visible { color: #191C1E; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .articles__original a:hover { cursor: pointer; text-decoration: none; } .articles__original a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .articles__options { background-color: #ffffff; border-radius: 12px; padding: 1.6rem; } @media screen and (max-width: 575px) { .articles__options { padding: 2rem 1.6rem 1.6rem; } } .articles__comments._success .articles-comments__btn, .articles__comments._success .section__preview, .articles__comments._success .articles-rating__btn { display: none; } .articles__comments._success .articles-rating__items { padding: 0 2rem; pointer-events: none; } .articles__comments._success .articles-comments-form-success { display: block; } .news__list .articles__item { height: 100%; } .avail_wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; } .avail_wrapper span { border-radius: 6px; padding: 0.4rem 0.8rem; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.2rem; line-height: 133%; } .avail_wrapper .in_stock { background-color: #E6FEF7; color: #048B65; } .avail_wrapper .in_transit { background-color: #F4F8FB; color: #0083CA; } .avail_wrapper .na { background-color: #f2f2f2; color: #504949; } .avail_wrapper .discontinued { background-color: #FEF1F1; color: #CD0E10; } /*TODO-VDM: _comments-item.scss*/ .cases-preview { display: flex; flex-direction: column; gap: 2.8rem; } .cases-preview__header { display: flex; flex-direction: column; gap: 2rem; } .cases-preview__list { overflow: hidden; } .cases-card { background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 16px; display: grid; grid-template-columns: 1fr; grid-template-rows: 260px 1fr; gap: 3.6rem; border: 1px solid transparent; transition: border-color 0.4s ease; height: auto; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); } .cases-card:hover { border-color: #005AA3; } @media screen and (max-width: 575px) { .cases-card { padding: 0.4rem 0.4rem 2rem; grid-template-rows: 196px 1fr; gap: 1.6rem; } } .cases-card__image { overflow: hidden; border-radius: 12px; background-color: #DBE4EA; width: 100%; } .cases-card__image img { border-radius: 12px; height: 100%; } .cases-card__info { padding: 0 2.4rem; gap: 2.8rem; } @media screen and (max-width: 575px) { .cases-card__info { padding: 0 1.6rem; gap: 1.6rem; } } .cases-card__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } @media screen and (max-width: 575px) { .cases-card__info h3 { font-size: 2rem; } } .default-banner { min-height: 524px; background-repeat: no-repeat; background-size: cover; background-position: right; border-radius: 20px; overflow: hidden; display: grid; grid-template-rows: 1fr; } @media screen and (max-width: 1024px) { .default-banner { min-height: 436px; } } @media screen and (max-width: 768px) { .default-banner { min-height: 444px; } } @media screen and (max-width: 575px) { .default-banner { min-height: 392px; } } .default-banner__wrapper { background-image: linear-gradient(180deg, rgba(15, 33, 71, 0.7) 0%, rgba(0, 88, 160, 0.7) 100%); padding: 6rem 8rem; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 6rem; } @media screen and (max-width: 1024px) { .default-banner__wrapper { padding: 4rem; } } @media screen and (max-width: 575px) { .default-banner__wrapper { padding: 1.6rem 2.4rem 2.4rem; } } .default-banner__preview { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 575px) { .default-banner__preview { gap: 0.8rem; } } .default-banner__preview h2 { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 6.4rem; color: #ffffff; } @media screen and (max-width: 1024px) { .default-banner__preview h2 { font-size: 4.8rem; } } @media screen and (max-width: 575px) { .default-banner__preview h2 { font-size: 3.2rem; } } .default-banner__preview p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #ffffff; } @media screen and (max-width: 575px) { .default-banner__preview p { font-size: 1.6rem; } } .default-banner__content { background-color: #D1ECFA; border-radius: 12px; padding: 2rem 2.9rem; max-width: 556px; font-size: 2rem; line-height: 160%; color: #191C1E; } @media screen and (max-width: 768px) { .default-banner__content { padding: 2rem 6rem; max-width: 100%; font-size: 1.6rem; } } @media screen and (max-width: 575px) { .default-banner__content { padding: 1.2rem 1.6rem; } } .reviews-preview { background-color: #ffffff; border-radius: 20px; padding: 4rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6rem 2.8rem; grid-template-areas: "reviews-preview__title reviews-preview__logo" "reviews-preview__text reviews-preview__text"; } @media screen and (max-width: 1024px) { .reviews-preview { grid-template-columns: 1fr; grid-template-areas: "reviews-preview__logo" "reviews-preview__text" "reviews-preview__title"; gap: 2.8rem; } } .reviews-preview__title { grid-area: reviews-preview__title; display: flex; flex-direction: column; gap: 0.4rem; } .reviews-preview__title h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } .reviews-preview__title span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; color: #9FABB2; } .reviews-preview__logo { grid-area: reviews-preview__logo; justify-self: end; max-width: 160px; max-height: 44px; } @media screen and (max-width: 1024px) { .reviews-preview__logo { justify-self: start; } } @media screen and (max-width: 991px) { .reviews-preview__logo { max-height: 100%; } } .reviews-preview__text { grid-area: reviews-preview__text; font-size: 2rem; } @media screen and (max-width: 575px) { .reviews-preview__text { font-size: 1.6rem; } } @media screen and (max-width: 768px) { .events__slider { margin-left: -1.6rem; margin-right: -1.6rem; padding-left: 1.6rem; padding-right: 1.6rem; overflow: hidden; } } .events__slide { height: 100%; } .events__slide img { height: 380px; border-radius: 20px; } @media screen and (max-width: 575px) { .events__slide img { height: 169px; } } .calm__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; &.grid-col-3 { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .calm__list { grid-template-columns: 1fr; } } @media screen and (min-width: 1025px) { .calm__list_col-3 { grid-template-columns: repeat(3, 1fr); } } .calm__item { background-color: #ffffff; padding: 1.2rem 3.2rem 1.2rem 1.2rem; border-radius: 20px; display: grid; grid-template-columns: 114px 1fr; align-items: center; gap: 2.4rem; } @media screen and (max-width: 575px) { .calm__item { grid-template-columns: 60px 1fr; align-items: start; gap: 1.6rem; } } .calm__item h4, .calm__item strong, .calm__item p { font-size: 1.6rem; line-height: 125%; color: #191C1E; } @media screen and (max-width: 575px) { .calm__item h4, .calm__item strong, .calm__item p { font-size: 1.4rem; } } .calm__item h4, .calm__item strong { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .calm__item p { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } .calm__image { background-color: #DBE4EA; padding: 2.4rem; border-radius: 16px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 575px) { .calm__image { padding: 1.4rem; border-radius: 8px; } } .centre-banner { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); padding: 6rem; border-radius: 20px; display: flex; flex-direction: column; gap: 6rem; } @media screen and (max-width: 1024px) { .centre-banner { padding: 4rem; gap: 4rem; } } @media screen and (max-width: 575px) { .centre-banner { padding: 2rem 2.4rem 4rem; } } .centre-banner__preview { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 575px) { .centre-banner__preview { gap: 2.8rem; } } .centre-banner__preview h2 { color: #ffffff; } .centre-banner__contacts { display: flex; align-items: baseline; gap: 2.8rem 4rem; flex-wrap: wrap; } .centre-banner__contacts a { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; transition: color 0.4s ease; } .centre-banner__contacts a, .centre-banner__contacts a:active, .centre-banner__contacts a:visited, .centre-banner__contacts a:focus, .centre-banner__contacts a:focus-visible { color: #ffffff !important; border: none; } .centre-banner__contacts a:hover { color: #55B7EC !important; cursor: pointer; } .centre-banner__contacts a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .centre-banner__btns { display: grid; grid-template-columns: repeat(2, 1fr) max-content; align-items: center; gap: 4rem 2rem; } @media screen and (max-width: 1024px) { .centre-banner__btns { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .centre-banner__btns { grid-template-columns: 1fr; gap: 2rem; } } .centre-banner__btns .btn { max-width: 100%; display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 769px) { .centre-banner__btns .btn { height: 100%; } } .centre-banner__btns .btn .children { white-space: normal; font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; } .centre-banner__link { display: inline-block; font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; transition: text-decoration-line 0.4s ease; position: relative; } .centre-banner__link, .centre-banner__link:active, .centre-banner__link:visited, .centre-banner__link:focus, .centre-banner__link:focus-visible { color: #ffffff; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .centre-banner__link:hover { cursor: pointer; text-decoration: none; } .centre-banner__link._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } @media screen and (min-width: 1025px) { .centre-banner__link { margin: 0 4rem; } } @media screen and (max-width: 768px) { .centre-banner__link { text-align: center; } } .centre-popup__wrapper { background-color: #ffffff; padding: 4rem; max-width: 1372px; } @media screen and (max-width: 1024px) { .centre-popup__wrapper { padding: 2.4rem; } } @media screen and (max-width: 575px) { .centre-popup__wrapper { padding: 1.6rem; } } .centre-popup__table { background-color: #DBE4EA; display: flex; flex-direction: column; gap: 0.1rem; border: 1px solid #DBE4EA; width: 100%; height: 70vh; overflow: auto; } .centre-popup__list { display: flex; flex-direction: column; gap: 0.1rem; } .centre-popup__header, .centre-popup__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.1rem; } @media screen and (max-width: 991px) { .centre-popup__header, .centre-popup__row { grid-template-columns: repeat(4, 211px); } } .centre-popup__header h3 { background-color: #C1CED7; padding: 2.4rem 1.6rem; height: 100%; display: flex; align-items: center; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; } .centre-popup__item { background-color: #ffffff; padding: 2.4rem 1.6rem; font-size: 1.4rem; color: #58616A; } .centre-popup__item_fill { background-color: #BAE2F7; } .centre-popup__item h4 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } .centre-popup__item a { transition: text-decoration-line 0.4s ease; position: relative; } .centre-popup__item a, .centre-popup__item a:active, .centre-popup__item a:visited, .centre-popup__item a:focus, .centre-popup__item a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .centre-popup__item a:hover { cursor: pointer; text-decoration: none; } .centre-popup__item a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } @media screen and (max-width: 1600px) { .centre-popup__close { display: none; } } @media screen and (min-width: 1601px) { .centre-popup__banner { display: none; } } @media screen and (max-width: 1600px) { .centre-popup__banner { position: absolute; bottom: 0; z-index: 100000; background-color: #D1ECFA; padding: 1.2rem 2.8rem; width: 100vw; display: flex; justify-content: center; align-items: center; gap: 2.4rem; } } .support-info { background-color: #D1ECFA; padding: 6rem; border-radius: 20px; display: grid; grid-template-columns: 1fr 2.4fr; gap: 4rem 6rem; } @media screen and (max-width: 1024px) { .support-info { padding: 4rem; grid-template-columns: 1fr; } } @media screen and (max-width: 575px) { .support-info { padding: 2.4rem; gap: 1.6rem; } } .support-info__text { font-size: 2rem; } @media screen and (max-width: 575px) { .support-info__text { font-size: 1.6rem; } } .support-info__content { display: flex; flex-direction: column; gap: 16px; font-size: 1.6rem; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 991px) { .support-info__content { gap: 12px; } } @media screen and (max-width: 575px) { .support-info__content { gap: 8px; } } .support-info__content h3 { color: #191C1E; font-size: 3.6rem; line-height: 111.111%; margin-bottom: 4px; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; } .support-info__content strong { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .support-info__image { border-radius: 16px; overflow: hidden; } .support-info__image img { height: 100%; } .support-info .contacts__map { height: 100%; } @media screen and (max-width: 991px) { .support-info .contacts__map { height: 50vw; } } .indicators { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 575px) { .indicators { grid-template-columns: 1fr; } } .indicators__item { background-color: #ffffff; padding: 4rem; border-radius: 20px; display: flex; flex-direction: column; gap: 0.4rem; border-top: 4px solid; } .indicators__item_blue { border-color: #005AA3; } .indicators__item_blue h3 { color: #0083CA; } .indicators__item_red { border-color: #ED2C2D; } .indicators__item_red h3 { color: #ED2C2D; } @media screen and (max-width: 575px) { .indicators__item { padding: 2.4rem; } } .indicators__item h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 6.4rem; line-height: 125%; } @media screen and (max-width: 991px) { .indicators__item h3 { font-size: 4.8rem; } } @media screen and (max-width: 768px) { .indicators__item h3 { font-size: 3.2rem; } } .indicators__item p { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } @media screen and (max-width: 768px) { .indicators__item p { font-size: 2rem; } } .services__preview { display: flex; flex-direction: column; gap: 1.6rem; } .services__preview p { font-size: 1.6rem; } .services__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1024px) { .services__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .services__list { grid-template-columns: 1fr; } } .services__item { background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 16px; display: grid; grid-template-columns: 1fr; grid-template-rows: 260px 1fr; grid-template-areas: "services__image" "services__content"; gap: 3.6rem; } @media screen and (max-width: 768px) { .services__item { padding: 0.4rem 0.4rem 2rem; grid-template-rows: 196px 1fr; gap: 1.6rem; } } @media screen and (min-width: 576px) { .services__item_big { padding: 1.2rem; grid-column: span 2; grid-template-columns: minmax(210px, 420px) 1fr !important; grid-template-rows: 1fr !important; grid-template-areas: "services__image services__content"; gap: 1.6rem; } .services__item_big .services__content { padding: 2.4rem 1.6rem; } .services__item_big .services__links a { font-size: 2rem; } } @media screen and (min-width: 576px) and (max-width: 768px) { .services__item_big .services__links a { font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .services__item_last { grid-column: span 1; background-color: #ffffff; padding: 1.2rem 1.2rem 4rem; border-radius: 16px; display: grid; grid-template-columns: 1fr !important; grid-template-rows: 260px 1fr !important; grid-template-areas: "services__image" "services__content"; gap: 3.6rem; } } @media screen and (max-width: 1024px) and (max-width: 768px) { .services__item_last { padding: 0.4rem 0.4rem 2rem; grid-template-rows: 196px 1fr !important; gap: 1.6rem; } } .services__image { grid-area: services__image; border-radius: 12px; overflow: hidden; } .services__image img { height: 100%; } .services__content { grid-area: services__content; display: flex; flex-direction: column; justify-content: space-between; gap: 2.8rem; padding: 0 2.4rem; } @media screen and (max-width: 768px) { .services__content { gap: 2rem; padding: 0 1.6rem; } } .services__title { display: flex; flex-direction: column; gap: 0.8rem; } .services__title h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } @media screen and (max-width: 768px) { .services__title h4 { font-size: 2rem; } } .services__title p { font-size: 1.6rem; } @media screen and (max-width: 768px) { .services__title p { font-size: 1.4rem; } } .services__links { display: flex; flex-direction: column; gap: 0.4rem; } .services__links a { width: fit-content; font-size: 1.4rem; transition: text-decoration-line 0.4s ease; position: relative; } .services__links a, .services__links a:active, .services__links a:visited, .services__links a:focus, .services__links a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .services__links a:hover { cursor: pointer; text-decoration: none; } .services__links a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .services__text { display: flex; flex-direction: column; gap: 12px; } .services__text strong { color: #191C1E; } .how-it-work { background-color: #ffffff; border-top: 4px solid #005AA3; border-radius: 20px; padding: 4rem; display: grid; grid-template-columns: 1fr 420px; gap: 4rem; } @media screen and (max-width: 1024px) { .how-it-work { grid-template-columns: 1fr; } } @media screen and (max-width: 575px) { .how-it-work { padding: 2.4rem; } } .how-it-work__content { display: flex; flex-direction: column; justify-content: space-between; gap: 6rem; } @media screen and (max-width: 575px) { .how-it-work__content { gap: 1.6rem; } } .how-it-work__title { display: flex; flex-direction: column; } .how-it-work__title h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 6.4rem; line-height: 125%; color: #0083CA; } @media screen and (max-width: 768px) { .how-it-work__title h3 { font-size: 3.6rem; } } @media screen and (max-width: 575px) { .how-it-work__title h3 { font-size: 3.2rem; } } .how-it-work__title p { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } @media screen and (max-width: 575px) { .how-it-work__title p { font-size: 2rem; } } .how-it-work__text { font-size: 1.6rem; } @media screen and (max-width: 575px) { .how-it-work__text { font-size: 1.4rem; } } .how-it-work__image { background-color: #F4F8FB; padding: 2.4rem; border-radius: 16px; display: flex; justify-content: center; align-items: center; } .support-request__form { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; padding: 4.8rem 6rem; } @media screen and (max-width: 1024px) { .support-request__form { padding: 4rem; } } @media screen and (max-width: 575px) { .support-request__form { padding: 2rem 2.4rem; } } .support-request__form--wrapper { display: flex; flex-direction: column; gap: 2.8rem; } .support-request__form._success form, .support-request__form._success .support-request__form--wrapper { display: none; } .support-request__form._success .support-request__info { display: block; } .support-request__preview { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 575px) { .support-request__preview { gap: 0.8rem; } } .support-request__preview h2 { color: #ffffff; } .support-request__preview p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; color: #9FABB2; } .support-request__inputs { display: grid; gap: 2.8rem; } @media screen and (min-width: 1025px) { .support-request__inputs { grid-template-columns: repeat(2, 1fr); } } .support-request .btn { max-width: 100%; } .support-request__info { display: none; } .support-request__info--wrapper { display: flex; flex-direction: column; gap: 2.8rem; } .support-request__info--wrapper h2 { color: #ffffff; } @media screen and (min-width: 1025px) { .support-request__info--container { display: grid; grid-template-columns: 1fr 0.4366fr; gap: 20px 28px; } } .support-request__info--content { display: flex; flex-direction: column; justify-content: space-between; gap: 20px; } .support-request__info--content p, .support-request__info--content p a { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 768px) { .support-request__info--content p, .support-request__info--content p a { font-size: 1.4rem; } } .support-request__info--text { background-color: #ffffff; border-radius: 20px; display: flex; flex-direction: column; gap: 20px; padding: 20px 24px; } @media screen and (max-width: 768px) { .support-request__info--text { padding: 12px 16px; } } .support-request__info--text a { transition: text-decoration-line 0.4s ease; position: relative; } .support-request__info--text a, .support-request__info--text a:active, .support-request__info--text a:visited, .support-request__info--text a:focus, .support-request__info--text a:focus-visible { color: #191C1E; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .support-request__info--text a:hover { cursor: pointer; text-decoration: none; } .support-request__info--text a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .support-request__info--text p { color: #191C1E; } .support-request__info--values { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 768px) { .support-request__info--values { gap: 0.8rem; } } .support-request__info--contacts { background: #0083CA; border-radius: 16px; color: #ffffff; padding: 20px 24px; } @media screen and (max-width: 768px) { .support-request__info--contacts { padding: 1.2rem 1.6rem; } } .support-request__info--contacts a { transition: color 0.4s ease; } .support-request__info--contacts a, .support-request__info--contacts a:active, .support-request__info--contacts a:visited, .support-request__info--contacts a:focus, .support-request__info--contacts a:focus-visible { color: #ffffff !important; border: none; } .support-request__info--contacts a:hover { color: #55B7EC !important; cursor: pointer; } .support-request__info--contacts a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .support-request__info--links { display: flex; align-items: center; gap: 1.2rem; } @media screen and (max-width: 1024px) { .support-request__info--image { display: none; } } .support-request__info--image img { border-radius: 20px; height: 100%; overflow: hidden; } .warranty-period { display: flex; flex-direction: column; gap: 1.6rem; } .warranty-period h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #191C1E; } @media screen and (max-width: 1024px) { .warranty-period h3 { font-size: 2.4rem; } } @media screen and (max-width: 575px) { .warranty-period h3 { line-height: 133.3%; } } .warranty-period__list { display: grid; grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1024px) { .warranty-period__list { grid-template-columns: repeat(2, 1fr); row-gap: 1.6rem; } } @media screen and (max-width: 575px) { .warranty-period__list { grid-template-columns: 1fr; } } .warranty-period__item { border: 1px solid #C1CED7; border-top: none; display: grid; grid-template-rows: 72px minmax(128px, auto); } .warranty-period__item:not(:last-child) { border-right-width: 0px; } @media screen and (max-width: 1024px) { .warranty-period__item:nth-child(2) { border-right-width: 1px; } } @media screen and (max-width: 575px) { .warranty-period__item:not(:last-child) { border-right-width: 1px; } } .warranty-period__header { background-color: #DBE4EA; padding: 2.4rem 1.6rem; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .warranty-period__header { padding: 2.4rem 1rem; } } .warranty-period__header h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #191C1E; } .warranty-period__description { background-color: #ffffff; padding: 2.4rem 1.6rem; } .warranty-period__description p { font-size: 1.4rem; line-height: 143%; } .blog__wrapper { display: grid; grid-template-columns: 1fr 444px; gap: 2rem; } @media screen and (max-width: 1280px) { .blog__wrapper { display: flex; flex-direction: column; gap: 6rem; } } .blog__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 768px) { .blog__list { grid-template-columns: 1fr; } } .blog__top { background-color: #ffffff; border-radius: 16px; padding: 2.4rem; display: flex; flex-direction: column; gap: 2.4rem; } .blog__top h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #191C1E; } .blog__top li::marker { transition: all 0.4s ease; } .blog__top li:hover::marker { color: #004B88; font-size: 1.8rem; } .blog__top a { font-size: 1.6rem; transition: color 0.4s ease; } .blog__top a, .blog__top a:active, .blog__top a:visited, .blog__top a:focus, .blog__top a:focus-visible { color: #58616A !important; border: none; } .blog__top a:hover { color: #004B88 !important; cursor: pointer; } .blog__top a._disabled { color: #79838B !important; pointer-events: none; cursor: default; } .blog__sidebar { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 1280px) { .blog__sidebar { gap: 6rem; } } .leasing__banner { background-image: linear-gradient(180deg, #101E41 -82.24%, #005AA3 100%); border-radius: 20px; padding: 1.2rem 6rem; display: flex; justify-content: center; align-items: center; gap: 2.8rem 6rem; flex-wrap: wrap; } @media screen and (max-width: 768px) { .leasing__banner { padding: 4rem 2.8rem; } } @media screen and (max-width: 575px) { .leasing__banner { padding: 2.8rem 2.4rem; gap: 2.4rem; } } .leasing__banner h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.3%; color: #ffffff; text-align: center; } .conditions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1140px) { .conditions { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .conditions { grid-template-columns: 1fr; } } .conditions__item { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #005AA3; padding: 4rem; display: flex; flex-direction: column; justify-content: space-between; gap: 2.8rem; } .conditions__item_big { grid-column: span 2; } @media screen and (max-width: 575px) { .conditions__item_big { grid-column: span 1; } } .conditions__item_big h3 { line-height: 100% !important; } @media screen and (max-width: 1140px) { .conditions__item_first { grid-column: span 2; } } @media screen and (min-width: 1141px) { .conditions__item_first h3 { line-height: 100% !important; } } .conditions__item_red { border-color: #ED2C2D !important; } .conditions__item_red h3 { color: #ED2C2D !important; } .conditions__item_squad { grid-row: span 2; padding: 1.6rem; } @media screen and (max-width: 1140px) { .conditions__item_squad { grid-row: span 1; grid-column: span 2; padding: 4rem; } } @media screen and (max-width: 575px) { .conditions__item_squad { padding: 2.4rem; } } .conditions__item_squad .conditions__card { padding: 2.4rem 2.8rem 0 2.8rem; } @media screen and (max-width: 1140px) { .conditions__item_squad .conditions__card { padding: 0; } } .conditions__item_small { padding: 2.4rem 2.8rem; } @media screen and (max-width: 1140px) { .conditions__item_small { padding: 4rem; } } @media screen and (max-width: 575px) { .conditions__item_small { padding: 2.4rem; } } .conditions__item_small h4 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; } @media screen and (min-width: 1141px) { .conditions__item_small h4 { font-size: 1.6rem; } } @media screen and (max-width: 1140px) { .conditions__item { gap: 4rem; } } @media screen and (max-width: 575px) { .conditions__item { grid-column: span 1; padding: 2.4rem; gap: 1.6rem; } } .conditions__card { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 1140px) { .conditions__card { justify-content: space-between; gap: 4rem; } } @media screen and (max-width: 575px) { .conditions__card { justify-content: flex-start; gap: 1.2rem; } } .conditions__group { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 1140px) { .conditions__group { grid-column: span 2; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; } } @media screen and (max-width: 575px) { .conditions__group { grid-column: span 1; grid-template-columns: 1fr; } } .conditions__preview { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 1140px) { .conditions__preview { gap: 0.4rem; } } .conditions__preview h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 6.4rem; line-height: 125%; color: #0083CA; } @media screen and (min-width: 1141px) { .conditions__preview h3 { padding-right: 2rem; } } @media screen and (max-width: 768px) { .conditions__preview h3 { font-size: 4.8rem; } } @media screen and (max-width: 575px) { .conditions__preview h3 { font-size: 3.2rem; } } .conditions__preview h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 100%; color: #191C1E; } @media screen and (max-width: 768px) { .conditions__preview h4 { font-size: 2rem; } } .conditions__text { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; } .conditions__image { border-radius: 12px; overflow: hidden; } .conditions__image img { border-radius: 12px; } .financing { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } @media screen and (max-width: 1024px) { .financing { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .financing { grid-template-columns: 1fr; } } .financing__item { background-color: #ffffff; border-radius: 16px; border-top: 4px solid #005AA3; padding: 4rem 1rem; display: flex; align-items: center; } @media screen and (min-width: 576px) { .financing__item { justify-content: center; } } @media screen and (max-width: 575px) { .financing__item { padding: 2.4rem; } } .financing__item h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; color: #191C1E; } @media screen and (min-width: 576px) { .financing__item h3 { text-align: center; } } @media screen and (max-width: 575px) { .financing__item h3 { font-size: 2rem; } } .configuration-steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 1024px) { .configuration-steps { grid-template-columns: 1fr; gap: 2.8rem; } } @media screen and (max-width: 575px) { .configuration-steps { gap: 4rem; } } .configuration-steps__info { display: flex; flex-direction: column; gap: 4rem; } @media screen and (max-width: 1024px) { .configuration-steps__info { gap: 2.8rem; } } .configuration-steps__info ol { display: grid; grid-template-columns: 1fr; gap: 2rem; padding-inline-start: 0px; } @media screen and (max-width: 1024px) { .configuration-steps__info ol { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 575px) { .configuration-steps__info ol { grid-template-columns: 1fr; } } .configuration-steps__info ol li { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #005AA3; padding: 4rem; list-style-position: inside; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 150%; color: #191C1E; margin-bottom: 0; display: flex; align-items: flex-end; gap: 1.2rem; } @media screen and (max-width: 768px) { .configuration-steps__info ol li { flex-direction: column; align-items: flex-start; gap: 0.4rem; font-size: 2rem; line-height: 120%; } } @media screen and (max-width: 575px) { .configuration-steps__info ol li { padding: 2.4rem; } } .configuration-steps__info ol li span { font-size: 6.4rem; line-height: 100%; color: #0083CA; } @media screen and (max-width: 768px) { .configuration-steps__info ol li span { font-size: 4.8rem; } } @media screen and (max-width: 575px) { .configuration-steps__info ol li span { font-size: 3.2rem; } } .configuration-steps__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #191C1E; } @media screen and (max-width: 1024px) { .configuration-steps__info h3 { display: none; } } .configuration-steps__info_row ol { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1366px) { .configuration-steps__info_row ol { grid-template-columns: repeat(2, 1fr); } } .configuration-steps__info_row ol li { flex-direction: column; align-items: flex-start; } .configuration-steps__form { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 16px; padding: 4rem; } @media screen and (max-width: 575px) { .configuration-steps__form { padding: 2rem 2.4rem; } } @media screen and (min-width: 1025px) { .configuration-steps__form { height: -moz-fit-content; height: fit-content; position: sticky; top: 172px; } } .configuration-steps__form h2 { color: #ffffff; } .configuration-steps__form._success form, .configuration-steps__form._success .configuration-steps__form--wrapper { display: none; } .configuration-steps__form._success .configuration-steps__output { display: block; } .configuration-steps__form--wrapper, .configuration-steps__preview, .configuration-steps__inputs { display: flex; flex-direction: column; gap: 2.8rem; } .configuration-steps__form--wrapper { justify-content: space-between; height: 100%; } @media screen and (max-width: 575px) { .configuration-steps__inputs { gap: 1.2rem; } } .configuration-steps__btn { display: flex; flex-direction: column; gap: 1.2rem; } .configuration-steps__btn .btn { max-width: 100%; } .configuration-steps__output { display: none; } .configuration-steps__output p { color: #ffffff; } .configuration-steps__output p, .configuration-steps__output p a { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 768px) { .configuration-steps__output p, .configuration-steps__output p a { font-size: 1.4rem; } } .configuration-steps__output--wrapper { display: flex; flex-direction: column; gap: 2.8rem; } .configuration-steps__output--content { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 768px) { .configuration-steps__output--content { gap: 1.6rem; } } .configuration-steps__output--content a { transition: text-decoration-line 0.4s ease; position: relative; } .configuration-steps__output--content a, .configuration-steps__output--content a:active, .configuration-steps__output--content a:visited, .configuration-steps__output--content a:focus, .configuration-steps__output--content a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .configuration-steps__output--content a:hover { cursor: pointer; text-decoration: none; } .configuration-steps__output--content a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .configuration-steps__output--text { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 768px) { .configuration-steps__output--text { gap: 0.8rem; } } .configuration-steps__output--contacts { background: #0083CA; border-radius: 16px; border-top: 4px solid #55B7EC; padding: 20px 24px; } @media screen and (max-width: 768px) { .configuration-steps__output--contacts { padding: 1.2rem 1.6rem; } } .configuration-steps__output--phones a { transition: color 0.4s ease; } .configuration-steps__output--phones a, .configuration-steps__output--phones a:active, .configuration-steps__output--phones a:visited, .configuration-steps__output--phones a:focus, .configuration-steps__output--phones a:focus-visible { color: #ffffff !important; border: none; } .configuration-steps__output--phones a:hover { color: #55B7EC !important; cursor: pointer; } .configuration-steps__output--phones a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .configuration-steps__output--links { display: flex; align-items: center; gap: 1.2rem; } .configuration-steps__output--links a { transition: text-decoration-line 0.4s ease; position: relative; text-decoration-color: #ffffff !important; } .configuration-steps__output--links a, .configuration-steps__output--links a:active, .configuration-steps__output--links a:visited, .configuration-steps__output--links a:focus, .configuration-steps__output--links a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .configuration-steps__output--links a:hover { cursor: pointer; text-decoration: none; } .configuration-steps__output--links a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .choosing-social { display: flex; flex-direction: column; gap: 2rem; } .choosing-social h3 { font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #ffffff; } .choosing-social__list { display: flex; flex-wrap: wrap; gap: 1.2rem; } .choosing-social__item { position: relative; } .choosing-social__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .choosing-social__item input:checked ~ button { background-color: #ffffff; } .choosing-social__item input:checked ~ button span { color: #58616A; } .choosing-social__item button { background-color: transparent; border: 1px solid #E8EEF2; border-radius: 8px; padding: 1rem 2rem; display: flex; align-items: center; gap: 1.2rem; transition: all 0.4s ease; } .choosing-social__item img { width: 24px; height: 24px; } .choosing-social__item span { font-size: 1.4rem; line-height: 143%; color: #ffffff; transition: color 0.4s ease; } .cases__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .cases__list.two-col { grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 1280px) { .cases__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 991px) { .cases__list { grid-template-columns: 1fr; } } .cases__list .products-banner { grid-column: span 1; grid-row: span 1; } @media screen and (max-width: 1280px) { .cases__list .products-banner { grid-column: span 1; grid-row: span 1; } } .case-banner { border-radius: 20px; overflow: hidden; min-height: 456px; padding: 11.8rem 6rem 5.2rem; position: relative; } @media screen and (max-width: 1024px) { .case-banner { padding: 13rem 4rem 14.2rem; } } @media screen and (max-width: 768px) { .case-banner { border-radius: 0; padding: 0; min-height: auto; display: flex; flex-direction: column; gap: 4rem; } } .case-banner__bg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 769px) { .case-banner__bg { position: absolute; top: 0; left: 0; z-index: -1; } } @media screen and (max-width: 768px) { .case-banner__bg { min-height: 160px; overflow: hidden; border-radius: 20px; background-position: right; } } .case-banner__content { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 768px) { .case-banner__content { gap: 2.8rem; } } @media screen and (min-width: 769px) { .case-banner__content h1 { color: #ffffff; } } .case-banner__preview { font-family: OnestMedium,sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #ffffff; } @media screen and (min-width: 1025px) { .case-banner__preview { max-width: 908px; } } @media screen and (max-width: 768px) { .case-banner__preview { color: #191C1E; } } .case-properties { gap: 2rem; } .case-properties .properties__item { gap: 1.6rem !important; } @media screen and (min-width:769px) { .case-properties { display: grid; grid-template-columns: repeat(2,1fr); } } @media screen and (max-width:768px) { .case-properties { display: flex; flex-direction: column; } } .properties { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 991px) { .properties { grid-template-columns: 1fr; } } .properties__item { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #ED2C2D; padding: 4rem; display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .properties__item { padding: 2.4rem; gap: 0.4rem; } } .properties__item h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #ED2C2D; } @media screen and (max-width: 768px) { .properties__item h3 { font-size: 3.2rem; } } .properties__item h4 { font-family: OnestMedium,sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 111%; color: #191c1e; } @media screen and (max-width:768px) { .properties__item h4 { font-size: 2rem; } } .properties__item span { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #191C1E; } @media screen and (max-width:768px) { .properties__item span { font-size: 1.6rem; } } .properties__item span b,.properties__item span strong { font-family: InterSemiBold,sans-serif; font-weight: 600; font-style: normal; color: #191c1e; } .properties__item blockquote { background-color: #daf0fb; border-radius: 12px; color: #191c1e; font-family: InterRegular,sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; padding: 1.6rem 2.4rem; } .properties__item blockquote b,.properties__item blockquote strong { font-family: InterSemiBold,sans-serif; font-weight: 600; font-style: normal; } .properties__item_big { border-color: #0083ca; gap: 2rem!important; } .properties__item_big h3 { color: #0083ca; } .properties__item_big span { font-family: InterRegular,sans-serif; font-weight: 400; font-style: normal; color: #58616a; line-height: 160%; } .case-description { display: grid; grid-template-columns: 444px 1fr; gap: 2.8rem; } @media screen and (max-width: 1024px) { .case-description { grid-template-columns: 1fr; } } .case-description__content { display: flex; flex-direction: column; gap: 2rem; } .case-description__content h2,.case-description__content h3,.case-description__content h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #191C1E; } @media screen and (max-width: 1024px) { .case-description__content h2,.case-description__content h3,.case-description__content h4 { font-size: 2.4rem; line-height: 133%; } } .case-description__content * { font-size: 2rem; } .case-description__content li { font-family: InterRegular,sans-serif; font-weight: 400; font-style: normal; } .case-description__content a { transition: color 0.4s ease; } .case-description__content a, .case-description__content a:active, .case-description__content a:visited, .case-description__content a:focus, .case-description__content a:focus-visible { color: #0083ca !important; border: none; } .case-description__content a:hover { color: #004B88 !important; cursor: pointer; } .case-description__content a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .case-product { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #005AA3; padding: 4rem; display: grid; grid-template-columns: 1fr 420px; gap: 4rem; } @media screen and (max-width: 1024px) { .case-product { grid-template-columns: 1fr; } } @media screen and (max-width: 768px) { .case-product { padding: 2.4rem; gap: 2.8rem; } } @media screen and (max-width: 575px) { .case-product { gap: 1.6rem; } } .case-product__content { display: flex; flex-direction: column; gap: 6rem; } @media screen and (min-width: 1025px) { .case-product__content { justify-content: space-between; height: 100%; } } @media screen and (max-width: 768px) { .case-product__content { gap: 2.8rem; } } @media screen and (max-width: 575px) { .case-product__content { gap: 1.6rem; } } .case-product__header { display: flex; flex-direction: column; } @media screen and (max-width: 575px) { .case-product__header { gap: 0.4rem; } } .case-product__header h2 { font-size: 6.4rem; line-height: 125%; color: #0083CA; } @media screen and (max-width: 768px) { .case-product__header h2 { font-size: 4rem; } } @media screen and (max-width: 575px) { .case-product__header h2 { font-size: 3.2rem; line-height: 112.5%; } } .case-product__preview { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } @media screen and (max-width: 768px) { .case-product__preview { font-size: 2rem; line-height: 120%; } } .case-product__main { display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 768px) { .case-product__main { gap: 2rem; } } @media screen and (max-width: 575px) { .case-product__main { gap: 1.2rem; } } .case-product__text { display: flex; flex-direction: column; gap: 0.4rem; } @media screen and (max-width: 768px) { .case-product__text { gap: 1.2rem; } } .case-product__text h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem !important; line-height: 125% !important; color: #191C1E; } .case-product__text * { font-size: 1.6rem; line-height: 150%; } @media screen and (max-width: 575px) { .case-product__text * { font-size: 1.4rem; line-height: 143%; } } .case-product__image { background-color: #F4F8FB; border-radius: 16px; padding: 2.4rem; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 768px) { .case-product__image { padding: 1.6rem; } } .case-product__image img { object-fit: contain; } .case-client { display: grid; grid-template-columns: 1fr 444px; gap: 2rem; } @media screen and (max-width: 1024px) { .case-client { grid-template-columns: 1fr; gap: 2.8rem; } } .case-client__content { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 1024px) { .case-client__content { gap: 2.8rem; } } .case-client__content * { font-size: 2rem; line-height: 160%; } @media screen and (max-width: 575px) { .case-client__content * { font-size: 1.6rem; line-height: 150%; } } @media screen and (max-width: 1024px) { .case-client__content h3 { font-size: 3.2rem; line-height: 112.5%; } } .case-client__preview { background-color: #D1ECFA; border-radius: 20px; padding: 2.8rem 2.4rem; height: fit-content; display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 575px) { .case-client__preview { padding: 1.6rem; gap: 2.4rem; } } .case-client__preview h3 { font-size: 2.4rem; line-height: 133%; } .case-client__preview ul { gap: 1.2rem; } .case-client__preview li { font-size: 1.6rem !important; } .case-result { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 991px) { .case-result { grid-template-columns: 1fr; } } .case-result .conditions__preview p { font-size: 2.4rem; font-weight: 500; font-family: "OnestMedium"; line-height: 32px; color: #191C1E; } .solution-banner { border-radius: 20px; overflow: hidden; min-height: 456px; padding: 11.4rem 6rem 3.2rem; position: relative; } @media screen and (max-width: 1024px) { .solution-banner { padding: 13.6rem 4rem; padding-bottom: 4rem; } } @media screen and (max-width: 768px) { .solution-banner { border-radius: 0; padding: 0; min-height: auto; display: flex; flex-direction: column; gap: 4rem; } } .solution-banner__bg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 769px) { .solution-banner__bg { position: absolute; top: 0; left: 0; z-index: -1; } } @media screen and (max-width: 768px) { .solution-banner__bg { min-height: 160px; overflow: hidden; border-radius: 20px; background-position: right; } } .solution-banner__content { display: flex; flex-direction: column; gap: 2.8rem; max-width: 616px; } @media screen and (max-width: 1024px) { .solution-banner__content { max-width: 420px; } } @media screen and (max-width: 768px) { .solution-banner__content { max-width: 100%; } } .solution-banner__content h1 { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; } @media screen and (min-width: 769px) { .solution-banner__content h1 { color: #ffffff; } } .solution-banner__text { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 768px) { .solution-banner__text { gap: 2.8rem; } } .solution-banner__preview { font-family: OnestLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; line-height: 120%; color: #ffffff; } @media screen and (max-width: 768px) { .solution-banner__preview { font-family: OnestRegular, sans-serif; font-weight: 400; font-style: normal; color: #191C1E; } } .solution-banner .bread-crumbs, .case-banner .bread-crumbs { gap: 0 .4rem; margin-top: 1.4rem; } @media screen and (min-width: 992px) { .solution-banner .bread-crumbs > * , .case-banner .bread-crumbs > *{ color: #9FABB2; } } @media screen and (min-width: 992px) { .solution-banner .bread-crumbs a, .solution-banner .bread-crumbs a:active, .solution-banner .bread-crumbs a:visited, .solution-banner .bread-crumbs a:focus, .solution-banner .bread-crumbs a:focus-visible, .case-banner .bread-crumbs a, .case-banner .bread-crumbs a:active, .case-banner .bread-crumbs a:visited, .case-banner .bread-crumbs a:focus, .case-banner .bread-crumbs a:focus-visible { color: #fff!important; border: none; } .case-banner .bread-crumbs a:hover, .solution-banner .bread-crumbs a:hover { color: #004b88!important; cursor: pointer; } } .solution-description { display: flex; flex-direction: column; gap: 4rem; } @media screen and (min-width:1025px) { .solution-description { gap: 1.6rem; } } .solution-description__text { display: flex; flex-direction: column; gap: 2rem; } .solution-description__text h2, .solution-description__text h3, .solution-description__text h4 { font-family: OnestMedium,sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #191c1e; } @media screen and (max-width:1024px) { .solution-description__text h2, .solution-description__text h3, .solution-description__text h4 { font-size: 2.4rem; line-height: 133%; } } .solution-description__text * { font-size: 2rem; } .solution-description__text li { font-family: InterRegular,sans-serif; font-weight: 400; font-style: normal; } .solution-description__text b, .solution-description__text strong { font-family: InterSemiBold,sans-serif; font-weight: 600; font-style: normal; color: #191c1e; } .solution-description__text a:not(.popup-link) { transition: color .4s ease; } .solution-description__text a:not(.popup-link),.solution-description__text a:not(.popup-link):active,.solution-description__text a:not(.popup-link):focus,.solution-description__text a:not(.popup-link):focus-visible,.solution-description__text a:not(.popup-link):visited { color: #0083ca!important; border: none; } .solution-description__text a:not(.popup-link):hover { color: #004b88!important; cursor: pointer; } .solution-description__text a:not(.popup-link)._disabled { color: #58616a!important; pointer-events: none; cursor: default; } .solution-description__text .popup-link { display: inline-block; transition: text-decoration-line .4s ease; position: relative; } .solution-description__text .popup-link,.solution-description__text .popup-link:active,.solution-description__text .popup-link:focus,.solution-description__text .popup-link:focus-visible,.solution-description__text .popup-link:visited { color: #191c1e; -webkit-text-decoration: underline solid #0083ca; text-decoration: underline solid #0083ca; text-underline-offset: 4px; } .solution-description__text .popup-link:hover { cursor: pointer; text-decoration: none; } .solution-description__text .popup-link._disabled { color: #9fabb2; pointer-events: none; border: none; cursor: default; } .solution-description__text blockquote { background-color: #DAF0FB; border-radius: 12px; color: #191C1E; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; padding: 1.6rem 2.4rem; } @media screen and (max-width: 768px) { .solution-description__text blockquote { font-size: 1.6rem; } } .solution-description__text blockquote b, .solution-description__text blockquote strong { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 2rem; } @media screen and (max-width: 768px) { .solution-description__text blockquote b, .solution-description__text blockquote strong { font-size: 1.6rem; } } .solution-content { display: flex; flex-direction: column; gap: 2.8rem; } .solution-content__text { display: flex; flex-direction: column; gap: 2rem; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; } .solution-content__text li { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } .solution-content__table { width: 100%; overflow-y: hidden; overflow-x: auto; white-space: nowrap; } .solution-content__table table { width: 1372px; } .solution-content__table table tr { white-space: normal; } .solution-content__table table th, .solution-content__table table td { padding: 2.4rem 1.6rem; outline: 1px solid #DBE4EA; } .solution-content__table table th { background-color: #C1CED7; } .solution-content__table table td { font-size: 1.4rem; line-height: 143%; } .solution-content__table table td > *:not(:last-child) { margin-bottom: 1.2rem; } .solution-content__table table h3 { font-size: 2rem; line-height: 120%; color: #191C1E; text-align: center; } .solution-content__table table h4 { color: #191C1E; } .solution-content__docs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 768px) { .solution-content__docs { grid-template-columns: 1fr; } } .doc { background-color: #ffffff; border-radius: 16px; box-shadow: 0px 0px 16px 0px rgba(0, 131, 202, 0.07); padding: 2.4rem; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 2.4rem; } .doc::before { content: url("/local/templates/itelion/files/icons/link_file.svg"); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } .doc__content { display: flex; flex-direction: column; gap: 0.4rem; } .doc__content h4 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E !important; } .doc__content span { font-size: 1.4rem; line-height: 143%; color: #58616A !important; } .solution-config { display: grid; grid-template-columns: 1fr 444px; gap: 2rem; } @media screen and (max-width: 1024px) { .solution-config { grid-template-columns: 1fr; gap: 2.8rem; } } .solution-config__inputs { background-color: #ffffff; border-radius: 20px; padding: 3.2rem; display: flex; flex-direction: column; gap: 4rem; } @media screen and (min-width: 1025px) { .solution-config__inputs { height: fit-content; } } @media screen and (max-width: 991px) { .solution-config__inputs { padding: 1.6rem; gap: 2.8rem; } } .solution-config__server { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #005AA3; padding: 2.4rem; display: grid; grid-template-columns: 1fr; gap: 2.4rem; } @media screen and (min-width: 1025px) { .solution-config__server { height: fit-content; } } @media screen and (max-width: 1024px) { .solution-config__server { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 991px) { .solution-config__server { padding: 1.6rem; grid-template-columns: 1fr; } } .solution-config__server > * { display: flex; flex-direction: column; gap: 2.4rem; } .solution-config__preview h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #191C1E; } .solution-config__task { background-color: #D1ECFA; border-radius: 16px; padding: 1.6rem; display: flex; flex-direction: column; gap: 2.4rem; } .solution-config__task h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } .solution-config__task-desc ul { gap: 0.8rem; } .solution-config__task-list { display: flex; flex-direction: column; gap: 0.8rem; } .solution-config__task-item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; } @media screen and (max-width: 575px) { .solution-config__task-item { grid-template-columns: 1fr; gap: 0.1rem; } } .solution-config__task-item h5 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 150%; color: #191C1E; } .solution-config__task-item span { font-size: 1.6rem; word-break: break-all; } .solution-config__task-container { display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (max-width: 575px) { .solution-config__task-container { gap: 1.6rem; } } .solution-config__value, .solution-config__score { display: flex; flex-direction: column; gap: 1.6rem; } .solution-config hr { border: 1px solid #DBE4EA; } .solution-config__price { display: flex; flex-direction: column; } .solution-config__price h4 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #0083CA; } .solution-config__price span { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; line-height: 143%; color: #9FABB2; } .solution-config__attention { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #CD0E10; } .solution-config__attention._disabled { display: none; } .solution-config__place { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.6rem; line-height: 125%; color: #191C1E; } .solution-config__main .btn { max-width: 100%; } @media screen and (max-width: 575px) { .solution-config__main .btn { padding: 1.6rem 4rem; } } .solution-config__link-shop { background-color: transparent; display: block; margin: 0 auto; } .solution-config__link-shop > span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; font-weight: 400; line-height: 24px; /* 150% */ pointer-events: none; } .solution-config__link-shop > span:first-child { display: inline-block; transition: text-decoration-line 0.4s ease; position: relative; } .solution-config__link-shop > span:first-child, .solution-config__link-shop > span:first-child:active, .solution-config__link-shop > span:first-child:visited, .solution-config__link-shop > span:first-child:focus, .solution-config__link-shop > span:first-child:focus-visible { color: #191C1E; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .solution-config__link-shop > span:first-child:hover { cursor: pointer; text-decoration: none; } .solution-config__link-shop > span:first-child._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .solution-config__link-shop > span:last-child { color: #191C1E !important; display: none; } .solution-config__link-shop._active { pointer-events: none; text-decoration: none; } .solution-config__link-shop._active > span:first-child { display: none; } .solution-config__link-shop._active > span:last-child { display: inline-block; } .solution-event { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } .solution-event .choise-form { display: flex; gap: 20px; flex-direction: column; } .solution-event .accardeon__tasks { display: none; } .solution-event .accardeon__tasks._open { display: block; } @media screen and (max-width: 1024px) { .solution-event { grid-template-columns: 1fr; gap: 6rem; } } @media screen and (max-width: 768px) { .solution-event { gap: 4rem; } } @media screen and (min-width: 1025px) { .solution-event > * { height: fit-content; } } .solution-event__properties { display: flex; flex-direction: column; gap: 2rem; } @media screen and (min-width: 769px) { .solution-event__properties .conditions__card { gap: 6rem; } } @media screen and (min-width: 1025px) { .solution-event__form { position: sticky; top: 172px; } } .solution-event__form--wrapper { background-image: linear-gradient(180deg, #101E41 0%, #005AA3 100%); border-radius: 16px; padding: 4rem; display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 768px) { .solution-event__form--wrapper { padding: 2rem 2.4rem; } } .solution-event__form._success .solution-event__header p { display: none; } .solution-event__form._success .solution-event__inputs { display: none; } .solution-event__form._success .solution-event__info { display: flex; } .solution-event__info { display: none; flex-direction: column; gap: 1.2rem; } .solution-event__info p { color: #ffffff; } .solution-event__info p, .solution-event__info p a { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 768px) { .solution-event__info p, .solution-event__info p a { font-size: 1.4rem; } } .solution-event__info--content { display: flex; flex-direction: column; gap: 2rem; } @media screen and (max-width: 768px) { .solution-event__info--content { gap: 1.6rem; } } .solution-event__info--content a { transition: text-decoration-line 0.4s ease; position: relative; } .solution-event__info--content a, .solution-event__info--content a:active, .solution-event__info--content a:visited, .solution-event__info--content a:focus, .solution-event__info--content a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .solution-event__info--content a:hover { cursor: pointer; text-decoration: none; } .solution-event__info--content a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .solution-event__info--text { display: flex; flex-direction: column; gap: 1.2rem; } @media screen and (max-width: 768px) { .solution-event__info--text { gap: 0.8rem; } } .solution-event__info--contacts { background: #0083CA; border-radius: 16px; border-top: 4px solid #55B7EC; padding: 20px 24px; } @media screen and (max-width: 768px) { .solution-event__info--contacts { padding: 1.2rem 1.6rem; } } .solution-event__info--phones a { transition: color 0.4s ease; } .solution-event__info--phones a, .solution-event__info--phones a:active, .solution-event__info--phones a:visited, .solution-event__info--phones a:focus, .solution-event__info--phones a:focus-visible { color: #ffffff !important; border: none; } .solution-event__info--phones a:hover { color: #55B7EC !important; cursor: pointer; } .solution-event__info--phones a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .solution-event__info--links { display: flex; align-items: center; gap: 1.2rem; } .solution-event__info--links a { transition: text-decoration-line 0.4s ease; position: relative; text-decoration-color: #ffffff !important; } .solution-event__info--links a, .solution-event__info--links a:active, .solution-event__info--links a:visited, .solution-event__info--links a:focus, .solution-event__info--links a:focus-visible { color: #ffffff; -webkit-text-decoration: underline solid #0083CA; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .solution-event__info--links a:hover { cursor: pointer; text-decoration: none; } .solution-event__info--links a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .solution-event__header { display: flex; flex-direction: column; gap: 1.6rem; } @media screen and (max-width: 768px) { .solution-event__header { gap: 0.8rem; } } .solution-event__header h2, .solution-event__header p { color: #ffffff; } .solution-event__header p { font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 2rem; line-height: 160%; } @media screen and (max-width: 768px) { .solution-event__header p { font-size: 1.6rem; } } .solution-event__inputs { display: flex; flex-direction: column; gap: 2.8rem; } @media screen and (max-width: 768px) { .solution-event__inputs { gap: 1.2rem; } } .solution-event__btn { display: flex; flex-direction: column; gap: 1.2rem; } .solution-event__btn .btn { max-width: 100%; } @media screen and (min-width: 1025px) { .sale-detail__banner .main-slider__slide { overflow: hidden; border-radius: 20px; } } .sale-detail__conditions .conditions__preview { gap: 0; } @media screen and (min-width: 576px) { .sale-detail__conditions .conditions__preview h3 { font-size: 3.6rem; } } @media screen and (min-width: 576px) { .sale-detail__conditions .conditions__preview h4 { font-size: 2rem; } } .sale-detail__description { display: flex; flex-direction: column; gap: 1.6rem; font-size: 2rem; } .sale-detail__description_profit { max-width: 1024px; } @media screen and (max-width: 1024px) { .sale-detail__description { font-size: 1.6rem; } } .sale-detail__description h3 { font-size: 3.6rem; line-height: 111%; color: #191C1E; } @media screen and (max-width: 1024px) { .sale-detail__description h3 { font-size: 3.2rem; line-height: 112.5%; } } .sale-detail__description a { transition: color 0.4s ease; } .sale-detail__description a, .sale-detail__description a:active, .sale-detail__description a:visited, .sale-detail__description a:focus, .sale-detail__description a:focus-visible { color: #191C1E !important; border: none; } .sale-detail__description a:hover { color: #004B88 !important; cursor: pointer; } .sale-detail__description a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .not-found { display: grid; grid-template-columns: 1fr 444px; align-items: center; gap: 6rem; } @media screen and (max-width: 1024px) { .not-found { display: flex; flex-direction: column-reverse; align-items: flex-start; } } @media screen and (max-width: 768px) { .not-found { gap: 4rem; } } .not-found__content { display: flex; flex-direction: column; gap: 4rem; } .not-found__title { display: flex; flex-direction: column; gap: 2.8rem; } .not-found__title p { font-size: 1.6rem; } .not-found__bg { width: 100%; min-height: 334px; border-radius: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 575px) { .not-found__bg { min-height: 160px; } } .search-result { display: flex; flex-direction: column; gap: 1.6rem; margin-bottom: 10px; } .search-result__input { background-color: #ffffff; border-radius: 8px; padding: 4px; } .search-result__input .search-bar { padding: 2.1rem 1.2rem; } .search-result__info { font-size: 1.4rem; } .search-result__not-found { font-size: 1.6rem; } .products-preview { display: flex; flex-direction: column; gap: 4rem; } .products-preview .products__list { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 1280px) { .products-preview .products__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .products-preview .products__list { grid-template-columns: repeat(2, 1fr); } } .product-preview-garant { display: none; } @media screen and (max-width: 991px) { .product-preview-garant { display: list-item; } } .product-preview-icon img { width: 25px; } .product-preview-info { display: flex; align-items: center; gap: 12px; } .product-preview-info p { color: #191C1E; font-size: 14px; } @media screen and (max-width: 991px) { .product-preview-info { display: none; } } .articles-preview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } @media screen and (max-width: 1280px) { .articles-preview { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .articles-preview { grid-template-columns: 1fr; } } .articles-form { background-image: linear-gradient(180deg,#101e41 0,#005aa3 100%); border-radius: 16px; } .articles-form__wrapper { padding: 2rem 2.4rem; display: flex; flex-direction: column; gap: 2.8rem; position: relative; } .articles-form__preview { display: flex; flex-direction: column; gap: 1.6rem; } .articles-form__preview h2 { font-family: OnestMedium,sans-serif; font-weight: 500; font-style: normal; font-size: 3.6rem; line-height: 111%; color: #fff; } .articles-form__preview h2 span { color: #ed2c2d; white-space: nowrap; } .articles-form__preview p { font-family: InterLight,sans-serif; font-weight: 300; font-style: normal; font-size: 1.6rem; color: #fff; } .articles-form__form { display: flex; flex-direction: column; gap: 2rem; height: -moz-fit-content; height: fit-content; } .articles-form__form textarea { min-height: 90px; } .articles-form__btns { display: flex; flex-direction: column; gap: 1.2rem; } .articles-form__btns .btn { max-width: 100%; } @media screen and (min-width:769px) { .articles-form__preview p { max-width: 480px; } .articles-form__form { max-width: 480px; } } @media screen and (max-width:768px) { .articles-form__preview br { display: none; } } @media screen and (max-width:575px) { .articles-form__preview h2 { font-size: 3.2rem; } } .articles-form__column { display: flex; flex-direction: column; gap: 0.8rem; } .articles-form__column p { color: #ffffff; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142.857%; margin: 0; } .ware-config__label { font-size: 1.6rem; color: #191C1E; } .ware-config__label b { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .request { background-color: #FDEEEE; border-radius: 12px; padding: 1.2rem 1.2rem 1.2rem 2.4rem; display: flex; justify-content: space-between; align-items: center; gap: 2.6rem; } @media screen and (max-width: 1280px) { .request { padding: 1.2rem; flex-direction: column; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 1024px) { .request { padding: 1.2rem 1.2rem 1.2rem 2.4rem; flex-direction: row; justify-content: space-between; align-items: center; } } @media screen and (max-width: 768px) { .request { padding: 1.6rem; flex-direction: column; justify-content: flex-start; align-items: center; } } .request__content { display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .request__content { align-items: center; } } .request__content > * { font-size: 1.6rem; } @media screen and (max-width: 1280px) { .request__content > * { text-align: center; } } @media screen and (max-width: 1024px) { .request__content > * { text-align: left; } } @media screen and (max-width: 768px) { .request__content > * { text-align: center; } } .request__content h3 { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; line-height: 125%; color: #191C1E; } .request__content span { display: inline-block; } @media screen and (min-width: 769px) { .request__content span { margin-left: 1.4rem; } } .ware-config-desc { display: flex; flex-direction: column; gap: 4rem; } @media screen and (max-width: 1024px) { .ware-config-desc { gap: 6rem; } } @media screen and (max-width: 768px) { .ware-config-desc { gap: 2.8rem; } } .ware-config-desc__wrapper { display: flex; flex-direction: column; gap: 4rem; } @media screen and (min-width: 1025px) { .ware-config-desc__wrapper { max-width: 908px; } } @media screen and (max-width: 575px) { .ware-config-desc__wrapper { gap: 2.8rem; } } .ware-config-desc__header { display: flex; flex-direction: column; gap: 2.8rem; } .ware-config-desc__header h2 { font-size: 3.6rem; line-height: 111%; } @media screen and (max-width: 1024px) { .ware-config-desc__header h2 { font-size: 3.2rem; } } .ware-config-desc__header a { font-size: 2rem; line-height: 160%; transition: text-decoration-line 0.4s ease; position: relative; width: fit-content; } .ware-config-desc__header a, .ware-config-desc__header a:active, .ware-config-desc__header a:visited, .ware-config-desc__header a:focus, .ware-config-desc__header a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .ware-config-desc__header a:hover { cursor: pointer; text-decoration: none; } .ware-config-desc__header a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .ware-config-desc__info { display: flex; flex-direction: column; gap: 2.8rem; font-size: 1.6rem; } .ware-config-desc__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133%; color: #191C1E; } .ware-config-desc__info span { margin-top: -1.6rem; font-size: 1.4rem; } .ware-config-desc__info ol li:not(:last-child), .ware-config-desc__info ul li:not(:last-child) { margin-bottom: 0.8rem; } .choice-desc { display: flex; flex-direction: column; gap: 4rem; } @media screen and (max-width: 1024px) { .choice-desc { gap: 2.8rem; } } .choice-desc__title { display: flex; flex-direction: column; gap: 2.8rem; } .choice-desc__content { display: flex; flex-direction: column; gap: 1.6rem; font-size: 2rem; } .choice-desc__btns { display: flex; align-items: center; gap: 6rem; } @media screen and (max-width: 575px) { .choice-desc__btns { flex-direction: column; gap: 2rem; } } @media screen and (min-width: 576px) { .choice-desc__btns .btn { max-width: fit-content !important; } } .choice-desc__btns > a { font-size: 1.4rem; transition: text-decoration-line 0.4s ease; position: relative; } .choice-desc__btns > a, .choice-desc__btns > a:active, .choice-desc__btns > a:visited, .choice-desc__btns > a:focus, .choice-desc__btns > a:focus-visible { color: #191C1E; text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .choice-desc__btns > a:hover { cursor: pointer; text-decoration: none; } .choice-desc__btns > a._disabled { color: #9FABB2; pointer-events: none; border: none; cursor: default; } .choise-form__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } @media screen and (max-width: 991px) { .choise-form__wrapper { grid-template-columns: 1fr; gap: 6rem; } } @media screen and (max-width: 575px) { .choise-form__wrapper { gap: 4rem; } } .choise-form__inputs { background-color: #DBE4EA; border-radius: 16px; padding: 2.4rem; display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 1025px) { .choise-form__inputs { height: fit-content; } } @media screen and (max-width: 575px) { .choise-form__inputs { padding: 1.6rem; } } @media screen and (min-width: 576px) { .choise-form__inputs .accordion__title h3 { font-size: 2.4rem; } } .choise-form__info { background-color: #ffffff; border-radius: 20px; border-top: 4px solid #005AA3; padding: 2.4rem; display: flex; flex-direction: column; gap: 2.4rem; } @media screen and (min-width: 1025px) { .choise-form__info { height: fit-content; } } @media screen and (max-width: 575px) { .choise-form__info { padding: 1.6rem; gap: 1.6rem; } } .choise-form__info h3 { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; color: #191C1E; } .choise-form__info hr { border: 1px solid #DBE4EA; } .choise-form__info > .btn { max-width: 100%; } @media screen and (max-width: 575px) { .choise-form__info > .btn { padding: 1.6rem 4rem; } } .choise-form .tip__text { width: 280px; } .choise-form__inputs-wrapper { display: none; } .choise-form__inputs-wrapper._open { display: block; } .accardeon__tasks { display: none; } .accardeon__tasks._open { display: block; } .reviews__slider { overflow: hidden; } .popular-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media screen and (max-width: 1280px) { .popular-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .popular-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .popular-list { grid-template-columns: 1fr; } } .popular__banner { grid-column: span 2; background-size: auto 100%; background-position: center center; border-top: 4px solid #005aa3; width: 100%; border-radius: 20px; border-top: 4px solid rgb(237, 44, 45); position: relative; z-index: 1; } .popular__banner::before { position: absolute; width: 100%; height: 100%; content: ""; z-index: 0; opacity: 0.3; border-radius: 20px; background-image: linear-gradient(180deg, #101e41 100%, #005aa3 0%); } @media screen and (max-width: 768px) { .popular__banner { grid-column: span 1; } } .popular__banner-title-second { max-width: 330px; margin: 0 auto 1.4rem auto; } .popular__banner-title-second h3 { color: rgb(25, 28, 30); font-weight: 500; font-size: 36px; text-align: center; } @media screen and (max-width: 991px) { .popular__banner-title-second h3 { font-size: 20px; } } .popular__banner { display: flex; flex-direction: column; justify-content: space-between; } .popular__banner-content { background-color: #fff; margin: 16px; position: relative; z-index: 3; border-radius: 16px; padding: 24px; } .popular__banner-images { display: flex; gap: 40px; margin: 0 36px 32px 36px; } .popular__banner-title { margin: 60px 0 0 0; } .popular__banner-title p { color: #fff; font-size: 36px; font-weight: 500; line-height: 40px; text-align: center; } .mobile-menu-phone { height: calc(100vh - 148px); } @media screen and (max-width: 575px) { .mobile-menu-phone { height: calc(100vh - 132px); } } .mobile-menu-phone .mobile-menu__wrapper { display: flex; flex-direction: column; justify-content: space-between; } .mobile-menu-phone .mobile-menu-phone__contacts .menu-contacts__adress a { border-right: none !important; text-align: center; padding-right: 0; font-size: 20px; line-height: 24px; font-weight: 500; border-bottom: 1px solid #D9E4EC; color: #191C1E !important; padding: 10px 0; } .mobile-menu-phone .mobile-menu-phone__contacts .menu-contacts__adress a:first-child { border-top: 1px solid #D9E4EC; } .mobile-menu-phone .menu-contacts__socials { justify-content: center; } .mobile-menu-phone .menu-contacts__socials a { width: 44px; height: 44px; border: 1px solid #D9E4EC; border-radius: 8px; } .mobile-menu-phone .menu-contacts__socials a img { width: 24px; height: 24px; } .mobile-menu-phone .menu-contacts { display: flex; flex-direction: column; gap: 2rem; } .mobile-menu-phone .menu-contacts__adress { flex-direction: column; } .attention { background-color: #daf0fb; border-left: 4px solid #0083ca; border-radius: 8px; color: #191c1e; display: flex; flex-direction: column; gap: 10px; padding: 16px 24px; } .attention_error { background-color: #fef1f1; border-left: 3px solid #ed2c2d; border-radius: 12px; } .attention_success { background-color: #e6fef7; border-radius: 12px; border-left: 3px solid #4db99a; padding: 12px 16px; } .attention .title { font-family: InterSemiBold, sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; } .attention .list { gap: .4rem; margin-left: .8rem; } .attention .list li { font-family: InterRegular, sans-serif; font-weight: 300; font-style: normal; } .attention .links { flex-direction: row; font-weight: 400; font-size: 16px; line-height: 24px; } .sale-may .solution-banner__bg { background-position: right center; } .sale-may .solution-banner__content { max-width: 684px; } @media screen and (min-width:769px) { .sale-may .solution-banner { padding: 8.8rem 6rem } } .sale-banner { border-radius: 12px; overflow: hidden; position: relative; padding: 2.8rem 3.2rem; } @media screen and (max-width:575px) { .sale-banner { padding: 1.6rem 2rem; } } .sale-banner__bg { background-position: right center; background-repeat: no-repeat; background-size: cover; pointer-events: none; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; } .sale-banner__wrapper { background-color: #fff; border-radius: 12px; border-top: 3px solid #ed2c2d; max-width: 528px; padding: 17px 20px 20px; position: relative; z-index: 1; } .sale-banner__logo { display: inline-block; margin-bottom: 10px; } .sale-banner__title { color: #191c1e; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 20px; line-height: 120%; margin-bottom: 6px; } @media screen and (max-width:575px) { .sale-banner__title { font-size: 18px; } } .sale-banner__title span { color: #ed2c2d; } .sale-banner__text { display: flex; flex-direction: column; gap: 4px; } .sale-banner__text p { color: #191c1e; font-family: InterRegular, sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 150%; } @media screen and (max-width:575px) { .sale-banner__text p { font-size: 14px; } } .sale-product { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 2rem; } @media screen and (max-width:575px) { .sale-product { display: flex; flex-direction: column; gap: 2rem; } .sale-product_reverse { flex-direction: column-reverse } } .sale-product__list { background-color: #fff; border-radius: 12px; display: flex; flex-direction: column; gap: 4rem; padding: 40px; } @media screen and (max-width:575px) { .sale-product__list { padding: 6rem 1.6rem 2rem; } } .sale-product__list>span { background-color: #daf0fb; display: block; width: 100%; height: 2px; } .sale-product__content { display: flex; flex-direction: column; gap: 6px; } .sale-product__content a { transition: color 0.4s ease; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 150%; /* 24px */ } .sale-product__content a, .sale-product__content a:active, .sale-product__content a:visited, .sale-product__content a:focus, .sale-product__content a:focus-visible { color: #191C1E !important; border: none; } .sale-product__content a:hover { color: #004B88 !important; cursor: pointer; } .sale-product__content a._disabled { color: #58616A !important; pointer-events: none; cursor: default; } .sale-product__label { background-color: #048b65; border-radius: 4px; padding: 2px 8px; color: #fff; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 12px; line-height: 150%; max-width: -moz-fit-content; max-width: fit-content; } .sale-product__description>ul { display: flex; flex-direction: column; gap: .4rem; list-style: none; margin: 0; } .sale-product__description li, .sale-product__description p { color: #58616A; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 150%; padding: 0; } .sale-product__description li::marker, .sale-product__description p::marker { content: none; } .sale-product__description li b, .sale-product__description p b { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; color: #191C1E; } .sale-product__description li span, .sale-product__description p span { color: #0083ca; } .sale-product__preview { display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100%; position: relative; } .sale-product__image { max-width: 272px; } .sale-product__tooltip { border-radius: 6px; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2rem; line-height: 133.333%; padding: 4px 8px; position: absolute; left: 0; bottom: 0; } .sale-product__tooltip_success { background-color: #E6FEF7; color: #048B65; } .sale-product__action { background-color: #f4f8fb; border-radius: 8px; display: flex; flex-direction: column; align-items: center; gap: 1.2rem; padding: 12px; width: 100%; } .sale-product__action .btn { min-width: 173px; } .sale-product__price { display: flex; flex-direction: column; align-items: center; } .sale-product__price p { color: #191c1e; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 150%; } .sale-product__price p strong { color: #0083ca; } .sale-product__price p b { font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; text-decoration: line-through; } .sale-product__price p i { color: #ed2c2d; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .sale-product__price span { font-family: InterRegular, sans-serif; font-weight: 300; font-style: normal; font-size: 14px; line-height: 150%; } .sale-product .attention { width: 100%; } .header__banner { height: var(--banner-height); font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.6rem; color: #191C1E; pointer-events: auto; } @media screen and (max-width: 575px) { .header__banner { font-size: 1.4rem; } } .header__banner .container { display: flex; align-items: center; height: inherit; padding: 1rem 4.2rem; justify-content: space-between; } .header__banner img { border: unset; pointer-events: unset; width: auto; cursor: pointer; } #jvLabelWrap {display: none;} .email { text-decoration: underline solid #0083CA; text-underline-offset: 4px; } .email img { width: 24px; height: 24px; float: left; padding-bottom: 4px; } .header__btns .btn_outlined { background-color: #005AA3; border-color: transparent; color: white; &:hover { background-color: #004B88; } } .header__btns .btn_primary { background-color: #EC2D2D; border-color: transparent; &:hover { background-color: #CD0E10; } } img.custom-width { width: revert-layer; } /* .basket-call::before, .tender-call::before { content: url(/local/templates/itelion/files/icons/shopping-basket.svg); background-color: #FFFFFF; border-radius: 8px; padding: 4px; } */ .policy-warning { border-radius: 8px; background-color: #ffffff; border: 1px solid #ED2C2D; display: none; position: absolute; top: calc(100% + 12px); left: -12px; z-index: 2; pointer-events: none; } @media screen and (min-width: 769px) { .policy-warning { max-width: 492px; } } .policy-warning::before { content: ""; background-color: #ffffff; border-top: 1px solid #ED2C2D; border-left: 1px solid #ED2C2D; pointer-events: none; position: absolute; left: 16px; bottom: calc(100% - 6px); transform: rotate(45deg); width: 12px; height: 12px; } .policy-warning__text { color: #CD0E10; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 142.857%; padding: 12px 33px 12px 16px; pointer-events: auto; } @media screen and (max-width: 575px) { .policy-warning__text { font-size: 12px; padding: 8px 24px 6px 6px; } } .policy-warning__close { cursor: pointer; padding: 4px; position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .articles-author { display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 1.6rem; } @media screen and (max-width: 768px) { .articles-author { grid-template-columns: 36px 1fr; gap: 1.2rem; } } .articles-author__logo { background-size: cover; background-position: center; background-repeat: no-repeat; width: 52px; height: 52px; } @media screen and (max-width: 768px) { .articles-author__logo { width: 36px; height: 36px; } } .articles-author__content { display: flex; flex-direction: column; } .articles-author__label { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; font-size: 1.4rem; line-height: 142.857%; } @media screen and (max-width: 768px) { .articles-author__label { font-size: 1.2rem; } } .articles-author__title { color: #191C1E; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem !important; line-height: 133.333%; margin: 0; } @media screen and (max-width: 768px) { .articles-author__title { font-size: 1.8rem !important; } } .articles-options { display: flex; align-items: center; gap: 2rem; } @media screen and (min-width: 992px) { .articles-options { justify-content: space-between; } } @media screen and (max-width: 991px) { .articles-options { flex-direction: column; } } .articles-options__btns { align-items: center; gap: 1.2rem; } @media screen and (min-width: 992px) { .articles-options__btns { display: flex; margin-left: auto; } } @media screen and (max-width: 991px) { .articles-options__btns { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; } } @media screen and (max-width: 320px) { .articles-options__btns { display: flex; flex-direction: column; } } .articles-options__btns .btn_breakpoint { max-width: 100%; } .articles-rating._disabled .articles-rating__item { pointer-events: none; } @media screen and (max-width: 575px) { .articles-rating, .articles-rating__body { width: 100%; } } .articles-rating__body { display: flex; align-items: center; font-size: 14px; color: white; } @media screen and (max-width: 768px) { .articles-rating__body { flex-direction: column; gap: 2rem; } } .articles-rating__items { display: grid; align-items: center; } @media screen and (min-width: 769px) { .articles-rating__items { grid-template-columns: repeat(5, 24px); gap: 0.4rem; height: 50.8px; padding: 0 4rem 0 2rem; } } @media screen and (max-width: 768px) { .articles-rating__items { grid-template-columns: repeat(5, 44px); gap: 1.4rem; } } @media screen and (max-width: 575px) { .articles-rating__items { grid-template-columns: repeat(5, 1fr); } } .articles-rating__item { background-image: url("/local/templates/itelion/files/icons/star-disabled.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; } @media screen and (min-width: 769px) { .articles-rating__item { background-size: 24px; width: 24px; height: 24px; } } @media screen and (max-width: 768px) { .articles-rating__item { background-size: 44px; width: 44px; height: 44px; } } @media screen and (max-width: 320px) { .articles-rating__item { background-size: 36px; width: 36px; height: 36px; } } .articles-rating__item._active { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .articles-rating__btn { margin-left: -2rem; } .articles-comments__wrapper { display: flex; flex-direction: column; gap: 2.8rem; } .articles-comments__header { display: flex; justify-content: space-between; gap: 2.8rem; } @media screen and (max-width: 575px) { .articles-comments__header { flex-direction: column; justify-content: center; } } .articles-comments__title { display: flex; } .articles-comments__title span { border-radius: 6px; background: #DAF0FB; color: #0083CA; display: flex; justify-content: center; align-items: center; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 100%; min-width: 32px; height: 32px; margin-left: 1.2rem; padding: 0.4rem 0.8rem; } .articles-comments__btn { display: flex; } .articles-comments__list { display: flex; flex-direction: column; gap: 2.8rem; } .articles-comments__btn-more { display: grid; margin-top: 1.2rem; } .articles-comments__btn-more .btn { max-width: 100%; } .articles-comments-form-success { display: none; } .articles-comments-form-success .articles-form__preview p { max-width: 100%; } .comments-item { display: flex; flex-direction: column; } @media screen and (min-width: 576px) { .comments-item { align-items: flex-end; } } .comments-item__comment, .comments-item__answer { background-color: #ffffff; border-radius: 16px; display: flex; flex-direction: column; gap: 2rem; padding: 2.8rem 4rem; width: 100%; } @media screen and (max-width: 575px) { .comments-item__comment, .comments-item__answer { padding: 2rem; } } .comments-item__header { display: flex; justify-content: space-between; gap: 2rem; } @media screen and (max-width: 768px) { .comments-item__header { flex-direction: column; align-items: flex-start; } } .comments-item__title { font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; } .comments-item__label { color: #58616A; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142.857%; } .comments-item__logo { background-size: cover; background-position: center; background-repeat: no-repeat; width: 52px; height: 52px; } .comments-item__rating { display: grid; grid-template-columns: repeat(5, 20px); align-items: center; gap: 0.2rem; pointer-events: none; } .comments-item__rating[data-comments-rating="5"] .comments-item__rating--item { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .comments-item__rating[data-comments-rating="4"] .comments-item__rating--item:not(:last-child) { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .comments-item__rating[data-comments-rating="3"] .comments-item__rating--item:nth-child(1), .comments-item__rating[data-comments-rating="3"] .comments-item__rating--item:nth-child(2), .comments-item__rating[data-comments-rating="3"] .comments-item__rating--item:nth-child(3) { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .comments-item__rating[data-comments-rating="2"] .comments-item__rating--item:nth-child(1), .comments-item__rating[data-comments-rating="2"] .comments-item__rating--item:nth-child(2) { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .comments-item__rating[data-comments-rating="1"] .comments-item__rating--item:first-child { background-image: url("/local/templates/itelion/files/icons/star.svg"); } .comments-item__rating--item { background-image: url("/local/templates/itelion/files/icons/star-disabled.svg"); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; } .comments-item__description { color: #58616A; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; line-height: 160%; white-space: pre-line; } @media screen and (max-width: 575px) { .comments-item__description { font-size: 1.6rem; line-height: 150%; } } @media screen and (min-width: 769px) { .comments-item__comment .comments-item__header { align-items: center; } } .comments-item__comment .comments-item__preview { display: flex; align-items: baseline; gap: 2rem; } @media screen and (max-width: 575px) { .comments-item__comment .comments-item__preview { flex-direction: column; align-items: flex-start; gap: 0.8rem; } } .comments-item__answer { border-top: 4px solid #0083CA; margin-top: 2rem; } @media screen and (min-width: 576px) { .comments-item__answer { width: 87.225%; } } .comments-item__answer .comments-item__preview { display: grid; grid-template-columns: 52px 1fr; gap: 1.6rem; } @media screen and (min-width: 576px) { .comments-item__answer .comments-item__preview { align-items: center; } } .fancybox__backdrop { background: #ffffff !important; } .f-caption { background: rgba(255, 255, 255, 0.85) !important; position: absolute; left: 4.2rem; top: 0; font-size: 4.8rem !important; line-height: 108% !important; z-index: 2; } @media screen and (max-width: 1024px) { .f-caption { font-size: 3.6rem !important; line-height: 111% !important; } } @media screen and (max-width: 768px) { .f-caption { left: 1.6rem; } } @media screen and (max-width: 575px) { .f-caption { font-size: 3rem !important; } } .fancybox__slide { padding: 80px 110px !important; } @media screen and (max-width: 991px) { .fancybox__slide { padding: 80px 42px !important; } } @media screen and (max-width: 768px) { .fancybox__slide { padding: 100px 16px !important; } } .f-panzoom__viewport > .f-panzoom__content { -o-object-fit: contain !important; object-fit: contain !important; } .annotation-text { border-radius: 8px; background-color: #ffffff; padding: 16px; position: relative; } .annotation-text__icon { position: absolute; left: 16px; top: 20px; width: 16px; height: 16px; } .annotation-text__content { color: #58616A; font-size: 1.6rem; margin-left: 22px; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 575px) { .annotation-text__content { font-size: 1.4rem; } } .annotation-text__content strong { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .additional-text { background-color: #ffffff; border-radius: 8px; display: flex; flex-direction: column; gap: 10px; padding: 16px 24px; } .additional-text h3 { color: #191C1E; font-size: 2rem; line-height: 1.2; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; } .additional-text ul { gap: 10px; } .additional-text ul li { font-size: 1.6rem !important; } @media screen and (max-width: 575px) { .additional-text ul li { font-size: 1.4rem !important; } } .additional-text p { font-size: 1.6rem; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 575px) { .additional-text p { font-size: 1.4rem; } } .delivery-docs { display: flex; gap: 2rem; } @media screen and (max-width: 991px) { .delivery-docs { flex-direction: column; } } .delivery-docs__content { background-color: #ffffff; border-radius: 8px; padding: 16px 24px; width: 100%; } .delivery-docs__content ul { gap: 10px; } @media screen and (max-width: 575px) { .delivery-docs__content ul li { font-size: 1.4rem !important; } } .delivery-docs__content ul li strong { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .articles__text iframe { border: none; aspect-ratio: 16 / 9; /* соотношение сторон */ width: 100%; } /* End */ /* Start:/local/templates/itelion/styles/common.css?178638384720123*/ body { color: var(--color-text-main); } .policy-warning { display: none; color: white; font-size: 13px; } .articles__content h3, .articles__text h3{ color: #191C1E; font-size: 2.4rem; } .articles__content a, .articles__text a{ /* color: #004B88 !important; */ text-decoration: underline; } .articles__text table td, .articles__text table th{ width: auto; } .articles__listing li a, .articles__listing li a:active, .articles__listing li a:visited, .articles__listing li a:focus, .articles__listing li a:focus-visible{ color: #004B88 !important; } .articles__content ul, .articles__text ul, .articles__content ol, .articles__text ol{ display: block; } .articles__content ul li, .articles__text ul li, .articles__content ol li, .articles__text ol li{ margin-bottom: 15px; } .articles__text table td a{ font-size: 1.4rem; line-height: 143%; } .product-preview__image span, .ware-settings__count span { &.new { background-color: #048B65; } &.sale { background-color: #F0454F; } &.topseller { background-color: #F0454F; } &.promo { background-color: #F0454F } &.archived { background-color: #F0454F } &.low-count { background-color: #005aa3; } } .price-nds { color: #B4C6D0; font-family: InterLight, sans-serif; font-weight: 300; font-style: normal; font-size: 1.4rem; } .section.multicontainer { display: flex; flex-direction: column; gap: 20px; } /* Выпадающий блок контактов в шапке */ .header-contacts-dropdown { position: relative; align-items: center; } .header-contacts-dropdown__main { display: flex; flex-direction: column; gap: 0.2rem; line-height: 1.25; color: #191C1E; text-decoration: none; } .header-contacts-dropdown__phone-row { display: inline-flex; align-items: center; gap: 0.6rem; } .header-contacts-dropdown__phone-main-link { color: #191C1E; text-decoration: none; } .header-contacts-dropdown__phone { font-size: 1.6rem; font-weight: 700; } .header-contacts-dropdown__toggle { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; padding: 0; border: 0; background: transparent; cursor: pointer; } .header-contacts-dropdown__arrow { width: 14px; height: 14px; transition: transform .2s ease; } .header-contacts-dropdown__main-link { font-size: 1.5rem; line-height: 1.45; color: #191C1E; text-decoration: underline; text-decoration-color: #0083CA; text-underline-offset: 2px; } .header-contacts-dropdown__list { position: absolute; top: 100%; left: 0; width: 265px; max-width: 265px; padding: 20px; border-radius: 0px 0 16px 16px; background: #fff; box-shadow: 0 12px 24px rgba(25, 28, 30, 0.12); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; z-index: 60; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; margin-top: -70px; } .header-contacts-dropdown__close { position: absolute; right: 15px; top: 15px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: none; background: transparent; cursor: pointer; } .header-contacts-dropdown__close img { display: block; width: 16px; height: 16px; pointer-events: none; } .header-contacts-dropdown__link, .header-contacts-dropdown__text, .header-contacts-dropdown__phone-link { font-size: 1.5rem; line-height: 1.45; color: #191C1E; } .header-contacts-dropdown__link { text-decoration: underline; text-decoration-color: #0083CA; text-underline-offset: 2px; } .header-contacts-dropdown__link:hover, .header-contacts-dropdown__phone-link:hover { color: #004B88; } .header-contacts-dropdown__phone-link { font-size: 1.6rem; font-weight: 600; text-decoration: none; } .header-contacts-dropdown__note { color: #58616A; font-size: 1.5rem; font-weight: 400; } .header-contacts-dropdown._open .header-contacts-dropdown__list { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .header-contacts-dropdown._open .header-contacts-dropdown__arrow { transform: rotate(180deg); } /* На мобильных отключаем hover-выпадение */ @media screen and (max-width: 1140px) { .mobile-menu-phone .header-contacts-dropdown { width: 100%; } .mobile-menu-phone .header-contacts-dropdown__main, .mobile-menu-phone .header-contacts-dropdown__main-link { display: none; } .mobile-menu-phone .header-contacts-dropdown__list { position: static; opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: none; width: 100%; max-width: 100%; min-width: 0; background: transparent; border: none; border-radius: 0; box-shadow: none; padding: 0; gap: 20px; } .mobile-menu-phone .header-contacts-dropdown__close { display: none; } .mobile-menu-phone .header-contacts-dropdown__phone-link { font-size: 16px; line-height: 20px; font-weight: 600; } .mobile-menu-phone .header-contacts-dropdown__link, .mobile-menu-phone .header-contacts-dropdown__text { font-size: 15px; line-height: 20px; font-weight: 400; } .mobile-menu-phone .menu-contacts { gap: 20px; } .mobile-menu-phone .mobile-menu-phone__btns { display: flex; flex-direction: column; gap: 20px; } .mobile-menu-phone .menu-contacts__socials.mobile-menu-phone__socials { display: flex; } .mobile-menu-phone .menu-contacts__socials.mobile-menu-phone__socials p { margin: 0; } } @media screen and (max-width: 475px) { .mobile-menu.mobile-menu-phone { top: 95px } .header__banner { height: 83px; } } /* Подписи в выпадающем меню */ .desktop-menu-links__content p { color: var(--color-text-main) !important; font-size: 1.4rem; } /* Футер и ссылки */ .links__items a, .links__items a:active, .links__items a:visited, .links__items a:focus, .links__items a:focus-visible { color: var(--color-text-main) !important; } .footer__links a, .footer__links a:active, .footer__links a:visited, .footer__links a:focus, .footer__links a:focus-visible { color: var(--color-text-main) !important; } .footer__optionally { color: var(--color-text-main); } .overview__content * { color: var(--color-text-main); } .specifications__value { color: var(--color-text-main); } .choosen-perfectly__info { color: var(--color-text-main); } .reviews-preview__title span { color: var(--color-text-main); } .articles__card { color: var(--color-text-main); } .articles__date span { color: var(--color-text-main); } /* Отзывы: сворачивание текста */ .reviews-preview__text { --reviews-clamp-lines: 7; display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; width: 100%; } @media screen and (max-width: 1024px) { .reviews-preview__text { --reviews-clamp-lines: 5; } } .reviews-preview__text-wrap { width: 100%; overflow: hidden; transition: max-height 0.4s ease; } .reviews-preview__text-body { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .reviews-preview__text:not(.is-open) .reviews-preview__text-body { -webkit-line-clamp: var(--reviews-clamp-lines); line-clamp: var(--reviews-clamp-lines); } .reviews-preview__text.is-open .reviews-preview__text-body { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; } .reviews-preview__toggle { background: none; font-family: InterLight, sans-serif; font-size: 20px; line-height: 1.45; color: #0083CA; text-decoration: underline; text-decoration-color: #0083CA; text-underline-offset: 4px; } .reviews-preview__toggle:hover { color: #004B88; text-decoration-color: #004B88; } .reviews-preview__text.is-toggle-hidden .reviews-preview__toggle { display: none; } .reviews-preview__text.is-toggle-hidden .reviews-preview__text-wrap { max-height: none !important; } .reviews-preview__text.is-toggle-hidden .reviews-preview__text-body { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; } @media screen and (max-width: 575px) { .reviews-preview__toggle { font-size: 16px; } } :root { --scroll-back-size: 50px; } /* Блок кнопки скролла наверх */ .scroll-back { position: fixed; right: calc(2% + 5px); /*Как у чата*/ bottom: 48px; z-index: 9990; display: flex; align-items: center; justify-content: center; width: var(--scroll-back-size); height: var(--scroll-back-size); padding: 0; border: none; border-radius: 8px; background-color: #DBE4EA; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease, background-color 0.4s ease; } .scroll-back:hover { background-color: #BAE2F7; } .scroll-back img { width: 24px; height: 24px; transform: rotate(-90deg); transition: transform 0.4s ease; } .scroll-back_show { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); } .multi_button.mb_right.mb_bottom { transition: bottom 0.4s ease !important; } body:has(.scroll-back.scroll-back_show) .multi_button.mb_right.mb_bottom { bottom: calc(70px + var(--scroll-back-size)) !important; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .blog-list { display: flex; flex-wrap: wrap; gap: 2rem; } .blog-list a { flex-basis: 440px; height: unset; flex-shrink: 1; } #blog__list h3 { margin-bottom: 20px; } .navigation__item { transition: unset; } .section { display: flex; flex-direction: column; gap: 3rem; } /* Футер: блок контактов */ .footer-contacts { width: 100%; } .footer-contacts__divider { border: 0; border-top: 1px solid #E5E9EB; margin: 0; } .footer-contacts__inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.6rem 2rem; padding: 30px 0; font-family: InterLight, sans-serif; font-size: 16px; line-height: 1.45; color: #191C1E; } .footer-contacts__col { display: flex; flex-direction: column; gap: 1.2rem; } .footer-contacts__line { margin: 0; font-weight: 600; } .footer-contacts__col_btn { align-items: flex-start; justify-content: flex-start; } .footer-contacts__note { color: #58616A; font-weight: 400; } .footer-contacts__link { color: #191C1E; text-decoration: underline; text-decoration-color: #0083CA; text-underline-offset: 3px; } .footer-contacts__link:hover { color: #004B88; text-decoration-color: #004B88; } @media screen and (min-width: 768px) and (max-width: 1280px) { .footer-contacts__inner { flex-wrap: wrap; column-gap: 2rem; row-gap: 1.6rem; } .footer-contacts__col { flex: 0 0 calc((100% - 2rem) / 2); max-width: calc((100% - 2rem) / 2); box-sizing: border-box; } .footer-contacts__col_emails, .footer-contacts__col_btn { align-items: flex-end; text-align: right; } } @media screen and (max-width: 767px) { .footer-contacts__inner { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 1.2rem; } .footer-contacts__col { flex: none; max-width: none; } .footer-contacts__col_btn { display: none; } } /* Универсальный коллапс */ .custom-collapse__head { display: flex; align-items: center; gap: 8px; } .custom-collapse__head h3 { margin: 0; } .custom-collapse__btn { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: none; background: none; cursor: pointer; } .custom-collapse__btn img { width: 10px; height: 10px; transition: transform 0.5s ease; } [data-collapse]:has([data-collapse-wrapper].open) .custom-collapse__btn img { transform: rotate(180deg); } .custom-collapse__wrapper { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 0.5s ease; } .custom-collapse__wrapper.open { grid-template-rows: 1fr; } .custom-collapse__inner { min-height: 0; overflow: hidden; } /* Футер: коллапс только на мобилке (<768px) */ @media screen and (max-width: 767px) { .footer__nav .links.custom-collapse { gap: 0; } .footer__nav .links.custom-collapse .custom-collapse__inner { padding-top: 0; transition: padding-top 0.5s ease; } .footer__nav .links.custom-collapse .custom-collapse__wrapper.open .custom-collapse__inner { padding-top: 12px; } } @media screen and (min-width: 768px) { .footer__nav .links.custom-collapse .custom-collapse__btn { display: none; } .footer__nav .links.custom-collapse .custom-collapse__wrapper { grid-template-rows: 1fr; } } @media screen and (max-width: 575px) { .footer__nav { gap: 2rem; } } /* Слайдер логотипов производителей */ .manufacturers-slider__wrapper.catalog-brands__logos { gap: 0; } .manufacturers-slider__swiper { overflow: hidden; width: 100%; } .manufacturers-slider .swiper-slide.manufacturers-slider__slide--hidden { display: none !important; } .manufacturers-slider__slides-buffer { display: none; } .suppliers-preview .choosen-perfectly__item[data-filter] { cursor: pointer; transition: background-color 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; } .suppliers-preview .choosen-perfectly__item[data-filter]:hover { box-shadow: 0 8px 28px rgba(0, 90, 163, 0.16); } .suppliers-preview .choosen-perfectly__item[data-filter].active { background-color: #F4F8FB; border: 2px solid #0083CA; border-top-width: 4px; border-top-color: #005AA3; box-shadow: 0 12px 40px rgba(0, 90, 163, 0.26); } .suppliers-preview .choosen-perfectly__item[data-filter].active .choosen-perfectly__preview h3 { color: #005AA3; } .manufacturers-slider .swiper-slide { height: 120px !important; } .manufacturers-slider .swiper-slide > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 2rem; background-color: #ffffff; border-radius: 8px; border: 1px solid transparent; transition: 0.5s; } .manufacturers-slider .swiper-slide > a img { object-fit: contain; max-width: 100%; max-height: 100%; width: auto; height: auto; } .manufacturers-slider .swiper-slide > a:hover { border-color: #005aa3; } @media screen and (max-width: 767px) { .manufacturers-slider .swiper-slide { height: 88px !important; } } .manufacturers-slider__controls { margin-top: 30px; padding-bottom: 56px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } .manufacturers-slider__pagination { grid-column: 2; justify-self: center; position: static; display: flex; align-items: center; justify-content: center; gap: 20px; width: auto; } .manufacturers-slider__pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 !important; border-radius: 2px; opacity: 1; background-color: #C1CED7; } .manufacturers-slider__pagination .swiper-pagination-bullet-active { background-color: #0083CA; } @media screen and (max-width: 767px) { .manufacturers-slider__pagination { gap: 15px; } } .manufacturers-slider .section__navigation_manufacturers { display: none; grid-column: 3; justify-self: end; } @media screen and (min-width: 1280px) { .manufacturers-slider .section__navigation_manufacturers { display: flex; } } /* Шапка (desktop): меню и поиск в одной строке */ @media screen and (min-width: 1025px) { .header__container { grid-template-columns: repeat(4, max-content); } .header__container-nav > .header__nav { flex-grow: 1; min-width: 0; } .header__container-nav .desktop-menu { justify-content: space-between; } } @media screen and (min-width: 1025px) and (max-width: 1280px) { .header__container-nav .desktop-menu { gap: 0; } } /* Шапка: пункты desktop-menu */ .header__nav .desktop-menu > li.desktop-menu__item_catalog { order: -1; } .header__nav .desktop-menu > li > a.desktop-menu__link { display: inline-flex; align-items: center; gap: 8px; } .header__nav .desktop-menu > li > a.desktop-menu__link:not(.desktop-menu__link_catalog) { padding: 14px 0; border-bottom: 2px solid transparent; transition: color 0.4s ease, border-color 0.4s ease; } .header__nav .desktop-menu > li > a.desktop-menu__link:not(.desktop-menu__link_catalog):hover { border-bottom-color: #005AA3; } .header__nav .desktop-menu__link-text { text-transform: uppercase; } .header__nav .desktop-menu > li > a.desktop-menu__link_catalog, .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:hover, .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:active, .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:visited, .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:focus, .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:focus-visible { background-color: #005AA3; border-radius: 8px; font-weight: 500; padding: 14px 28px; color: #ffffff !important; } .header__nav .desktop-menu > li > a.desktop-menu__link_catalog:hover { background-color: #004B88; } .header__nav .desktop-menu__link-icon { flex-shrink: 0; display: block; width: 18px; height: 12px; object-fit: contain; } .header__nav .desktop-menu__link-chevron { flex-shrink: 0; display: block; width: 9px; height: 9px; object-fit: contain; transition: transform 0.3s ease; } .header__nav .desktop-menu > li:not(:has(.desktop-menu__item)) .desktop-menu__link-chevron { display: none; } .header__nav .desktop-menu > li:has(.desktop-menu__item._visible) .desktop-menu__link-chevron { transform: rotate(180deg); } /* End */ /* Start:/local/templates/itelion/components/bitrix/catalog.section.list/header_menu/style.css?17847242297225*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } .desktop-menu-nav__link a { color: unset; &:visited { color: unset; } } /* End */ /* Start:/local/templates/itelion/components/bitrix/news.list/header_menu/style.css?1784724229150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/itelion/components/bitrix/catalog.section.list/header_menu_catalog/style.min.css?17847242296236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* Start:/local/templates/itelion/components/bitrix/news.list/header_menu_catalog/style.css?1784724229150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/itelion/components/bitrix/catalog.section.list/header_menu_config/style.min.css?17847242296236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* Start:/local/templates/itelion/components/bitrix/news.list/header_menu_config/style.css?1784724229150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/itelion/components/arturgolubev/search.title/.default/style.css?178472422923086*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle-popup-history { padding: 0 8px 8px 8px; } .bx-searchtitle-popup-history-title { font-size: 16px; } .bx-searchtitle-popup-history-item { padding: 4px 0; } .bx-searchtitle-popup-history-item::before { content: ""; width: 16px; height: 16px; background: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/search-icon.svg) center center no-repeat; background-size: 12px auto; display: inline-block; vertical-align: middle; margin-right: 5px; } .bx-searchtitle-popup-history a { color: #222; text-decoration: underline; vertical-align: middle; } .bx-searchtitle-popup-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 1px solid #F4F8FB; display:none; overflow:hidden; z-index:999; min-width: 200px; background: #fff; padding: 28px; box-sizing: border-box; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -2px; /* display: block !important; */ max-height: 70vh; overflow: auto; } div.title-search-result h3{ font-family: InterRegular, sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; color: #191C1E; display: flex; align-items: center; gap: 5px; margin-bottom: 15px; } div.title-search-result h3 span{ display: inline-flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 5px; box-sizing: border-box; background: #F4F8FB; border-radius: 4px; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; color: #0083CA; } div.title-search-result ul{ margin: 0 0 20px; padding: 0; display: block; } div.title-search-result ul li{ display: block; padding: 0; margin-bottom: 10px; } div.title-search-result ul li a,div.title-search-result ul li p{ font-family: InterRegular, sans-serif; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #191C1E; } div.title-search-result ul li a b{ font-style: normal; font-weight: 400; font-size: 16px; } div.title-search-result .all_result_button{ font-family: InterRegular, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; color: #FFFFFF; text-decoration: none; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 20px; width: 173px; height: 44px; background: #005AA3; border-radius: 8px; } div.title-search-fader { display:none; background-image: url('/local/templates/itelion/components/arturgolubev/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/itelion/components/arturgolubev/search.title/.default/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_title { font-weight: bold; font-size: 16px; margin: 4px 8px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; margin-right: 5px; position: relative; color: #333; } .bx_smart_searche .bx_item_block_item_image img { position: absolute; top: 0; left:0; right:0; bottom:0; margin: auto; max-width: 100%; max-height: 100%; } .bx_item_block_item_image svg { } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* clear cross */ .bx-searchtitle .bx-searchtitle-clear { position: absolute; top: 4px; right: 110%; width: 28px; height: 28px; z-index: 4; display: none; font-size: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #666; } .bx-searchtitle .bx-searchtitle-clear:after{ display: inline-block; content: "\00d7"; } /* voice input */ .bx-searchtitle .bx-searchtitle-voice { position: absolute; top: 3px; right: 110%; width: 28px; height: 28px; z-index: 4; display: none; font-size: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #666; background: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/voice.svg?v=3) center center no-repeat; background-size: 22px auto; } .bx-searchtitle .bx-searchtitle-voice.voice-show { display: block; } .bx-searchtitle .bx-searchtitle-voice.active::after, .bx-searchtitle .bx-searchtitle-voice.active::before { content: ''; position: absolute; border: 3px solid #3D64FF; left: -20px; opacity: 0; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: searchpulse 2.5s linear infinite; } .bx-searchtitle .bx-searchtitle-voice.active::after { animation-delay: 1.25s; } @keyframes searchpulse { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } /* Border у search-bar на tablet/mobile (<1025px) */ @media screen and (max-width: 1024px) { .search-bar { border: 1px solid #C1CED7; } } /* Десктопный поиск в шапке: свёрнутое / раскрытое состояние (≥1025px) */ @media screen and (min-width: 1025px) { .header__container-nav { gap: 0; } .header__container-nav > .header__nav { padding-right: 74px; } @media screen and (max-width: 1440px) { .header__container-nav > .header__nav { padding-right: 20px; } } .header__container-nav .header__search { position: relative; flex: 0 0 auto; width: 44px; height: 46px; } .header__container-nav .header-search-desktop { position: absolute; right: 0; top: 0; z-index: 2; width: 44px; height: 46px; display: flex; align-items: center; transition: width 0.4s ease; } .header__container-nav .desktop-menu > li:nth-last-child(-n+2) { transition: opacity 0.4s ease; } .header__container-nav:has(.header-search-desktop._open) .desktop-menu > li:nth-last-child(-n+2) { opacity: 0; pointer-events: none; } .header__container-nav .header-search-desktop._open { width: 420px; } @media screen and (max-width: 1140px) { .header__container-nav .header-search-desktop._open { width: 230px; } } .header__search .search-bar--header { width: 100%; height: 46px; display: flex; align-items: center; transition: background-color 0.4s ease, border-color 0.4s ease, padding 0.4s ease; } .header__search .header-search-desktop:not(._open) .search-bar--header { background-color: transparent; border: none; padding: 0; border-radius: 0; justify-content: center; } .header__search .search-bar--header form { flex-grow: 1; } .header__search .search-bar__wrapper { transition: gap 0.4s ease; } .header__search .header-search-desktop:not(._open) .search-bar__wrapper { gap: 0; justify-content: center; } .header__search .search-bar__input { flex: 1 1 auto; min-width: 0; transition: opacity 0.4s ease, width 0.4s ease, max-width 0.4s ease, padding 0.4s ease; } .header__search .header-search-desktop:not(._open) .search-bar input, .header__search .header-search-desktop:not(._open) .search-bar__input { opacity: 0; width: 0; max-width: 0; min-width: 0; padding: 0; pointer-events: none; } .header__search .header-search-desktop:not(._open) .bx-input-group-btn { width: auto; display: block; } .header__search .header-search-desktop:not(._open) .bx-input-group-btn .bx-searchtitle-preloader, .header__search .header-search-desktop:not(._open) .bx-input-group-btn .bx-searchtitle-clear { display: none !important; } .header__search .search-bar__submit { transition: width 0.4s ease, height 0.4s ease, min-width 0.4s ease; } .header__search .header-search-desktop:not(._open) .search-bar__submit { width: 44px; height: 46px; min-width: 44px; background-color: transparent; border: none; border-radius: 0; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .header__search .header-search-desktop._open .search-bar--header { background-color: #F4F8FB; border: 1px solid #C1CED7; padding: 12px 16px; border-radius: 8px; } .header__search .header-search-desktop._open .search-bar__wrapper { width: 100%; min-height: 20px; } .header__search .header-search-desktop._open .search-bar__input { opacity: 1; width: 100%; pointer-events: auto; } .header__search .header-search-desktop._open .search-bar__submit { width: fit-content; height: fit-content; min-width: 0; background-color: transparent; border-radius: 0; } } /* preloader base */ .header__search .bx-input-group-btn{ position: relative; } .bx-searchtitle-preloader { position: absolute; top: -3px; right: 0; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_orange.gif) center center no-repeat #fff; } /* blue */ .bx_smart_searche.theme-blue .bx_item_block_item_image { color:#0083d1; } .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle-preloader.view { background: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_blue.gif) no-repeat center; } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } /* black */ .bx_smart_searche.theme-black .bx_item_block_item_image { color:#333; } .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx_smart_searche.theme-green .bx_item_block_item_image { color:#159ebb; } .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx_smart_searche.theme-red .bx_item_block_item_image { color:#E22B2B; } .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx_smart_searche.theme-yellow .bx_item_block_item_image { color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/itelion/components/arturgolubev/search.title/.default/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } .title-search-result ul li.product__item{ display: flex; align-items: center; justify-content: space-between; min-height: 56px; } .title-search-result ul li .product__item-l, .title-search-result ul li .product__item-r{ display: flex; align-items: center; } .title-search-result ul li.product__item img{ max-width: 70px; width: 100%; margin-right: 15px; display: block; } .title-search-result ul li.product__item span.avail, .title-search-result ul li.product__item span.avail.in_stock{ display: inline-block; margin-left: 15px; padding: 4px 8px; background: #E6FEF7; border-radius: 6px; box-sizing: border-box; font-family: InterRegular, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; color: #048B65; white-space: nowrap; } .title-search-result ul li.product__item span.avail.in_transit{ background: #F4F8FB; color: #0083CA; white-space: nowrap; } .title-search-result ul li.product__item span.avail.na{ background: #F2F2F2; color: #504949; white-space: nowrap; } .title-search-result ul li .product__item-r{ font-family: InterRegular, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #004B88; } .product__item-l { flex: 85% 0 1; } /* End */ /* Start:/local/templates/itelion/components/bitrix/catalog.section.list/mob-menu/style.min.css?17847242296236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* Start:/local/templates/itelion/components/bitrix/form/need_more_answer/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/need_more_answer/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/need_more_answer/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/components/bitrix/menu/bottom/style.min.css?1784724229490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/itelion/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/itelion/components/bitrix/form/template1/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/template1/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/template1/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/it_expert/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/it_expert/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/it_expert/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/get_analog/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/get_analog/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/get_analog/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/individ_offer-tender/bitrix/form.result.new/basket/style.css?1784724229157*/ .popup-form__block { max-height: 440px; } .popup-form__list { margin-top: unset; } .popup-form__result.description p { font-size: 14px; } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/individ_offer-tender/bitrix/form.result.new/basket_new/style.css?178472422913807*/ @media screen and (max-width: 991px) { .popup-shop::-webkit-scrollbar { display: none; } } @media screen and (min-width: 769px) { .popup-shop .container { padding-right: 3.4rem; } } @media screen and (max-width: 1140px) { .popup-shop .popup__close { display: none; } } @media screen and (min-width: 1141px) { .popup-shop__wrapper { background-color: #FFF; border-radius: 16px; padding: 4rem; } } .popup-shop__close-mobile { background-color: #DAF0FB; border-radius: 8px; color: #005AA3; cursor: pointer; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; line-height: 125%; margin-bottom: 2.8rem; padding: 1.6rem 2.4rem; text-align: center; } @media screen and (min-width: 1141px) { .popup-shop__close-mobile { display: none; } } @media screen and (min-width: 1141px) { .popup-shop__body { display: grid; grid-template-columns: 1fr 0.765fr; } } @media screen and (max-width: 1140px) { .popup-shop__body { display: flex; flex-direction: column; } } .popup-shop__form { background: linear-gradient(180deg, #002754 0%, #0B77C4 100%); border-radius: 16px; display: flex; flex-direction: column; gap: 2.8rem; padding: 4rem; position: relative; } @media screen and (min-width: 1141px) { .popup-shop__form { height: -moz-fit-content; height: fit-content; position: sticky; top: 4rem; } } @media screen and (max-width: 575px) { .popup-shop__form { padding: 2rem 2.4rem 4rem; } } @media screen and (min-width: 769px) { .popup-shop-form .popup-form__form { max-width: 100%; } } .popup-shop-form__info { border-radius: 8px; border-left: 4px solid #0083CA; background: #DAF0FB; padding: 1.6rem 2.4rem; } .popup-shop-form__value { display: none; } .popup-shop-form__value._active { display: block; } .popup-shop-form__total { color: #191C1E; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; line-height: 125%; margin-bottom: 4px; } @media screen and (max-width: 575px) { .popup-shop-form__total { font-size: 14px; } } .popup-shop-form__price { color: #0083CA; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 36px; line-height: 111.111%; } @media screen and (max-width: 575px) { .popup-shop-form__price { font-size: 24px; } } .popup-shop-form__annotation { color: #58616A; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 142.857%; } @media screen and (max-width: 575px) { .popup-shop-form__annotation { font-size: 1.2rem; } } .popup-shop-form__label { display: grid; grid-template-columns: 24px 1fr; align-items: center; margin-top: 1.6rem; } @media screen and (max-width: 575px) { .popup-shop-form__label { grid-template-columns: 20px 1fr; margin-top: 1rem; } } .popup-shop-form__label > img { width: 24px; height: 24px; } @media screen and (max-width: 575px) { .popup-shop-form__label > img { width: 20px; height: 20px; } } .popup-shop-form__label > span { display: inline-block; color: #191C1E; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-weight: 600; line-height: 125%; margin-left: 1.2rem; } @media screen and (max-width: 575px) { .popup-shop-form__label > span { font-size: 1.2rem; margin-left: 0.8rem; } } @media screen and (max-width: 1140px) { .popup-shop-product { margin-bottom: 2.4rem; } } @media screen and (max-width: 1140px) and (min-width: 576px) { .popup-shop-product { display: grid; grid-template-columns: 1fr 100px; } } .popup-shop-product__item { padding: 2.4rem 1.6rem; } @media screen and (min-width: 1141px) { .popup-shop-product__item:last-child { display: flex; justify-content: flex-end; } .popup-shop-product__item:last-child span { text-align: right; } } .popup-shop-product__input { display: none !important; } @media screen and (max-width: 1140px) { .popup-shop-product__content { background-color: #FFF; margin: 0 1px; } } .popup-shop-product__type { border-radius: 6px; display: inline-block; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2rem; line-height: 133.333%; margin-bottom: 4px; padding: 4px 8px; } .popup-shop-product__type._config { background-color: #E6FEF7; color: #048B65; } .popup-shop-product__type._product { background-color: #DAF0FB; color: #0083CA; } .popup-shop-product__title { color: #191C1E; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; line-height: 120%; margin-bottom: 12px; } .popup-shop-product__description { margin-bottom: 32px; } @media screen and (max-width: 1140px) { .popup-shop-product__description { margin-bottom: 24px; } } .popup-shop-product__description, .popup-shop-product__description * { color: #58616A; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 142.857%; } .popup-shop-product__description * { list-style: none; margin: 0; padding: 0; gap: 0; } .popup-shop-product__info { color: #191C1E; font-family: InterSemiBold, sans-serif; font-weight: 600; font-style: normal; } .popup-shop-product__info, .popup-shop-product__info * { font-size: 1.4rem; line-height: 142.857%; } .popup-shop-product__info b { color: #0083CA; } .popup-shop-product__info span { font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; color: #58616A; } @media screen and (max-width: 1140px) { .popup-shop-product__count { background-color: #FFF; } } @media screen and (max-width: 1140px) and (min-width: 576px) { .popup-shop-product__count { margin-right: 1px; } } @media screen and (max-width: 575px) { .popup-shop-product__count { margin: 0 1px; padding: 0 0 16px; } } @media screen and (max-width: 1140px) and (min-width: 576px) { .popup-shop-product__count .input-count { border: 1px solid #D9E4EC; padding: 2.4rem 1.6rem; } } @media screen and (min-width: 576px) { .popup-shop-product__count .input-count .input-count__wrapper { flex-direction: column-reverse; } } @media screen and (max-width: 575px) { .popup-shop-product__count .input-count .input-count__wrapper { flex-direction: row-reverse; justify-content: center; } } .popup-shop-product__count .input-count .input-count__btn { border-color: #CFD4D8; } .popup-shop-product__count .input-count input { border-color: #CFD4D8; min-width: 4.4rem; max-width: 4.4rem; padding: 0.8rem; } .popup-shop-product__count .input-count input::-moz-selection { background-color: rgba(0, 0, 0, 0); } .popup-shop-product__count .input-count input::selection { background-color: rgba(0, 0, 0, 0); } .popup-shop-product__finalprice > span { color: #191C1E; font-family: InterRegular, sans-serif; font-weight: 400; font-style: normal; font-size: 2rem; line-height: 160%; } @media screen and (min-width: 1141px) { .popup-shop-product__finalprice > span:first-child, .popup-shop-product__finalprice > span:last-child { display: none; } } @media screen and (max-width: 1140px) { .popup-shop-product__finalprice > span:not(:first-child) { color: #0083CA; font-family: InterMedium, sans-serif; font-weight: 500; font-style: normal; } } @media screen and (max-width: 1140px) { .popup-shop-table { background: #D9E4EC; border-radius: 16px; padding: 2.4rem; } } @media screen and (max-width: 1140px) and (max-width: 575px) { .popup-shop-table { padding: 1.6rem; } } .popup-shop-table__wrapper { background: #FFF; border-radius: 16px; } @media screen and (max-width: 1140px) { .popup-shop-table__wrapper._open .popup-shop-table__title-mobile > div::after { transform: rotate(180deg); } .popup-shop-table__wrapper._open .popup-shop-table__content { display: block; } } .popup-shop-table__title-mobile { display: none; padding: 2.4rem; } @media screen and (min-width: 1141px) { .popup-shop-table__title-mobile { display: none; } } @media screen and (max-width: 1140px) { .popup-shop-table__title-mobile._active { display: block; } .popup-shop-table__title-mobile._open .popup-shop-table__title-mobile--default { display: none; } .popup-shop-table__title-mobile._open .popup-shop-table__title-mobile--opened { display: flex; } .popup-shop-table__title-mobile * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } } @media screen and (max-width: 575px) { .popup-shop-table__title-mobile { padding: 1.6rem; } } .popup-shop-table__title-mobile--default, .popup-shop-table__title-mobile--opened { display: flex; justify-content: space-between; align-items: center; } .popup-shop-table__title-mobile--default > span, .popup-shop-table__title-mobile--opened > span { display: inline-block; color: #191C1E; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2.4rem; line-height: 133.333%; padding-right: 2.4rem; } @media screen and (max-width: 575px) { .popup-shop-table__title-mobile--default > span, .popup-shop-table__title-mobile--opened > span { font-size: 2rem; line-height: 120%; } } .popup-shop-table__title-mobile--default > span > b, .popup-shop-table__title-mobile--opened > span > b { color: #0083CA; font-weight: 500; white-space: nowrap; } .popup-shop-table__title-mobile--default::after, .popup-shop-table__title-mobile--opened::after { content: ""; background-image: url("/local/templates/itelion/files/icons/chevron-down_small.svg"); background-position: center; background-repeat: no-repeat; background-size: 32px; display: flex; justify-content: center; align-items: center; min-width: 32px; max-width: 32px; height: 32px; pointer-events: none; } @media screen and (max-width: 768px) { .popup-shop-table__title-mobile--default::after, .popup-shop-table__title-mobile--opened::after { background-size: 20px; min-width: 20px; max-width: 20px; height: 20px; } } .popup-shop-table__title-mobile--opened { display: none; } @media screen and (max-width: 1140px) { .popup-shop-table__content { display: none; } } @media screen and (min-width: 1141px) { .popup-shop-table__info { margin-right: 2rem; padding: 1px; } } @media screen and (max-width: 1140px) { .popup-shop-table__info { padding: 0 2.4rem 2.4rem; } } @media screen and (max-width: 575px) { .popup-shop-table__info { padding: 0 1.6rem 1.6rem; } } @media screen and (min-width: 1141px) { .popup-shop-table__header, .popup-shop-table__product, .popup-shop-table__footer { display: grid; grid-template-columns: 1fr 100px 170px; gap: 1px; padding: 0 1px; } } .popup-shop-table__header, .popup-shop-table__footer { background-color: #B8CCDB; align-items: center; } .popup-shop-table__header--title, .popup-shop-table__footer--title { background-color: #D9E4EC; display: flex; align-items: center; height: 100%; padding: 2.4rem 1.6rem; } .popup-shop-table__header--title:not(:first-child), .popup-shop-table__footer--title:not(:first-child) { justify-content: center; } .popup-shop-table__header--title > span, .popup-shop-table__header--title > span *, .popup-shop-table__footer--title > span, .popup-shop-table__footer--title > span * { color: #191C1E; display: inline-block; font-family: OnestMedium, sans-serif; font-weight: 500; font-style: normal; font-size: 2rem; font-weight: 500; line-height: 120%; white-space: nowrap; } @media screen and (max-width: 1140px) { .popup-shop-table__header { display: none; } } .popup-shop-table__product { background-color: #D9E4EC; padding-bottom: 1px; } @media screen and (max-width: 1140px) { .popup-shop-table__product { padding: 1px 0; } } @media screen and (min-width: 1141px) { .popup-shop-table__product > * { background-color: #FFF; } } .popup-shop-table__footer { align-items: center; } @media screen and (max-width: 1140px) { .popup-shop-table__footer { background-color: #D9E4EC; display: flex; gap: 0; margin-top: 2.4rem; padding: 0; } } @media screen and (max-width: 575px) { .popup-shop-table__footer { margin-top: 1.6rem; } } .popup-shop-table__footer--title { display: none; } .popup-shop-table__footer--title._active { display: flex; } @media screen and (min-width: 1141px) { .popup-shop-table__footer--title:first-of-type { grid-column: span 2; justify-content: flex-end; } } @media screen and (max-width: 1140px) { .popup-shop-table__footer--title:first-of-type { padding-right: 0; } } @media screen and (min-width: 1141px) { .popup-shop-table__footer--title:last-of-type > span { text-align: right; } } @media screen and (max-width: 1140px) { .popup-shop-table__footer--title > span b { color: #0083CA; } } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/individ_offer-choose-config/bitrix/form.result.new/.default/style.css?178472422948*/ .popup-form__preview { max-width: 770px; } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/tech_support-modal/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/tech_support-modal/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/tech_support-modal/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/components/bitrix/form/catch/bitrix/form.result.new/.default/style.css?1784724229666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/itelion/components/bitrix/form/catch/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/itelion/components/bitrix/form/catch/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/itelion/styles.css?178472423080*/ ._hidden { display: none; } .grecaptcha-badge{display:none !important;} /* End */ /* /local/templates/itelion/styles/fancybox.css?178472423028533 */ /* /local/templates/itelion/styles/styles.bundle.css?1784724230316378 */ /* /local/templates/itelion/styles/common.css?178638384720123 */ /* /local/templates/itelion/components/bitrix/catalog.section.list/header_menu/style.css?17847242297225 */ /* /local/templates/itelion/components/bitrix/news.list/header_menu/style.css?1784724229150 */ /* /local/templates/itelion/components/bitrix/catalog.section.list/header_menu_catalog/style.min.css?17847242296236 */ /* /local/templates/itelion/components/bitrix/news.list/header_menu_catalog/style.css?1784724229150 */ /* /local/templates/itelion/components/bitrix/catalog.section.list/header_menu_config/style.min.css?17847242296236 */ /* /local/templates/itelion/components/bitrix/news.list/header_menu_config/style.css?1784724229150 */ /* /local/templates/itelion/components/arturgolubev/search.title/.default/style.css?178472422923086 */ /* /local/templates/itelion/components/bitrix/catalog.section.list/mob-menu/style.min.css?17847242296236 */ /* /local/templates/itelion/components/bitrix/form/need_more_answer/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/components/bitrix/menu/bottom/style.min.css?1784724229490 */ /* /local/templates/itelion/components/bitrix/form/template1/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/components/bitrix/form/it_expert/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/components/bitrix/form/get_analog/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/components/bitrix/form/individ_offer-tender/bitrix/form.result.new/basket/style.css?1784724229157 */ /* /local/templates/itelion/components/bitrix/form/individ_offer-tender/bitrix/form.result.new/basket_new/style.css?178472422913807 */ /* /local/templates/itelion/components/bitrix/form/individ_offer-choose-config/bitrix/form.result.new/.default/style.css?178472422948 */ /* /local/templates/itelion/components/bitrix/form/tech_support-modal/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/components/bitrix/form/catch/bitrix/form.result.new/.default/style.css?1784724229666 */ /* /local/templates/itelion/styles.css?178472423080 */