/* Start:/local/templates/akja/css/swiper-bundle.min.css?177929749714611*/ /** * Swiper 12.1.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 29, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/akja/css/fancybox.css?177930220325343*/ :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/akja/custom.css?17792963477461*/ /* @media (max-width: 400px) { .tabs-filter__slide { max-width: 50%; } } */ .slide-product__title { min-height: 40px; } a.components-system-block__add { cursor: pointer; } .block-add-component__image { text-align: center; } @media (max-width: 768px) { .catalog-header__more { display: none !important; } } /* .slide-product__content { height: 100%; width: 100%; } */ .catalog-header-sorted { display: none; } .catalog-header-sorted._showmore-active { display: block; } .main-home__product .slide-product__image { min-height: 240px; } .main-slider__slide { display: flex; } .product-card__content-left .slide-product__basket { width: auto; } .product-card__content-left .slide-product__button { padding: 13px 50px; } .components-system-block__add { cursor: pointer; } @media (max-width: 991.98px) { .product-card__content-left .slide-product__basket { width: 100%; } } @media (max-width: 767.98px) { .block-add-component__image { flex: 0 0 60px; } .catalog-header__more { display: none; } .catalog-header-sorted { display: block; } } /* .tabs-filter-list .tabs-filter__slides { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs-filter-list .tabs-filter__slide { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs-filter-list .slide-product__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-top: none; border-bottom: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; border-left: 1px solid #f0f1f2; } .tabs-filter-list .slide-product__item:hover { -webkit-box-shadow: none; box-shadow: none; } .tabs-filter-list .slide-product__image { margin: 0px 50px 0px 0px; min-height: 200px; height: 200px; } .tabs-filter-list .slide-product__top { -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; margin: 0px 50px 0px 0px; } .tabs-filter-list .slide-product__bottom { -webkit-box-flex: 0; -ms-flex: 0 1 240px; flex: 0 1 240px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin: 15px 0px 0px 0px; } .tabs-filter-list .slide-product__total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 56px; margin: 0px 0px 10px 0px; } .tabs-filter-list .slide-product__basket { width: 100%; } .tabs-filter-list .slide-product__button { width: 100%; height: 50px; } .tabs-filter-list .slide-product__button span { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1212px) { .tabs-filter-list .slide-product__image { margin: 0px 20px 0px 0px; } .tabs-filter-list .slide-product__top { margin: 0px 20px 0px 0px; } } @media (max-width: 767.98px) { .tabs-filter-list .slide-product__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px; } .tabs-filter-list .slide-product__image { min-height: 147px; height: 147px; max-width: 147px; } .tabs-filter-list .slide-product__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } .tabs-filter-list .slide-product__bottom { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } .tabs-filter-list .slide-product__basket { display: none; } .tabs-filter-list .slide-product__button { width: 100%; height: auto; padding: 10px; } .tabs-filter-list .slide-product__button::before { width: 16px; height: 16px; font-size: 16px; } .tabs-filter-list .slide-product__time-count { top: 15px; left: 15px; } } @media (max-width: 479.98px) { .tabs-filter-list .slide-product__total { min-height: 47px; margin: 0px 0px 0px 0px; } .tabs-filter-list .slide-product__price-new { font-size: 20px; line-height: 1.4; } } .tabs-filter-list .slide-product__content-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._tab-active .slide-product__image { max-width: 200px; } */ .slick-slider { overflow: hidden; } .js-mainbanners-slider { height:300px; } .js-mainbanners-slider .mainbanners-slider-item-img { visibility: hidden; } .js-mainbanners-slider:before { display:block; float:left; width:calc(100% - 30px); margin:0 15px; content:''; height:300px; background:#cccccc; animation: background 2s infinite alternate; } .js-mainbanners-slider.slick-initialized { height:auto; } .js-mainbanners-slider.slick-initialized .mainbanners-slider-item-img { visibility:visible; } .js-mainbanners-slider.slick-initialized:before { display:none; } @keyframes background { 50% { background: #eeeeee; } } .slick-slide { float: left; padding: 0 15px; box-sizing: border-box; display: block; } .mainbanners-slider-item-img { overflow: hidden; } .mainbanners-slider-item-img img { max-width: 100%; } .brands__row.js-brands-slider.slick-initialized.slick-slider { width: 100%; display: block; margin-left: -15px; margin-right: -15px; } .slick-slide .brands__column { padding: 10px 0; } .main-left-banner { margin-top: 15px; } .main-left-banner a { cursor:pointer; } .main-left-banner img { width: 100%; } .slide-product__stock { flex-wrap: wrap; } .crkr-stock-block { position: relative; } .crkr-store-wrap { visibility: hidden; opacity: 0; position: absolute; transition:opacity 0.2s linear; width:300px; background:#ffffff; box-shadow: 0 0 5px 5px #cccccc; top:100%; left:0; padding:15px; box-sizing: border-box; z-index:10; } .crkr-store-item { width:100%; } .crkr-stock-block:hover .crkr-store-wrap { visibility: visible; opacity: 1; } .slide-product__item .crkr-stock-block { position: static; } .slide-product__item .crkr-store-wrap { top: 0; box-shadow: none; height:100%; width:100%; overflow-y:auto; } .crkr-header-rightlinks { display: flex; max-width: 73.75rem; margin: auto; padding: 15px 0; justify-content: center; } .crkr-header-rightlinks label input { margin-right:10px; } .mystore-export { margin-left:20px; display:block !important; } @media (max-width: 767.98px) { .main-left-banner { display:none; } } .skeleton-loader{ margin: 20px; text-align: center; } /* End */ /* Start:/local/templates/akja/components/bitrix/menu/main-topmost-menu/style.css?16999693734414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/akja/components/bitrix/menu/main-topmost-menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/akja/components/bitrix/menu/main-topmost-menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/akja/components/bitrix/menu/main-topmost-menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/akja/components/bitrix/menu/main-top-menu/style.css?16999693734414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/akja/components/bitrix/menu/main-top-menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/akja/components/bitrix/menu/main-top-menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/akja/components/bitrix/menu/main-top-menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/akja/components/bitrix/sale.basket.basket.line/main-basket-line/style.css?16999693734749*/ .bx-basket { } .bx-basket-block { 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; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; 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 (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; 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 { margin-right: 20px; padding-bottom: 0; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .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: none; } .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 */ /* Start:/local/templates/akja/components/bitrix/menu/main-left-menu/style.css?17084345114643*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/akja/components/bitrix/menu/main-left-menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/akja/components/bitrix/menu/main-left-menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/akja/components/bitrix/menu/main-left-menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } .section_icon { margin-right: 10px; } .catalog-header__subtitle .section_icon, .catalog-header__subsubtitle .section_icon { width: 20px; height: 20px; flex: 0 0 auto; object-fit: contain; align-self: center; } /* End */ /* Start:/local/templates/akja/components/bitrix/search.title/main-filter/style.css?17044935992215*/ .title-search-result{ background: white; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/akja/components/bitrix/search.title/main-filter/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .bottom-header__input { border-color: #a8a9ab !important; } /* End */ /* Start:/local/templates/akja/components/bitrix/news.list/main-stocks/style.css?1699969373150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/akja/components/bitrix/catalog.item/.default/style.css?169996937325496*/ .product-item-container { position: relative; } .product-item-container.hover { z-index: 17; } .product-item { display: block; box-sizing: border-box; padding: 15px 0 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; } .product-item-line-card .product-item { width: auto !important; border-bottom: 1px solid #dadada; } @media (max-width: 991px) { .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; } } .bx-retina .product-item { border-width: .5px; } .product-item * { transition: opacity 300ms ease; } @media (max-width: 767px) { .product-item { padding: 15px 5px 5px } .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; } } .bx-no-touch .product-item-container.hover .product-item { position: absolute; right: -15px; left: -15px; padding: 15px 15px 0; width: auto; border: 1px solid transparent; background: #fff; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } .bx-touch .product-item { padding: 15px 0 0; width: auto; background: #fff; } .bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; } @-webkit-keyframes product-item-hover { 0% { position: absolute; left: -15px; right: -15px; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } } /*Image*/ .product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; transition: all 300ms ease; } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear; } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } /*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; background-color: #f42c2c; opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; padding: 0; text-align: center; opacity: 0; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, .8); opacity: .6; cursor: pointer; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } /*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } /*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; } /* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { width: 100px; height: 100px; font-size: 30px; line-height: 100px; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { --product-item-label-ring-size: 40px; width: var(--product-item-label-ring-size); height: var(--product-item-label-ring-size); line-height: var(--product-item-label-ring-size); font-size: 14px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*Title*/ .product-item-title { overflow: hidden; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; } .bx-touch .product-item-title, .product-item-container.hover .product-item-title { overflow: auto; white-space: normal; } .product-item-title a { color: #3f3f3f; text-decoration: none; font-size: 13px; } .product-item-big-card .product-item-title a { font-size: 21px; } .product-item-line-card .product-item-title a { font-size: 20px; } /*Price*/ .product-item-price-container { margin: 5px 0 10px; } .product-item-price-current { color: #3f3f3f; white-space: nowrap; font-weight: bold; font-size: 13px; } .product-item-price-old { color: #a5a5a5; text-decoration: line-through; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; } /*Info*/ .product-item-line-card .product-item-info-container { text-align: center; } .product-item-info-container { margin-bottom: 8px; } .product-item-info-container-title { color: #000; font-weight: bold; font-size: 13px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #f2f2f2; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #d3d3d3; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-plus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: 50px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; display: block; } .product-item-big-card .product-item-amount-field-container { text-align: left; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; } /*Properties */ .product-item-properties { display: block; overflow: hidden; margin: 0; color: #a5a5a5; font-size: 12px; } .product-item-properties dl { clear: both; } .product-item-properties dt { float: left; clear: both; font-weight: normal; } .product-item-properties dd { float: right; margin-bottom: 3px; margin-left: 5px; color: #000; } /*Compare*/ .product-item-compare-container { position: relative; display: none; margin: 0 -15px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e6e6e6; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; vertical-align: middle; font-size: 12px; line-height: 20px; } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /* SCU */ .product-item-scu-container { padding: 0 0 2px; } .product-item-scu-container-title { color: #333; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0 0 0 -2px; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { /* float: left; */ display: inline-block; box-sizing: border-box; padding: 5px 3px; max-width: 100%; } .product-item-scu-item-text-container { min-width: 32px; } .product-item-scu-item-color-container { max-width: 38px; width: 25%; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; } .product-item-scu-item-text-block { position: relative; padding: 0 5px; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 18px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; outline-color: #a9adb4 !important; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } @media (max-width: 991px) { .product-item-line-card .product-item-scu-container-title { text-align: center; } .product-item-line-card .product-item-scu-item-list { text-align: center; } .product-item-line-card .product-item-scu-item-color-container, .product-item-line-card .product-item-scu-item-text-container { display: inline-block; float: none; } } /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; } /*Buttons*/ .product-item-button-container { text-align: center; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* End */ /* Start:/local/templates/akja/components/bitrix/catalog.section/main-recommended/style.css?16999693733808*/ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .row::before { display: initial; } /* End */ /* Start:/local/templates/akja/components/bitrix/news.list/main-socialmedia/style.css?1699969373150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/akja/components/bitrix/menu/main-bottomleft-menu/style.css?16999693734414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/akja/components/bitrix/menu/main-bottomleft-menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/akja/components/bitrix/menu/main-bottomleft-menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/akja/components/bitrix/menu/main-bottomleft-menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/akja/components/bitrix/news.list/main-communication-methods/style.css?1699969373150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/akja/components/bitrix/news.list/main-payment/style.css?1699969373150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/akja/styles.css?1779304795198448*/ @charset "UTF-8"; @font-face { font-family: icons; font-display: swap; src: url("/local/templates/akja/fonts/icons.woff2") format("woff2"), url("/local/templates/akja/fonts/icons.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Inter"; src: local("Inter-Regular"), local("Inter-Regular"), url("/local/templates/akja/fonts/Inter-Regular.woff") format("woff"), url("/local/templates/akja/fonts/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Inter"; src: local("Inter-Medium"), local("Inter-Medium"), url("/local/templates/akja/fonts/Inter-Medium.woff") format("woff"), url("/local/templates/akja/fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Inter"; src: local("Inter-SemiBold"), local("Inter-SemiBold"), url("/local/templates/akja/fonts/Inter-SemiBold.woff") format("woff"), url("/local/templates/akja/fonts/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: italic; } [class*=_icon-]:before { font-family: "icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=_icon-]:before { display: block; } ._icon-ruso:before { content: "\e92a"; } ._icon-pc-s:before { content: "\e91b"; } ._icon-server-s:before { content: "\e91c"; } ._icon-mouse-s:before { content: "\e91d"; } ._icon-notebook-acc-s:before { content: "\e91e"; } ._icon-notebook-s:before { content: "\e91f"; } ._icon-repeir-s:before { content: "\e920"; } ._icon-camera-cctv-s:before { content: "\e921"; } ._icon-shredder-s:before { content: "\e922"; } ._icon-power-ups-s:before { content: "\e923"; } ._icon-cash-register-s:before { content: "\e924"; } ._icon-barcode-read-s:before { content: "\e925"; } ._icon-usb-drive-s:before { content: "\e926"; } ._icon-audio-s:before { content: "\e927"; } ._icon-satellite-dish-s:before { content: "\e928"; } ._icon-printer-s:before { content: "\e929"; } ._icon-call:before { content: "\e91a"; } ._icon-catalog-search:before { content: "\e900"; } ._icon-home:before { content: "\e901"; } ._icon-status-serves:before { content: "\e902"; } ._icon-telegram:before { content: "\e903"; } ._icon-triangle-exclamation:before { content: "\e904"; } ._icon-viber:before { content: "\e905"; } ._icon-vk:before { content: "\e906"; } ._icon-whatsapp:before { content: "\e907"; } ._icon-youtube:before { content: "\e908"; } ._icon-arrow:before { content: "\e909"; } ._icon-arrow-right-arrow-left:before { content: "\e90a"; } ._icon-basket:before { content: "\e90b"; } ._icon-call-headset:before { content: "\e90c"; } ._icon-cart-plus:before { content: "\e90d"; } ._icon-chat:before { content: "\e90e"; } ._icon-check:before { content: "\e90f"; } ._icon-close:before { content: "\e910"; } ._icon-filter:before { content: "\e911"; } ._icon-heart:before { content: "\e912"; } ._icon-instagram:before { content: "\e913"; } ._icon-mail:before { content: "\e914"; } ._icon-pc:before { content: "\e915"; } ._icon-phone-old:before { content: "\e916"; } ._icon-plane-engines:before { content: "\e917"; } ._icon-search:before { content: "\e918"; } ._icon-sort-tile:before { content: "\e919"; } * { padding: 0px; margin: 0px; border: 0px; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; min-width: 375px; } body { color: #2b2e33; line-height: 1; font-family: "Inter", sans-serif; font-size: 14px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input, button, textarea { font-family: "Inter", sans-serif; font-size: inherit; } button { cursor: pointer; color: inherit; background-color: inherit; } a { color: inherit; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } .lock body { overflow: hidden; -ms-touch-action: none; touch-action: none; } .wrapper { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper > main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 0px 40px 0px; } .wrapper > * { min-width: 0; } .wrapper.common { overflow: hidden; } .fancybox__backdrop { background: rgba(25, 25, 25, 0.5) !important; } .fancybox__content { background: transparent !important; padding: 20px !important; } .fancybox__container { max-width: 100% !important; } /* (i) Стили будут применяться ко всем классам содержащим *__container Например header__container, main__container и т.д. Снипет (HTML): cnt */ [class*=__container] { max-width: 73.75rem; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; padding: 0 1rem; } .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-radius: 5px; background: #366cd9; font-weight: 600; font-size: 14px; line-height: 1.4285714286; color: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 15px; } .button:hover { background: #3465c6; } .checkbox { position: relative; } .checkbox .checkbox__input:disabled + .checkbox__label span { opacity: 0.5; } .checkbox__input { position: absolute; width: 0; height: 0; opacity: 0; } .checkbox__input:checked + .checkbox__label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .checkbox__label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .checkbox__label:before { content: ""; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; max-width: 16px; height: 16px; border: 1px solid #f0f1f2; margin: 0px 10px 0px 0px; } .checkbox__label::after { content: ""; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; width: 8px; height: 8px; background: #366cd9; position: absolute; top: 4px; left: 4px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .checkbox__text { font-weight: 400; font-size: 12px; line-height: 1.5; } .checkbox__border { -webkit-box-flex: 1; -ms-flex: 1 0 20px; flex: 1 0 20px; border-bottom: 1px dotted #7d7e80; margin: 0px 5px 5px 5px; } .checkbox__quantity { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .options__item { position: relative; cursor: pointer; padding: 5px; } .options__input { width: 0; height: 0; opacity: 0; position: absolute; } .options__input:checked + .options__label { border: 1px solid #366cd9; } .options__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: #f7f8fa; border: 1px solid #f0f1f2; border-radius: 5px; } .options__text { font-weight: 600; font-size: 14px; line-height: 1.4285714286; padding: 5px 10px; } .options-color .options__input:checked + .options__label:after { border: 1px solid #366cd9; } .options-color .options__input:checked + .options__label { border: 1px solid transparent; } .options-color .options__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 0px; position: relative; } .options-color .options__label:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; width: 32px; height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; padding: 12px; border-radius: 50%; border: 4px solid #ffffff; } .options-color .options__label:after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #c8c9cc; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .options-color .options__label:hover::after { content: ""; border: 1px solid #366cd9; } .options-color .options-orange::before { background: #ffb800; } .options-color .options-violet::before { background: #d02df9; } .options-color .options-green::before { background: #2bd028; } .info-checkout-options__option { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .info-checkout-options__item { border: 1px solid #f0f1f2; border-radius: 3px; padding: 15px 20px; width: 100%; position: relative; cursor: pointer; } .info-checkout-options__input { width: 0; height: 0; opacity: 0; position: absolute; } .info-checkout-options__input:checked + .info-checkout-options__label:after { border: 3px solid #366cd9; } .info-checkout-options__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; /* &:hover { &::after { content: ""; border: 3px solid $color_blue; } } */ } .info-checkout-options__label:before { content: ""; width: 16px; height: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; border: 3px solid #c8c9cc; border-radius: 50%; } .info-checkout-options__label:after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 50%; border: 3px solid #c8c9cc; } .info-checkout-options__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 20px 0px 0px; } .info-checkout-options__title { font-weight: 500; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 5px 0px; } .info-checkout-options__subtitle { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .select { position: relative; } .select__body { position: relative; min-width: 125px; } .select__title { display: -webkit-box; display: -ms-flexbox; display: flex; color: inherit; text-align: left; background-color: transparent; cursor: pointer; width: 100%; font-weight: 500; font-size: 12px; line-height: 1.4166666667; background-color: #ffffff; border-radius: 5px; padding: 0px 10px 0px 10px; } .select__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; width: 100%; } .select__content::before { width: 16px; height: 16px; font-weight: 700; font-size: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0px 0px 0px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .select__value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 17px; } .select__value > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .select__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .select__input { width: 100%; background-color: transparent; height: 100%; } .select__options { color: #2b2e33; position: absolute; z-index: 5; top: 18px; border-radius: 0 0 5px 5px; min-width: 100%; left: 0; background-color: #ffffff; border-top: 0; border-top: 0; padding: 7px 10px 10px 10px; margin: -2px 0px; } .select__scroll { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .select__option { width: 100%; text-align: left; cursor: pointer; font-weight: 500; font-size: 12px; line-height: 1.4166666667; background-color: #ffffff; color: inherit; padding: 2px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .select__option._select-selected { background-color: #eee; } .select__option:hover { color: #366cd9; } .select._select-open { z-index: 5; } .select._select-open .select__content::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .quantity { width: 116px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; } .quantity__button { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; position: relative; cursor: pointer; } .quantity__button_plus { padding: 12px 0px 12px 10px; } .quantity__button_plus::before { width: 24px; height: 24px; font-weight: 700; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c8c9cc; } .quantity__button_plus:hover::before { color: #7d7e80; } .quantity__button_minus { padding: 12px 10px 12px 0px; } .quantity__button_minus::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); width: 24px; height: 24px; font-weight: 700; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c8c9cc; } .quantity__button_minus:hover::before { color: #7d7e80; } .quantity__input { -webkit-box-flex: 1; -ms-flex: 1 1 48px; flex: 1 1 48px; height: 48px; min-width: 48px; } .quantity__input input { outline: none; height: 100%; font-weight: 600; font-size: 14px; line-height: 1.4285714286; width: 100%; text-align: center; border-radius: 5px; border: 1px solid #f0f1f2; } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat; } /* Offset direction */ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 3px; } .noUi-horizontal .noUi-handle { width: 16px; height: 16px; right: -15px; top: -7px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 16px; height: 16px; right: -7px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #e1e2e6; } .noUi-connect { background: #366cd9; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { background: #ffffff; border: 3px solid #366cd9; border-radius: 50%; cursor: default; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #b8b8b8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-sub { background: #aaa; } .noUi-marker-large { background: #aaa; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); -ms-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; } .rating__values { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 26px 0px; } .rating__value { -webkit-box-flex: 0; -ms-flex: 0 1 125px; flex: 0 1 125px; position: relative; } .rating__value._form-focus .price-lbl span { display: none; } .rating__value input { width: 125px; height: 38px; border: 1px solid #f0f1f2; padding: 10px 15px 10px 35px; color: #2b2e33; outline: none; font-weight: 400; font-size: 12px; line-height: 1.5; } .rating__value input::-webkit-input-placeholder { color: #2b2e33; } .rating__value input::-moz-placeholder { color: #2b2e33; } .rating__value input:-ms-input-placeholder { color: #2b2e33; } .rating__value input::-ms-input-placeholder { color: #2b2e33; } .rating__value input::placeholder { color: #2b2e33; } #price-start { margin: 0px 10px 0px 0px; } .price-lbl { position: absolute; top: 11px; left: 15px; color: #2b2e33; font-weight: 400; font-size: 12px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; } .price-lbl span { display: none; position: absolute; left: 20px; color: #c8c9cc; white-space: nowrap; } body::after { content: ""; background-color: rgba(0, 0, 0, 0.5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; pointer-events: none; z-index: 149; } .popup-show body::after { opacity: 1; } .popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 30px 10px; -webkit-transition: visibility 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; pointer-events: none; } .popup_show { z-index: 150; visibility: visible; overflow: auto; pointer-events: auto; } .popup_show .popup__content { visibility: visible; opacity: 1; } .popup__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; } .popup__content { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; background-color: #ffffff; padding: 35px 40px; width: 100%; max-width: 720px; min-height: 200px; } .lock .popup__content { visibility: visible; } .popup__close { position: absolute; right: 34px; top: 35px; cursor: pointer; outline: none; } .popup__close::before { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; font-size: 12px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popup__close:hover::before { color: #7d7e80; } .repair-status .popup__content { max-width: 380px; } .repair-status__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 10px 0px 0px 0px; } .repair-status__status { display: none; } .repair-status__status._active { display: block; } .repair-status__list { padding: 20px 0px 0px 0px; margin: -5px 0px; } .repair-status__column { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; padding: 5px 0px; } .repair-status__column span { color: #2b2e33; margin: 0px 0px 0px 5px; } .repair-status__block { margin: 20px 0px 0px 0px; } .repair-status__block._active { display: none; } .repair-status__forms { margin: -10px 0px; } .repair-status__input { padding: 10px 0px; } .repair-status__input input { width: 100%; outline: none; border: 1px solid #f0f1f2; border-radius: 3px; padding: 15px 20px; height: 50px; color: #7d7e80; } .repair-status__input input::-webkit-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .repair-status__input input::-moz-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .repair-status__input input:-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .repair-status__input input::-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .repair-status__input input::placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .repair-status__input input._form-focus { color: #2b2e33; } .repair-status__input input._form-error { border: 2px solid #e54545; } .repair-status__button { width: 100%; margin: 20px 0px 0px 0px; } span.color-blue { color: #366cd9; } .add-component .popup__content { padding: 35px 40px; width: 100%; position: relative; } .add-component .popup__content .popup__close { top: 10px; right: 10px; } .add-component__h4 { margin: 0px 0px 20px 0px; } .add-component__search { margin: 0px 0px 20px 0px; } .add-component__search .bottom-header__input { border-radius: 5px; } .add-component__search .bottom-header__input._form-error { border-right: 2px solid #e54545; } .add-component__block { height: 440px; border-left: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; border-top: 1px solid #f0f1f2; } .block-add-component__content { display: flex; flex-wrap: wrap; } .block-add-component__title, .block-add-component__subtitle, .block-add-component__more-btn { width: 100%; flex: 0 0 auto; } .block-add-component__item .slide-product__price-new { margin-left: 0; padding-right: 30px; line-height: normal; color: #e54545; } .block-add-component__button { margin-right: auto; } @media (max-width: 767px) { .block-add-component__item .slide-product__price-new { margin-top: 10px; padding-right: 0; } } .search-add-component__row { padding: 20px 0px 0px 0px; margin: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-add-component__column { padding: 5px; } .search-add-component__item { cursor: pointer; border: 1px solid #f0f1f2; border-radius: 50px; padding: 8px 15px; width: auto; font-weight: 400; font-size: 12px; line-height: 1.5; white-space: nowrap; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-add-component__item:hover { background: #f0f1f2; } .block-add-component__column { border: 1px solid #f0f1f2; } .block-add-component__item { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .block-add-component__image { margin: 0px 20px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } .block-add-component__image img { width: 100px; height: 100px; } .block-add-component__title { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 5px 0px; } .block-add-component__subtitle { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; margin: 0px 0px 10px 0px; } .block-add-component__subtitle span { color: #2b2e33; margin: 0px 15px 0px 3px; } .block-add-component__subtitle { display: none; } .block-add-component__subtitle.active { display: block; } .block-add-component__more-btn-active { display: none; } .block-add-component__more-btn.active .block-add-component__more-btn-active { display: block; } .block-add-component__more-btn.active .block-add-component__more-btn-default { display: none; } .block-add-component__more-btn { position: relative; color: #366cd9; font-weight: bold; margin-bottom: 10px; cursor: pointer; line-height: normal; display: flex; } .block-add-component__more-btn span { position: relative; padding-right: 20px; } .block-add-component__more-btn span:before { position: absolute; display: block; content: ""; top: 2px; right: 2px; border: 2px solid #366cd9; border-right: none; border-top: none; transform: rotate(-45deg); width: 9px; height: 9px; } .block-add-component__more-btn.active span:before { scale: -1; top: 8px; } .block-add-component__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 14px; line-height: 1.4285714286; color: #366cd9; } .block-add-component__button::before { content: "+"; font-weight: 400; font-size: 18px; margin: 0px 16px 0px 6px; } [data-showmore-button] span:last-child { display: none; } ._showmore-active [data-showmore-button] span { display: none; } ._showmore-active [data-showmore-button] span:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [class*=-ibg] { position: relative; } [class*=-ibg] img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } [class*=-ibg_contain] img { -o-object-fit: contain; object-fit: contain; } .product__sliders { position: relative; } .product__swiper { margin: 0px -16px 0px -16px; } .product__slider { padding: 0px 16px; } .product__slide { position: relative; height: auto; margin: 20px 0px 20px 0px; } .product__arrow-prev { cursor: pointer; position: absolute; z-index: 3; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; background: #f7f8fa; border-radius: 3px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product__arrow-prev::before { font-size: 16px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product__arrow-prev:hover { background: #366cd9; } .product__arrow-prev:hover::before { color: #ffffff; } .product__arrow-next { cursor: pointer; position: absolute; z-index: 3; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; background: #f7f8fa; border-radius: 3px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product__arrow-next::before { font-size: 16px; } .product__arrow-next:hover { background: #366cd9; } .product__arrow-next:hover::before { color: #ffffff; } .slide-product:hover .slide-product__shadow { opacity: 1; } .slide-product:hover .slide-product__heart { opacity: 1; } .slide-product__item { display: block; position: relative; z-index: 1; background: #ffffff; border: 1px solid #f0f1f2; padding: 20px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slide-product__item:hover { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .slide-product__items { display: -webkit-box; display: -ms-flexbox; display: flex; } .slide-product__shadow { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .slide-product__heart { position: absolute; top: 20px; right: 20px; z-index: 5; opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; cursor: pointer; } .slide-product__heart::before { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slide-product__heart:hover::before { color: #366cd9; } .slide-product__image { display: block; margin: 0px 0px 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height:100%; } .slide-product__image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } ._tab-active .slide-product__image { margin: 0px 50px 0px 0px; min-height: 200px; height: 100%; flex: 0 0 200px; } .slide-product__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .slide-product__content-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } ._tab-active .slide-product__content-bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slide-product__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } ._tab-active .slide-product__top { -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; margin: 0px 50px 0px 0px; } .slide-product__title { min-height: 40px; font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; } .slide-product__code { font-weight: 400; font-size: 12px; line-height: 1.4166666667; color: #7d7e80; margin: 0px 0px 10px 0px; } .slide-product__stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 14px; line-height: 1.4285714286; color: #04b700; margin: 0px 0px 10px 0px; } .slide-product__stock::before { font-size: 10px; margin: 0px 7px 0px 0px; } .slide-product__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } ._tab-active .slide-product__bottom { -webkit-box-flex: 0; -ms-flex: 0 1 240px; flex: 0 1 240px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin: 15px 0px 0px 0px; } .slide-product__total { margin: 0px 20px 0px 0px; min-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ._tab-active .slide-product__total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 56px; margin: 0px 0px 10px 0px; } .slide-product__price-new { font-weight: 600; font-size: 24px; line-height: 1.4166666667; } .slide-product__price-old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2px 0px 0px 0px; } .slide-product__price-old s { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 15px 0px 0px; color: #7d7e80; } .slide-product__sale { background: #e54545; border-radius: 5px; padding: 2px 6px; font-weight: 600; font-size: 10px; line-height: 1.4; color: #ffffff; } ._tab-active .slide-product__basket { width: 100%; } .slide-product__basket-mob { display: none; } .slide-product__button { width: 50px; height: 50px; background: #366cd9; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 13px; -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .slide-product__button::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; font-size: 24px; color: #ffffff; } .slide-product__button span { display: none; font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #ffffff; margin: 0px 0px 0px 15px; text-align: center; } .slide-product__button:hover { background: #3465c6; } ._tab-active .slide-product__button { width: 100%; height: 50px; } ._tab-active .slide-product__button span { display: -webkit-box; display: -ms-flexbox; display: flex; } .slide-product__totals { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ._tab-active .slide-product__totals { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slide-product__time-count { position: absolute; top: 20px; left: 20px; width: auto; z-index: 3; background: #ffffff; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); border-radius: 0px 0px 5px 5px; } .slide-product__showmore { position: absolute; opacity: 0; pointer-events: none; } ._tab-active .slide-product__showmore { position: relative; pointer-events: auto; opacity: 1; } .slide-product__showmore._showmore-active .slide-product__showmore-content::before { content: ""; opacity: 0; } .slide-product__showmore._showmore-active .slide-product__more:last-child span::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slide-product__showmore-content { position: relative; white-space: normal; font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .slide-product__showmore-content::before { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; height: 60px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); pointer-events: none; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .slide-product__showmore-content span { color: #2b2e33; margin: 0px 15px 0px 3px; } .slide-product__showmore-content.hidden::before { opacity: 0; } .slide-product__more span { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 12px; line-height: 1.4166666667; color: #366cd9; margin: 5px 0px 0px 0px; } .slide-product__more span div { -webkit-transition: border-bottom 0.3s ease 0s; -o-transition: border-bottom 0.3s ease 0s; transition: border-bottom 0.3s ease 0s; border-bottom: 1px solid #366cd9; } .slide-product__more span::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; font-size: 10px; color: #366cd9; margin: 0px 0px 0px 5px; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .slide-product__more span:hover div { border-bottom: 1px solid transparent; } .slide-product__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 10px 0px; } .slide-product__options-column { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 10px 0px; } .slide-product__options-column:last-child { margin: 0px 0px 0px 0px; } .slide-product__option-title { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 6px 20px 0px 0px; } .slide-product__options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5px; } .time-count__title { background: #e64545; border-radius: 3px; padding: 5px 10px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; text-transform: uppercase; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .time-count__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 16.5px 8px 16.5px; } .time-count__val { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .time-count__val span { font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .time-count__text { font-weight: 400; font-size: 10px; line-height: 1.4; text-align: center; text-transform: uppercase; margin: 2px 0px 0px 0px; } .time-count__separator { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 2px 0px 2px; } .info-checkout-order__column { border-bottom: 1px solid #f0f1f2; padding: 40px; } .info-checkout-order__h4 { margin: 0px 0px 20px 0px; } .info-checkout-order__button { width: 196px; margin: 20px 0px 0px 0px; } .info-checkout-order__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .info-checkout-order__input { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 10px; } .info-checkout-order__input input { width: 100%; outline: none; border: 1px solid #f0f1f2; border-radius: 3px; padding: 15px 20px; height: 50px; color: #7d7e80; } .info-checkout-order__input input::-webkit-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__input input::-moz-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__input input:-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__input input::-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__input input::placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__input input._form-focus { color: #2b2e33; } .info-checkout-order__input input._form-error { border: 2px solid #e54545; } .info-checkout-order__options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .info-checkout-order__textarea { width: 100%; } .info-checkout-order__textarea textarea { border: 1px solid #f0f1f2; border-radius: 3px; width: 100%; outline: none; height: 120px; padding: 15px 20px; resize: none; overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .info-checkout-order__textarea textarea::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .info-checkout-order__textarea textarea::-webkit-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__textarea textarea::-moz-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__textarea textarea:-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__textarea textarea::-ms-input-placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .info-checkout-order__textarea textarea::placeholder { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; font-size: 24px; line-height: 1.4166666667; } .title h3 { margin: 0px 20px 20px 0px; } .product__title.title h3 { margin: 0px 20px 0px 0px; } .h1 { font-weight: 600; font-size: 32px; line-height: 1.40625; margin: 0px 0px 30px 0px; } .h4 { font-weight: 600; font-size: 20px; line-height: 1.4; } .page__login { padding: 150px 0px 100px 0px; } .login__container { max-width: 280px; } .login__content h4 { font-weight: 600; font-size: 20px; line-height: 1.4; text-align: center; margin: 0px 0px 30px 0px; } .login__text{ font-weight: 500; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 20px 0px; } .login__text a{ color: #366cd9; transition: all 0.3s ease 0s; } .login__text a:hover{ color: #3465c6; } .login__input { margin: 0px 0px 20px 0px; } .login__input input { outline: none; width: 100%; border: 1px solid #f0f1f2; border-radius: 3px; padding: 15px 20px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; } .login__input input::-webkit-input-placeholder { color: #7d7e80; } .login__input input::-moz-placeholder { color: #7d7e80; } .login__input input:-ms-input-placeholder { color: #7d7e80; } .login__input input::-ms-input-placeholder { color: #7d7e80; } .login__input input::placeholder { color: #7d7e80; } .login__input input._form-error { border: 1px solid #e54545; } .login__capcha { margin: 0px 0px 20px 0px; } .login__button { width: 100%; } .breadcrambs { margin: 0px 0px 20px 0px; } .breadcrambs__content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrambs__content ul li a { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .breadcrambs__content ul li a span { margin: 0px 10px 0px 10px; } .breadcrambs__content ul li a:hover { opacity: 0.8; } .breadcrambs__content ul li span { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .header { position: relative; top: 0; left: 0; width: 100%; z-index: 50; } .header__top { border-bottom: 1px solid #f0f1f2; } .header__center { padding: 30px 0px; } .header__menu-mob { display: none; } .common .catalog-header__title { border-radius: 5px 5px 0px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .common .catalog-header__title:hover { background: #366cd9; } .common .catalog-header__block { display: block; position: absolute; width: 280px; border-radius: 0px 0px 5px 5px; } .common .menu-mob-header__icon._icon-home { color: #366cd9; } .common .menu-mob-header__icon._icon-home::before { color: #366cd9; } .catalog .menu-mob-header__icon._icon-catalog-search { color: #366cd9; } .catalog .menu-mob-header__icon._icon-catalog-search::before { color: #366cd9; } .top-header ul { padding: 15px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -15px; } .top-header ul li { padding: 15px; } .top-header ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #7d7e80; font-weight: 500; font-size: 12px; line-height: 1.4166666667; -webkit-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .top-header ul li a::before { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; margin: 0px 5px 0px 0px; color: #7d7e80; } .top-header ul li a:hover { color: #366cd9; } .top-header ul li a:hover::before { color: #366cd9; } .center-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .center-header__logo { margin: 0px 20px 0px 0px; } .center-header__logo img { height: 48px; width: auto; } .center-header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -7px 0px; } .center-header__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 7px 0px; } .center-header__column::after { content: ""; border-right: 1px solid #f0f1f2; height: 30px; width: 1px; display: block; margin: 5.5px 16px 5.5px 16px; } .center-header__column:last-child::after { content: ""; display: none; } .center-header__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 12px; line-height: 1.4166666667; color: #7d7e80; -webkit-transition: color 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; -o-transition: color 0.3s ease 0s, text-decoration 0.3s ease 0s; transition: color 0.3s ease 0s, text-decoration 0.3s ease 0s; transition: color 0.3s ease 0s, text-decoration 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; } .center-header__link::before { width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 21px; color: #2b2e33; -webkit-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .center-header__link div { width: 109px; margin: 0px 0px 0px 15px; -webkit-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; -o-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; } .center-header__link div span { border-bottom: 1px solid transparent; -webkit-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; -o-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; } .center-header__link:hover div span { color: #366cd9; border-bottom: 1px solid #366cd9; } .center-header__link:hover::before { color: #366cd9; } .center-header__tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; font-size: 10px; line-height: 1.4; color: #7d7e80; min-width: 168px; } .center-header__tel-icon { display: none; } .center-header__number { font-weight: 600; font-size: 18px; line-height: 1.3888888889; margin: 2px 0px 0px 0px; color: #2b2e33; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .center-header__number:hover { color: #366cd9; } .center-header__basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-header__basket span { display: none; } .center-header__icon { position: relative; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-header__icon span { position: absolute; right: -1px; top: -2px; width: 16px; height: 16px; background: #366cd9; border-radius: 50px; font-weight: 600; font-size: 9px; line-height: 1.4444444444; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-header__icon::before { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 24px; } .center-header__amount { margin: 0px 0px 0px 15px; } .center-header__amount-text { font-weight: 500; font-size: 10px; line-height: 1.4; color: #7d7e80; } .center-header__total { font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .header-basket:hover .center-header__icon::before { color: #366cd9; } .bottom-header__container { display: -webkit-box; display: -ms-flexbox; display: flex; } .bottom-header__catalog { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; margin: 0px 20px 0px 0px; } .bottom-header__search { -webkit-box-flex: 1; -ms-flex: 1 1 880px; flex: 1 1 880px; } .bottom-header__inputs { position: relative; width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; } .bottom-header__inputs button { background: #366cd9; border-radius: 0px 5px 5px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px 50px; font-weight: 600; font-size: 14px; line-height: 1.4285714286; color: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-open .bottom-header__inputs button { border-radius: 0px 5px 0px 0px; } .bottom-header__inputs:hover button { background: #3465c6; } .bottom-header__icon { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 20px; } .bottom-header__icon::before { font-size: 16px; } .bottom-header__input { -webkit-box-flex: 1; -ms-flex: 1 1 58%; flex: 1 1 58%; width: 100%; border: 1px solid #f0f1f2; border-radius: 5px 0px 0px 5px; padding: 15px 15px 15px 51px; outline: none; background: transparent; } .bottom-header__input::-webkit-input-placeholder { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .bottom-header__input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .bottom-header__input:-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .bottom-header__input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .bottom-header__input::placeholder { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .search-open .bottom-header__input { border-radius: 5px 0px 0px 0px; } .bottom-header__input._form-error { border-top: 2px solid #e54545; border-left: 2px solid #e54545; border-bottom: 2px solid #e54545; } .catalog-header__more { width: 100%; background: #f7f8fa; padding: 20px; } .catalog-header__more._showmore-active span { display: none; } .catalog-header__more._showmore-active span:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-header__more._showmore-active span::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .catalog-header__more span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; color: #366cd9; font-size: 14px; font-family: Inter; font-weight: 500; line-height: 140%; color: #366cd9; } .catalog-header__more span::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-weight: 700; font-size: 10px; color: #366cd9; margin: 0px 0px 0px 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog-header__more span:last-child { display: none; } .catalog-header__title { border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #366cd9; height: 50px; padding: 15px 50px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog-header__title:hover { background: #3465c6; } .catalog-header__title-text { color: #ffffff; font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .catalog-header__title-text span { margin: 0px 0px 0px 5px; } .catalog-header__icon { display: block; position: relative; width: 14px; height: 11px; cursor: pointer; z-index: 5; margin: 0px 15px 0px 0px; } .catalog-header__icon span, .catalog-header__icon::before, .catalog-header__icon::after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 0; position: absolute; width: 100%; height: 1.5px; background-color: #ffffff; border-radius: 50px; } .catalog-header__icon::before { top: 0; } .catalog-header__icon::after { bottom: 0; } .catalog-header__icon span { top: calc(50% - 1px); } .catalog-header__block { display: none; } .catalog-header__list { position: relative; } .catalog-header__list::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 248, 250, 0)), to(#f7f8fa)); background: -o-linear-gradient(top, rgba(247, 248, 250, 0) 0%, #f7f8fa 100%); background: linear-gradient(180deg, rgba(247, 248, 250, 0) 0%, #f7f8fa 100%); z-index: 5; display: none; } .catalog-header__list._showmore-active::after { content: ""; display: none; } .catalog-header__link { position: relative; background: #f7f8fa; } .catalog-header__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 12px 18px; } .catalog-header__subtitle::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 10.5px; font-size: 13px; color: #7d7e80; margin: 5px 10px 0px 0px; } .catalog-header__subtitle._icon-usb-drive-s::before { font-size: 8px; } .catalog-header__subtitle:hover { background: #366cd9; color: #ffffff; } .catalog-header__subtitle:hover::before { color: #ffffff; } .catalog-header__subtitle._active { background: #366cd9; color: #ffffff; } .catalog-header__subtitle._active::before { color: #ffffff; } .catalog-header__items { display: none; position: absolute; left: 280px; height: auto; top: 0; width: 280px; background: #f7f8fa; border-left: 1px solid #f0f1f2; border-radius: 0px 0px 5px 0px; } .catalog-header__item { padding: 12px 18px; } .catalog-header__item ul { padding: 12px 0px 12px 18px; margin: -5px 0px; } .catalog-header__item ul li { padding: 5px 0px; } .catalog-header__item ul li a { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog-header__item ul li a:hover { color: #366cd9; } .catalog-header__subsubtitle { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: color 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; transition: color 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; -o-transition: text-decoration 0.3s ease 0s, color 0.3s ease 0s; transition: text-decoration 0.3s ease 0s, color 0.3s ease 0s; transition: text-decoration 0.3s ease 0s, color 0.3s ease 0s, -webkit-text-decoration 0.3s ease 0s; } .catalog-header__subsubtitle:hover { text-decoration: underline; color: #366cd9; } .catalog-header-sorted { display: none; } .catalog-header-sorted._showmore-active { display: block; } .search-header__content { display: none; } .search-open .search-header__content { display: block; position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; height: 200px; background: #ffffff; border: 1px solid #f0f1f2; border-radius: 0px 0px 5px 5px; padding: 6px 10px 10px 18px; } .search-header__column ul li { padding: 6px 12px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-header__column ul li:hover { background: #ffffff; border-radius: 10px; } .search-header__column ul li:hover a { color: #366cd9; } .search-header__column ul li a { width: 100%; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: -0.4px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-header__column ul li a strong { font-weight: 700; } .catalog-header__list > li:hover .catalog-header__items { display: block; } .menu-mob-header__column { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11.5px; } .menu-mob-header__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 12px; line-height: 1.5; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu-mob-header__icon::before { width: 24px; height: 24px; font-size: 20px; margin: 0px 0px 4px 0px; } .menu-mob-header__icon:hover { color: #366cd9; } .menu-mob-header__icon:hover::before { color: #366cd9; } .menu-mob-header__catalog { cursor: pointer; } .menu-mob-header__burger { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 11px; line-height: 1.4545454545; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu-mob-header__burger:hover { color: #366cd9; } .menu-mob-header__burger:hover .icon-menu span, .menu-mob-header__burger:hover .icon-menu::before, .menu-mob-header__burger:hover .icon-menu::after { content: ""; background-color: #366cd9; } .menu-open .menu-mob-header__burger { color: #366cd9; } .menu-open .menu-mob-header__burger .icon-menu span, .menu-open .menu-mob-header__burger .icon-menu::before, .menu-open .menu-mob-header__burger .icon-menu::after { content: ""; background-color: #366cd9; } .menu-mob-header__burger-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; margin: 0px 0px 4px 0px; } .menu__body { position: fixed; left: 0; width: 100%; min-height: 70%; height: 100%; top: -100%; background: #f7f8fa; z-index: 45; overflow: auto; -webkit-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; padding: 30px 16px 100px 16px; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .menu__body::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .menu-open .menu__body { top: 76px; height: calc(100% - 76px); } .menu__column { margin: 0px 0px 30px 0px; } .menu__column:last-child { margin: 0px 0px 0px 0px; } .menu__title { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .menu__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -2.5px 0px; } .menu__content a { font-weight: 400; font-size: 14px; line-height: 1.4285714286; padding: 2.5px 0px; } .icon-menu { display: none; } .footer__top { background: #f7f8fa; padding: 80px 0px 50px 0px; } .footer__bottom { background: #ebecf0; padding: 15px 0px 15px 0px; } .top-footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-footer__left { -webkit-box-flex: 0; -ms-flex: 0 1 180px; flex: 0 1 180px; } .top-footer__logo { display: block; margin: 0px 0px 20px 0px; } .top-footer__logo img { height: 47px; width: auto; } .top-footer__sublogo-text { font-weight: 400; font-size: 12px; line-height: 1.5; margin: 0px 0px 20px 0px; } .top-footer__socials-se { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -5px; } .top-footer__social-se { padding: 5px; } .top-footer__social-se::before { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 24px; color: #7d7e80; } .top-footer__social-se:hover::before { color: #366cd9; } .top-footer__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 1 510px; flex: 0 1 510px; margin: 0px 35px 0px 35px; } .top-footer__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -27px; } .top-footer__column { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 15px 27px; } .top-footer__column ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -3px 0px; } .top-footer__column ul li { padding: 3px 0px; } .top-footer__column ul li a { font-weight: 400; font-size: 12px; line-height: 1.5; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top-footer__column ul li a:hover { color: #366cd9; } .top-footer__title-list { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .top-footer__right { -webkit-box-flex: 0; -ms-flex: 0 1 280px; flex: 0 1 280px; } .write-top-footer__messages { margin: -5px 0px; padding: 0px 0px 20px 0px; } .write-top-footer__message { padding: 5px 0px; } .write-top-footer__message a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .write-top-footer__message a::before { font-size: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; background: #e6e7eb; padding: 18px; border-radius: 3px; margin: 0px 15px 0px 0px; color: #2b2e33; } .write-top-footer__message a._icon-chat::before { background: #7ac079; color: #ffffff; } .write-top-footer__message a._icon-mail::before { background: #ebac88; color: #ffffff; } .write-top-footer__message a:hover { color: #366cd9; } .write-top-footer__social-title { font-weight: 500; font-size: 12px; line-height: 1.4166666667; margin: 0px 0px 10px 0px; } .write-top-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -7px; } .write-top-footer__social a { padding: 7px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .write-top-footer__social a::before { font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 36px; background: #635daa; border-radius: 3px; color: #ffffff; padding: 18px; } .write-top-footer__social a._icon-telegram::before { background: #27a7e7; } .write-top-footer__social a._icon-whatsapp::before { background: #2ccc49; } .write-top-footer__social a:hover { opacity: 0.8; } .bottom-footer__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bottom-footer__left { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bottom-footer__pay { border-radius: 3px; background: #ffffff; padding: 6px; width: 40px; height: 25px; margin: 0px 5px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bottom-footer__pay:last-child { margin: 0px 0px 0px 0px; } .bottom-footer__pay picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-footer__pay picture img { width: auto; height: 55%; -o-object-fit: cover; object-fit: cover; display: block; } .bottom-footer__pay img { width: auto; height: 80%; -o-object-fit: cover; object-fit: cover; display: block; } .bottom-footer__center { font-weight: 400; font-size: 12px; line-height: 1.5; margin: 0px 20px 0px 20px; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bottom-footer__center:hover { color: #366cd9; } .bottom-footer__right { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .bottom-footer__right a { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 0px 10px; } .bottom-footer__right a::before { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 11px; color: #7d7e80; } .bottom-footer__right a:hover::before { color: #2b2e33; } .page__main-home { margin: 0px 0px 60px 0px; } .page__product { margin: 0px 0px 60px 0px; } .page__product:last-child { margin: 0px 0px 40px 0px; } .page__brands { margin: 0px 0px 40px 0px; } .main-home__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0px 0px 30px 0px; } .main-home__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-home__tabs { -webkit-box-flex: 0; -ms-flex: 0 1 880px; flex: 0 1 880px; min-width: 0; margin: 0px 0px 0px 300px; } .main-home__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 880px; flex: 0 1 880px; min-width: 0; margin: 0px 0px 0px 300px; } .main-home__main-slider { -webkit-box-flex: 0; -ms-flex: 0 1 66%; flex: 0 1 66%; min-width: 0; margin: 0px 10px 0px 0px; } .main-home__product { -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; min-width: 0; margin: 0px 0px 0px 10px; } .main-home__product .product__title.title { margin: 0px 0px 20px 0px; } .main-home__product .slide-product__image { min-height: 240px; } .main-home__product .slide-product__item { border-radius: 5px; } .main-home__product .product__swiper { margin: 0px 0px 0px 0px; } .main-home__product .product__slider { padding: 0px 0px 0px 0px; } .main-home__product .slide-product:hover .slide-product__shadow { opacity: 0; } .main-home__product .product__slide { margin: 0px 0px 0px 0px; } .main-home__product .product__arrow-prev { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .main-home__product .product__arrow-next { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .main-slider__slider { position: relative; } .main-slider__slide { cursor: pointer; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-slider__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .main-slider__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .main-slider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .main-slider__pagination .swiper-pagination-bullet { -webkit-box-flex: 0; -ms-flex: 0 0 5px; flex: 0 0 5px; margin: 0px 10px 0px 0px; position: relative; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: rgba(255, 255, 255, 0.5); height: 5px; border-radius: 50%; cursor: pointer; } .main-slider__pagination .swiper-pagination-bullet:last-child { margin: 0px 0px 0px 0px; } .main-slider__pagination .swiper-pagination-bullet-active { background: #ffffff; } .tabs-main-home__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f7f8fa; border-radius: 5px; width: 100%; overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .tabs-main-home__navigation::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .tabs-main-home__title { -webkit-box-flex: 1; -ms-flex: 1 0 33.3333%; flex: 1 0 33.3333%; min-width: 290px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 20px; border-bottom: 2px solid transparent; outline: none; white-space: nowrap; } .tabs-main-home__title._tab-active { color: #366cd9; border-bottom: 2px solid #366cd9; } .tabs-main-home__body { padding: 0px 16px 0px 16px; } .brands__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .brands__body::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .brands__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px -10px 20px -10px; } .brands__row:last-child { margin: 0px -10px 0px -10px; } .brands__column { -webkit-box-flex: 0; -ms-flex: 0 1 16.6666%; flex: 0 1 16.6666%; padding: 0px 10px; } .brands__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f8fa; border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 5px 30px; height: 80px; width: 180px; border: 1px solid transparent; } .brands__item:hover { background: #ffffff; border: 1px solid #366cd9; } .brands__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brands__image picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brands__image img { width: auto; height: 50%; -o-object-fit: cover; object-fit: cover; display: block; } .page__main-about { margin: 0px 0px 80px 0px; } .page__about-description { margin: 0px 0px 40px 0px; } .main-about__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-about__image { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin: 0px 40px 0px 0px; } .main-about__image img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .main-about__content { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin: 0px 0px 0px 40px; } .main-about__title { font-weight: 600; font-size: 24px; line-height: 1.4166666667; margin: 0px 0px 20px 0px; } .main-about__subtitle p { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 13px 0px; } .main-about__subtitle p:last-child { margin: 0px 0px 0px 0px; } .about-description__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .about-description__column { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; padding: 10px; } .about-description__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .about-description__image { width: 64px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 0px 27px 0px; } .about-description__image img { height: 50px; width: auto; -o-object-fit: cover; object-fit: cover; } .about-description__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .about-description__title { font-weight: 500; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about-description__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .page__catalog { margin: 0px 0px 40px 0px; } .catalog__container { position: relative; } .catalog__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .catalog__column { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; padding: 10px; } .catalog__content { background: #f7f8fa; border-radius: 5px; padding: 20px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .catalog__image { width: 40px; height: 40px; margin: 0px 15px 0px 0px; } .catalog__image img { min-height: 20px; width: auto; -o-object-fit: cover; object-fit: cover; /* width: 20px; height: 20px; object-fit: contain; */ } .catalog__title { pointer-events: none; font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .catalog__title::before { display: none; } .catalog__items { margin: -5px 0px; } .catalog__item-arrow { display: none; } .catalog__item { position: relative; padding: 5px 0px; } .catalog__item-image-c { position: absolute; top: 6px; left: -24px; width: 16px; height: 16px; } .catalog__item-image-c img { width: 100%; height: 100%; object-fit: contain; } @media (max-width: 767px) { .catalog__item-image-c { top: 16px; left: 0; } } .catalog__item ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -2px 0px; padding: 5px 0px 0px 18px; } .catalog__item ul li { padding: 2px 0px; } .catalog__item ul li a { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog__item ul li a:hover { color: #366cd9; } .catalog__subsubtitle { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; border-bottom: 1px solid transparent; -webkit-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; -o-transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; transition: color 0.3s ease 0s, border-bottom 0.3s ease 0s; } .catalog__subsubtitle:hover { color: #366cd9; border-bottom: 1px solid #366cd9; } .catalog__subsubtitle .catalog__image { display: none; } .page__filter { margin: 0px 0px 40px 0px; } .filter .wrapper { overflow: visible; } .filter__container { max-width: 1200px; } .filter__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__filter-block { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; margin: 0px 0px 98px 0px; } .filter__filter-block-mob { display: none; } .filter__spollers { width: 100%; } .filter__filter-block-spollers { border-top: 1px solid #f0f1f2; position: sticky; top: 0; } .filter__content { -webkit-box-flex: 0; -ms-flex: 0 1 900px; flex: 0 1 900px; } .filter__content-block { position: relative; } .filter__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-block-mob__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 20px; line-height: 1.4; } .filter-block-mob__close { margin: 0px 0px 0px 20px; } .filter-block-mob__close::before { cursor: pointer; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .filter-block-mob__close:hover::before { color: #7d7e80; } .filter-block-mob__clear { cursor: pointer; margin: 15px 0px 0px 0px; } .filter-block-mob__clear span { font-weight: 400; font-size: 12px; width: auto; line-height: 1.5; color: #366cd9; -webkit-transition: border-bottom 0.3s ease 0s; -o-transition: border-bottom 0.3s ease 0s; transition: border-bottom 0.3s ease 0s; border-bottom: 1px solid transparent; } .filter-block-mob__clear:hover span { border-bottom: 1px solid #366cd9; } .filter-block-mob__button { position: fixed; left: 0; bottom: 0; width: 100%; background: #ffffff; padding: 15px 16px; z-index: 60; opacity: 0; pointer-events: none; border-top: 1px solid #f0f1f2; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; min-height: 76px; } .filter-block-mob__button a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #ffffff; background: #366cd9; border-radius: 5px; padding: 10px; -webkit-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .filter-block-mob__button a:hover { background: #3465c6; } .spollers-filter__item { border-left: 1px solid #f0f1f2; } .spollers-filter__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; width: 100%; border-bottom: 1px solid #f0f1f2; font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .spollers-filter__title::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; font-size: 11px; font-weight: 700; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0px 0px 0px 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .spollers-filter__title._spoller-active::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .spollers-filter__body { border-bottom: 1px solid #f0f1f2; padding: 20px; } .showmore-spollers-filter__checkboxes { margin: -5px 0px; } .showmore-spollers-filter__checkbox { padding: 5px 0px; } .showmore-spollers-filter__more { margin: 5px 0px 0px 0px; } .showmore-spollers-filter__more span { font-weight: 400; font-size: 12px; line-height: 1.5; color: #366cd9; } .sorted-filter__title { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; margin: 0px 15px 0px 0px; } .sorted-filter__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -7px; } .sorted-filter__column { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 7px; font-weight: 400; font-size: 12px; line-height: 1.5; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .sorted-filter__column span { color: #7d7e80; } .sorted-filter__column a { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #7d7e80; } .sorted-filter__column._active span { color: #2b2e33; font-weight: 500; } .sorted-filter__column:hover a { color: #366cd9; } .tabs-filter__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #f7f8fa; padding: 22px 20px; } .tabs-filter__filter-block-icon { display: none; } .tabs-filter__sorted { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 72px 0px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs-filter__select { display: none; } .tabs-filter__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .tabs-filter__title { margin: 0px 20px 0px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tabs-filter__title:last-child { margin: 0px 0px 0px 0px; } .tabs-filter__title::before { width: 16px; height: 16px; font-size: 16px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tabs-filter__title:hover .tabs-filter__sort-list span, .tabs-filter__title:hover .tabs-filter__sort-list::before, .tabs-filter__title:hover .tabs-filter__sort-list::after { content: ""; background: #366cd9; } .tabs-filter__title._tab-active { pointer-events: none; color: #366cd9; } .tabs-filter__title._tab-active::before { color: #366cd9; } .tabs-filter__title._tab-active .tabs-filter__sort-list span, .tabs-filter__title._tab-active .tabs-filter__sort-list::before, .tabs-filter__title._tab-active .tabs-filter__sort-list::after { content: ""; background: #366cd9; } .tabs-filter__sort-list { display: block; position: relative; width: 16px; height: 14px; cursor: pointer; z-index: 5; } .tabs-filter__sort-list span, .tabs-filter__sort-list::before, .tabs-filter__sort-list::after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 0; position: absolute; width: 100%; height: 2px; background: #c8c9cc; border-radius: 50px; } .tabs-filter__sort-list::before { top: 0; } .tabs-filter__sort-list::after { bottom: 0; } .tabs-filter__sort-list span { top: calc(50% - 1px); } .tabs-filter__body { margin: 0px 0px 50px 0px; } .tabs-filter__slides { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } ._tab-active .tabs-filter__slides { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs-filter__slide { position: relative; height: auto; -webkit-box-flex: 0; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; } .tabs-filter__slide:nth-child(3n) .slide-product__item { border-right: 1px solid #f0f1f2; } ._tab-active .tabs-filter__slide { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs-filter__slide .slide-product__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .tabs-filter__slide .slide-product__item { border-top: none; border-bottom: 1px solid #f0f1f2; border-right: 1px solid transparent; border-left: 1px solid #f0f1f2; } .tabs-filter__slide .slide-product__item:hover { -webkit-box-shadow: none; box-shadow: none; } ._tab-active .tabs-filter__slide .slide-product__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-top: none; border-bottom: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; border-left: 1px solid #f0f1f2; } ._tab-active .tabs-filter__slide .slide-product__item:hover { -webkit-box-shadow: none; box-shadow: none; } .tabs-filter__slide .slide-product__total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 56px; } .pagination-filter__arrow-next { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 0px 0px 10px; } .pagination-filter__arrow-next::before { font-weight: 700; font-size: 15px; color: #c8c9cc; } .pagination-filter__arrow-prev { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 0px 0px 7px; } .pagination-filter__arrow-prev::before { font-weight: 700; font-size: 15px; color: #c8c9cc; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination-filter__number { width: 48px; height: 48px; margin: 0px 10px 0px 10px; border: 1px solid #f0f1f2; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 14px 15px; } .pagination-filter__number:hover { background: #366cd9; color: #ffffff; } .pagination-filter__number._active-pagination { background: #366cd9; color: #ffffff; } .pagination-filter__number.number-dots { border: 1px solid transparent; } .product-card__body { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 80px 0px; } .product-card__tabs { margin: 0px 0px 80px 0px; } .product-card__images { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 1 480px; flex: 0 1 480px; height: 380px; margin: 0px 20px 0px 0px; } .product-card__content { -webkit-box-flex: 0; -ms-flex: 0 1 680px; flex: 0 1 680px; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__content-left { -webkit-box-flex: 1; -ms-flex: 1 1 380px; flex: 1 1 380px; } .product-card__content-left .slide-product__top { margin: 0px 0px 10px 0px; } .product-card__content-left .slide-product__code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card__content-left .slide-product__code a { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 12px; line-height: 1.4166666667; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product-card__content-left .slide-product__code a::before { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 5px 0px 0px; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product-card__content-left .slide-product__code a:hover { color: #366cd9; } .product-card__content-left .slide-product__code a:hover::before { color: #366cd9; } .product-card__content-left .slide-product__showmore-content::before { display: none; } .product-card__content-left .slide-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .product-card__content-left .slide-product__basket { width: auto; } .product-card__content-left .slide-product__total { margin: 0px 0px 10px 0px; } .product-card__content-left .slide-product__button { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 13px 50px; } .product-card__content-left .slide-product__button span { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-card__content-left .slide-product__more span { margin: 10px 0px 0px 0px; } .product-card__content-right { -webkit-box-flex: 0; -ms-flex: 0 1 280px; flex: 0 1 280px; margin: 0px 0px 0px 20px; background: #f7f8fa; border-radius: 5px; padding: 20px 25px; } .images-product__slider { -webkit-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; margin: 0px 0px 0px 20px; } .images-product__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .images-product__image { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .images-product__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .images-product__slider-thumbs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 80px; flex: 0 1 80px; } .images-product__thumbs { margin: 26px 0px; } .images-product__arrow-prev { cursor: pointer; position: absolute; z-index: 3; top: 0; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 24px; height: 24px; } .images-product__arrow-prev::before { color: #c8c9cc; font-size: 12px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .images-product__arrow-prev:hover::before { color: #7d7e80; } .images-product__arrow-next { cursor: pointer; position: absolute; z-index: 3; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 24px; height: 24px; } .images-product__arrow-next::before { color: #c8c9cc; font-size: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .images-product__arrow-next:hover::before { color: #7d7e80; } .thumbs__slide { cursor: pointer; opacity: 0.2; } .thumbs__image { display: -webkit-box; display: -ms-flexbox; display: flex; } .thumbs__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .thumbs__slide.swiper-slide-thumb-active { opacity: 1; } .product-card-right__item { margin: -10px 0px; } .product-card-right__column { padding: 10px 0px; } .product-card-right__column ul { margin: -2.5px 0px; } .product-card-right__column ul li { padding: 2.5px 0px; font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .product-card-right__title { font-weight: 500; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .tabs__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f7f8fa; border-radius: 5px 5px 0px 0px; width: 100%; overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .tabs__navigation::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .tabs__title { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; min-width: 300px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 20px; border-bottom: 2px solid transparent; outline: none; white-space: nowrap; } .tabs__title._tab-active { color: #366cd9; border-bottom: 2px solid #366cd9; } .tabs__body { border-right: 1px solid #f0f1f2; border-left: 1px solid #f0f1f2; border-bottom: 1px solid #f0f1f2; padding: 30px 0px 0px 0px; } .tabs__body h4 { font-weight: 600; font-size: 20px; line-height: 1.4; margin: 0px 40px 20px 40px; } .tabs__body .product__title { border-right: 1px solid #f0f1f2; border-left: 1px solid #f0f1f2; padding: 30px 40px 0px 40px; } .tabs__body .product__title h4 { position: relative; width: 100%; margin: 0px 0px 0px 0px; } .tabs__body .product__title h4::before { content: ""; position: absolute; display: block; left: -40.5px; bottom: -20px; height: 20px; width: 1px; border-left: 1px solid #f0f1f2; } .tabs__body .product__title h4::after { content: ""; position: absolute; display: block; right: -40.5px; bottom: -20px; height: 20px; width: 1px; border-right: 1px solid #f0f1f2; } .tabs__items { padding: 0px 40px 30px 40px; } .tabs__items p { display: block; font-weight: 400; font-size: 14px; line-height: 1.4285714286; padding: 0px 0px 20px 0px; } .tabs__items p:last-child { padding: 0px 0px 0px 0px; } .tabs__items img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0px 0px 20px 0px; } .tabs__column { padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #f0f1f2; margin: 0px -10px; } .tabs__column span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; padding: 0px 10px; } .tabs__column a { font-weight: 500; font-size: 14px; line-height: 1.4285714286; border-bottom: 1px solid #366cd9; color: #366cd9; -webkit-transition: border-bottom 0.3s ease 0s; -o-transition: border-bottom 0.3s ease 0s; transition: border-bottom 0.3s ease 0s; margin: 0px 0px 0px 10px; } .tabs__column a:hover { border-bottom: 1px solid transparent; } .tabs__spollers-title { padding: 15px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f7f8fa; width: 100%; border-bottom: 1px solid #f0f1f2; font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .tabs__spollers-title::before { font-weight: 700; width: 16px; font-size: 10px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tabs__spollers-title._spoller-active::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tabs__body.product { padding: 0px 0px 0px 0px; border-right: none; border-left: none; border-bottom: none; } .page__order { margin: 0px 0px 80px 0px; } .checkout .wrapper { overflow: visible; } .checkout .page__order { margin: 0px 0px 40px 0px; } .order__body { display: -webkit-box; display: -ms-flexbox; display: flex; } .order__left { -webkit-box-flex: 0; -ms-flex: 0 1 800px; flex: 0 1 800px; border: 1px solid #f0f1f2; } .left-order__item { padding: 35px 40px 35px 40px; } .left-order__title { font-weight: 600; font-size: 20px; line-height: 1.4; margin: 0px 0px 10px 0px; max-width: 350px; } .left-order__sutitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 60px 0px; max-width: 350px; } .left-order__button { width: 148px; } .product-checkout-order__column { padding: 20px; border-bottom: 1px solid #f0f1f2; } .product-checkout-order__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-checkout-order__left { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-checkout-order__image { display: block; margin: 0px 20px 0px 0px; } .product-checkout-order__image img { width: 100px; height: 100px; } .product-checkout-order__title { display: block; font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .product-checkout-order__code { font-weight: 400; font-size: 12px; line-height: 1.4166666667; color: #7d7e80; } .product-checkout-order__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 0px 20px 0px 40px; } .product-checkout-order__quantity { -webkit-box-flex: 0; -ms-flex: 0 1 116px; flex: 0 1 116px; } .product-checkout-order__sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 56px; -webkit-box-flex: 0; -ms-flex: 0 0 109px; flex: 0 0 109px; width: 109px; margin: 0px 10px 0px 40px; } .product-checkout-order__price-new { font-weight: 600; font-size: 20px; line-height: 1.4; } .product-checkout-order__price-old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2px 0px 0px 0px; } .product-checkout-order__price-old s { font-weight: 600; font-size: 12px; line-height: 1.4166666667; margin: 0px 10px 0px 0px; color: #7d7e80; } .product-checkout-order__sale { background: #e54545; border-radius: 5px; padding: 2px 6px; font-weight: 600; font-size: 10px; line-height: 1.4; color: #ffffff; } .product-checkout-order__clear { -webkit-box-flex: 0; -ms-flex: 0 1 55px; flex: 0 1 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .product-checkout-order__clear::before { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 12px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .product-checkout-order__clear:hover::before { color: #7d7e80; } .right-order { -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; height: 100%; border-right: 1px solid #f0f1f2; border-top: 1px solid #f0f1f2; border-bottom: 1px solid #f0f1f2; background: #f7f8fa; position: sticky; top: 0; } .right-order__item { padding: 35px 40px 35px 40px; } .right-order__h4 { margin: 0px 0px 30px 0px; } .right-order__body { margin: -7px 0px; } .right-order__column { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 7px 0px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .right-order__text { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .right-order__border { -webkit-box-flex: 1; -ms-flex: 1 0 20px; flex: 1 0 20px; border-bottom: 1px dotted #7d7e80; margin: 0px 5px 5px 5px; } .right-order__number { font-weight: 600; font-size: 14px; line-height: 1.4285714286; } .right-order__button { width: 100%; margin: 30px 0px 0px 0px; } .right-order__button::before { font-size: 24px; color: #ffffff; margin: 0px 15px 0px 0px; } .right-order-number-sale { color: #e54545; } .right-order-number-total { font-weight: 600; font-size: 20px; line-height: 1.4; } .page__system-block { margin: 0px 0px 40px 0px; } .system .wrapper { overflow: visible; } .system-block__h1 { margin: 0px 0px 10px 0px; } .system-block__sutitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 30px 0px; } .tabs-system-block__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ margin: 0px 0px 10px 0px; } .tabs-system-block__navigation::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .tabs-system-block__title { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 217px; background: #f7f8fa; border-radius: 5px; padding: 10px 25px; font-weight: 400; font-size: 14px; line-height: 1.4285714286; white-space: nowrap; color: #7d7e80; margin: 0px 20px 0px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tabs-system-block__title:last-child { margin: 0px 0px 0px 0px; } .tabs-system-block__title._tab-active { background: #366cd9; color: #ffffff; } .tabs-system-block__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; display: flex; } .top-tabs-system-block__sliders { position: relative; margin: 0px -16px 0px -16px; } .top-tabs-system-block__arrow-prev { cursor: pointer; position: absolute; z-index: 3; margin: -30px 0px 0px 0px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: 16px; background: #f7f8fa; border-radius: 3px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top-tabs-system-block__arrow-prev::before { font-size: 16px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .top-tabs-system-block__arrow-prev:hover { background: #366cd9; } .top-tabs-system-block__arrow-prev:hover::before { color: #ffffff; } .top-tabs-system-block__arrow-next { cursor: pointer; position: absolute; z-index: 3; margin: -30px 0px 0px 0px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 16px; background: #f7f8fa; border-radius: 3px; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top-tabs-system-block__arrow-next::before { font-size: 16px; } .top-tabs-system-block__arrow-next:hover { background: #366cd9; } .top-tabs-system-block__arrow-next:hover::before { color: #ffffff; } .top-tabs-system-block__slider { padding: 0px 16px 14px 16px; } .top-tabs-system-block__slide { position: relative; display: flex; flex-direction: column; height: auto; margin: 20px 0px 20px 0px; } .top-tabs-system-block__slide:hover .top-tabs-system-block__item { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .top-tabs-system-block__slide:hover .top-tabs-system-block__button { opacity: 1; } .top-tabs-system-block__item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; background: #ffffff; border: 1px solid #f0f1f2; padding: 20px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top-tabs-system-block__image { margin: 0px 0px 20px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; height: 100px; } .top-tabs-system-block-left-side { margin: 0px 20px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; height: 100px; } .top-tabs-system-block__price { color: #366cd9; } .top-tabs-system-block__image img { width: auto; height: 100px; -o-object-fit: cover; object-fit: cover; } .top-tabs-system-block__title { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 5px 0px; } .top-tabs-system-block__subtitle { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .top-tabs-system-block__subtitle span { color: #2b2e33; margin: 0px 15px 0px 3px; } .top-tabs-system-block__button { opacity: 0; border-radius: 0px 0px 5px 5px; } .top-tabs-system-block__more{ margin: 10px 0px 0px 0px; color: #366cd9; } .top-tabs-system-block__button::before { content: "+"; color: #ffffff; font-size: 18px; margin: 0px 15px 0px 0px; } .bottom-tabs-system-block__left { -webkit-box-flex: 0; -ms-flex: 0 1 800px; flex: 0 1 800px; border: 1px solid #f0f1f2; } .components-system-block__column { border-bottom: 1px solid #f0f1f2; } .components-system-block__item { padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .components-system-block__image { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; margin: 0px 40px 0px 0px; } .components-system-block__image img { height: 60px; width: 60px; } .components-system-block__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .components-system-block__title div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2px 0px 0px 20px; font-weight: 500; font-size: 12px; line-height: 1.4166666667; color: #e02a2a; white-space: nowrap; } .components-system-block__title div::before { color: #e02a2a; font-size: 16px; } .components-system-block__title div span { margin: 0px 0px 0px 10px; } .components-system-block__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; } .components-system-block__items { margin: 30px 0px 0px 0px; } .components-system-block__component { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 15px 0px; } .components-system-block__component:last-child { margin: 0px 0px 0px 0px; } .components-system-block__add { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 305px; height: 100px; border: 1px dashed #c8c9cc; border-radius: 5px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 20px; } .components-system-block__add::before { content: "+"; font-size: 18px; margin: 0px 20px 0px 0px; } .components-system-block__add:hover { color: #366cd9; } .component-system-block__image { margin: 0px 20px 0px 0px; } .component-system-block__image img { width: 100px; height: 100px; } .component-system-block__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 5px 0px; } .component-system-block__icons { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 0px 15px; } .component-system-block__icon { cursor: pointer; } .component-system-block__icon::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; font-size: 16px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .component-system-block__icon:hover::before { color: #7d7e80; } .component-system-block__clear { cursor: pointer; margin: 0px 0px 0px 15px; } .component-system-block__clear::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; font-size: 12px; color: #c8c9cc; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .component-system-block__clear:hover::before { color: #7d7e80; } .component-system-block__subtitle { font-weight: 400; font-size: 12px; line-height: 1.5; color: #7d7e80; } .component-system-block__subtitle span { color: #2b2e33; margin: 0px 15px 0px 3px; } .page__international-orders { margin: 0px 0px 40px 0px; } .international-orders__content { max-width: 800px; } .international-orders__h1 { margin: 0px 0px 10px 0px; } .international-orders__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 30px 0px; } .info-checkout-order__photo { margin: 20px 0px 0px 0px; } .photo-checkout__block { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: auto; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .photo-checkout__block::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .photo-checkout__input-file-img { display: -webkit-box; display: -ms-flexbox; display: flex; width: 0; height: 0; border-radius: 5px; } .photo-checkout__input-file-img._active { width: 100%; height: 120px; } .photo-checkout__input-file-img span { display: block; position: relative; width: 165px; height: 120px; margin: 0px 20px 0px 0px; } .photo-checkout__input-file-img span img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .photo-checkout__input-file-img span:hover .photo-checkout__input-file-remove { opacity: 1; pointer-events: auto; } .photo-checkout__input-file { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .photo-checkout__input-file input { cursor: pointer; min-width: 165px; height: 120px; opacity: 0; position: absolute; border-radius: 5px; } .photo-checkout__input-file label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; min-width: 165px; height: 120px; border: 1px dashed #c8c9cc; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-weight: 500; font-size: 14px; line-height: 1.4285714286; background: #ffffff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #2b2e33; } .photo-checkout__input-file label::before { content: "+"; font-size: 18px; width: 15px; height: 15px; margin: 0px 0px 10px 0px; color: #2b2e33; } .photo-checkout__input-file label:hover { background: #366cd9; } .photo-checkout__input-file-remove { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; border-radius: 5px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 108, 217, 0.8)), to(rgba(54, 108, 217, 0.8))); background: -o-linear-gradient(bottom, rgba(54, 108, 217, 0.8), rgba(54, 108, 217, 0.8)); background: linear-gradient(0deg, rgba(54, 108, 217, 0.8), rgba(54, 108, 217, 0.8)); font-weight: 500; font-size: 14px; line-height: 1.4285714286; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #ffffff; z-index: 10; opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; pointer-events: none; } .photo-checkout__input-file-remove::before { color: #ffffff; font-size: 16px; margin: 0px 10px 0px 0px; } .page__delivery { margin: 0px 0px 40px 0px; } .delivery__content { max-width: 781px; } .delivery__top { margin: -15px 0px; padding: 0px 0px 80px 0px; } .top-delivery__column { padding: 15px 0px; } .top-delivery__title { font-weight: 600; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 10px 0px; } .top-delivery__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; } .bottom-delivery__item { border: 1px dashed #366cd9; border-radius: 5px; padding: 35px 40px; } .bottom-delivery__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 20px; line-height: 1.4; } .bottom-delivery__text a { white-space: nowrap; color: #366cd9; border-bottom: 1px solid #366cd9; -webkit-transition: border-bottom 0.3s ease 0s; -o-transition: border-bottom 0.3s ease 0s; transition: border-bottom 0.3s ease 0s; } .bottom-delivery__text a:hover { border-bottom: 1px solid transparent; } .bottom-delivery__text::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 64px; height: 64px; font-size: 50px; color: #366cd9; margin: 0px 40px 0px 0px; } .page__privacy-police { margin: 0px 0px 40px 0px; } .privacy-police__h1 { word-wrap: break-word; } .privacy-police__text { max-width: 780px; } .privacy-police__text p { font-weight: 400; font-size: 14px; line-height: 1.4285714286; margin: 0px 0px 12px 0px; } .privacy-police__text p:last-child { margin: 0px 0px 0px 0px; } .page__contacts { margin: 0px 0px 40px 0px; } .contacts__body { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 35px 40px; border: 1px solid #f0f1f2; } .contacts__left { -webkit-box-flex: 0; -ms-flex: 0 1 340px; flex: 0 1 340px; margin: 0px 20px 0px 0px; } .contacts__map { -webkit-box-flex: 0; -ms-flex: 0 1 740px; flex: 0 1 740px; } .contacts__map iframe { height: 330px; width: 100%; } .left-contacts__items { margin: -10px 0px -10px 0px; } .left-contacts__column { padding: 10px 0px 10px 0px; } .left-contacts__column a:hover { color: #366cd9; } .left-contacts__write-top-footer { margin: 40px 0px 0px 0px; } .left-contacts__title { font-weight: 500; font-size: 10px; line-height: 1.4; color: #7d7e80; margin: 0px 0px 5px 0px; } .left-contacts__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .page__error { margin: 10px 0px 80px 0px; } .error__content { background: #366cd9; border-radius: 5px; padding: 80px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .error__image { -webkit-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; margin: 0px 120px 0px 0px; } .error__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .error__body { -webkit-box-flex: 0; -ms-flex: 0 1 480px; flex: 0 1 480px; } .error__title { font-weight: 600; font-size: 44px; line-height: 1.4090909091; color: #ffffff; margin: 0px 0px 20px 0px; } .error__subtitle { font-weight: 400; font-size: 14px; line-height: 1.4285714286; color: #ffffff; margin: 0px 0px 80px 0px; } .error__button { width: 280px; background: #ffffff; color: #2b2e33; } .error__button:hover { background: #f0f1f2; } .swiper { overflow: hidden; } .swiper-wrapper { width: 100%; height: auto; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .swiper-vertical .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .swiper-initialized .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; } .swiper-android .swiper-slide, .swiper-android .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-button-lock { display: none !important; } .swiper-button-disabled { display: none !important; } [data-simplebar] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; background: #C8C9CC; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; background: #C8C9CC; } .simplebar-scrollbar:before { position: absolute; content: ""; background: #366CD9; width: 2px; left: 0; right: 0; /*opacity: 0;*/ /*transition: opacity 0.2s linear;*/ } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ /*opacity: 0.5;*/ /*transition: opacity 0s linear;*/ } .simplebar-track.simplebar-vertical { top: 0; width: 2px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 0; bottom: 0; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .catalog-categories { margin-bottom: 25px; } .catalog-categories__list { display: flex; flex-wrap: wrap; padding-bottom: 1px; padding-left: 1px; } .catalog-categories__item { position: relative; flex: 0 0 auto; width: calc((100% + 3px)/3); border: 1px solid #f0f1f2; margin-bottom: -1px; margin-left: -1px; } .catalog-categories__item:before { position: absolute; display: block; content: ""; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } @media (hover:hover) { .catalog-categories__item:hover:before { opacity: 1; } } .catalog-categories__link { position: relative; height: 100%; display: flex; align-items: center; padding: 15px; background: #fff; } .catalog-categories__item-img-c { position: relative; flex: 0 0 auto; height: 64px; width: 64px; overflow: hidden; margin-right: 15px; } .catalog-categories__item-img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; } .catalog-categories__item-title { font-weight: bold; font-size: 14px; line-height: 1.4; } @media (max-width: 1212px) { .product__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__arrow-prev { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 0px 10px 0px 0px; } .product__arrow-next { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .slide-product__item { border-radius: 0px; } ._tab-active .slide-product__image { margin: 0px 20px 0px 0px; } ._tab-active .slide-product__top { margin: 0px 20px 0px 0px; } .center-header__column::after { content: ""; margin: 5.5px 10px 5.5px 10px; } .center-header__link div { max-width: 109px; width: auto; margin: 0px 0px 0px 10px; } .center-header__tel { max-width: 168px; min-width: auto; } .top-footer__right { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .main-home__top { margin: 0px 0px 10px 0px; } .main-home__bottom { margin: 0px 0px 0px 0px; } .main-home__tabs { margin: 0px -16px 0px 300px; } .main-home__tabs .product__arrow { display: none; } .main-home__tabs .product__title { margin: 0px 0px 0px 0px; } .main-home__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-home__main-slider { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px -16px 30px 0px; } .main-home__product { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } .main-home__product .product__title.title { margin: 0px 0px 0px 0px; } .main-home__product .slide-product:hover .slide-product__shadow { opacity: 1; } .main-home__product .slide-product__image { min-height: 240px; } .main-home__product .slide-product__item { border-radius: 0px; } .main-home__product .product__swiper { margin: 0px -16px; } .main-home__product .product__slider { padding: 0px 16px; } .main-home__product .product__title { margin: 0px 0px 0px 0px; } .main-home__product .product__slide { margin: 20px 0px 20px 0px; } .main-slider__slider { padding: 0px 16px 0px 0px; } .main-slider__pagination { display: none; } .tabs-main-home__navigation { border-radius: 5px 0px 0px 5px; } .tabs-main-home__title { padding: 20px 50px; min-width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs-main-home__title-h3 { padding: 0px 16px; } .brands__container { padding: 0px 0px 0px 0px; } .brands__title { padding: 0px 16px; } .brands__body { padding: 0px 16px 0px 16px; } .catalog__column { -webkit-box-flex: 0; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; } .tabs-filter__sorted { margin: 0px 20px 0px 0px; } .product-card__tabs { margin: 0px -16px 80px -16px; } .tabs__navigation { border-radius: 0px; } .tabs__title { padding: 20px 50px; min-width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs__body { border-right: none; border-left: none; border-bottom: none; } .tabs__body .product__title h4 { margin: 0px 40px 0px 0px; } .tabs__body .product__title h4::before { content: ""; height: 100%; bottom: -25px; } .tabs__body .product__title h4::after { content: ""; display: none; } .product-checkout-order__right { padding: 0px 0px 0px 10px; } .product-checkout-order__sum { margin: 0px 10px 0px 10px; } .system-block__body { margin: 0px -16px; } .tabs-system-block__navigation { padding: 0px 16px; } .tabs-system-block__content { padding: 0px 16px; } .error__content { padding: 80px 50px; } .error__image { margin: 0px 60px 0px 0px; } } @media (max-width: 1100px) { .tabs-filter__slide { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .tabs-filter__slide:nth-child(3n) .slide-product__item { border-right: 1px solid #f0f1f2; } .tabs-filter__slide:nth-child(2n) .slide-product__item { border-left: 1px solid #f0f1f2; } .tabs-filter__slide .slide-product__item { border-left: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; } .catalog-categories__item { width: calc((100% + 2px)/2); } } @media (max-width: 991.98px) { .rating__value { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin: 0px 10px 0px 0px; } .rating__value:last-child { margin: 0px 0px 0px 0px; } .rating__value input { width: 100%; } #price-start { margin: 0px 0px 0px 0px; } .page__login { padding: 100px 0px; } .center-header__link div { display: none; } .center-header__tel { display: none; } .center-header__tel-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .center-header__tel-icon::before { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 20px; color: #7d7e80; } .center-header__tel-icon:hover::before { color: #366cd9; } .main-about__body { display: block; } .main-about__image { margin: 0px 10px 0px 0px; } .main-about__image img { float: left; display: block; width: 50%; margin: 0px 20px 10px 0px; } .main-about__content { margin: 0px 0px 0px 10px; } .about-description__column { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .catalog__column { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .filter .wrapper { overflow: hidden; } .filter__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter__filter-block { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100% - 76px); z-index: 55; background: #ffffff; overflow: auto; -webkit-transition: left 0.3s ease 0s; -o-transition: left 0.3s ease 0s; transition: left 0.3s ease 0s; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ margin: 0px 0px 0px 0px; } .filter__filter-block::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .filter__filter-block._active { left: 0; } .filter__filter-block._active .filter-block-mob__button { opacity: 1; pointer-events: auto; } .filter__filter-block-mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 16px 30px 16px; } .filter__filter-block-spollers { position: relative; } .filter__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .spollers-filter__item { border-left: none; } .spollers-filter__title { padding: 20px 16px; } .spollers-filter__body { padding: 20px 16px; } .tabs-filter__top { padding: 20px; } .tabs-filter__filter-block-icon { cursor: pointer; display: block; margin: 0px 10px 0px 0px; } .tabs-filter__filter-block-icon::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; font-size: 14px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tabs-filter__filter-block-icon:hover::before { color: #366cd9; } .tabs-filter__sorted { display: none; } .tabs-filter__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs-filter__slide { -webkit-box-flex: 0; -ms-flex: 0 1 33.3333%; flex: 0 1 33.3333%; } .tabs-filter__slide:nth-child(2n) .slide-product__item { border-left: 1px solid #f0f1f2; } .tabs-filter__slide:nth-child(3n) .slide-product__item { border-right: 1px solid #f0f1f2; } .tabs-filter__slide .slide-product__item { border-top: none; border-bottom: 1px solid #f0f1f2; border-right: 1px solid transparent; border-left: 1px solid #f0f1f2; } .product-card__images { margin: 0px 20px 0px 0px; height: 360px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .product-card__content-left .slide-product__basket { width: 100%; } .product-card__content-right { display: none; } .images-product__thumbs { margin: 0px 26px; } .images-product__arrow-prev { top: 50%; left: 0; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .images-product__arrow-prev::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .images-product__arrow-next { top: 50%; right: 0; left: auto; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .images-product__arrow-next::before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .checkout .wrapper { overflow: hidden; } .order__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .right-order { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-top: none; border-right: 1px solid #f0f1f2; border-left: 1px solid #f0f1f2; border-bottom: 1px solid #f0f1f2; } .system .wrapper { overflow: hidden; } .tabs-system-block__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bottom-tabs-system-block__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .error__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 30px 0px; } .error__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .catalog-categories__item { width: calc((100% + 3px)/3); } } @media (max-width: 767.98px) { .wrapper > main { padding: 96.8px 0px 30px 0px; } .info-checkout-options__option { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 0px; } .popup__content { padding: 30px 16px 30px 16px; } .popup__close { top: 28px; right: 8px; } .add-component.popup { padding: 0px 0px 0px 0px; } .add-component .popup__content { padding: 30px 0px 0px 0px; max-width: 100%; min-height: 100vh; } .add-component__h4 { padding: 0px 16px 0px 16px; } .add-component__search { padding: 0px 16px 0px 16px; } .add-component__block { border-top: 1px solid #f0f1f2; border-left: none; border-right: none; overflow: hidden; height: 100%; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .add-component__block::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .block-add-component__item { padding: 20px 16px; } .block-add-component__image { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .block-add-component__image img { width: 60px; height: 60px; } .slide-product__items { margin: 0px 0px 5px 0px; } ._tab-active .slide-product__image { min-height: auto; height: 147px; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 147px; flex: 0 0 147px; } .slide-product__content-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } ._tab-active .slide-product__content-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } ._tab-active .slide-product__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } ._tab-active .slide-product__bottom { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } ._tab-active .slide-product__basket { width: calc(100% + 167px); position: relative; left: -167px; top: 15px; } .slide-product__basket-mob { display: -webkit-box; display: -ms-flexbox; display: flex; } ._tab-active .slide-product__button { width: 100%; height: auto; padding: 10px; } ._tab-active .slide-product__button::before { width: 16px; height: 16px; font-size: 16px; } .slide-product__totals { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } ._tab-active .slide-product__time-count { top: 15px; left: 15px; } .slide-product__showmore { display: none; } .info-checkout-order__column { padding: 25px; } .info-checkout-order__options { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -10px 0px; } .page__login { padding: 50px 0px; } .header._header-scroll .header__center { padding-top: 15px; padding-bottom: 15px; } .header__top { display: none; } .header__center { padding: 20px 0px; background: #ffffff; position: fixed; width: 100%; z-index: 50; top: 0; left: 0; border-bottom: 1px solid #f0f1f2; -webkit-transition: padding-top 0.3s ease 0s, padding-bottom 0.3s ease 0s; -o-transition: padding-top 0.3s ease 0s, padding-bottom 0.3s ease 0s; transition: padding-top 0.3s ease 0s, padding-bottom 0.3s ease 0s; } .header__bottom { display: none; } .header__menu-mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: fixed; left: 0; width: 100%; bottom: 0; background: #f7f8fa; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); z-index: 50; } .common .page { padding: 20px 0px 30px 0px; } .common .header__bottom { display: block; position: relative; left: 0; width: 100%; min-height: 100%; height: 100%; top: 0; background: transparent; z-index: 1; -webkit-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; padding: 96.8px 0px 0px 0px; } .common .catalog-header__title { border-radius: 5px; } .common .catalog-header__block { position: relative; width: 100%; border-radius: 0px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .common .catalog-header__block::-webkit-scrollbar { display: none; } .common .bottom-header__catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px -16px 20px 0px; } .catalog .header__bottom { display: block; position: absolute; left: 0; width: 100%; top: 0; background: #f7f8fa; z-index: 1; overflow: auto; -webkit-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; padding: 96.8px 0px 0px 0px; } .catalog .bottom-header__container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog .breadcrambs__container { padding: 0px 0px 0px 0px; } .catalog .wrapper { background: #f7f8fa; } .catalog .page { padding: 184.8px 0px 30px 0px; } .catalog .footer { display: none; } .center-header__logo img { height: 36px; } .center-header__content { margin: 0px; } .center-header__column { padding: 0px; width: 36px; height: 36px; background: #f7f8fa; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 10px 0px 0px; } .center-header__column:last-child { margin: 0px 0px 0px 0px; } .center-header__column::after { content: ""; display: none; } .center-header__link::before { font-size: 14px; } .center-header__tel-icon::before { font-size: 14px; } .center-header__basket { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .center-header__basket span { text-align: center; display: block; font-weight: 500; font-size: 11px; line-height: 1.4545454545; } .center-header__basket:hover { color: #366cd9; } .center-header__basket:hover .center-header__icon::before { color: #366cd9; } .center-header__icon { width: 24px; height: 24px; margin: 0px 0px 4px 0px; } .center-header__icon._icon-basket span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 9px; line-height: 1.4444444444; width: 12px; height: 12px; top: -4px; right: 6px; } .center-header__icon::before { font-size: 20px; } .center-header__amount { display: none; } .header-telephone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin: 0px 0px 0px 10px; } .header-basket { width: 100%; height: 100%; background: transparent; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 0px 0px; } .bottom-header__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bottom-header__catalog { display: none; } .bottom-header__search { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .bottom-header__inputs { height: 40px; } .bottom-header__inputs button { -webkit-box-flex: 0; -ms-flex: 0 1 8%; flex: 0 1 8%; padding: 10px 25px; } .bottom-header__icon { left: 15px; } .bottom-header__input { padding: 10px 10px 10px 41px; } .catalog-header__more { display: none; } .catalog-header__title { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 15px; height: 40px; border-radius: 5px; margin: 0px 10px 0px 0px; } .catalog-header__title-text span { display: none; } .catalog-header__block { display: block; } .catalog-header__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-header__list::after { content: ""; display: none; } .catalog-header__link { border-radius: 5px; margin: 0px 10px 0px 0px; height: 40px; } .catalog-header__link:last-child { margin: 0px 0px 0px 0px; } .catalog-header__subtitle { pointer-events: auto; white-space: nowrap; padding: 10px 15px; border-radius: 5px; } .catalog-header__items { display: none; } .catalog-header-sorted { display: block; } .catalog-header__list > li:hover .catalog-header__items { display: none; } .icon-menu { display: block; position: relative; width: 14px; height: 11px; cursor: pointer; z-index: 5; } .icon-menu span, .icon-menu::before, .icon-menu::after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 0; position: absolute; width: 100%; height: 1.5px; background-color: #2b2e33; border-radius: 50px; } .icon-menu::before { top: 0; } .icon-menu::after { bottom: 0; } .icon-menu span { top: calc(50% - 1px); } .footer { margin: 0px 0px 69px 0px; } .footer__top { padding: 40px 0px 40px 0px; } .footer__bottom { padding: 30px 0px 30px 0px; } .top-footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .top-footer__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 23px 0px; } .top-footer__logo { display: none; } .top-footer__sublogo-text { text-align: center; } .top-footer__center { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 40px 0px; } .top-footer__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .bottom-footer__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bottom-footer__left { margin: 0px 0px 20px 0px; } .bottom-footer__center { margin: 0px 0px 20px 0px; } .bottom-footer__right { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .page__main-home { margin: 0px 0px 10px 0px; } .page__product { margin: 0px 0px 10px 0px; } .page__product:last-child { margin: 0px 0px 30px 0px; } .page__brands { margin: 0px 0px 30px 0px; } .main-home__tabs { margin: 0px -16px 0px -16px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .main-home__tabs .product__slider { padding: 0px 16px; } .main-home__content { margin: 0px 0px 0px 0px; } .tabs-main-home__navigation { border-radius: 0px; } .tabs-main-home__title { padding: 15px 25px; } .brands__item { width: 120px; height: 60px; padding: 5px 15px; } .brands__image img { height: 35%; } .page__main-about { margin: 0px 0px 30px 0px; } .page__about-description { margin: 0px 0px 30px 0px; } .page__catalog { margin: 0px 0px 50px 0px; } .catalog__h1 { display: none; } .catalog__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 0px 0px; } .catalog__column { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 0px 0px; } .catalog__content { border-radius: 0px; padding: 0px 0px 0px 0px; background: transparent; position: relative; } .catalog__image { /* display: none; */ width: 20px; height: 20px; margin: 0 10px 0 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .catalog__column .catalog__image { width: 20px; height: 20px; margin: 0 10px 0 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; } .catalog__image img { width: 20px; height: 20px; object-fit: contain; padding: 0; } .catalog__image img[src=""] { display: none; } .catalog__item { position: relative; } .catalog__link { padding-left: 30px; } .catalog__title { cursor: pointer; pointer-events: auto; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 14px; line-height: 1.4285714286; padding: 17px 0px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog__title::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 10.5px; font-size: 13px; color: #7d7e80; margin: 5px 10px 0px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: none; } .catalog__title._icon-usb-drive-s::before { font-size: 8px; } .catalog__title:hover { color: #366cd9; } .catalog__title:hover::before { color: #366cd9; } .catalog__items { margin: 0px 0px 0px 0px; position: fixed; width: 100%; height: 100%; min-height: 70%; top: 67px; background: #f7f8fa; left: -100%; padding: 0px 16px 16px 16px; -webkit-transition: left 0.3s ease 0s; -o-transition: left 0.3s ease 0s; transition: left 0.3s ease 0s; overflow: auto; z-index: 51; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .catalog__items::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .catalog__items._catalog-open { left: 0; height: calc(100% - 129px); } .catalog__item-arrow { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0px 10px 0px; font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #7d7e80; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .catalog__item-arrow::before { font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; font-size: 10px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin: 0px 10px 0px 0px; } .catalog__item-arrow:hover { opacity: 0.8; } .catalog__item { padding: 15px 0px 15px 0px; } .catalog__item ul { margin: -5px 0px; padding: 12px 0px 0px 18px; } .catalog__item ul li { padding: 5px 0px; } .catalog__subsubtitle { font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #2b2e33; border-bottom: none !important; display: block; padding-left: 30px; } .page__filter { margin: 0px 0px 30px 0px; } .tabs-filter__body { margin: 0px 0px 30.5px 0px; } .tabs-filter__slide { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .tabs-filter__slide:nth-child(2n) .slide-product__item { border-left: 1px solid transparent; } .tabs-filter__slide:nth-child(3n) .slide-product__item { border-right: 1px solid #f0f1f2; } .tabs-filter__slide .slide-product__item { border-left: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; } ._tab-active .tabs-filter__slide .slide-product__item { padding: 15px 15px 30px 15px; } .pagination-filter__arrow-next { margin: 0px 0px 0px 7px; } .pagination-filter__arrow-prev { margin: 0px 7px 0px 0px; } .pagination-filter__number { padding: 14px 19.5px; margin: 0px 4px; } .pagination-filter__number:nth-child(4) { display: none; } .pagination-filter__number:nth-child(6) { display: none; } .product-card__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 30px 0px; } .product-card__tabs { margin: 0px -16px 60px -16px; } .product-card__images { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; margin: 0px 0px 20px 0px; } .product-card__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-card__content-left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-card__content-left .slide-product__showmore { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .images-product__slider { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 10px 0px; } .images-product__slider-thumbs { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tabs__title { padding: 15px 35px; } .tabs__body .product__title { padding: 30px 16px 10px 16px; border-right: none; border-left: none; } .tabs__body .product__title h4::before { content: ""; display: none; } .tabs__body .product__swiper { margin: 0px -16px 0px 0px; } .tabs__body h4 { margin: 0px 16px 20px 16px; } .tabs__items { padding: 0px 16px 0px 16px; } .tabs__column a { display: none; } .tabs__column { padding: 15px 16px; } .tabs__column span { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .tabs__spollers-title { padding: 15px 16px; } .page__order { margin: 0px 0px 60px 0px; } .checkout .page__order { margin: 0px 0px 30px 0px; } .left-order__item { padding: 20px; } .left-order__sutitle { margin: 0px 0px 40px 0px; } .right-order__item { padding: 20px 25px; } .page__system-block { margin: 0px 0px 30px 0px; } .top-tabs-system-block__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-tabs-system-block__arrow-prev { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 0px 20px 0px 0px; } .top-tabs-system-block__arrow-next { position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 0px 0px 0px 0px; } .top-tabs-system-block__slider { padding: 0px 16px 30px 16px; } .top-tabs-system-block__item { padding: 15px; } .top-tabs-system-block__image { margin: 0px 15px 0px 0px; } .components-system-block__item { padding: 15px; position: relative; } .components-system-block__image { margin: 0px 15px 0px 0px; } .components-system-block__title span { display: none; } .components-system-block__items { margin: 20px 0px 0px -75px; } .component-system-block__image { margin: 0px 15px 0px 0px; } .component-system-block__image img { height: 60px; width: 60px; } .page__international-orders { margin: 0px 0px 30px 0px; } .photo-checkout__input-file-img span { width: 120px; height: 100px; margin: 0px 10px 0px 0px; } .photo-checkout__input-file input { width: 120px; height: 100px; } .photo-checkout__input-file label { min-width: 120px; height: 100px; } .page__delivery { margin: 0px 0px 30px 0px; } .delivery__top { padding: 0px 0px 60px 0px; } .bottom-delivery__item { padding: 20px 25px; } .bottom-delivery__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; font-size: 18px; line-height: 1.3888888889; } .bottom-delivery__text::before { margin: 0px 0px 20px 0px; } .page__privacy-police { margin: 0px 0px 30px 0px; } .page__contacts { margin: 0px 0px 30px 0px; } .contacts__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 25px; } .contacts__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 20px 0px; } .contacts__map { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__map iframe { height: 300px; } .page__error { margin: 10px 0px 30px 0px; } .error__content { padding: 30px; } .error__title { font-size: 40px; line-height: 1.4; } .error__subtitle { margin: 0px 0px 30px 0px; } .catalog-categories__item { width: calc((100% + 2px)/2); } .tabs__navigation { flex-wrap: wrap; } .tabs__title { width: 50%; flex: 0 0 auto; } .product__slider .slide-product__title { margin: 0px 0px 5px 0px; } .product__slider .slide-product__code { margin: 0px 0px 5px 0px; } .product__slider .slide-product__stock { margin: 0px 0px 5px 0px; } .product__slider .slide-product__item { padding: 15px; } .product__slider .slide-product__time-count { top: 15px; left: 15px; } .product__slider .slide-product__basket { width: 100%; } .product__slider .slide-product__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .product__slider .slide-product__image { margin: 0px 0px 5px 0px; } .product__slider .slide-product__total { margin: 0px 0px 5px 0px; min-height: 48px; } .product__slider .slide-product__button { width: 100%; height: auto; padding: 10px; } .product__slider .slide-product__button::before { width: 16px; height: 16px; font-size: 16px; } .product__slider .slide-product__button::after { content: "Купить"; font-weight: 500; font-size: 14px; line-height: 1.4285714286; color: #ffffff; margin: 0px 0px 0px 15px; text-align: center; } .product__slider .slide-product__price-new { font-size: 20px; } } @media (max-width: 650px) { .catalog-categories__item { width: 280px; } .catalog-categories__list { flex-wrap: nowrap; overflow: auto; gap: 8px; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; } .catalog-categories__list::-webkit-scrollbar { display: none; } .product-checkout-order__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .product-checkout-order__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 15px 0px; } .product-checkout-order__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; padding: 0px 0px 0px 0px; } .product-checkout-order__sum { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 109px; width: 100%; } } @media (max-width: 600px) { .slide-product__button span { display: block; } .main-about__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-about__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 20px 0px; } .main-about__image img { width: 100%; float: none; margin: 0px 0px 0px 0px; } .main-about__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; } .tabs-filter__slide .slide-product__title { margin: 0px 0px 5px 0px; } .tabs-filter__slide .slide-product__code { margin: 0px 0px 5px 0px; } .tabs-filter__slide .slide-product__stock { margin: 0px 0px 5px 0px; } .tabs-filter__slide .slide-product__item { padding: 15px; } .tabs-filter__slide .slide-product__time-count { top: 15px; left: 15px; } .tabs-filter__slide .slide-product__basket { width: 100%; } ._tab-active .tabs-filter__slide .slide-product__basket { width: calc(100% + 167px); } .tabs-filter__slide .slide-product__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .tabs-filter__slide .slide-product__image { margin: 0px 0px 5px 0px; } ._tab-active .tabs-filter__slide .slide-product__image { margin: 0px 20px 0px 0px; } .tabs-filter__slide .slide-product__total { margin: 0px 0px 5px 0px; } .tabs-filter__slide .slide-product__button { width: 100%; height: auto; padding: 10px; } .tabs-filter__slide .slide-product__button::before { width: 16px; height: 16px; font-size: 16px; } } @media (max-width: 479.98px) { ._tab-active .slide-product__total { min-height: 47px; margin: 0px 0px 0px 0px; } ._tab-active .slide-product__price-new { font-size: 20px; line-height: 1.4; } .info-checkout-order__column { padding: 15px; } .info-checkout-order__inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -10px 0px; } .info-checkout-order__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 0px; } .top-footer__body { margin: -15px -13px; width: 100%; } .top-footer__column { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 15px 13px; } .about-description__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: -10px 0px; } .about-description__column { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 0px; } .about-description__image { margin: 0px 0px 20px 0px; } .tabs-filter__slide .time-count__title { font-size: 12px; line-height: 1.4166666667; padding: 2px 10px; } .tabs-filter__slide .time-count__content { padding: 6px 9px 6px 9px; } .tabs-filter__slide .time-count__val { width: 20px; height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs-filter__slide .time-count__val span { font-size: 12px; line-height: 1.4166666667; } .tabs-filter__slide .time-count__text { font-size: 8px; line-height: 1.375; } .tabs-filter__slide .time-count__separator { margin: 0px 0px 0px 0px; font-size: 12px; line-height: 1.4166666667; } .tabs-filter__slide .slide-product__price-new { font-size: 20px; line-height: 1.4; } .tabs-filter__slide .slide-product__price-old s { font-size: 12px; line-height: 1.4166666667; margin: 0px 10px 0px 0px; } .tabs-filter__slide .slide-product__total { min-height: 48px; margin: 0px 0px 5px 0px; } .product-checkout-order__column { padding: 15px; } .top-tabs-system-block__image { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .top-tabs-system-block__image img { height: 80px; } .error__button { width: 100%; } } @media (max-width: 375px) { .slide-product__price-old s { margin: 0px 5px 0px 0px; } .center-header__logo { margin: 0px 10px 0px 0px; } .center-header__logo img { height: 30px; } .center-header__column { margin: 0px 5px 0px 0px; } .header-telephone { margin: 0px 0px 0px 5px; } .bottom-header__inputs button { -webkit-box-flex: 0; -ms-flex: 0 1 8%; flex: 0 1 8%; padding: 10px 15px; } .main-home__product .slide-product__image { min-height: 200px; } .tabs-filter__top { padding: 15px; } .tabs-filter__title { margin: 0px 10px 0px 0px; } .pagination-filter__arrow-next::before { font-size: 13px; } .pagination-filter__arrow-prev::before { font-size: 13px; } .pagination-filter__number { width: 40px; height: 40px; padding: 14px 17px; font-size: 12px; line-height: 1.4166666667; } .images-product__thumbs { margin: 0px 16px; } .images-product__arrow-prev { width: 16px; height: 16px; } .images-product__arrow-prev::before { font-size: 10px; } .images-product__arrow-next { width: 16px; height: 16px; } .images-product__arrow-next::before { font-size: 10px; } .product-checkout-order__price-old s { margin: 0px 5px 0px 0px; } } @media (max-width: 1em) { .bottom-header__icon { display: none; } .bottom-header__input { padding: 10px 10px 10px 15px; } } /* // page brands start */ .p-brand-products__list { display: flex; flex-wrap: wrap; gap: 16px; } .p-brand-products__item { position: relative; flex: 0 0 auto; width: calc((100%/6) - ((16px)*5/6)); border: 1px solid #f0f1f2; } .p-brand-products__item:before { position: absolute; display: block; content: ""; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } @media (hover:hover) { .p-brand-products__item:hover:before { opacity: 1; } } .p-brand-products__card { display: block; height: 100%; padding: 15px; } .p-brand-products__card-img-c { overflow: hidden; position: relative; height: 120px; margin-bottom: 12px; } .p-brand-products__card-img { position: absolute; inset: 0; margin: auto; max-width: 100%; max-height: 100%; } .p-brand-hero__slider-c { position: relative; } .p-brand-hero__slider-btn.p-brand-hero__slider-prev { left: 15px; z-index: 5; } .p-brand-hero__slider-btn.p-brand-hero__slider-next { right: 15px; z-index: 5; } .p-brand-hero__slider-img { width: 100%; margin-left: auto; margin-right: auto; display: block; max-width: 1920px; } .p-brand-hero__slider-link { cursor: pointer; display: block; text-decoration: none !important; } .p-brand-products__card-title { font-size: 16px; line-height: normal; text-align: center; } .p-brand-section { margin-bottom: 60px; } .p-brand-section:last-child { margin-bottom: 0; } .p-brand-info__title { margin-bottom: 20px; } .p-brand-info__desc { border-radius: 8px; padding: 24px; background-color: #f7f8fa; font-size: 16px; line-height: 24px; border: 1px solid #f0f1f2; } .p-brand-head { margin-top: 25px; margin-bottom: 35px; } .p-brand-head-c { display: flex; justify-content: center; padding-bottom: 35px; } .p-brand-head__img-c { position: relative; display: flex; width: 240px; height: 60px; align-items: center; justify-content: center; text-align: center; } .p-brand-head__img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; inset: 0; margin: auto; } .p-brand-head__border { height: 10px; background: #f0f1f2; } @media (max-width: 1212px) { .p-brand-hero__slider-btn.p-brand-hero__slider-prev, .p-brand-hero__slider-btn.p-brand-hero__slider-next { position: absolute; top: 50%; transform: translate(0, -50%); margin: 0; } .p-brand-hero__slider-btn.p-brand-hero__slider-next { right: 15px; left: auto; } .p-brand-products__item { width: calc((100%/5) - ((16px)*4/5)); } } @media (max-width: 991.98px) { .p-brand-products__item { width: calc((100%/4) - ((16px)*3/4)); } } @media (max-width: 767px) { .p-brand-section { margin-bottom: 30px; } .p-brand-info__desc { padding: 12px; font-size: 14px; line-height: 20px; } .p-brand-hero__slider-pagination.main-slider__pagination { display: flex; bottom: 10px; } .p-brand-hero__slider-btn { display: none; opacity: 0; } .p-brand-products__item { width: calc((100%/2) - ((16px)*1/2)); } .p-brand-head { margin-top: 15px; margin-bottom: 25px; } .p-brand-head-c { display: flex; justify-content: center; padding-bottom: 15px; } .p-brand-head__img-c { width: 180px; height: 60px; } } /* // page brands end */ .inputRamField { border: 1px solid #f0f1f2; background: #f7f8fa; border-radius: 12px; width: 80px; height: 42px; text-align: center; margin-left: 10px; } /* End */ /* /local/templates/akja/css/swiper-bundle.min.css?177929749714611 */ /* /local/templates/akja/css/fancybox.css?177930220325343 */ /* /local/templates/akja/custom.css?17792963477461 */ /* /local/templates/akja/components/bitrix/menu/main-topmost-menu/style.css?16999693734414 */ /* /local/templates/akja/components/bitrix/menu/main-top-menu/style.css?16999693734414 */ /* /local/templates/akja/components/bitrix/sale.basket.basket.line/main-basket-line/style.css?16999693734749 */ /* /local/templates/akja/components/bitrix/menu/main-left-menu/style.css?17084345114643 */ /* /local/templates/akja/components/bitrix/search.title/main-filter/style.css?17044935992215 */ /* /local/templates/akja/components/bitrix/news.list/main-stocks/style.css?1699969373150 */ /* /local/templates/akja/components/bitrix/catalog.item/.default/style.css?169996937325496 */ /* /local/templates/akja/components/bitrix/catalog.section/main-recommended/style.css?16999693733808 */ /* /local/templates/akja/components/bitrix/news.list/main-socialmedia/style.css?1699969373150 */ /* /local/templates/akja/components/bitrix/menu/main-bottomleft-menu/style.css?16999693734414 */ /* /local/templates/akja/components/bitrix/news.list/main-communication-methods/style.css?1699969373150 */ /* /local/templates/akja/components/bitrix/news.list/main-payment/style.css?1699969373150 */ /* /local/templates/akja/styles.css?1779304795198448 */