/* Start:/local/templates/techmarket/css/fancybox.css?175697767625343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/techmarket/src/fonts/Gilroy/stylesheet.css?17569776767474*/ @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBold.eot'); src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Heavy.eot'); src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Heavy.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-LightItalic.eot'); src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-LightItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ThinItalic.eot'); src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ThinItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BlackItalic.eot'); src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BlackItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BoldItalic.eot'); src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBold.eot'); src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLightItalic.eot'); src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLightItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBoldItalic.eot'); src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Light.eot'); src: local('Gilroy Light'), local('Gilroy-Light'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Light.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-MediumItalic.eot'); src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-MediumItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBoldItalic.eot'); src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Regular.eot'); src: local('Gilroy Regular'), local('Gilroy-Regular'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Regular.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-HeavyItalic.eot'); src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-HeavyItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Medium.eot'); src: local('Gilroy Medium'), local('Gilroy-Medium'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Medium.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-RegularItalic.eot'); src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-RegularItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLight.eot'); src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLight.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Bold.eot'); src: local('Gilroy Bold'), local('Gilroy-Bold'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Bold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Thin.eot'); src: local('Gilroy Thin'), local('Gilroy-Thin'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Thin.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Black.eot'); src: local('Gilroy Black'), local('Gilroy-Black'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Black.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Gilroy/Gilroy-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } /* End */ /* Start:/local/templates/techmarket/src/fonts/Inter/stylesheet.css?17569776767727*/ @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-BoldItalic.eot'); src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BoldItalic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-MediumItalic.eot'); src: local('Inter Medium Italic'), local('Inter-MediumItalic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-MediumItalic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-MediumItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinItalicBETA.eot'); src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinItalicBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinItalicBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinItalicBETA.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-Regular.eot'); src: local('Inter Regular'), local('Inter-Regular'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Regular.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Regular.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-Black.eot'); src: local('Inter Black'), local('Inter-Black'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Black.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Black.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-BlackItalic.eot'); src: local('Inter Black Italic'), local('Inter-BlackItalic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BlackItalic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BlackItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-LightBETA.eot'); src: local('Inter Light BETA'), local('Inter-LightBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightBETA.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBold.eot'); src: local('Inter Semi Bold'), local('Inter-SemiBold'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBold.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBoldItalic.eot'); src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBoldItalic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-Bold.eot'); src: local('Inter Bold'), local('Inter-Bold'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Bold.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Bold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightItalicBETA.eot'); src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightItalicBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightItalicBETA.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightBETA.eot'); src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraLightBETA.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBold.eot'); src: local('Inter Extra Bold'), local('Inter-ExtraBold'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBold.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinBETA.eot'); src: local('Inter Thin BETA'), local('Inter-ThinBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-ThinBETA.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-LightItalicBETA.eot'); src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightItalicBETA.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightItalicBETA.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-LightItalicBETA.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-Italic.eot'); src: local('Inter Italic'), local('Inter-Italic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Italic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Italic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBoldItalic.eot'); src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBoldItalic.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBoldItalic.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Inter'; src: url('/local/templates/techmarket/src/fonts/Inter/Inter-Medium.eot'); src: local('Inter Medium'), local('Inter-Medium'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Medium.woff2') format('woff2'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Medium.woff') format('woff'), url('/local/templates/techmarket/src/fonts/Inter/Inter-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /* End */ /* Start:/local/templates/techmarket/css/tabby-ui.min.css?1756977676917*/ /*! Tabby v12.0.0 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/tabby */ [role=tablist]{border-bottom:1px solid #d3d3d3;list-style:none;margin:0;padding:0}[role=tablist] *{box-sizing:border-box}@media (min-width:30em){[role=tablist] li{display:inline-block}}[role=tab]{border:1px solid transparent;border-top-color:#d3d3d3;display:block;padding:.5em 1em;text-decoration:none}@media (min-width:30em){[role=tab]{border-top-color:transparent;border-top-left-radius:.5em;border-top-right-radius:.5em;display:inline-block;margin-bottom:-1px}}[role=tab][aria-selected=true]{background-color:#d3d3d3}@media (min-width:30em){[role=tab][aria-selected=true]{background-color:transparent;border:1px solid #d3d3d3;border-bottom-color:#fff}}[role=tab]:hover:not([aria-selected=true]){background-color:#f7f7f7}@media (min-width:30em){[role=tab]:hover:not([aria-selected=true]){border:1px solid #d3d3d3}} /* End */ /* Start:/local/templates/techmarket/css/normalize.css?17569776761157*/ *, ::after, ::before { box-sizing: border-box; } ol, ul { padding: 0; list-style: none; } blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, li, ol, p, ul { margin: 0; } html { scroll-behavior: smooth; } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; font-family: "Inter"; background: #f8f8f8; } a:not([class]) { text-decoration-skip-ink: auto; } p, h1, h2, h3, h4, h5, h6 { font: inherit; } a { text-decoration: none; } img { max-width: 100%; display: block; } article > * + * { margin-top: 1em; } button, input, select, textarea { font: inherit; } html::-webkit-scrollbar { width: 0.5rem; } html::-webkit-scrollbar-track { background: #0f6eb8; } html::-webkit-scrollbar-thumb { background: linear-gradient( 112.92deg, rgba(255, 255, 255, 0.36) 10.45%, rgba(255, 255, 255, 0.09) 88.73% ); } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0s !important; animation-iteration-count: 1 !important; transition-duration: 0s !important; scroll-behavior: auto !important; } } input[type="number"] { -moz-appearance: textfield; } /* End */ /* Start:/local/templates/techmarket/css/swiper-bundle.min.css?175697767618429*/ /** * Swiper 10.0.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 8, 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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{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{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/techmarket/css/style.css?1765454268148629*/ .section-heading { color: var(--2, #212E40); font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 120%; } @media all and (max-width: 768px) { .section-heading { font-size: 20px; } } .button { display: inline-flex; justify-content: center; color: var(--White, #FFF); font-family: Gilroy; font-size: 16px; font-weight: 700; line-height: 100%; border-radius: 6px; background: var(--Blue, #0F6EB8); transition: background 300ms ease-in-out; width: -moz-fit-content; width: fit-content; border: none; outline: none; padding: 15px; min-width: 172px; cursor: pointer; } .button_xl { padding: 20px 26px; min-width: 192px; } .button_outline { background: transparent; border: 1px solid #0F6EB8; color: var(--Blue, #0F6EB8); font-family: Inter; font-size: 14px; font-weight: 400; line-height: 100%; transition: border 300ms ease-in-out, color 300ms ease-in-out; } .button-dropdown-mobile { display: none; } @media (hover: hover) { .button:hover { background: var(--Accent, #00ADEF); } .button:active { background: var(--Accent, #30c4ff); } .button_outline:hover { background: transparent; border: 1px solid #30c4ff; color: #30c4ff; } } @media (hover: none) { .button:active { background: var(--Accent, #00ADEF); } } @media all and (max-width: 768px) { .button { padding: 15px; min-width: 160px; font-size: 14px; font-weight: 600; line-height: 14px; } .button-dropdown-mobile { display: flex; align-items: center; padding: 5px 12px; gap: 8px; outline: none; border: none; border-radius: 6px; background: #FFF; } .button-dropdown-mobile span { color: #7F7F7F; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 100%; } .button-dropdown-mobile svg { transform: translateX(5px); } } .link { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 14px; transition: color 300ms ease-in-out; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: none; outline: none; background: transparent; padding: 0; } .link::after { content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background: var(--Blue, #0F6EB8); transition: width 300ms ease-in-out, background 200ms ease; } .link_nav { display: flex; align-items: center; text-transform: uppercase; font-weight: 700; padding: 27px 0; font-family: Gilroy; } .link_nav path { transition: fill 300ms ease-in-out; } .link_nav::after { display: none; } .link_stock { gap: 4px; } .link_stock span { color: #FF8A00; transition: color 300ms ease; } .link_stock::after { background: #FF8A00; } .link.is_open { color: var(--Blue, #0F6EB8); } .link.is_open path { fill: var(--Blue, #0F6EB8); } .link.is_open::after { width: 100%; } @media (hover: hover) { .link:hover { color: var(--Blue, #0F6EB8); } .link:hover::after { width: 100%; } .link:active::after { width: 70%; } .link_nav:hover svg.arrow path { fill: var(--Blue, #0F6EB8); } .link_stock:hover path { fill: #FF8A00; } } @media (hover: none) { .link:active { color: var(--Blue, #0F6EB8); } .link:active::after { width: 100%; } .link_nav:active svg.arrow path { fill: var(--Blue, #0F6EB8); } .link_stock:active path { fill: #FF8A00; } } @media all and (max-width: 1200px) { .link_nav { font-size: 11px; padding: 15px 0; } } @media all and (max-width: 870px) { .link_nav { font-size: 10px; } } .container { width: 100%; max-width: 1370px; padding-inline: 15px; margin-inline: auto; height: 100%; } @media all and (max-width: 768px) { .container { padding-inline: 16px; margin-inline: auto; } } .main { padding-top: 184px; /*overflow: hidden;*/ } @media all and (max-width: 768px) { .main { padding-top: 72px; } } .header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 999; background: #ffffff; } .header__top { border-bottom: 1px solid #E3E3E3; } .header__top-box { display: flex; padding: 11px 0 13px; justify-content: space-between; align-items: center; max-width: 1370px; padding-inline: 15px; margin-inline: auto; } .header__top-left { display: flex; align-items: center; gap: 10px; } .header__top-left p { color: var(--2, #212E40); leading-trim: both; font-size: 14px; font-weight: 400; line-height: 16px; } .header__body-box { max-width: 1370px; padding-inline: 15px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; } .header__logo { max-width: 175px; display: block; height: 38px; } .header__logo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .header__nav { display: flex; align-items: center; gap: 20px; } .header__phones { display: flex; align-items: center; gap: 18px; } .header__modal-call { color: #0F6EB8; } .header__login-link { gap: 11px; } .header__login-link::after { display: none; } .header__bottom { background: #0F6EB8; } .header__bottom-separator { height: 40px; width: 1px; background: #4E94CA; } .header__bottom-box { max-width: 1370px; padding-inline: 15px; margin-inline: auto; display: flex; align-items: center; } .header__bottom-right { display: flex; align-items: center; margin-left: auto; gap: 30px; } .header__bottom-right-item { display: flex; align-items: center; gap: 5px; } .header__bottom-right-item span { width: 20px; height: 20px; border-radius: 50px; background: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--Black, #231F20); font-size: 12px; font-weight: 400; line-height: 12px; } .header__search-box { width: 100%; max-width: 726px; margin-left: 29px; } .header__search { border-radius: 6px; background: #F3F4F6; display: flex; } .header__search-choose { position: relative; max-width: 158px; width: 100%; border-right: 1px solid #C8C8C8; } .header__search-choose-head { padding: 10px 15px; display: flex; align-items: center; cursor: pointer; } .header__search-choose-title { flex: 1 0 0; color: #A0A0A0; font-size: 14px; font-weight: 400; line-height: 14px; } .header__search-choose-body { width: 100%; position: absolute; background: #FFF; bottom: -98px; left: 0; display: none; flex-direction: column; padding: 20px; gap: 30px; border-radius: 8px; } .header__search-choose-body.is_open { display: flex; } .header__search-choose-item { color: var(--text, #212E40); font-family: Inter; font-size: 14px; font-weight: 400; line-height: 14px; cursor: pointer; } .header__search-input-wrapper { display: flex; justify-content: space-between; align-items: center; flex: 1 0; padding: 10px 13px 10px 20px; } .header__search-input { background: transparent; border: none; outline: none; font-size: 14px; font-weight: 400; line-height: 14px; width: 100%; padding: 0; } .header__search-input::-moz-placeholder { color: #A0A0A0; } .header__search-input::placeholder { color: #A0A0A0; } .header__search-submit { outline: none; border: none; padding: 0; background: transparent; height: 20px; width: 20px; padding: 2px; cursor: pointer; } .header__mobile-burger { display: none; } .header__mobile-search { display: none; } .catalog-caller { padding: 21px 15px 20px 20px; background: transparent; border: none; outline: none; display: flex; align-items: center; gap: 10px; cursor: pointer; max-width: 208px; width: 100%; } .catalog-caller__title { color: var(--White, #FFF); font-family: Gilroy; font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; flex: 1 0 0; text-align: start; } .catalog-caller svg { transition: transform 300ms ease; } .catalog-caller__burger { display: flex; flex-direction: column; gap: 3px; } .catalog-caller__burger span { display: block; height: 1.5px; width: 15px; background: var(--White, #FFF); transition: transform 300ms ease; } .catalog-caller.is_open { background: #00AEEF; } .catalog-caller.is_open svg { transform: rotate(180deg); } .catalog-caller.is_open .catalog-caller__burger span:first-child { transform: translateY(3px) rotate(45deg); } .catalog-caller.is_open .catalog-caller__burger span:nth-child(2) { display: none; } .catalog-caller.is_open .catalog-caller__burger span:last-child { transform: translateY(-2px) rotate(-45deg); } @media all and (max-width: 1200px) { .header__search-box { margin-right: 20px; } .header__search-choose { max-width: 130px; } .header__bottom-right { gap: 10px; } .header__logo img { -o-object-fit: contain; object-fit: contain; } .header__body-box { gap: 5px; } .header__nav { gap: 5px; } .header__phones { gap: 5px; } .header__login-link { gap: 5px; } .header__logo { max-width: 100px; } } @media all and (max-width: 870px) { .header__search-box { margin-right: 10px; } .header__bottom-right { gap: 5px; } .header__body-box { gap: 1px; } .header__nav { gap: 1px; } .header__phones { gap: 1px; } .header__login-link { gap: 1px; } } @media all and (max-width: 768px) { .header { display: flex; justify-content: space-between; padding: 16px; } .header__top { display: none; } .header__body { width: 100%; } .header__body-box { padding-inline: 0; margin-inline: 0; gap: 18px; justify-content: start; } .header__logo { max-width: 144px; height: 35px; } .header__nav { display: none; } .header__phones { display: none; } .header__login { display: none; } .header__bottom { display: none; } .header__mobile-burger { display: flex; flex-direction: column; gap: 4px; padding: 2px; } .header__mobile-burger span { height: 1.5px; flex-shrink: 0; border-radius: 15px; background: #212E40; width: 15px; transition: transform 0.2s ease-in-out; } .header__mobile-burger.is_open span:first-child { transform: translateY(4px) rotate(45deg); } .header__mobile-burger.is_open span:nth-child(2) { display: none; } .header__mobile-burger.is_open span:last-child { transform: translateY(-2px) rotate(-45deg); } .header__mobile-search { position: absolute; right: 16px; display: flex; border-radius: 8px; background: #F8F8F8; padding: 10px; margin-left: auto; width: 40px; overflow: hidden; height: 40px; transition: all 200ms ease-in-out; } .header__mobile-search.is_open { width: calc(100% - 32px); overflow: unset; } .header__mobile-search.is_open .header__mobile-search-choose { opacity: 1; } .header__mobile-search-choose { max-width: 135px; width: 100%; border-right: 1px solid #C8C8C8; opacity: 0; transition: all 400ms ease-in-out; } .header__mobile-search-choose-head { display: flex; align-items: center; } .header__mobile-search-choose-head span { color: #A0A0A0; font-size: 14px; font-weight: 500; line-height: 14px; flex: 1 0; white-space: nowrap; } .header__mobile-search-choose-body { flex-direction: column; gap: 30px; padding: 20px; position: absolute; bottom: -101px; left: 0; background: #ffffff; border-radius: 6px; z-index: 10; display: none; } .header__mobile-search-choose-body.is_open { display: flex; } .header__mobile-search-choose-item { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 14px; } .header__mobile-search-input-wrapper { display: flex; } .header__mobile-search-input { border: none; padding: 0; outline: none; background: transparent; font-size: 14px; font-weight: 400; line-height: 14px; padding: 0 5px; } .header__mobile-search-input::-webkit-search-decoration, .header__mobile-search-input::-webkit-search-cancel-button, .header__mobile-search-input::-webkit-search-results-button, .header__mobile-search-input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .header__mobile-search-button-btn { padding: 0; background: #F8F8F8; outline: none; border: none; width: 40px; height: 40px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: background 200ms ease-in-out; pointer-events: none; } .header__mobile-search.is_open .header__mobile-search-button-btn{ pointer-events: all; } .header__mobile-search-button{ position: absolute; width: 40px; height: 40px; z-index: 1; top: 0; left: 0; } .header__mobile-search-button path { transition: fill 200ms ease-in-out; transition-delay: 300ms; } .header__mobile-search-button.input-has-value { background: transparent; } .header__mobile-search-button.input-has-value path { fill: #FFFFFF; } .catalog-caller { display: none; } } .footer { padding: 50px 0; background: #FFF; } .footer__top { padding-bottom: 67px; border-bottom: 1px solid #D6D6D6; display: flex; align-items: center; justify-content: space-between; } .footer__top-contacts { display: flex; gap: 63px; } .footer__top-contacts_inner { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 5px; column-gap: 5px; row-gap: 20px; } .footer__top-contacts_inner a, .footer__top-contacts_inner p { color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; transition: color 200ms ease-in-out; } .footer__top-contacts_inner a:hover { color: var(--Accent, #00ADEF); } .footer__top-social { display: flex; gap: 20px; } .footer__body { padding: 50px 0 110px; border-bottom: 1px solid #D6D6D6; display: flex; justify-content: space-between; } .footer__body_btn { height: -moz-fit-content; height: fit-content; font-family: Inter; font-size: 14px; font-weight: 600; line-height: 100%; } .footer__body_mobile { display: none; } .footer__bottom { display: flex; align-items: center; gap: 50px; padding-top: 50px; } .footer__bottom p, .footer__bottom a { color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; transition: color 300ms ease-in-out; } .footer__bottom a:last-child { margin-left: auto; } .footer__bottom a:hover { color: var(--Accent, #00ADEF); } .footer-subscribe { display: flex; align-items: center; gap: 20px; max-width: 824px; width: 100%; } .footer-subscribe__title { color: var(--2, #212E40); font-size: 16px; font-weight: 500; line-height: 130%; max-width: 157px; width: 100%; } .footer-subscribe__form { display: flex; align-items: center; gap: 20px; width: 100%; max-width: 647px; } .footer-subscribe__input { padding: 20px 13px; border-radius: 4px; background: #F8F8F8; outline: none; border: none; max-width: 394px; width: 100%; color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; } .footer-subscribe__btn { background: #5E5E5E; min-width: 174px; } .footer-nav { display: flex; flex-direction: column; gap: 30px; } .footer-nav__wrapper { display: flex; max-width: 822px; justify-content: space-between; width: 100%; } .footer-nav__head { color: var(--2, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; transition: color 200ms ease-in-out; } .footer-nav__head:hover { color: var(--Accent, #00ADEF); } .footer-nav__head svg { display: none; } .footer-nav__body { display: flex; flex-direction: column; gap: 20px; } .footer-nav__body a { color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; transition: color 200ms ease-in-out; } .footer-nav__body a:hover { color: var(--Accent, #00ADEF); } @media all and (max-width: 768px) { .footer { padding: 30px 0 60px; } .footer__top { padding-bottom: 30px; border-bottom: none; flex-direction: column; } .footer__top-contacts { display: none; } .footer__top-contacts_inner { display: flex; flex-direction: column; } .footer__top-social { display: flex; gap: 20px; } .footer__body { padding: 0 0 30px; flex-direction: column; } .footer__body_btn { height: 100%; width: 100%; } .footer__body_mobile { display: flex; flex-direction: column; gap: 30px; margin-bottom: 30px; } .footer__bottom { align-items: start; flex-direction: column; gap: 16px; padding-top: 30px; } .footer__bottom a:last-child { margin-left: 0; } .footer-subscribe { flex-direction: column; align-items: start; gap: 16px; } .footer-subscribe__title { max-width: 100%; } .footer-subscribe__form { align-items: start; flex-direction: column; gap: 16px; max-width: 100%; } .footer-subscribe__input { max-width: 100%; } .footer-subscribe__btn { min-width: 100%; height: 50px; align-items: center; } .footer-nav { display: flex; flex-direction: column; gap: 15px; } .footer-nav__wrapper { flex-direction: column; gap: 12px; margin-bottom: 30px; } .footer-nav__head { display: flex; align-items: center; justify-content: space-between; } .footer-nav__head:hover { color: var(--2, #212E40); } .footer-nav__head svg { display: flex; } .footer-nav__body { gap: 15px; display: none; } .footer-nav.is_open .footer-nav__body { display: flex; } .footer-nav.is_open .footer-nav__head svg { transform: rotate(180deg); } } .has-child-links { position: relative; } .has-child-links__body { position: absolute; top: 74px; left: 0px; width: 100%; z-index: 999; display: flex; flex-direction: column; gap: 30px; background: #ffffff; border-radius: 6px; padding: 20px; min-width: 170px; opacity: 0; transform: translateX(-20px); pointer-events: none; transition: opacity 200ms ease, transform 300ms ease-in-out; } .has-child-links__body-second { left: 0px; } .has-child-links__body_contacts { min-width: 190px; top: 64px; gap: 20px; } .has-child-links__body_online { top: 267px; gap: 20px; } .has-child-links__item { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 14px; width: -moz-fit-content; width: fit-content; display: flex; flex-direction: column; gap: 10px; } .has-child-links__item span { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 12px; font-weight: 400; line-height: 14px; } .has-child-links__item h4 { color: var(--text, #212E40); font-family: Gilroy; font-size: 14px; font-weight: 700; line-height: 14px; text-transform: uppercase; transition: color 200ms ease; } .has-child-links__item_online h4, .has-child-links__item_online span { text-transform: none; } .has-child-links__item:hover h4 { color: var(--Blue, #0F6EB8); } .has-child-links__social-wrapper { display: flex; gap: 10px; } .has-child-links__social-wrapper a { padding: 10px; background: #F8F8F8; border-radius: 8px; transition: transform 200ms ease; display: flex; } .has-child-links__social-wrapper a:hover { transform: scale(1.07); } .has-child-links__wrapper { display: flex; position: absolute; flex-direction: column; gap: 8px; top: 68px; left: 0; opacity: 0; transform: translateX(-10px); pointer-events: none; } .has-child-links__wrapper .has-child-links__body { position: relative; display: flex; top: unset; left: unset; } .has-child-links:hover .has-child-links__body { opacity: 1; transform: translateX(0px); pointer-events: all; } .has-child-links:hover .has-child-links__wrapper { opacity: 1; transform: translateX(0px); pointer-events: all; } .section-home-banner { padding: 50px 0; } .home-banner-swiper { width: 100%; height: 550px; border-radius: 10px; overflow: hidden; position: relative; } .home-banner-swiper__bg { position: unset; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right top; object-position: right top; z-index: -2; } .home-banner-swiper__slide { display: flex; } .home-banner-swiper__slide::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(11, 11, 11, 0.4) 0%, rgba(11, 11, 11, 0.4) 100%); z-index: -1; display: none; } .home-banner-swiper__content { margin: 0 0 50px 50px; margin-top: auto; display: flex; flex-direction: column; gap: 30px; max-width: 500px; } .home-banner-swiper__title { margin-top: auto; font-family: Gilroy; font-size: 48px; font-weight: 700; line-height: 120%; text-transform: uppercase; color: var(--White, #FFF); } .home-banner-swiper__subtitle { color: var(--White, #FFF); font-family: Gilroy; font-size: 20px; font-weight: 500; line-height: 120%; } .home-banner-swiper__btns { position: absolute; bottom: 42px; right: 115px; z-index: 2; display: flex; gap: 20px; width: 100%; justify-content: space-between; left: 0; right: 0; bottom: 0; top: 0; align-items: center; height: 55px; margin: auto; } .home-banner-swiper__btn { /*background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);*/ background: white; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #0F6EB8; width: 55px; height: 55px; } .home-banner-swiper__btn svg { transition: transform 300ms ease-in-out; } .home-banner-swiper__btn:hover svg { transform: scale(1.5); } .home-banner-swiper__btn:active svg { transform: scale(1.2); } .home-banner-swiper__pagination { position: relative; width: -moz-fit-content !important; width: fit-content !important; left: 50% !important; transform: translateX(-50%); top: 15px !important; } @media all and (max-width: 768px) { .section-home-banner { padding: 16px 0 25px; } .home-banner-swiper { height: auto; } .home-banner-swiper__bg { -o-object-position: center; object-position: center; } .home-banner-swiper__slide { display: flex; } .home-banner-swiper__slide::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(11, 11, 11, 0.4) 0%, rgba(11, 11, 11, 0.4) 100%); z-index: -1; } .home-banner-swiper__content { margin: 0 0 18px 20px; gap: 24px; max-width: 300px; } .home-banner-swiper__title { font-size: 24px; } .home-banner-swiper__subtitle { font-size: 16px; } .home-banner-swiper__btns { display: flex; } .home-banner-swiper__btn{ width: 40px; height: 40px; } .home-banner-swiper__pagination { position: relative; width: -moz-fit-content !important; width: fit-content !important; left: 50% !important; transform: translateX(-50%); top: 5px !important; } } .section-sales-hits { padding: 50px 0; } .section-sales-hits__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 42px; } .section-sales-hits__tabs ul { display: flex; align-items: center; gap: 20px; border: none; } .section-sales-hits__tabs a { padding: 10px; border: none; border-radius: 6px; background: var(--White, #FFF); color: #C0C0C0; font-size: 14px; font-weight: 400; line-height: 120%; transition: all 200ms ease-in-out; } .section-sales-hits__tabs a[role=tab]:hover:not([aria-selected=true]) { border: none; } .section-sales-hits__tabs a[aria-selected=true] { border: none; background: var(--Blue, #0F6EB8); color: var(--White, #FFF); } .section-sales-hits__tab-box { display: grid; grid-template-columns: repeat(5, 1fr); -moz-column-gap: 20px; column-gap: 20px; } .section-sales-hits__tab-box .product-card:nth-of-type(n+6) { display: none; } .section-sales-hits__link-inner { position: relative; left: 50%; transform: translateX(-50%); margin-top: 50px; } @media all and (max-width: 768px) { .section-sales-hits { padding: 30px 0; } .section-sales-hits__heading { margin-bottom: 22px; } .section-sales-hits__tabs { position: relative; } .section-sales-hits__tabs ul { gap: 7px; flex-direction: column; position: absolute; right: 0; width: 100%; background: #F8F8F8; border-radius: 6px; padding: 5px; display: none; } .section-sales-hits__tabs ul.is_open { display: flex; } .section-sales-hits__tabs li { width: 100%; } .section-sales-hits__tabs a { padding: 5px; width: 100%; text-align: center; } .section-sales-hits__tab-box { grid-template-columns: repeat(2, 1fr); gap: 8px; } .section-sales-hits__tab-box .product-card:nth-of-type(n+6) { display: flex; } .section-sales-hits__link-inner { margin-top: 30px; padding: 10px; font-size: 12px; font-weight: 500; line-height: 100%; } } @media all and (max-width: 380px) { .section-sales-hits__tab-box { grid-template-columns: repeat(1, 1fr); } } .product-card { background: #FFFFFF; border-radius: 10px; display: flex; flex-direction: column; } .product-card__top { padding: 14px; display: flex; flex-direction: column; gap: 14px; } .product-card__badges-wrapper { display: flex; align-items: center; gap: 8px; } .product-card__badge { padding: 10px; color: var(--White, #FFF); font-family: Inter; font-size: 12px; font-weight: 500; line-height: 100%; text-transform: capitalize; border-radius: 6px; background: #F88600; } .product-card__badge_promo { background: #FF1F00; } .product-card__badge_big { display: flex; align-items: center; justify-content: space-between; max-width: 130px; border-radius: 4px; padding: 7px 9px; } .product-card__badge_big span { display: flex; align-items: center; gap: 1px; } .product-card__img-wrapper { height: 238px; width: 100%; position: relative; } .product-card__img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; transition: transform 200ms ease-in-out; } .product-card__bottom { display: flex; flex-direction: column; gap: 10px; padding: 14px; margin-top: auto; } .product-card__price { display: flex; align-items: end; gap: 16px; } .product-card__price_current { color: var(--2, #212E40); font-size: 20px; font-weight: 600; line-height: 120%; text-transform: uppercase; } .product-card__price_old { color: #9B9B9B; font-size: 14px; font-weight: 500; line-height: 120%; text-decoration: line-through; text-transform: uppercase; } .product-card__title { color: var(--2, #212E40); font-size: 14px; font-weight: 600; line-height: 120%; } .product-card__in-stock { color: #34BE6B; font-size: 12px; font-weight: 400; line-height: 120%; } .product-card__btns { margin-top: 5px; display: flex; align-items: center; gap: 10px; /*padding: 0px 14px 14px;*/ } .product-card__btn { border: none; outline: none; padding: 15px; background: #0F6EB8; border-radius: 6px; color: var(--White, #FFF); font-size: 14px; font-weight: 600; line-height: 100%; cursor: pointer; flex: 1; transition: all 200ms ease-in-out; } .product-card__btn_icon { padding: 10px; background: #F8F8F8; flex: 0; } .product-card__btn_icon path, .product-card__btn_icon svg { transition: all 200ms ease-in-out; } .product-card.is_favourite .product-card__btn_icon-like path { fill: #FF543E; } .product-card.is_compare .product-card__btn_icon-compare path { stroke: var(--Accent, #30c4ff); } .product-card__btn_icon-like.active path { fill: #FF543E; stroke: none; } .cart-item__btn-icon path, .cart-item__btn-icon svg{ transition: all 200ms ease-in-out; } .cart-item__btn-icon.active path { stroke: #FF543E; } @media (hover: hover) { .product-card:hover .product-card__img { transform: scale(1.1); } .product-card:active .product-card__img { transform: scale(1); } .product-card__btn:hover { background: #00ADEF; } .product-card__btn:active { background: var(--Accent, #30c4ff); } .product-card__btn_icon:hover { background: #F8F8F8; } .product-card__btn_icon:hover svg { transform: scale(1.3); } .product-card__btn_icon:hover path { stroke: var(--Accent, #30c4ff); } .product-card__btn_icon:active svg { transform: scale(1); } .product-card__btn_icon-like:hover path { fill: #FF543E; stroke: none; } } @media (hover: none) { .product-card:active .product-card__img { transform: scale(1.1); } .product-card__btn:active { background: #00ADEF; } } @media all and (max-width: 768px) { .product-card__top { padding: 12px; gap: 10px; } .product-card__badge { padding: 5px 8px; font-size: 12px; } .product-card__img-wrapper { height: 112px; } .product-card__bottom { gap: 16px; padding: 12px; } .product-card__price { gap: 8px; } .product-card__price_current { font-size: 15px; } .product-card__price_old { font-size: 12px; } .product-card__title { font-size: 13px; } .product-card__btns { margin-top: 0; display: grid; gap: 8px; } .product-card__btn { grid-column: span 2; padding: 10px; font-size: 12px; font-weight: 500; } .product-card__btn_icon { grid-column: span 1; padding: 6px; } } .section-home-brands-catalog { padding: 50px 0; } .section-home-brands-catalog__box { margin-top: 50px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .home-brands-card { position: relative; z-index: 0; height: 353px; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; padding: 30px; } .home-brands-card::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(17, 17, 17, 0.52); z-index: -1; } .home-brands-card__bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; -o-object-fit: cover; object-fit: cover; transition: transform 500ms ease-in-out; } .home-brands-card__bottom { margin-top: auto; display: flex; flex-direction: column; gap: 20px; } .home-brands-card__subtitle { color: #FFF; font-size: 14px; font-weight: 500; line-height: 100%; } .home-brands-card__title { color: var(--White, #FFF); font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 100%; } .home-brands-card__btns { display: flex; align-items: center; gap: 30px; } .home-brands-card__btn { width: 100%; text-align: center; border-radius: 4px; border: 1px solid var(--White, #FFF); padding: 10px; color: var(--White, #FFF); font-size: 14px; font-weight: 400; line-height: 100%; transition: background 300ms ease-in-out, color 500ms ease; } .home-brands-card:nth-child(2) svg { transform: translateY(-25px); } .home-brands-card:hover .home-brands-card__bg { transform: scale(1.1); } @media (hover: hover) { .home-brands-card__btn:hover { background: var(--White, #FFF); color: var(--Black, #231F20); } .home-brands-card__btn:active { background: var(--White, rgba(255, 255, 255, 0.7960784314)); } } @media (hover: none) { .home-brands-card__btn:active { background: var(--White, #FFF); color: var(--Black, #231F20); } } @media all and (max-width: 768px) { .section-home-brands-catalog { padding: 30px 0; } .section-home-brands-catalog__box { margin-top: 30px; grid-template-columns: repeat(1, 1fr); gap: 16px; } .home-brands-card { height: 258px; padding: 12px; } .home-brands-card__bottom { gap: 8px; } .home-brands-card__subtitle { color: #FFF; font-size: 14px; font-weight: 500; line-height: 100%; } .home-brands-card__title { font-size: 20px; margin-bottom: 7px; } .home-brands-card__btns { display: flex; align-items: center; gap: 8px; } .home-brands-card:nth-child(2) svg { transform: translateY(-15px); } } .section-home-servieces { padding: 50px 0; } .section-home-servieces__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .home-services-card { position: relative; height: 265px; padding: 45px; } .home-services-card__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .home-services-card__content { display: flex; flex-direction: column; gap: 58px; } .home-services-card__title { color: var(--White, #FFF); font-family: Gilroy; font-size: 36px; font-weight: 700; line-height: 120%; z-index: 1; } .home-services-card__btn { padding: 15px; min-width: 232px; width: -moz-fit-content; width: fit-content; background: transparent; border-radius: 5px; border: 1px solid var(--White, #FFF); text-align: center; color: #FFF; font-size: 14px; font-weight: 500; line-height: 14px; transition: background 300ms ease-in-out, color 300ms ease-in-out; } .home-services-card__img { position: absolute; right: -50px; height: 340px; top: -50px; transition: transform 300ms ease-in-out; } .home-services-card__img_2 { right: 100px; top: -60px; } .home-services-card:hover .home-services-card__img { transform: scale(1.1); } @media (hover: hover) { .home-services-card__btn:hover { background: var(--White, #FFF); color: var(--Black, #231F20); } .home-services-card__btn:active { background: rgba(255, 255, 255, 0.8470588235); } } @media (hover: none) { .home-services-card__btn:active { background: var(--White, #FFF); color: var(--Black, #231F20); } } @media all and (max-width: 768px) { .section-home-servieces { padding: 30px 0; } .section-home-servieces__box { grid-template-columns: 1fr; gap: 16px; } .home-services-card { position: relative; height: 263px; padding: 16px 18px; display: flex; } .home-services-card__content { margin-top: auto; gap: 19px; width: 100%; } .home-services-card__title { font-size: 20px; } .home-services-card__btn { width: 100%; min-width: 100%; } .home-services-card__img { position: absolute; right: 5px; height: 135px; top: 5px; } .home-services-card__img_2 { right: 60px; top: 16px; height: 170px; } .home-services-card:hover .home-services-card__img { transform: scale(1.1); } } .section-home-store { padding: 50px 0; } .section-home-store__box { background: #fff; border-radius: 10px; padding: 50px; gap: 48px; display: flex; } .section-home-store__left { max-width: 545px; display: flex; flex-direction: column; gap: 40px; } .section-home-store__desc { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 150%; display: flex; flex-direction: column; gap: 23px; } .section-home-store__img { width: 100%; max-width: 650px; height: 100%; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .section-home-store__btn { font-family: Inter; } .section-home-store__btn_mobile { display: none; } @media all and (max-width: 768px) { .section-home-store { padding: 30px 0; } .section-home-store__box { padding: 16px; gap: 30px; flex-direction: column; } .section-home-store__left { max-width: 100%; gap: 30px; } .section-home-store__desc { line-height: 140%; } .section-home-store__desc p:last-child { display: none; } .section-home-store__img { max-width: 100%; height: 200px; } .section-home-store__right { display: flex; flex-direction: column; gap: 30px; } .section-home-store__btn { display: none; } .section-home-store__btn_mobile { display: flex; width: 100%; } } .section-home-seo { padding: 50px 0; } .section-home-seo__title { margin-bottom: 50px; } .section-home-seo__desc { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 150%; } .section-home-seo__title { margin-bottom: 30px; } .section-home-partners { padding: 25px 0 50px; } .section-home-partners__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 38px; } .section-home-partners__btns { display: flex; align-items: center; gap: 6px; } .swiper-home-partners { height: 172px; overflow: hidden; border-radius: 10px; } .swiper-home-partners__btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background: var(--White, #FFF); transition: transform 300ms ease-in-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .swiper-home-partners__btn:hover { transform: scale(1.1); } .swiper-home-partners__btn:active { transform: scale(1); } .swiper-home-partners__slide { padding: 10px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; } .swiper-home-partners__img { width: 70%; height: 70%; -o-object-fit: contain; object-fit: contain; } .swiper-home-partners__pagination { display: none; } @media all and (max-width: 768px) { .section-home-partners { padding: 30px 0 60px; } .section-home-partners__heading { margin-bottom: 30px; } .section-home-partners__btns { display: none; } .swiper-home-partners { height: 92px; } .swiper-home-partners__img { width: 80%; height: 80%; } .swiper-home-partners__pagination { display: flex; position: relative; margin-top: 16px; height: 3px !important; background: #E9E9E9; } .swiper-home-partners__pagination span { background: #00ADEF !important; } } .catalog-menu { position: fixed; left: 0; width: 100%; background: white; padding: 50px 37px 50px 50px; height: calc(100vh - 183px); display: none; } .catalog-menu__box { max-width: 1370px; padding-inline: 15px; margin-inline: auto; display: flex; position: relative; } .catalog-menu__left { display: flex; flex-direction: column; gap: 14px; max-width: 331px; width: 100%; } .catalog-menu__btn { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px; border-radius: 4px; background: #F3F4F6; cursor: pointer; color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 100%; } .catalog-menu__btn.hover { background: var(--Light-blue, #00AEEF); color: #fff; } .catalog-menu__btn.hover path { fill: #fff; } .catalog-menu__btn:hover { background: var(--Light-blue, #00AEEF); color: #fff; } .catalog-menu__btn:hover path { fill: #fff; } .catalog-menu__btn:hover + .catalog-menu-inner { display: block; } .catalog-menu-inner { position: absolute; width: calc(100% - 361px); right: 15px; padding-left: 53px; height: calc(100vh - 233px); display: none; } .catalog-menu-inner:hover { display: block; } .catalog-menu-inner__logo { margin-bottom: 34px; width: 100%; } .catalog-menu-inner__category-wrapper { display: flex; flex-direction: column; gap: 30px; padding-bottom: 50px; border-bottom: 1px solid #D2D2D2; } .catalog-menu-inner__category-wrapper:not(:last-child) { margin-bottom: 50px; } .catalog-menu-inner__category-big-wrapper { overflow: scroll; height: 100%; display: flex; flex-direction: column; } .catalog-menu-inner__category-big-wrapper::-webkit-scrollbar { width: 7px; } .catalog-menu-inner__category-big-wrapper::-webkit-scrollbar-track { border-radius: 4px; } .catalog-menu-inner__category-big-wrapper::-webkit-scrollbar-thumb { background: #0F6EB8; border-radius: 4px; } .catalog-menu-inner__category-big-wrapper::-webkit-scrollbar-thumb:hover { background: var(--Blue, #0F6EB8); } .catalog-menu-inner__category-title { color: var(--Black, #231F20); font-family: Gilroy; font-size: 20px; font-weight: 500; line-height: 14px; } .catalog-menu-inner__category-box { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 100px; column-gap: 100px; row-gap: 42px; } .catalog-menu-inner__nav-box { display: flex; flex-direction: column; gap: 16px; } .catalog-menu-inner__nav-box a { width: -moz-fit-content; width: fit-content; color: #3B434F; } .catalog-menu.is_open { display: block; } .mobile-menu { display: none; } @media all and (max-width: 768px) { .mobile-menu { position: fixed; height: calc(100vh - 67px); flex-direction: column; top: 67px; left: 0; width: 100%; background: #ffffff; padding: 11px 16px 18px; gap: 30px; display: none; overflow-y: scroll; } .mobile-menu.is_open { display: flex; } .mobile-menu__nav { display: flex; flex-direction: column; gap: 8px; } .mobile-menu__btn { display: flex; align-items: center; width: 100%; padding: 14px; border-radius: 10px; background: #F8F8F8; outline: none; border: none; justify-content: space-between; } .mobile-menu__btn span { color: #212E40; font-size: 16px; font-weight: 400; line-height: 100%; } .mobile-menu__separator { width: 100%; height: 1px; background: rgba(198, 198, 200, 0.51); flex-shrink: 0; } .mobile-menu__links-wrapper { display: flex; flex-direction: column; gap: 30px; } .mobile-menu__link { display: flex; flex-direction: column; gap: 10px; } .mobile-menu__link span { color: var(--text, #212E40); font-family: Gilroy; font-size: 14px; font-weight: 700; line-height: 100%; } .mobile-menu__link p { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 12px; font-weight: 400; line-height: 120%; } .mobile-menu-inner { position: fixed; height: calc(100vh - 72px); flex-direction: column; top: 72px; left: 0; width: 100%; background: #ffffff; padding: 30px 16px; gap: 30px; display: flex; overflow-y: scroll; display: none; } .mobile-menu-inner__heading { display: flex; position: relative; justify-content: space-between; } .mobile-menu-inner__back { display: flex; gap: 3px; align-items: center; border: none; background: transparent; padding: 0; } .mobile-menu-inner__back span { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 100%; } .mobile-menu-inner__title { color: var(--text, #212E40); font-family: Gilroy; font-size: 20px; font-weight: 700; line-height: 100%; } .mobile-menu-inner__nav { display: flex; flex-direction: column; gap: 8px; } .mobile-menu-inner.is_open { display: flex; } } .mobile-navigation { display: none; } @media all and (max-width: 768px) { .mobile-navigation { display: flex; justify-content: space-between; padding: 7px 24px; background: #ffffff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100; } .mobile-navigation__link { display: flex; flex-direction: column; justify-content: space-between; gap: 7px; align-items: center; min-width: 48px; } .mobile-navigation__link span { color: #9399A0; text-align: center; font-size: 12px; font-weight: 400; line-height: 100%; } .mobile-navigation__link.is_active span { color: #00ADEF; } .mobile-navigation__link.is_active path { fill: #00ADEF; } .mobile-navigation__link.is_active path.stroke { stroke: #00ADEF; fill: unset; } } .mobile-catalog-menu { display: none; } @media all and (max-width: 768px) { .mobile-catalog-menu { display: flex; padding: 37px 16px; border-radius: 16px 16px 0px 0px; background: var(--light-mode-backgroung-primary, #FFF); height: 75vh; width: 100%; position: relative; } .mobile-catalog-menu__wrapper { height: 100vh; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 11; display: none; align-items: end; background: rgba(21, 21, 21, 0.76); } .mobile-catalog-menu__wrapper.is_open { display: flex; } .mobile-catalog-menu__close { position: absolute; top: 10px; right: 10px; display: flex; } .mobile-catalog-menu__grabber { width: 61px; height: 3px; flex-shrink: 0; border-radius: 4px; background: #7B7B7B; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } .mobile-catalog-menu__nav { display: flex; flex-direction: column; gap: 14px; width: 100%; overflow-y: scroll; height: calc(100vh - 200px); } .mobile-catalog-menu__link { display: flex; align-items: center; justify-content: space-between; padding: 15px 12px; border-radius: 4px; background: #F3F4F6; width: 100%; border: none; outline: none; } .mobile-catalog-menu__link span { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 14px; } .mobile-catalog-menu-inner { position: fixed; left: 0; background: #fff; height: 100%; width: 100%; padding-inline: 16px; display: none; } .mobile-catalog-menu-inner.is_active { display: block; } .mobile-catalog-menu-inner__heading { position: relative; } .mobile-catalog-menu-inner__back { display: flex; align-items: center; background: transparent; gap: 3px; border: none; padding: 0; position: absolute; left: 0; top: 0; } .mobile-catalog-menu-inner__back span { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 14px; font-weight: 400; line-height: 100%; } .mobile-catalog-menu-inner__logo { width: 100%; display: flex; align-items: center; justify-content: center; } .mobile-catalog-menu-inner__nav { padding: 24px 0; display: flex; flex-direction: column; gap: 14px; overflow-y: scroll; height: calc(100vh - 200px); } .mobile-catalog-menu-inner-links { position: absolute; top: 0; left: 0; background: #fff; height: 100%; width: 100%; padding-inline: 16px; display: none; } .mobile-catalog-menu-inner-links.is_active { display: block; } .mobile-catalog-menu-inner-links__heading { position: relative; } .mobile-catalog-menu-inner-links__back { display: flex; align-items: center; background: transparent; gap: 3px; border: none; padding: 0; position: absolute; left: 0; top: 0; } .mobile-catalog-menu-inner-links__back span { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 14px; font-weight: 400; line-height: 100%; } .mobile-catalog-menu-inner-links__logo { width: 100%; display: flex; align-items: center; justify-content: center; } .mobile-catalog-menu-inner-links__title { margin-top: 30px; margin-bottom: 24px; color: var(--Black, #231F20); font-family: Gilroy; font-size: 16px; font-weight: 500; line-height: 14px; } .mobile-catalog-menu-inner-links__nav { display: flex; flex-direction: column; width: 100%; gap: 4px; height: calc(100vh - 250px); overflow-y: scroll; } .mobile-catalog-menu-inner-links__item { padding: 12px; border-radius: 4px; background: #F8F8F8; color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 100%; } } .breadcrumbs { padding: 25px 0; } .breadcrumbs__box { display: flex; align-items: center; gap: 26px; } .breadcrumbs__link { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 120%; position: relative; white-space: nowrap; } .breadcrumbs__link::after { content: ""; position: absolute; right: -23px; top: 50%; transform: translateY(-50%); height: 20px; width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_92_146681)'%3E%3Cpath d='M8.33322 5L7.15405 6.17917L10.9749 10L7.15405 13.8208L8.33322 15L13.3332 10L8.33322 5Z' fill='%23111111'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_146681'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; } .breadcrumbs__link:not(:last-child):hover { color: #0F6EB8; } .breadcrumbs__link:last-child { pointer-events: none; color: var(--light-mode-label-primary, #111); font-weight: 500; } .breadcrumbs__link:last-child::after { display: none; } @media all and (max-width: 768px) { .breadcrumbs { padding: 25px 0 0; } .breadcrumbs__box { display: flex; overflow-x: scroll; overflow-y: hidden; padding-bottom: 5px; } .breadcrumbs__box::-webkit-scrollbar { height: 3px; } .breadcrumbs__box::-webkit-scrollbar-track { background: transparent; border-radius: 5px; } .breadcrumbs__box::-webkit-scrollbar-thumb { background: #0F6EB8; border-radius: 5px; } } .section-catalog-brands { padding: 25px 0 50px; } .section-catalog-brands__box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; } .catalog-brand-item { display: flex; flex-direction: column; gap: 20px; width: 100%; } .catalog-brand-item__logo { height: 236px; border-radius: 10px; background: #FFF; padding: 20px; display: flex; justify-content: center; align-items: center; } .catalog-brand-item__logo img { width: 60%; height: 60%; -o-object-fit: contain; object-fit: contain; transition: transform 300ms ease-in-out; } .catalog-brand-item__bottom { display: flex; align-items: center; justify-content: space-between; padding: 30px 20px; border-radius: 10px; background: #FFF; } .catalog-brand-item__bottom span { color: var(--text, #212E40); font-size: 20px; font-weight: 600; line-height: 100%; } .catalog-brand-item:hover .catalog-brand-item__logo img { transform: scale(1.1); } .catalog-brand-item:active .catalog-brand-item__logo img { transform: scale(1); } @media all and (max-width: 768px) { .section-catalog-brands { padding: 30px 0 60px; } .section-catalog-brands__box { grid-template-columns: repeat(1, 1fr); gap: 30px; margin-top: 25px; } .catalog-brand-item { gap: 10px; } .catalog-brand-item__logo { height: 150px; } .catalog-brand-item__bottom { padding: 15px; } .catalog-brand-item__bottom span { font-size: 18px; } } .section-catalog-one-brand-banner { background: #FFE800; padding-bottom: 65px; } .section-catalog-one-brand-banner__logo { width: 100%; display: flex; align-items: center; justify-content: center; } .section-catalog-one-brand-banner__logo img{ width: 281px; } .section-catalog-one-brand { padding-bottom: 25px; } .section-catalog-one-brand__heading { margin: 50px 0; display: flex; align-items: center; gap: 30px; } .section-catalog-one-brand__link { color: var(--2, #212E40); font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 120%; } .section-catalog-one-brand__box { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 21px; column-gap: 21px; row-gap: 20px; } .section-catalog-one-brand__seo { padding: 25px 0 50px; } .category-link { display: flex; flex-direction: column; gap: 20px; } .category-link__img-wrapper { height: 192px; padding: 21px; border-radius: 20px; background: #FFF; display: flex; justify-content: center; align-items: center; } .category-link__img-wrapper img { width: 150px; height: 150px; -o-object-fit: contain; object-fit: contain; transition: transform 300ms ease-in-out; } .category-link__bottom { padding: 20px 16.5px; border-radius: 10px; background: #FFF; color: #3B434F; text-align: center; font-size: 14px; font-weight: 500; line-height: 100%; transition: background 300ms ease-in-out, color 300ms ease-in-out; } @media (hover: hover) { .category-link:hover .category-link__img-wrapper img { transform: scale(1.1); } .category-link:hover .category-link__bottom { background: #4E94CA; color: #fff; } .category-link:active .category-link__img-wrapper img { transform: scale(1); } } @media (hover: none) { .category-link:active .category-link__img-wrapper img { transform: scale(1.1); } .category-link:active .category-link__bottom { background: #4E94CA; color: #fff; } } @media all and (max-width: 768px) { .section-catalog-one-brand-banner { padding-bottom: 25px; } .section-catalog-one-brand-banner__logo { width: 100%; } .section-catalog-one-brand-banner__logo svg { transform: scale(0.5); } .section-catalog-one-brand { padding-bottom: 25px; } .section-catalog-one-brand__heading { margin: 60px 0 30px; flex-direction: column; gap: 5px; align-items: start; } .section-catalog-one-brand__link { font-size: 20px; } .section-catalog-one-brand__box { grid-template-columns: repeat(2, 1fr); -moz-column-gap: 7px; column-gap: 7px; row-gap: 8px; } .section-catalog-one-brand__seo { padding: 25px 0 50px; } .category-link { gap: 8px; height: auto; } .category-link__img-wrapper { height: 177px; padding: 11px; border-radius: 10px; flex-shrink: 0; } .category-link__img-wrapper img { width: 84px; height: 84px; } .category-link__bottom { padding: 5px; border-radius: 10px; font-size: 12px; height: 100%; height: 40px; display: flex; align-items: center; justify-content: center; } } .filters__wrapper { display: flex; flex-direction: column; gap: 10px; height: -moz-fit-content; height: fit-content; position: sticky; top: 20px; } .filters__mobile { display: none; } .filters__close { display: none; } .filters__graber { display: none; } .filters__btns { display: flex; gap: 11px; margin-top: 40px; } .filters__btn { min-width: -moz-fit-content; min-width: fit-content; width: 100%; font-family: Inter; font-weight: 400; font-size: 14px; } .filter { padding: 16px; border-radius: 10px; background: #FFF; } .filter__head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .filter__title { color: #212E40; font-size: 14px; font-weight: 500; line-height: 100%; } .filter__body { padding-top: 16px; padding-bottom: 5px; display: flex; flex-direction: column; gap: 13px; display: none; } .filter.is_open .filter__body { display: flex; } .filter__checkbox { display: flex; justify-content: space-between; align-items: center; position: relative; } .filter__checkbox input { opacity: 0; width: 0; height: 0; position: absolute; } .filter__checkbox input:checked + label { border: 1.5px solid #00ADEF; } .filter__checkbox input:checked + label::after { transform: scale(1.1); } .filter__checkbox label { width: 15px; height: 15px; border-radius: 3px; border: 1.5px solid #5B5B5B; position: relative; cursor: pointer; transition: border 200ms ease-in-out; flex-shrink: 0; } .filter__checkbox label::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.2222 0H1.77778C0.795556 0 0 0.795556 0 1.77778V14.2222C0 15.2044 0.795556 16 1.77778 16H14.2222C15.2044 16 16 15.2044 16 14.2222V1.77778C16 0.795556 15.2044 0 14.2222 0ZM6.22222 12.4444L1.77778 8L3.03556 6.74222L6.22222 9.92889L12.9644 3.18667L14.2222 4.44444L6.22222 12.4444Z' fill='%2300ADEF'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; transform: scale(0); transition: transform 300ms cubic-bezier(0.45, 1.8, 0.5, 0.75); } .filter__checkbox span { color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; } .filter-price__range-input { position: relative; } .filter-price__range-input input { position: absolute; width: 100%; height: 4px; top: 0; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; z-index: 10; } .filter-price__range-input input[type=range]::-webkit-slider-thumb { height: 7px; width: 12px; border-radius: 5px; background: #00ADEF; pointer-events: auto; -webkit-appearance: none; z-index: 2; } .filter-price__range-input input[type=range]::-moz-range-thumb { height: 7px; width: 12px; border: none; border-radius: 50%; background: #00ADEF; pointer-events: auto; -moz-appearance: none; z-index: 2; } .filter-price__slider { height: 5px; position: relative; background: #EBEBEB; border-radius: 5px; } .filter-price__slider .progress { height: 100%; left: 12%; right: 5%; position: absolute; border-radius: 5px; background: #82DCFF; } .filter-price__price-input { display: flex; justify-content: space-between; margin-top: 11px; } .filter-price__price-input .field { display: flex; align-items: center; gap: 4px; color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; } .filter-dynamic-inputs { display: flex; align-items: center; gap: 4px; } .filter-dynamic-inputs input { border-radius: 6px; background: #F8F8F8; padding: 10px 8px 10px 30px; border: none; outline: none; color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; position: relative; width: 100%; } .filter-dynamic-inputs input::-webkit-outer-spin-button, .filter-dynamic-inputs input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } .filter-dynamic-inputs__wrapper { position: relative; width: 100%; } .filter-dynamic-inputs__wrapper::after { content: attr(data-attr); position: absolute; top: 11px; left: 8px; color: #5B5B5B; font-size: 14px; font-weight: 400; line-height: 100%; z-index: 1; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; display: block; } @media all and (max-width: 768px) { .filters__wrapper { display: none; flex-direction: column; gap: 8px; position: fixed; left: 0; top: 80px; background: #fff; width: 100%; height: calc(100% - 80px); border-radius: 16px 16px 0px 0px; padding-inline: 16px; } .filters__wrapper.is_open { display: flex; z-index: 90; } .filters__mobile { display: flex; } .filters__graber { position: absolute; left: 50%; transform: translateX(-50%); top: 10px; width: 61px; height: 3px; border-radius: 4px; background: #7B7B7B; display: block; } .filters__close { position: absolute; top: 7px; right: 6px; display: flex; } .filters__heading { display: flex; width: 100%; justify-content: center; position: relative; margin-top: 40px; margin-bottom: 32px; } .filters__back { position: absolute; left: 0px; top: 4px; display: flex; align-items: center; gap: 3px; background: transparent; color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 14px; font-weight: 400; line-height: 100%; border: none; outline: none; padding: 0; } .filters__btns { margin-top: auto; margin-bottom: 12px; } .filter { background: #F8F8F8; } .filter_desktop-sort { display: none; } .filter_mobile-sort { background: #fff; padding: 13px 14px; position: absolute; width: calc(100% - 58px); } .filter_mobile-caller { display: flex; align-items: center; justify-content: center; padding: 13px; border-radius: 10px; background: #FFF; border: none; flex-shrink: 0; height: 46px; width: 46px; margin-left: auto; } } .section-catalog { padding: 25px 0 50px; } .section-catalog__box { display: grid; grid-template-columns: 263px 1fr; -moz-column-gap: 21px; column-gap: 21px; margin-bottom: 25px; } .section-catalog__right { display: flex; flex-direction: column; } .section-catalog__tabs { display: flex; align-items: center; gap: 20px; margin-top: 50px; flex-wrap: wrap; } .section-catalog__tab { border-radius: 10px; background: #FFF; color: #0F6EB8; font-size: 14px; font-weight: 400; line-height: 100%; padding: 20px 15px; min-width: 172px; text-align: center; transition: color 200ms ease-in-out, background 300ms ease-in-out; } .section-catalog__tab:hover { background: #0F6EB8; color: #FFF; } .section-catalog__banner { height: 414px; width: 100%; border-radius: 10px; overflow: hidden; margin-top: 50px; } .section-catalog__banner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-catalog__products { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 20px; margin-top: 50px; } .section-catalog__mobile-btns-wrapper { display: none; } @media all and (max-width: 768px) { .section-catalog { padding: 60px 0; } .section-catalog__box { grid-template-columns: 1fr; } .section-catalog__right { display: flex; flex-direction: column; } .section-catalog__tabs { align-items: start; gap: 8px; margin-top: 30px; flex-wrap: wrap; } .section-catalog__tab { border-radius: 6px; font-size: 12px; padding: 10px 15px; min-width: -moz-fit-content; min-width: fit-content; } .section-catalog__banner { height: 142px; border-radius: 6px; margin-top: 30px; } .section-catalog__products { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; margin-top: 30px; } .section-catalog__mobile-btns-wrapper { display: flex; gap: 12px; margin-top: 30px; position: relative; } } .section-single-product { padding: 25px 0; } .section-single-product .container { /*display: grid; /*grid-template-columns: repeat(2, 1fr);*/ /*grid-template-columns: 60% 1fr; -moz-column-gap: 21px; column-gap: 21px;*/ display: flex; flex-wrap: wrap; } .section-single-product__top { display: flex; gap: 21px; width: 100%; max-width: 783px; } .section-single-product__swipers-wrapper { display: flex; gap: 20px; width: 100%; height: 480px; overflow: hidden; } .section-single-product__manipulative-btns { display: flex; align-items: center; gap: 10px; position: absolute; top: 22px; right: 19px; z-index: 10; } .section-single-product__manipulative-btns.is_favourite .section-single-product__like-btn path { fill: #FF543E; } .section-single-product__manipulative-btns.is_compare .section-single-product__compare-btn path { stroke: #30c4ff; } .section-single-product__manipulative-btns.is_share .section-single-product__share-btn path { fill: #0F6EB8; } .section-single-product__badge { position: absolute; top: 20px; left: 20px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 4px; background: #FF1F00; padding: 8px 14px; color: var(--dark-mode-label-primary, #FFF); font-size: 12px; font-weight: 600; line-height: 120%; z-index: 10; } .section-single-product__badge span { display: flex; align-items: center; gap: 1px; } .section-single-product__icon-btn { width: 50px; height: 50px; border: none; border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #F8F8F8; padding: 0; } .section-single-product__icon-btn svg { transition: transform 300ms ease-in-out; } .section-single-product__icon-btn path { transition: all 300ms ease-in-out; } .section-single-product__bottom { max-width: 783px; margin-top: 50px; padding: 30px; border-radius: 10px; background: #FFF; } .section-single-product-thumbs { height: 480px; max-width: 127px; width: 100%; } .section-single-product-thumbs .swiper-slide { border-radius: 10px; border: 1px solid #FFF; background: #FFF; display: flex; align-items: center; justify-content: center; transition: border 200ms ease-in-out; cursor: pointer; } .section-single-product-thumbs .swiper-slide-thumb-active { border: 1px solid #4E94CA; } .section-single-product-thumbs img { width: 68px; height: 75px; -o-object-fit: contain; object-fit: contain; } .section-single-product-swiper { max-width: 636px; width: 100%; height: 480px; overflow: hidden; border-radius: 10px; background: #FFF; position: relative; } .section-single-product-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; } .section-single-product-swiper img { width: 485px; height: 485px; -o-object-fit: contain; object-fit: contain; } .section-single-product-info-card { display: flex; flex-direction: column; padding: 30px; border-radius: 10px; background: #FFF; width: 100%; max-width: 536px; gap: 30px; position: sticky; top: 200px; height: fit-content; } .prod-left{ display: flex; flex-direction: column; flex: 0 0 60%; width: 100%; } .prod-fix-div-inner{ flex: 0 0 40%; width: 100%; } .section-single-product-info-card__heading { display: flex; flex-direction: column; gap: 20px; } .section-single-product-info-card__article { color: var(--2, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .section-single-product-info-card__title { color: var(--2, #212E40); font-family: Gilroy; font-size: 20px; font-weight: 700; line-height: 100%; } .section-single-product-info-card__box { display: flex; flex-direction: column; gap: 20px; padding: 20px; border-radius: 10px; background: #F8F8F8; } .section-single-product-info-card__item { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .section-single-product-info-card__item h3 { color: var(--2, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; } .section-single-product-info-card__item p { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 100%; text-align: end; } .section-single-product-info-card__item p.danger { color: #FF1F00; } .section-single-product-info-card__price-box { display: flex; align-items: center; justify-content: space-between; } .section-single-product-info-card__price { color: var(--2, #212E40); font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 100%; } .section-single-product-info-card__price span { font-size: 16px; } .section-single-product-info-card__input-box { display: flex; align-items: center; gap: 5px; padding: 10px; border-radius: 10px; background: #F8F8F8; } .section-single-product-info-card__input-btn { border-radius: 8px; background: #FFF; padding: 10px; border: none; outline: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 300ms ease-in-out; } .section-single-product-info-card__input { width: 30px; text-align: center; background: transparent; border: none; outline: none; color: #000; font-family: Gilroy; font-size: 16px; font-weight: 400; line-height: 100%; } .section-single-product-info-card__input::-webkit-outer-spin-button, .section-single-product-info-card__input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } .section-single-product-info-card__discount { color: var(--2, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .section-single-product-info-card__btns { display: flex; align-items: center; gap: 18px; } .section-single-product-info-card__btns button { width: 100%; } .section-single-product-spares { padding: 25px 0 50px; } .section-single-product-spares__heading { margin-bottom: 50px; } .section-single-product-spares__box { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } @media (hover: hover) { .section-single-product__icon-btn:active svg { transform: scale(0.8); } .section-single-product-info-card__input-btn:active { transform: scale(0.8); } } @media (hover: none) { .section-single-product__icon-btn:active svg { transform: scale(0.8); } .section-single-product-info-card__input-btn:active { transform: scale(0.8); } } @media all and (max-width: 768px) { .section-single-product { padding: 30px 0; position: relative; } .section-single-product .container { display: flex; flex-direction: column; padding-top: 316px; } .prod-left{ order: 2; } .section-single-product__top{ position: absolute; top: 16px; left: 0; width: 92%; margin: 0px 16px; } .prod-fix-div-inner{ order: 1; } .section-single-product__swipers-wrapper { flex-direction: column-reverse; gap: 12px; height: auto; } .section-single-product__manipulative-btns { flex-direction: column; gap: 20px; top: unset; bottom: 20px; } .section-single-product__icon-btn { width: 40px; height: 40px; border: none; border-radius: 8px; } .section-single-product__bottom { max-width: 100%; padding: 0; margin-top: 30px; border-radius: 0; background: transparent; } .section-single-product-thumbs { height: 63px; max-width: 100%; width: 100%; } .section-single-product-thumbs .swiper-slide { border-radius: 8px; } .section-single-product-thumbs img { width: 44px; height: 48px; } .section-single-product-swiper { max-width: 100%; width: 100%; height: 260px; } .section-single-product-swiper img { width: 300px; height: 300px; } .section-single-product-info-card { padding: 16px; max-width: 100%; gap: 16px; position: relative; top: unset; margin-top: 30px; } .section-single-product-info-card__heading { gap: 16px; } .section-single-product-info-card__article { font-size: 12px; } .section-single-product-info-card__title { font-size: 16px; } .section-single-product-info-card__box { padding: 16px; border-radius: 8px; } .section-single-product-info-card__price { font-size: 20px; } .section-single-product-info-card__input { width: 20px; } .section-single-product-info-card__discount { font-size: 12px; } .section-single-product-info-card__btns { gap: 7px; } .section-single-product-info-card__btns button { width: 100%; min-width: -moz-fit-content; min-width: fit-content; } .section-single-product-spares { padding: 30px 0; } .section-single-product-spares__heading { margin-bottom: 30px; } .section-single-product-spares__box { grid-template-columns: repeat(2, 1fr); gap: 8px; } } .tabs-accordion { display: grid; grid-auto-columns: 1fr; grid-template-columns: auto; position: relative; row-gap: 25px; } .tabs-accordion__link { cursor: pointer; color: #929BA4; font-family: Gilroy; font-size: 20px; font-weight: 700; line-height: 100%; white-space: nowrap; text-align: center; padding: 0 25px 25px; border-bottom: 2px solid #E6E6E6; } .tabs-accordion__link.is_active { color: #00ADEF; border-bottom: 2px solid #00ADEF; } .tabs-accordion__link svg.arrow { display: none; } .tabs-accordion__content { display: none; } .tabs-accordion__content.is_active { display: block; } .tabs-accordion__desc { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 125%; } .tabs-accordion__video-wrapper { width: 100%; height: 402px; padding: 20px; border-radius: 10px; background: #F8F8F8; } .tabs-accordion__video-wrapper video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .tabs-accordion__docs-wrapper { padding: 20px; border-radius: 10px; background: #F8F8F8; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .tabs-accordion-doc { display: flex; flex-direction: column; gap: 16px; } .tabs-accordion-doc__head { color: #212E40; font-size: 14px; font-weight: 500; line-height: 120%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .tabs-accordion-doc__img-wrapper { padding: 14px; border-radius: 8px; background: white; margin-top: auto; } .tabs-accordion-doc__img-wrapper a { display: block; height: 200px; overflow: hidden; } .tabs-accordion-doc__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; transition: scale 0.2s ease-in-out; } .tabs-accordion-doc__btn { width: 100%; } @media (hover: hover) { .tabs-accordion-doc:hover img { scale: 1.1; } .tabs-accordion-doc:active img { scale: 1; } } @media (hover: none) { .tabs-accordion-doc:active img { scale: 1.1; } } @media screen and (min-width: 768px) { .tabs-accordion { grid-auto-flow: column; } .tabs-accordion__link { grid-row: 1/2; } .tabs-accordion__content { grid-row: 2/3; grid-column: 1/5; } } @media all and (max-width: 768px) { .tabs-accordion { display: grid; grid-auto-columns: 1fr; grid-template-columns: auto; position: relative; row-gap: 0; } .tabs-accordion__link { white-space: wrap; padding: 8px 14px; border-bottom: none; color: #212E40; font-size: 14px; font-weight: 500; line-height: 100%; background: #ffffff; margin-bottom: 8px; border-radius: 10px; display: flex; justify-content: space-between; gap: 8px; align-items: center; } .tabs-accordion__link span { padding: 10px 0; display: block; } .tabs-accordion__link.is_active { color: #212E40; border-bottom: none; margin-bottom: 0; border-radius: 10px 10px 0 0; } .tabs-accordion__link.is_active svg.arrow { transform: rotate(180deg); } .tabs-accordion__link svg.arrow { display: block; } .tabs-accordion__content { display: none; background: #ffffff; margin-bottom: 8px; padding: 0 16px 16px; } .tabs-accordion__content.is_active { display: block; border-radius: 0 0 10px 10px; } .tabs-accordion__desc { background: #F8F8F8; border-radius: 6px; padding: 12px; color: #5B5B5B; font-size: 12px; } .tabs-accordion__video-wrapper { height: 208px; padding: 12px; border-radius: 6px; } .tabs-accordion__box { padding: 12px; } .tabs-accordion__item h3, .tabs-accordion__item p { font-size: 12px; } .tabs-accordion__item h3 { font-weight: 500; } .tabs-accordion__docs-wrapper { padding: 12px; border-radius: 6px; grid-template-columns: repeat(1, 1fr); gap: 20px; } .tabs-accordion-doc { gap: 8px; } .tabs-accordion-doc__img-wrapper { padding: 7px; border-radius: 4px; } .tabs-accordion-doc__img-wrapper a { height: 180px; } } .section-cart { padding: 25px 0 50px; } .section-cart__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; } .section-cart__btns-wrapper { display: flex; align-items: center; gap: 20px; } .section-cart__btn { align-items: center; gap: 8px; color: var(--text, #212E40); font-family: Inter; font-size: 14px; font-weight: 500; line-height: 100%; border-radius: 10px; border: 1px solid #8E9EA4; background: #F8F8F8; height: 40px; padding: 0; transition: all 300ms ease-in-out; } .section-cart__btn path { transition: all 300ms ease-in-out; } .section-cart__left { display: flex; flex-direction: column; gap: 20px; } .section-cart__box { display: flex; gap: 19px; } .section-cart__right { width: 100%; max-width: 434px; } .section-cart .section-cart-empty__container { display: none; } .section-cart-empty .container { display: none; } .section-cart-empty .section-cart-empty__container { display: block; width: 100%; max-width: 1370px; padding-inline: 15px; margin-inline: auto; height: 100%; } .section-cart-empty__box { height: calc(100vh - 142px); width: 100%; background: #fff; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .section-cart-empty__icon { margin-bottom: 10px; } .section-cart-empty__title { color: var(--2, #212E40); font-size: 24px; font-weight: 700; line-height: 100%; margin-bottom: 14px; } .section-cart-empty__desc { color: var(--Accent-1, #3C444E); font-size: 16px; font-weight: 500; line-height: 100%; margin-bottom: 30px; } .section-cart-empty__btn { min-width: 242px; font-family: Inter; font-weight: 500; } @media (hover: hover) { .section-cart__btn:hover { color: #fff; border: 1px solid var(--Accent, #00ADEF); } .section-cart__btn:hover path { fill: #fff; } .pdf__save-btn:hover { color: #fff; border: 1px solid var(--Accent, #00ADEF); background: var(--Accent, #00ADEF); } .pdf__save-btn:hover path { fill: #fff; } } @media (hover: none) { .section-cart__btn:active { color: #fff; border: 1px solid var(--Accent, #00ADEF); } .section-cart__btn:active path { fill: #fff; } } @media all and (max-width: 768px) { .section-cart { padding: 60px 0; } .section-cart .container { padding-inline: 0; } .section-cart__heading { display: flex; flex-direction: column; align-items: start; margin-bottom: 30px; width: 100%; gap: 30px; padding-inline: 16px; } .section-cart__btns-wrapper { gap: 9px; width: 100%; } .section-cart__btn { align-items: center; gap: 8px; color: var(--text, #212E40); font-family: Inter; font-size: 14px; font-weight: 500; line-height: 100%; border-radius: 10px; border: 1px solid #8E9EA4; background: #F8F8F8; height: 40px; padding: 0; transition: all 200ms ease-in-out; width: 100%; } .section-cart__btn path { transition: all 200ms ease-in-out; } .section-cart__left { gap: 8px; padding-inline: 16px; } .section-cart__box { display: flex; flex-direction: column; gap: 40px; } .section-cart__right { width: 100%; max-width: 100%; } .section-cart-empty__container { padding-inline: 16px; margin-inline: auto; } .section-cart-empty__box { height: calc(100vh - 170px); } .section-cart-empty__icon { width: 100px; height: 100px; } .section-cart-empty__title { font-size: 20px; } } @media all and (max-width: 360px) { .section-cart__btns-wrapper { flex-direction: column; } } .cart-card { display: flex; flex-direction: column; gap: 20px; padding: 20px; background: #fff; border-radius: 10px; max-width: 434px; width: 100%; position: sticky; top: 19px; } .cart-card__info { display: flex; align-items: center; justify-content: space-between; } .cart-card__total { color: var(--2, #212E40); font-size: 24px; font-weight: 700; line-height: 100%; } .cart-card__savings { color: var(--Accent, #00ADEF); font-size: 14px; font-weight: 600; line-height: 100%; } .cart-card__savings h2 { color: var(--2, #212E40); font-weight: 400; } .cart-card__savings h3 { color: var(--2, #212E40); font-weight: 400; } .cart-card__info-wrapper { display: flex; flex-direction: column; gap: 16px; } .cart-card__order-btn { width: 100%; color: var(--White, #FFF); font-size: 14px; font-weight: 600; line-height: 100%; padding: 0; height: 50px; align-items: center; } .cart-card-form { display: flex; align-items: center; background: #F8F8F8; border-radius: 6px; height: 50px; } .cart-card-form__input { background: transparent; border: none; outline: none; padding: 0; font-size: 14px; font-weight: 500; line-height: 100%; flex: 1; height: 100%; padding-inline: 11px; color: var(--2, #212E40); } .cart-card-form__input::-moz-placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .cart-card-form__input::placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .cart-card-form__submit { background: transparent; border: none; outline: none; padding: 0; display: flex; align-items: center; justify-content: center; height: 100%; padding-inline: 11px; cursor: pointer; } .cart-item { border-radius: 10px; background: #FFF; display: flex; gap: 40px; align-items: center; padding: 10px 20px 10px 0; max-width: 887px; } .cart-item__img-box { width: 168px; height: 168px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .cart-item__img-box img { width: 134px; height: 134px; -o-object-fit: contain; object-fit: contain; } .cart-item__heading { display: flex; flex-direction: column; gap: 16px; max-width: 193px; width: 100%; } .cart-item__badges { display: flex; align-items: center; gap: 8px; } .cart-item__badge { padding: 7px 10px; border-radius: 6px; background: #FF1F00; color: var(--White, #FFF); font-size: 12px; font-weight: 500; line-height: 100%; text-transform: capitalize; } .cart-item__badge_hit { background: #F88600; } .cart-item__title { color: var(--2, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; } .cart-item__title a{ color: var(--2, #212E40); } .cart-item__discount-box { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 400; line-height: 100%; } .cart-item__discount-box span { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .cart-item__discount-box h3 { color: var(--text, #212E40); } .cart-item__in-stock { color: #34BE6B; font-size: 12px; font-weight: 400; line-height: 100%; } .cart-item__price-box { display: flex; align-items: center; gap: 40px; } .cart-item__counter { display: flex; gap: 10px; height: -moz-fit-content; height: fit-content; } .cart-item__counter button { border-radius: 8px; background: #F8F8F8; border: none; outline: none; padding: 10px; display: flex; transition: transform 200ms ease-in-out; cursor: pointer; } .cart-item__counter button:active { transform: scale(0.8); } .cart-item__counter input { width: 30px; text-align: center; background: transparent; border: none; outline: none; color: #000; font-family: Gilroy; font-size: 16px; font-weight: 400; line-height: 100%; padding: 0; } .cart-item__counter input::-webkit-outer-spin-button, .cart-item__counter input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } .cart-item__price { display: flex; flex-direction: column; gap: 16px; align-items: end; white-space: nowrap; } .cart-item__price span { color: #9B9B9B; font-size: 14px; font-weight: 500; line-height: 100%; text-decoration: line-through; } .cart-item__price h3 { color: var(--2, #212E40); font-size: 20px; font-weight: 600; line-height: 100%; } .cart-item__manipulation { display: flex; align-items: center; gap: 10px; } .cart-item__btn-icon { border: none; outline: none; padding: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; background: #F8F8F8; cursor: pointer; transition: transform 200ms ease-in-out; } .cart-item__btn-icon:active { transform: scale(0.8); } .cart-item.is_favourite .cart-item__btn-like path { fill: #FF543E; } .cart-item.is_compare .cart-item__btn-compare path { stroke: var(--Accent, #30c4ff); } .cart-item.is_delete { display: none; } @media all and (max-width: 768px) { .cart-card { gap: 16px; padding: 16px; border-radius: 0; max-width: 100%; width: 100%; position: relative; top: unset; } .cart-card__total { font-size: 16px; } .cart-card__order-btn { height: 40px; } .cart-card-form { height: 40px; } .cart-item { display: grid; grid-template-columns: auto; gap: 10px; align-items: center; padding: 10px; max-width: 100%; } .cart-item__img-box { width: 100px; height: 100px; } .cart-item__img-box img { width: 100%; height: 100%; } .cart-item__heading { max-width: 100%; } .cart-item__badges { gap: 5px; flex-wrap: wrap; } .cart-item__discount-box { font-size: 14px; } .cart-item__in-stock { font-size: 14px; } .cart-item__price-box { display: flex; align-items: center; justify-content: space-between; gap: 0; grid-column: span 3; grid-row: 2/3; border-top: 1px solid rgba(198, 198, 200, 0.39); padding-top: 12px; } .cart-item__counter { gap: 5px; } .cart-item__price { gap: 8px; } .cart-item__price span { font-size: 12px; font-weight: 500; } .cart-item__price h3 { font-size: 16px; } .cart-item__manipulation { flex-direction: column; align-items: end; gap: 8px; } } .section-contacts { padding: 25px 0 50px; } .section-contacts__heading { margin-bottom: 50px; } .section-contacts__content { display: flex; gap: 20px; } .section-contacts__map-wrapper { max-width: 907px; height: auto; width: 100%; border-radius: 10px; overflow: hidden; margin-top: 70px; } .section-contacts__map-wrapper iframe { height: 100%; } .section-contacts__box { position: relative; } .section-contacts__tabs { position: absolute; top: 0; left: 0; } .section-contacts__tabs [data-tabs-contacts] { display: flex; align-items: center; gap: 20px; border: none; } .section-contacts__tabs [data-tabs-contacts] a { border-radius: 0; padding: 0; height: 50px; display: flex; align-items: center; justify-content: center; padding-inline: 10px; min-width: 128px; border-radius: 10px; background: #FFF; border: none; color: #0F6EB8; font-size: 14px; font-weight: 400; line-height: 100%; } .section-contacts__tabs [data-tabs-contacts] a[role=tab][aria-selected=true] { background: #00ADEF; color: #fff; } @media all and (max-width: 768px) { .section-contacts { padding: 60px 0 30px; } .section-contacts__heading { margin-bottom: 30px; } .section-contacts__content { gap: 16px; flex-direction: column; } .section-contacts__map-wrapper { max-width: 100%; height: 323px; margin: 0; } .section-contacts__map-wrapper iframe { height: 323px; width: 100%; } .section-contacts__box { position: relative; } .section-contacts__tabs { position: relative; top: unset; left: unset; margin-bottom: 30px; } .section-contacts__tabs [data-tabs-contacts] { flex-direction: column; align-items: center; gap: 16px; border: none; } .section-contacts__tabs [data-tabs-contacts] li { width: 100%; } } .section-contacts-card { display: flex; flex-direction: column; max-width: 413px; width: 100%; background: #fff; border-radius: 10px; } .section-contacts-card__img-wrapper { height: 262px; padding: 22px 20px; width: 100%; border-radius: 10px; position: relative; display: flex; z-index: 0; border-radius: 10px; overflow: hidden; } .section-contacts-card__img-wrapper::after { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.41) 100%); position: absolute; top: 0; left: 0; z-index: -1; } .section-contacts-card__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; } .section-contacts-card__title { margin-top: auto; color: #FFF; font-size: 16px; font-weight: 400; line-height: 100%; } .section-contacts-card__box { display: flex; flex-direction: column; gap: 30px; padding: 30px 20px 20px; } .section-contacts-card__info { display: flex; flex-direction: column; gap: 20px; color: var(--2, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .section-contacts-card__info p { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .section-contacts-card__info a { width: -moz-fit-content; width: fit-content; font-size: 16px; } .section-contacts-card__link-wrapper { display: flex; flex-direction: column; gap: 16px; } .section-contacts-card__btn { width: 100%; } @media all and (max-width: 768px) { .section-contacts-card { max-width: 100%; width: 100%; } .section-contacts-card__title { font-size: 14px; } .section-contacts-card__box { padding: 16px; } } .section-warranty { padding: 25px 0 50px; } .section-warranty__heading { margin-bottom: 50px; } .section-warranty__grid { display: flex; gap: 30px; } .section-warranty__links { max-width: 354px; width: 100%; display: flex; flex-direction: column; gap: 10px; } .section-warranty__link { display: flex; align-items: center; gap: 5px; justify-content: space-between; height: 50px; padding: 0 7px 0 16px; border-radius: 4px; background: #fff; } .section-warranty__link span { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .section-warranty__link svg { flex-shrink: 0; } .section-warranty__link path { fill: #212E40; } .section-warranty__link.is_active { background: #00ADEF; } .section-warranty__link.is_active span { color: #fff; } .section-warranty__link.is_active path { fill: #fff; } .section-warranty__box { display: flex; flex-direction: column; max-width: 956px; width: 100%; gap: 30px; } .section-warranty__tabs ul { border: none; display: flex; align-items: center; gap: 30px; } .section-warranty__tabs ul a { border-radius: 4px; border: 1px solid #0F6EB8; padding: 10px 16.5px; color: #0F6EB8; font-size: 16px; font-weight: 500; line-height: 100%; height: 50px; display: flex; align-items: center; justify-content: center; transition: all 200ms ease-in-out; } .section-warranty__tabs ul a[role=tab][aria-selected=true] { border: 1px solid #00ADEF; background: #00ADEF; color: #fff; } .section-warranty__content { display: flex; flex-direction: column; gap: 30px; padding: 30px; background: #fff; border-radius: 10px; } .section-warranty__img { height: 490px; width: 100%; border-radius: 10px; overflow: hidden; } .section-warranty__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-warranty__desc { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 150%; } @media all and (max-width: 768px) { .section-warranty { padding: 60px 0 30px; } .section-warranty__heading { margin-bottom: 30px; } .section-warranty__grid { flex-direction: column-reverse; } .section-warranty__links { max-width: 100%; gap: 8px; } .section-warranty__link { height: 46px; padding: 10px; border-radius: 10px; justify-content: center; } .section-warranty__link span { font-size: 14px; font-weight: 500; text-align: center; } .section-warranty__link svg { display: none; } .section-warranty__box { max-width: 100%; gap: 16px; } .section-warranty__tabs ul { overflow-x: scroll; overflow-y: hidden; height: 100%; width: 100%; gap: 8px; border-radius: 10px; padding-bottom: 5px; } .section-warranty__tabs ul::-webkit-scrollbar { height: 3px; } .section-warranty__tabs ul::-webkit-scrollbar-track { background: transparent; border-radius: 5px; } .section-warranty__tabs ul::-webkit-scrollbar-thumb { background: #0F6EB8; border-radius: 5px; } .section-warranty__tabs ul a { border-radius: 10px; font-size: 14px; height: 40px; flex-shrink: 0; white-space: nowrap; } .section-warranty__content { padding: 16px; } .section-warranty__img { height: 180px; } } .section-stocks { padding: 25px 0 50px; } .section-stocks__heading { margin-bottom: 50px; } .section-stocks__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media all and (max-width: 768px) { .section-stocks { padding: 60px 0 30px; } .section-stocks__heading { margin-bottom: 30px; } .section-stocks__box { grid-template-columns: repeat(1, 1fr); gap: 8px; } } .stock-card { display: flex; gap: 20px; padding: 20px; align-items: center; background: #fff; border-radius: 10px; transition: transform 200ms ease-in-out; } .stock-card__left { max-width: 321px; width: 100%; height: 260px; } .stock-card__left img { width: 100%; height: 100%; border-radius: 10px; -o-object-fit: cover; object-fit: cover; } .stock-card__right { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .stock-card__badge { padding: 10px; border-radius: 50px; background: #FF543E; width: -moz-fit-content; width: fit-content; color: var(--light-mode-backgroung-primary, #FFF); font-size: 14px; font-weight: 500; line-height: 100%; } .stock-card__title { color: var(--text, #212E40); font-size: 20px; font-weight: 600; line-height: 130%; } .stock-card__bottom { display: flex; justify-content: space-between; align-items: center; } .stock-card__date { color: var(--text, #212E40); font-size: 14px; font-weight: 500; line-height: 100%; } .stock-card__arrow { display: flex; } .stock-card__desc { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 160%; } @media (hover: hover) { .stock-card:hover { transform: scale(1.03); } .stock-card:active { transform: scale(1); } } @media (hover: none) { .stock-card:active { transform: scale(0.9); } } @media all and (max-width: 768px) { .stock-card { flex-direction: column; gap: 16px; padding: 16px; } .stock-card__left { max-width: 100%; } .stock-card__right { gap: 16px; height: -moz-fit-content; height: fit-content; } .stock-card__desc { font-size: 14px; } } .section-services-inner { padding: 25px 0; } .section-services-inner__box { display: flex; flex-direction: column; gap: 50px; background: #fff; border-radius: 10px; overflow: hidden; } .section-services-inner__link { width: 100%; height: 570px; border-radius: 10px; overflow: hidden; } .section-services-inner__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: scale 0.2s ease-in-out; } .section-services-inner__content { display: flex; flex-direction: column; gap: 30px; padding-inline: 30px; padding-top: 30px; } .section-services-inner__heading { color: var(--text, #212E40); font-size: 20px; font-weight: 600; line-height: 100%; } .section-services-inner__desc { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 160%; -moz-column-gap: 21px; column-gap: 21px; } .section-services-inner__bottom { display: flex; justify-content: space-between; padding-inline: 30px; padding-bottom: 42px; } .section-services-inner__date { color: var(--text, #212E40); font-size: 14px; font-weight: 600; line-height: 120%; } .section-services-inner__share { display: flex; align-items: center; gap: 20px; } .section-services-inner__share a { display: flex; cursor: pointer; } .section-services-inner__share a path { transition: fill 200ms ease-in-out; } .section-services-inner__share a:hover path { fill: #0F6EB8; } .services-inner-gallery { padding: 25px 0; overflow: hidden; } .services-inner-gallery__heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .swiper-services-inner-gallery { width: 100%; height: 270px; } .swiper-services-inner-gallery__nav { display: flex; align-items: center; gap: 20px; } .swiper-services-inner-gallery__btn { padding: 15px; display: flex; align-items: center; justify-content: center; border: 1px solid #212E40; border-radius: 50%; cursor: pointer; } .swiper-services-inner-gallery img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } @media (hover: hover) { .section-services-inner__link:hover img { scale: 1.03; } .section-services-inner__link:active img { scale: 1; } } @media (hover: none) { .section-services-inner__link:active img { scale: 1.03; } } @media all and (max-width: 768px) { .section-services-inner { padding: 60px 0 30px; } .section-services-inner__box { gap: 16px; padding: 16px; } .section-services-inner__link { height: 200px; border-radius: 6px; } .section-services-inner__content { gap: 20px; padding-inline: 0; } .section-services-inner__heading { font-size: 16px; } .section-services-inner__desc { color: #5B5B5B; line-height: 140%; -moz-column-count: 1; column-count: 1; -moz-column-gap: 0; column-gap: 0; } .section-services-inner__bottom { padding-inline: 0; padding-bottom: 0; margin-top: 4px; } .services-inner-gallery { padding: 30px 0 90px; } .swiper-services-inner-gallery { width: 100%; height: 130px; } .swiper-services-inner-gallery__nav { display: none; } .swiper-services-inner-gallery img { border-radius: 10px; } .swiper-services-inner-gallery__pagination { position: relative; border-radius: 5px; overflow: hidden; margin-top: 30px; height: 3px !important; } .swiper-services-inner-gallery__pagination span { border-radius: 5px; background: #0F6EB8 !important; } .section-services-inner-recs { padding-top: 0; } } .section-about { padding: 25px 0 50px; } .section-about__grid { display: grid; grid-template-columns: 354px 1fr; gap: 30px; margin-bottom: 24px; } .section-about__nav { display: flex; flex-direction: column; gap: 10px; } .section-about__link { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; padding: 0 7px 0 16px; border-radius: 4px; background: #FFF; } .section-about__link span { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .section-about__link.is_active { background: var(--Accent, #00ADEF); } .section-about__link.is_active span { color: #fff; } .section-about__link.is_active path { fill: #fff; } .section-about__box { display: flex; flex-direction: column; gap: 30px; background: #fff; padding: 30px; border-radius: 10px; } .section-about__img { height: 490px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .section-about__content { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 160%; } .section-about__heading { margin-bottom: 50px; } @media all and (max-width: 768px) { .section-about { padding: 60px 0; } .section-about__grid { grid-template-columns: 1fr; gap: 16px; } .section-about__nav { gap: 8px; order: 1; } .section-about__link { height: 46px; padding: 0 14px; border-radius: 10px; } .section-about__link span { font-size: 14px; } .section-about__link svg { width: 20px; height: 20px; } .section-about__box { gap: 16px; padding: 16px; } .section-about__img { height: 200px; } .section-about__content { color: #5B5B5B; line-height: 140%; } .section-about__heading { margin-bottom: 30px; } } .section-licence__heading { color: var(--text, #212E40); font-size: 16px; font-weight: 600; line-height: 125%; } .section-licence__box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .section-licence-item { display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: 10px; background: #F8F8F8; transition: transform 200ms ease-in-out; } .section-licence-item__img-wrapper { height: 336px; width: 100%; border-radius: 8px; border: 1px solid var(--light-mode-separator-secondary, rgba(60, 60, 67, 0.36)); overflow: hidden; } .section-licence-item__img-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-licence-item__title { color: var(--text, #212E40); font-size: 14px; font-weight: 500; line-height: 140%; } @media (hover: hover) { .section-licence-item:hover { transform: scale(1.03); } .section-licence-item:active { transform: scale(1); } } @media (hover: none) { .section-licence-item:active { transform: scale(0.95); } } @media all and (max-width: 768px) { .section-licence__heading { font-size: 14px; } .section-licence__box { grid-template-columns: repeat(2, 1fr); gap: 7px; } .section-licence__main-box { padding: 0; background: transparent; gap: 30px; } .section-licence-item { padding: 10px; background: #fff; } .section-licence-item__img-wrapper { height: 214px; border-radius: 6px; } .section-licence-item__title { font-size: 12px; } } .section-news__box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .news-item { display: flex; flex-direction: column; border-radius: 10px; background: #fff; transition: transform 200ms ease-in-out; } .news-item__img { height: 280px; width: 100%; border-radius: 10px; -o-object-fit: cover; object-fit: cover; } .news-item__box { display: flex; flex-direction: column; gap: 20px; padding: 20px 20px 15px; } .news-item__title { color: var(--text, #212E40); font-size: 16px; font-weight: 600; line-height: 100%; } .news-item__desc { color: #5E6A7B; font-size: 14px; font-weight: 400; line-height: 140%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news-item__bottom { display: flex; align-items: center; justify-content: space-between; } .news-item__date { color: var(--text, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; } .news-item__arrow { display: flex; } .section-news-inner__box { gap: 30px; } .section-news-inner__desc { -moz-column-count: 1; column-count: 1; } .section-news-inner-recs { margin-top: 30px; grid-column: 2/3; } .section-news-inner-recs__heading { margin-bottom: 50px; } .section-news-inner-recs__box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media (hover: hover) { .news-item:hover { transform: scale(1.05); } .news-item:active { transform: scale(1); } } @media (hover: none) { .news-item:active { transform: scale(0.95); } } @media all and (max-width: 768px) { .section-news__box { grid-template-columns: repeat(1, 1fr); gap: 16px; } .section-news-inner__box { gap: 16px; } .section-news-inner-recs { margin-top: 30px; grid-column: 1/2; } .section-news-inner-recs__heading { margin-bottom: 30px; } .section-news-inner-recs__box { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .section-vacancy__box { display: flex; flex-direction: column; gap: 20px; } .vacancy-item { display: flex; flex-direction: column; border-radius: 10px; background: var(--White-Primary, #FFF); padding: 20px; } .vacancy-item__head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .vacancy-item__title { color: var(--Black-Primary, #2F2F2F); font-size: 16px; font-weight: 500; line-height: 125%; max-width: 355px; } .vacancy-item__arrow { display: flex; padding: 10px; border-radius: 10px; background: #00ADEF; } .vacancy-item__body { max-height: 0px; overflow: hidden; transition: all 300ms ease; } .vacancy-item__box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .vacancy-item__wrapper { margin-top: 40px; display: flex; flex-direction: column; gap: 20px; } .vacancy-item__btn { grid-column: 1/3; width: 100%; border-radius: 8px; font-weight: 400; background: var(--Accent, #00ADEF); } .vacancy-item__input { border-radius: 8px; background: #F8F8F8; border: none; padding: 15px; outline: none; color: var(--Black-Primary, #2F2F2F); font-size: 14px; font-weight: 400; line-height: 16px; } .vacancy-item__input::-moz-placeholder { color: var(--Black-Primary, #2F2F2F); } .vacancy-item__input::placeholder { color: var(--Black-Primary, #2F2F2F); } .vacancy-item__file input { width: 0; height: 0; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .vacancy-item__file label { display: block; border-radius: 8px; background: #F8F8F8; border: none; padding: 15px; outline: none; color: var(--Black-Primary, #2F2F2F); font-size: 14px; font-weight: 400; line-height: 16px; cursor: pointer; } .vacancy-item__desc { display: flex; flex-direction: column; gap: 10px; } .vacancy-item__desc span { color: var(--Black-Primary, #2F2F2F); font-size: 14px; font-weight: 500; line-height: 120%; } .vacancy-item__desc a { color: var(--Black-Primary, #2F2F2F); font-size: 14px; font-weight: 400; line-height: 120%; } .vacancy-item.is_active .vacancy-item__arrow { transform: rotate(180deg); background: #0F6EB8; } @media all and (max-width: 768px) { .section-vacancy__box { gap: 8px; } .vacancy-item { padding: 16px; } .vacancy-item__head { align-items: start; gap: 10px; } .vacancy-item__title { font-size: 14px; max-width: 100%; } .vacancy-item__box { grid-template-columns: repeat(1, 1fr); gap: 8px; } .vacancy-item__wrapper { margin-top: 10px; flex-direction: column-reverse; } .vacancy-item__btn { grid-column: 1; border-radius: 6px; } .vacancy-item__input { border-radius: 10px; } .vacancy-item__file label { border-radius: 10px; } .vacancy-item__desc { order: 1; } } .section-order { padding: 25px 0 50px; } .section-order__heading { margin-bottom: 50px; } .section-order__box { display: flex; gap: 20px; justify-content: space-around; } .section-order__left { width: 100%; max-width: 876px; display: flex; flex-direction: column; gap: 30px; } .section-order__right { width: 100%; max-width: 434px; } .order-box { padding: 20px; display: flex; flex-direction: column; gap: 20px; background: #fff; border-radius: 10px; } .order-box__title { color: var(--2, #2F2F2F); font-size: 20px; font-weight: 500; line-height: 100%; } .order-box__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } .order-box__common { grid-column: 1/3; display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 4px; background: #F9F9F9; } .order-box__radio { display: flex; align-items: center; gap: 12px; padding: 15px 16px; background: #F9F9F9; border-radius: 4px; } .order-box__radio input { margin: 0; position: absolute; z-index: -1; width: 0; height: 0; overflow: hidden; opacity: 0; } .order-box__radio input:checked + label.circle { border: none; } .order-box__radio input:checked + label.circle::after { transform: scale(1); } .order-box__radio label { color: var(--2, #2F2F2F); font-size: 16px; font-weight: 400; line-height: 100%; cursor: pointer; } .order-box__radio label.circle { width: 18px; height: 18px; border-radius: 50%; border: 1.2px solid #2F2F2F; position: relative; } .order-box__radio label.circle::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36183 5.0416C8.6802 5.04138 8.21507 5.04123 7.81619 5.14811C6.73778 5.43707 5.89544 6.2794 5.60648 7.35782C5.4996 7.7567 5.49975 8.22183 5.49998 8.90346V9.09646C5.49975 9.77809 5.4996 10.2432 5.60648 10.6421C5.89544 11.7205 6.73778 12.5629 7.81619 12.8518C8.21507 12.9587 8.6802 12.9585 9.36183 12.9583H9.55483C10.2365 12.9585 10.7016 12.9587 11.1005 12.8518C12.1789 12.5629 13.0212 11.7205 13.3102 10.6421C13.4171 10.2432 13.4169 9.77809 13.4167 9.09646V8.90346C13.4169 8.22183 13.4171 7.7567 13.3102 7.35782C13.0212 6.2794 12.1789 5.43707 11.1005 5.14811C10.7016 5.04123 10.2365 5.04138 9.55483 5.0416H9.36183ZM8.13971 6.35552C8.35812 6.29699 8.64312 6.29163 9.45833 6.29163C10.2735 6.29163 10.5585 6.29699 10.777 6.35552C11.424 6.52889 11.9294 7.03429 12.1028 7.68134C12.1613 7.89974 12.1667 8.18474 12.1667 8.99996C12.1667 9.81517 12.1613 10.1002 12.1028 10.3186C11.9294 10.9656 11.424 11.471 10.777 11.6444C10.5585 11.7029 10.2735 11.7083 9.45833 11.7083C8.64312 11.7083 8.35812 11.7029 8.13971 11.6444C7.49267 11.471 6.98727 10.9656 6.81389 10.3186C6.75537 10.1002 6.75 9.81517 6.75 8.99996C6.75 8.18474 6.75537 7.89974 6.81389 7.68134C6.98727 7.03429 7.49267 6.52889 8.13971 6.35552Z' fill='%2300ADEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45833 0.041626C4.51078 0.041626 0.5 4.05241 0.5 8.99996C0.5 13.9475 4.51078 17.9583 9.45833 17.9583C14.4059 17.9583 18.4167 13.9475 18.4167 8.99996C18.4167 4.05241 14.4059 0.041626 9.45833 0.041626ZM1.75 8.99996C1.75 4.74276 5.20114 1.29163 9.45833 1.29163C13.7155 1.29163 17.1667 4.74276 17.1667 8.99996C17.1667 13.2572 13.7155 16.7083 9.45833 16.7083C5.20114 16.7083 1.75 13.2572 1.75 8.99996Z' fill='%2300ADEF'/%3E%3Cpath d='M9.45833 6.29163C8.64312 6.29163 8.35812 6.29699 8.13971 6.35552C7.49267 6.52889 6.98727 7.03429 6.81389 7.68134C6.75537 7.89974 6.75 8.18474 6.75 8.99996C6.75 9.81517 6.75537 10.1002 6.81389 10.3186C6.98727 10.9656 7.49267 11.471 8.13971 11.6444C8.35812 11.7029 8.64312 11.7083 9.45833 11.7083C10.2735 11.7083 10.5585 11.7029 10.777 11.6444C11.424 11.471 11.9294 10.9656 12.1028 10.3186C12.1613 10.1002 12.1667 9.81517 12.1667 8.99996C12.1667 8.18474 12.1613 7.89974 12.1028 7.68134C11.9294 7.03429 11.424 6.52889 10.777 6.35552C10.5585 6.29699 10.2735 6.29163 9.45833 6.29163Z' fill='%2300ADEF'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(0); transition: transform 300ms cubic-bezier(0.45, 1.8, 0.5, 0.75); } .order-box__input { border: none; outline: none; height: 50px; padding-inline: 16px; border-radius: 4px; background: #F9F9F9; font-size: 16px; font-weight: 400; line-height: 100%; width: 100%; } textarea.order-box__input{ padding: 16px; } .order-box__input::-moz-placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .order-box__input::placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .order-box__input_big { grid-column: span 2; } .order-box__pickup-desc { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .order-box__pickup-desc span { font-weight: 500; } @media all and (max-width: 768px) { .section-order { padding: 60px 0 0; } .section-order .container { padding-inline: 0; } .section-order__heading { margin-bottom: 30px; padding-inline: 16px; } .section-order__box { flex-direction: column; gap: 30px; } .section-order__left { max-width: 100%; gap: 16px; padding-inline: 16px; } .section-order__right { max-width: 100%; } .order-box { padding: 16px; } .order-box__title { font-size: 16px; font-weight: 600; } .order-box__grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .order-box__grid_mobile { gap: 0; } .order-box__common { grid-column: 1; grid-template-columns: repeat(1, 1fr); border-radius: 8px; } .order-box__radio { padding: 15px; border-radius: 4px; } .order-box__input_big { grid-column: unset; } .order-box__pickup-desc { font-size: 12px; } } .section-order-completed { padding: 25px 0 50px; } .section-order-completed__box { height: calc(100vh - 142px); width: 100%; background: #fff; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 40px; } .section-order-completed__icon { width: 100px; height: 100px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F8F8F8; } .section-order-completed__content { display: flex; flex-direction: column; gap: 30px; max-width: 330px; text-align: center; } .section-order-completed__title { color: var(--text, #212E40); font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 100%; text-transform: uppercase; } .section-order-completed__desc { color: #5F6267; font-family: Inter; font-size: 16px; font-weight: 400; line-height: 140%; } .section-order-completed__btn { background: var(--Accent, #00ADEF); font-weight: 400; min-width: 320px; } @media all and (max-width: 768px) { .section-order-completed__box { gap: 20px; padding-inline: 15px; } .section-order-completed__btn { min-width: 100%; } } .section-register { padding: 50px 0; } .section-register__heading { text-align: center; } .section-register__box { margin-top: 50px; display: flex; align-items: center; justify-content: center; } .section-register__form { display: flex; flex-direction: column; gap: 16px; max-width: 410px; width: 100%; } .section-register__desc { color: var(--text, #212E40); font-size: 12px; font-weight: 400; line-height: 100%; margin-top: 14px; } .section-register__desc a { color: var(--Accent, #00ADEF); font-size: 12px; } .section-register__btn { width: 100%; margin-top: 34px; } .section-register__input_password { position: relative; } .section-favourites { padding: 25px 0 50px; } .section-favourites__heading { margin-bottom: 50px; display: flex; align-items: center; justify-content: space-between; } .section-favourites__back-btn { min-width: -moz-fit-content; min-width: fit-content; } .section-favourites__box { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; } @media all and (max-width: 768px) { .section-register { padding: 60px 0; } .section-register__box { margin-top: 30px; } .section-register__form { gap: 8px; max-width: 100%; } .section-register__desc { margin-top: 22px; } .section-register__btn { margin-top: 22px; } .section-favourites { padding: 60px 0; } .section-favourites__heading { margin-bottom: 30px; } .section-favourites__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } } .input { width: 100%; display: flex; padding: 0; border: none; outline: none; padding: 20px 16px; border-radius: 4px; background: #FFF; font-size: 16px; font-weight: 400; line-height: 100%; } .input::-moz-placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .input::placeholder { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); } .input[type=password] { position: relative; } .input_gray { background: #F8F8F8; } .password-eye { position: absolute; display: flex; align-items: center; justify-content: center; top: 20px; right: 16px; width: 20px; height: 20px; cursor: pointer; } .password-eye svg.show { display: none; } .password-eye svg.hidden { display: flex; } .section-not-found { position: relative; height: 100vh; width: 100%; background: #00ADEF; display: flex; align-items: center; justify-content: center; } .section-not-found__box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 32px; } .section-not-found__desc { color: #FFF; font-family: Gilroy; font-size: 24px; font-weight: 700; line-height: 100%; } .section-not-found__btn { background: #fff; color: #00ADEF; width: 100%; text-transform: uppercase; } .section-not-found__btn:hover { background: #fff; } @media all and (max-width: 786px) { .section-not-found svg { width: 70%; height: -moz-fit-content; height: fit-content; } .section-not-found__btn { width: 80%; } .section-not-found__desc { font-size: 16px; } } .switcher { position: relative; display: flex; align-items: center; gap: 7px; padding: 16px; background: #fff; border-radius: 10px; border: none; } .switcher h3 { color: var(--text, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; } .switcher__input { width: 0; height: 0; opacity: 0; } .switcher__input:checked + .switcher__slider { background: #0F6EB8; } .switcher__input:checked + .switcher__slider::before { transform: translateX(17px); } .switcher__label { position: relative; display: inline-block; width: 41px; border-radius: 40px; overflow: hidden; cursor: pointer; } .switcher__slider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #DDDDDD; transition: background 200ms ease-in-out; } .switcher__slider::before { content: ""; position: absolute; top: 5px; left: 5px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform 200ms ease-in-out; } .section-compare { padding: 25px 0 50px; } .section-compare__heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 50px; } .section-compare__title { flex: 1; } .section-compare__clear { gap: 10px; border: 1px solid transparent; cursor: pointer; transition: all 0.4s ease; } .section-compare__clear:hover{ border: 1px solid #0F6EB8; } .section-compare__box { display: flex; position: relative; } .section-compare__left { width: -moz-fit-content; width: fit-content; height: auto; display: flex; align-items: end; } .section-compare__right { display: flex; flex: 1; overflow-x: scroll; gap: 20px; -ms-overflow-style: none; scrollbar-width: none; } .section-compare__right::-webkit-scrollbar { display: none; } .section-compare__options-wrapper { display: flex; flex-direction: column; } .compare { position: relative; color: var(--text, #212E40); font-size: 12px; font-weight: 400; line-height: 120%; padding: 10px 9px; } .compare_bold { font-weight: 600; } .compare:nth-of-type(2n + 1) { background: #fff; } .compare:nth-of-type(2n + 1)::after { content: ""; background: #fff; position: absolute; top: 0; left: 25px; height: 100%; width: 100%; z-index: -1; } .compare-card { max-width: 252px; width: 100%; flex-shrink: 0; } .compare-card__img-wrapper { max-width: 177px; height: 170px; } .compare-card__options { margin-top: 20px; } .compare-card__delete:hover path { fill: #FF1F00; stroke: none; } .compare-card__top { align-items: center; } .section-compare-empty { height: calc(100vh - 200px); width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; padding-inline: 16px; } .section-compare-empty h2 { color: var(--2, #212E40); text-align: center; font-size: 20px; font-weight: 500; line-height: 100%; } .animation-finger { position: absolute; bottom: 10px; right: 10px; z-index: 10; display: flex; animation: linear infinite; animation-name: left-to-rigth; animation-duration: 1s; } @keyframes left-to-rigth { 0% { right: 10px; } 50% { right: 30px; } 100% { right: 10px; } } .swiper-compare { width: 100%; overflow: hidden; } .swiper-compare .swiper-slide { width: -moz-fit-content; width: fit-content; } @media all and (max-width: 768px) { .switcher { padding: 16px 12px; order: 2; justify-content: space-between; } .switcher h3 { font-size: 12px; } .switcher__label { flex-shrink: 0; } .section-compare { padding: 60px 0; } .section-compare__heading { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 8px; column-gap: 8px; row-gap: 20px; margin-bottom: 30px; } .section-compare__title { order: 0; } .section-compare__clear { gap: 10px; order: 1; padding: 6px 7px; width: -moz-fit-content; width: fit-content; margin-left: auto; } .section-compare__box { display: flex; overflow-x: scroll; } .section-compare__right { overflow-x: unset; gap: 8px; } .section-compare__options-wrapper { display: flex; flex-direction: column; } .compare { white-space: nowrap; } .compare-card { max-width: 177px; width: unset; } .compare-card__img-wrapper { max-width: 153px; height: 112px; } .compare-card__options { margin-top: 30px; } .compare-card__bottom { gap: 12px; } .compare-card__btns { display: flex; } .animation-finger { right: unset; bottom: unset; top: 0; left: 0; animation: linear infinite; animation-name: left-to-rigth-mob; animation-duration: 1s; } } @keyframes left-to-rigth-mob { 0% { left: 10px; } 50% { left: 30px; } 100% { left: 10px; } } .section-office { padding: 25px 0 50px; } .section-office__grid { display: grid; grid-template-columns: 361px 1fr; row-gap: 20px; -moz-column-gap: 34px; column-gap: 34px; } .section-office__date-info { color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 180%; } .office-nav { display: flex; flex-direction: column; gap: 20px; padding: 20px; background: #fff; border-radius: 20px; height: -moz-fit-content; height: fit-content; } .office-nav-link { display: flex; align-items: center; gap: 12px; border-radius: 10px; background: #F8F8F8; padding: 10px; } .office-nav-link__icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; border: 1px solid #FFF; background: #FFF; } .office-nav-link__title { color: #8E9AA9; font-size: 16px; font-weight: 500; line-height: 120%; } .office-nav-link.is_active { background: #0F6EB8; } .office-nav-link.is_active .office-nav-link__title { color: #FFFFFF; } .office-nav-link.is_active .office-nav-link__icon { background: #0F6EB8; } .office-nav-link.is_active .office-nav-link__icon path { fill: #FFFFFF; } .office-form { display: flex; flex-direction: column; gap: 30px; max-width: 550px; width: 100%; } .office-form__wrapper { width: 100%; border-radius: 20px; background: #FFF; padding: 20px; height: -moz-fit-content; height: fit-content; } .office-form__input-wrapper { display: flex; align-items: center; gap: 11px; } .office-form__input { background: #F8F8F8; width: 100%; color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); padding: 15px; } .office-form__label { max-width: 133px; width: 100%; color: var(--text, #212E40); font-size: 16px; font-weight: 400; line-height: 100%; } .office-form__input_password { width: 100%; } .office-form__input_password .password-eye { top: 15px; right: 15px; } .office-form__btns { display: flex; gap: 20px; } .office-form__btn { width: 100%; font-family: Inter; font-size: 14px; font-weight: 600; } @media all and (max-width: 768px) { .section-office { padding: 60px 0; } .section-office__grid { grid-template-columns: 1fr; row-gap: 30px; } .section-office__date-info { color: #8E9AA9; font-size: 13px; order: 1; } .office-nav { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 8px; column-gap: 8px; row-gap: 11px; padding: 0; background: transparent; border-radius: 0; order: 0; } .office-nav-link { gap: 6px; border-radius: 12px; background: #FFF; } .office-nav-link__icon { width: 48px; height: 48px; border: 1px solid #F8F8F8; background: #F8F8F8; flex-shrink: 0; } .office-nav-link__title { font-size: 12px; } .office-nav-link.is_active .office-nav-link__icon { background: #FFF; } .office-nav-link.is_active .office-nav-link__icon path { fill: #0F6EB8; } .office-form { gap: 10px; max-width: 100%; } .office-form__wrapper { border-radius: 16px; padding: 12px; order: 2; } .office-form__input-wrapper { align-items: start; flex-direction: column; gap: 12px; } .office-form__label { max-width: 100%; } .office-form__btns { gap: 7px; } } @media all and (max-width: 370px) { .office-nav-link__icon { width: 25px; height: 25px; } .office-form__btns { flex-direction: column; margin-top: 10px; gap: 10px; } } .section-modal { padding: 25px 0 50px; } .section-modal__box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media all and (max-width: 768px) { .section-modal { padding: 60px; } .section-modal__box { grid-template-columns: 1fr; } } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31, 31, 31, 0.74); display: none; z-index: 1000; } .modal__box { display: flex; align-items: center; justify-content: center; height: 100%; } .modal__content { padding: 50px; background: #fff; border-radius: 10px; width: 100%; position: relative; } .modal__close { position: absolute; top: 16px; right: 15px; cursor: pointer; } .modal__heading { display: flex; flex-direction: column; gap: 30px; margin-bottom: 30px; } .modal__desc { color: var(--2, #212E40); font-size: 14px; font-weight: 400; line-height: 140%; } .modal__form { display: flex; flex-direction: column; gap: 20px; } .modal__input { padding: 15px; border-radius: 8px; color: #212E40; } .modal__textarea { resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 131px; } .modal__btn { width: 100%; margin-top: 10px; margin-bottom: 10px; font-family: Inter; font-weight: 600; padding: 20px 15px; } .modal__checkbox { align-items: start; gap: 15px; } .modal__checkbox span { color: var(--2, #212E40); font-size: 12px; font-weight: 400; line-height: 140%; } .modal__checkbox span a { color: #00ADEF; font-size: 12px; } .modal-answer__content { max-width: 482px; } .modal-buy__content { max-width: 508px; border-radius: 20px; padding: 50px 50px 40px; } .modal-buy__heading { align-items: center; text-align: center; } .modal-buy__form { gap: 16px; } .modal-buy__btn { margin-top: 14px; margin-bottom: 14px; } .modal-login__content { background: #F8F8F8; } .modal-login__input_password { background: #fff; color: #212E40; } .modal-login__remember { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; } .modal-login__checkbox { display: flex; align-items: center; gap: 6px; } .modal-login__checkbox span { color: #212E40; } .modal-login__forgot { color: var(--text, #212E40); font-size: 14px; font-weight: 400; line-height: 100%; } .modal-login__btns { display: flex; flex-direction: column; gap: 16px; margin-top: 34px; margin-bottom: 4px; } .modal-login__btn { margin: 0; } .modal-offer__title { font-size: 20px; font-weight: 500; width: 90%; } .modal-offer__tabs { margin-bottom: 30px; } .modal-offer__form { display: flex; flex-direction: column; gap: 16px; } .modal-offer__desc { color: var(--light-mode-label-secondary, rgba(60, 60, 67, 0.6)); font-size: 14px; font-weight: 400; line-height: 100%; margin-top: -4px; margin-bottom: 4px; } .modal-offer__btn { margin-top: 14px; margin-bottom: 0; } .modal-tabs ul { display: flex; gap: 20px; border: none; } .modal-tabs ul li { width: 100%; } .modal-tabs__btn { width: 100%; border-radius: 8px; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 100%; } .modal-tabs__btn[role=tab][aria-selected=true] { border: none; background: var(--Accent, #00ADEF); } .modal-tabs__btn[role=tab]:hover:not([aria-selected=true]) { border: none; background: #29b1e6; } @media all and (max-width: 768px) { .modal__box { padding-inline: 16px; } .modal__content { padding: 17px 16px; } .modal__close { top: 17px; right: 16px; } .modal__heading { gap: 20px; margin-bottom: 20px; } .modal__form { gap: 8px; } .modal__btn { margin-top: 12px; margin-bottom: 12px; padding: 15px; } .modal__checkbox { gap: 7px; } .modal-buy__content { border-radius: 10px; } .modal-buy__heading { gap: 25px; } .modal-login__content { padding: 30px 16px; } .modal-login__remember { margin-top: 22px; } .modal-login__btns { display: flex; flex-direction: column; gap: 16px; margin-top: 22px; margin-bottom: 22px; } .modal-login__btn { margin: 0; } .modal-offer__title { font-size: 16px; } .modal-offer__desc { margin-bottom: 0; } .modal-tabs ul { gap: 8px; } .modal-tabs__btn { min-width: 100%; text-align: center; } } @media all and (max-width: 330px) { .modal-tabs__btn { padding: 15px 5px; } } .order-history { display: flex; flex-direction: column; border-radius: 10px; background: #F8F8F8; overflow: hidden; } .order-history__box { display: flex; flex-direction: column; gap: 16px; } .order-history__head { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 16px 12px; } .order-history__number { color: var(--2, #212E40); font-size: 14px; font-weight: 600; line-height: 100%; } .order-history__status-box { display: flex; gap: 12px; } .order-history__status-arrow { max-width: 582px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .order-history__status { display: flex; gap: 4px; color: #636878; font-size: 12px; line-height: 120%; } .order-history__status h3 { font-weight: 700; } .order-history__status p { font-weight: 400; } .order-history__arrow { display: flex; } .order-history__arrow svg { transition: transform 300ms ease-in-out; } .order-history__arrow_mobile { display: none; } .order-history__body { display: flex; flex-direction: column; max-height: 0px; overflow: hidden; transition: all 500ms ease; } .order-history__item { padding: 10px 19px; } .order-history__item h3 { color: #555E6A; font-size: 12px; font-weight: 700; line-height: 120%; } .order-history__item p { color: #636878; text-align: right; font-size: 12px; font-weight: 400; line-height: 120%; } .order-history__item-info { display: flex; align-items: center; justify-content: space-between; max-width: 575px; margin-left: auto; } .order-history__item:nth-child(3n+1) { background: #E3E3E3; } .order-history.is_open .order-history__arrow svg { transform: scale(1, -1); } @media all and (max-width: 768px) { .order-history { border-radius: 8px; } .order-history__box { gap: 12px; } .order-history__head { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 9px; padding: 8px; } .order-history__number { font-size: 12px; } .order-history__status-box { gap: 7px; flex-wrap: wrap; } .order-history__status-arrow { max-width: 100%; grid-column: span 2; } .order-history__arrow { grid-row: 1/2; grid-column: 2/3; justify-content: end; } .order-history__arrow_desktop { display: none; } .order-history__arrow_mobile { display: flex; } .order-history__status { gap: 3px; flex-wrap: wrap; } .order-history__item { padding: 10px 9px; } .order-history__item h3:last-child { font-size: 10px; text-align: end; } .order-history__item p { font-size: 10px; } .order-history__item-info { max-width: 100%; } .order-history.is_open .order-history__arrow svg { transform: scale(1, -1); } } .pagination__box { display: flex; align-items: center; gap: 10px; width: -moz-fit-content; width: fit-content; margin-left: auto; } .pagination__item { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 6px; background: #FFF; cursor: pointer; transition: transform 200ms ease-in-out; } .pagination__item span { color: #A0A0A0; text-align: center; font-size: 14px; font-weight: 400; line-height: 100%; } .pagination__item.is_active { background: #0F6EB8; } .pagination__item.is_active span { color: #fff; } @media (hover: hover) { .pagination__item:hover { transform: scale(1.1); } .pagination__item:active { transform: scale(0.95); } } @media (hover: none) { .pagination__item:active { transform: scale(1.1); } } @media all and (max-width: 768px) { .pagination__box { gap: 6px; margin-right: auto; } .pagination__item:nth-child(n+5):not(:last-child) { display: none; } }/*# sourceMappingURL=style.css.map */ #bx-panel{ position: fixed !important; z-index: 1000 !important; width: 100% !important; top: 0; } .product-item-detail-slider-image{ display: none !important; } .single-product-price-wr{ order: 2; } .btn-link.product-item-detail-buy-button{ height: auto; width: 100%; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after{ display: none; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ min-width: auto; height: auto; } .popup-window{ position: fixed !important; padding: 10px 20px !important; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px; z-index: 1000 !important; flex-direction: unset; color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); align-items: center; gap: 8px; top: 20px !important; right: 20px !important; left: unset !important; width: fit-content; } .popup-window-titlebar{ height: auto; } .popup-window-titlebar-text{ font-size: 12px; line-height: 12px; padding: 0; color: #3c763d; font-weight: 400; } .popup-window-close-icon{ position: unset; order: 4; display: flex; align-items: center; width: auto; } .popup-window-close-icon:after{ position: unset; transform: unset; -webkit-transform: unset; } .popup-window-buttons{ padding: 0; } .popup-window-buttons .btn{ background: transparent; border: none; padding: 0; box-shadow: unset; color: #23a1d1; font-size: 12px; text-shadow: unset; line-height: 12px; } .popup-window-with-titlebar .popup-window-content{ background-color: rgb(223, 240, 216) !important; padding: 0; } .popup-window-content img{ display: none; } .popup-window-content p{ margin-bottom: 0; } .popup-window-overlay{ display: none !important; } .popup-window{ font: 12px 'Open Sans', sans-serif; } .basket-items-list-item-container .input-group-btn{ pointer-events: all; } .popup-window-titlebar{ height: 20px; display: flex; align-items: center; } .popup-window-content{ height: 20px; display: flex; align-items: center; } .popup-window-buttons{ height: 20px; display: flex; align-items: center; } .bx-green .btn.btn-default{ background: transparent; color: #23a1d1; } .basket-item-actions-remove:after, .basket-item-actions-remove:before{ display: none; } #bx-soa-total-mobile{ display: none; } #bx-soa-basket{ display: none; } .bx-soa-pp-company-graf-container{ padding-top: 0; width: 20px; height: 20px; } .bx-soa-section-title-container{ overflow: unset; padding: unset; background: unset; font-size: unset; } #bx-soa-properties{ order: 2; } #bx-soa-region{ order: 1; } #bx-soa-delivery{ order: 3; } #bx-soa-paysystem{ order: 4; } #bx-soa-orderSave{ display: none !important; } .bx_soa_location .bx-soa-custom-label{ display: none; } .form-group.bx-soa-customer-field.has-error{ border: 1px solid red; } label[for*="orderDescription"]{ margin-bottom: 10px; } .bx-soa-pp-company .bx-soa-pp-company-graf-container{ width: 18px; height: 18px; border-radius: 50%; border: 1.2px solid #2F2F2F; position: relative; } .bx-soa-pp-company .bx-soa-pp-company-graf-container::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36183 5.0416C8.6802 5.04138 8.21507 5.04123 7.81619 5.14811C6.73778 5.43707 5.89544 6.2794 5.60648 7.35782C5.4996 7.7567 5.49975 8.22183 5.49998 8.90346V9.09646C5.49975 9.77809 5.4996 10.2432 5.60648 10.6421C5.89544 11.7205 6.73778 12.5629 7.81619 12.8518C8.21507 12.9587 8.6802 12.9585 9.36183 12.9583H9.55483C10.2365 12.9585 10.7016 12.9587 11.1005 12.8518C12.1789 12.5629 13.0212 11.7205 13.3102 10.6421C13.4171 10.2432 13.4169 9.77809 13.4167 9.09646V8.90346C13.4169 8.22183 13.4171 7.7567 13.3102 7.35782C13.0212 6.2794 12.1789 5.43707 11.1005 5.14811C10.7016 5.04123 10.2365 5.04138 9.55483 5.0416H9.36183ZM8.13971 6.35552C8.35812 6.29699 8.64312 6.29163 9.45833 6.29163C10.2735 6.29163 10.5585 6.29699 10.777 6.35552C11.424 6.52889 11.9294 7.03429 12.1028 7.68134C12.1613 7.89974 12.1667 8.18474 12.1667 8.99996C12.1667 9.81517 12.1613 10.1002 12.1028 10.3186C11.9294 10.9656 11.424 11.471 10.777 11.6444C10.5585 11.7029 10.2735 11.7083 9.45833 11.7083C8.64312 11.7083 8.35812 11.7029 8.13971 11.6444C7.49267 11.471 6.98727 10.9656 6.81389 10.3186C6.75537 10.1002 6.75 9.81517 6.75 8.99996C6.75 8.18474 6.75537 7.89974 6.81389 7.68134C6.98727 7.03429 7.49267 6.52889 8.13971 6.35552Z' fill='%2300ADEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45833 0.041626C4.51078 0.041626 0.5 4.05241 0.5 8.99996C0.5 13.9475 4.51078 17.9583 9.45833 17.9583C14.4059 17.9583 18.4167 13.9475 18.4167 8.99996C18.4167 4.05241 14.4059 0.041626 9.45833 0.041626ZM1.75 8.99996C1.75 4.74276 5.20114 1.29163 9.45833 1.29163C13.7155 1.29163 17.1667 4.74276 17.1667 8.99996C17.1667 13.2572 13.7155 16.7083 9.45833 16.7083C5.20114 16.7083 1.75 13.2572 1.75 8.99996Z' fill='%2300ADEF'/%3E%3Cpath d='M9.45833 6.29163C8.64312 6.29163 8.35812 6.29699 8.13971 6.35552C7.49267 6.52889 6.98727 7.03429 6.81389 7.68134C6.75537 7.89974 6.75 8.18474 6.75 8.99996C6.75 9.81517 6.75537 10.1002 6.81389 10.3186C6.98727 10.9656 7.49267 11.471 8.13971 11.6444C8.35812 11.7029 8.64312 11.7083 9.45833 11.7083C10.2735 11.7083 10.5585 11.7029 10.777 11.6444C11.424 11.471 11.9294 10.9656 12.1028 10.3186C12.1613 10.1002 12.1667 9.81517 12.1667 8.99996C12.1667 8.18474 12.1613 7.89974 12.1028 7.68134C11.9294 7.03429 11.424 6.52889 10.777 6.35552C10.5585 6.29699 10.2735 6.29163 9.45833 6.29163Z' fill='%2300ADEF'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: cover; transform: scale(0); transition: transform 300ms cubic-bezier(0.45, 1.8, 0.5, 0.75); } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container::after{ transform: scale(1); } .bx-soa-pp-desc-container .order-box__radio{ background: transparent; padding: 0; border: unset; } .bx-soa-pp-desc-container .order-box__radio .bx-soa-pp-company-logo{ display: none; } .bx-soa-pp-company-desc{ padding: 0; } .bx-soa-cart-total-line{ border-top: unset; } #bx-soa-total{ position: sticky; top: 19px; } .cart-card__info.cart-card__total{ grid-row: 1; } .bx-soa-cart-total{ display: grid; gap: 20px; } #bx-soa-main-notifications{ position: absolute; } .container:has(.pdf__save-wrapper){ position: absolute; z-index: 1; top: 209px; right: 0; left: 0; } .pdf__save-wrapper{ box-shadow: unset; background: unset; padding: 0; width: fit-content; height: auto; position: unset; margin-left: auto; margin-right: 200px; /*top: 209px; right: 19.8%; z-index: 1;*/ } .pdf__save-btn{ align-items: center; gap: 8px; color: var(--text, #212e40); font-family: Inter; font-size: 14px; font-weight: 500; line-height: 100%; border-radius: 10px; border: 1px solid #8E9EA4; background: #f8f8f8; height: 40px; padding: 0; transition: all 300ms ease-in-out; margin: 0; display: inline-flex; justify-content: center; min-width: 172px; cursor: pointer; width: fit-content; filter: none; } .pdf__save-btn::before{ content: 'Скачать файлом'; } .pdf__save-btn::after{ content: ''; background: url(/local/templates/techmarket/css/../src/icons/arrow.svg) center no-repeat; background-size: contain; width: 21px; height: 20px; } .search-form-wr{ background: #0F6EB8; padding: 20px 10px; } .search-form-wr .header__search{ padding: 15px; } .search-form-wr .header__search-submit{ position: relative; display: flex; justify-content: center; align-items: center; width: auto; height: 100%; } .search-form-wr .header__search-submit input{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0; cursor: pointer; } .search-form-wr .header__search-submit svg{ transition: all 0.4s ease; } .search-form-wr .header__search-submit:hover svg{ transform: scale(1.1); } .search-form-wr .header__search-submit svg path{ transition: all 0.4s ease; } .search-form-wr .header__search-submit:hover svg path{ fill: #0F6EB8; } .section-register .bx-authform{ width: 100%; margin: 50px 0 0; display: flex; align-items: center; justify-content: center; max-width: 100%; } .section-register .bx-authform form{ display: flex; flex-direction: column; gap: 16px; min-width: 410px; width: 100%; } .section-register .bx-authform form input{ width: 100%; display: flex; padding: 0; border: none; outline: none; padding: 20px 16px; border-radius: 4px; background: #FFF; font-size: 16px; font-weight: 400; line-height: 100%; } .section-register .bx-authform form .btn.btn-primary{ display: inline-flex; justify-content: center; color: var(--White, #FFF); font-family: Gilroy; font-size: 16px; font-weight: 700; line-height: 100%; border-radius: 6px; background: var(--Blue, #0F6EB8); transition: background 300ms ease-in-out; width: -moz-fit-content; width: fit-content; border: none; outline: none; padding: 15px; min-width: 172px; cursor: pointer; width: 100%; } .section-register .bx-authform .bx-authform-link-container{ display: none; } .section-cart__box{ position: relative; z-index: 2; } .home-banner-swiper__link{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; z-index: 100; left: 0; } .product-item-amount-field{ max-width: 100%; } .prod-video-inn{ width: 100%; height: 100%; } .prod-video-inn iframe{ width: 100%; height: 100%; } .product-item-amount{ display: none; } .smart-filter-slider-handle.left{ background: #00ADEF; border: unset; width: 12px; height: 7px; border-radius: 5px; top: 9%; margin-left: -1px; margin-top: -2px; } .smart-filter-slider-handle.right{ background: #00ADEF; border: unset; width: 12px; height: 7px; border-radius: 5px; top: 9%; margin-right: -1px; margin-top: -2px; } .smart-filter-slider-price-bar-vd{ background: #82DCFF; border-radius: 5px; z-index: 2; } .smart-filter-slider-price-bar-vn{ background: #EBEBEB; z-index: 1; border-radius: 5px; } .smart-filter-slider-track{ height: 5px; } .smart-filter-slider-price-bar-v{ z-index: 36; } .smart-filter-slider-ruler{ display: none; background: transparent; top: 30px; } .smart-filter-slider-ruler span{ color: #5B5B5B; font-size: 14px; font-weight: 400; } .smart-filter-slider-ruler.p1{ display: block; left: 25px; } .smart-filter-slider-ruler.p5{ display: block; right: 25px; } .smart-filter-slider-track-container{ padding: 25px 1px 25px; } .min-price{ display: none; } .max-price{ display: none; } .smart-filter-inner{ display: flex; flex-direction: column; gap: 10px; } .section-home-banner .container{ position: relative; } .warranty-div { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-top: 10px; } .warranty-item img { width: 100%; height: 220px; object-fit: cover; margin-bottom: 5px; } #bx-panel.bx-panel-fixed{ z-index: 1000 !important; } @media all and (max-width: 768px) { .warranty-div { grid-template-columns: 1fr; } .catalog-caller{ display: flex; background: #4E94CA; max-width: 100%; } .home-banner-swiper__link { position: relative; } .home-banner-swiper__bg { -o-object-fit: contain; object-fit: contain; } } .section-cart__btns-wrapper{ z-index: 998; } .swiper-compare .swiper-slide{ height: fit-content; } .swiper-compare .swiper-wrapper{ align-items: end; } .switcher__input.similar:checked ~ .comparison-table .compare-value.is-similar, .switcher__input.different:checked ~ .comparison-table .compare-value.is-different { display: block; } .is-similar { background: #d9f8d9; } .is-different { background: #ffe0e0; } .bx-soa-pp-desc-container{ display: none; } .serv-gal-vid{ position: relative; display: flex; justify-content: center; align-items: center; } .serv-gal-vid .serv-btn{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; transition: all 0.4s ease; } .serv-gal-vid:hover .serv-btn{ transform: scale(1.1); } @media all and (max-width:768px){ .mobile-menu__nav .catalog-caller{ display: none; } .tabs-accordion__desc p a{ word-break: break-all; overflow-wrap: break-word; display: inline-block; max-width: 100%; } } .custom-notification.alert{ background: #000; color: #fff; } .custom-notification.alert button.close{ color: #fff; opacity: 1; margin: -2px 0px 0 10px; font-weight: 400; } /* End */ /* Start:/local/templates/techmarket/components/bitrix/sale.basket.basket.line/template1/style.min.css?17569776764062*/ .bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:90px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* /local/templates/techmarket/css/fancybox.css?175697767625343 */ /* /local/templates/techmarket/src/fonts/Gilroy/stylesheet.css?17569776767474 */ /* /local/templates/techmarket/src/fonts/Inter/stylesheet.css?17569776767727 */ /* /local/templates/techmarket/css/tabby-ui.min.css?1756977676917 */ /* /local/templates/techmarket/css/normalize.css?17569776761157 */ /* /local/templates/techmarket/css/swiper-bundle.min.css?175697767618429 */ /* /local/templates/techmarket/css/style.css?1765454268148629 */ /* /local/templates/techmarket/components/bitrix/sale.basket.basket.line/template1/style.min.css?17569776764062 */