/* Start:/local/templates/main/css/reset.min.css?17860132993360*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:"Roboto",sans-serif}img{margin:0;padding:0}img,ol,ul{font-size:100%;vertical-align:baseline;font-family:"Roboto",sans-serif}body{-webkit-overflow-scrolling:touch}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}[hidden]{display:none}a,a:active,a:hover,li{outline:0!important}img,ol,ul{border:0}button::-moz-focus-inner{padding:0;border:0}.btn,button,input[type=submit]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-appearance:none;cursor:pointer;outline:0;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:"Roboto",sans-serif;-webkit-transition:all ease .3s;transition:all ease .3s;text-decoration:none}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:block;width:100%;outline:0;font-family:"Roboto",sans-serif;-webkit-appearance:none}input[type=color]::-ms-clear,input[type=date]::-ms-clear,input[type=datetime-local]::-ms-clear,input[type=datetime]::-ms-clear,input[type=email]::-ms-clear,input[type=month]::-ms-clear,input[type=number]::-ms-clear,input[type=password]::-ms-clear,input[type=range]::-ms-clear,input[type=search]::-ms-clear,input[type=tel]::-ms-clear,input[type=text]::-ms-clear,input[type=time]::-ms-clear,input[type=url]::-ms-clear,input[type=week]::-ms-clear,select::-ms-clear,textarea::-ms-clear{display:none}textarea{overflow:auto;resize:none}input[list]::-webkit-calendar-picker-indicator{display:none;opacity:0;pointer-events:none}input[list]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:5px;padding-right:.5rem}input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}input[type=number]{-moz-appearance:textfield}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0;width:100%}a{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.1s;transition-duration:.1s}ol,ul{list-style-type:none;margin:0;padding:0}
/* End */
/* Start:/local/templates/main/css/fancybox.min.css?178601329924839*/
@keyframes f-spinner-rotate{to{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@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}}@keyframes f-zoomInUp{0%{transform:scale(.975) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translate3d(0,0,0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translate3d(0,16px,0);opacity:0}}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}@keyframes f-slideInPrev{0%{transform:translateX(100%)}to{transform:translate3d(0,0,0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}to{transform:translate3d(0,0,0)}}@keyframes f-slideOutNext{to{transform:translateX(-100%)}}@keyframes f-slideOutPrev{to{transform:translateX(100%)}}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@keyframes f-classicOutNext{to{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translateX(75px);opacity:0}}: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}.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}.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}.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}.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}.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}.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}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;z-index:1}: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:0}.f-button:focus-visible{outline:0;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-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev{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-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev{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-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev 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:transparent;overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:0;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 ::after,.fancybox__container ::before{box-sizing:inherit}.fancybox__container::backdrop{background-color:transparent}.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-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::after,.fancybox__slide::before{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__slide:empty,.fancybox__track:empty,.fancybox__viewport: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}.f-thumbs__slide.is-loading img,.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 [contenteditable],.fancybox__content [data-selectable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background: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(0)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-closing .fancybox__caption,.is-loading .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,.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,.is-idle.is-compact .fancybox__footer{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none}.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-ghost,.fancybox-protected{position:absolute;top:0;left:0;z-index:40;user-select:none}.fancybox-protected{right:0;bottom:0}.fancybox-ghost{width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none}.fancybox-focus-guard{outline:0;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel){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] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel){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{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{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-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .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: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-carousel__thumbs.is-classic{--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1}.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-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-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:transparent;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,.is-classic .f-thumbs__viewport{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}.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))*-.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 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0-1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0-100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:0 0;outline:0;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:0}.f-thumbs__slide__button:focus-visible{outline:0;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)}.f-thumbs__slide__img,.is-classic .is-nav-selected .f-thumbs__slide__button::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--f-thumb-border-radius)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";height:auto;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px}.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(.23,1,.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,.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.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-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:0!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/main/css/swiper-bundle.min.css?177640159118432*/
/**
* Swiper 11.1.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 9, 2024
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/main/css/style.css?1786015484347284*/
@charset "UTF-8";
:root {
--clr-base: #1a1a18;
--clr-base-title: #173551;
--clr-base-white: #fff;
--clr-base-light: #b0afaf;
--clr-att: #0095bf;
--clr-att-second: #48c1e3;
--clr-alert: #f00;
--clr-succefull: #00bf1d;
--clr-bg-white: #fff;
--clr-bg-att-light: #d6edf4;
--clr-bg-light: #b0afaf;
--clr-bg-gray: #f9f9f9;
--clr-border: #b0afaf;
--sectionMargin: 30px;
--sectionMarginSmall: 30px;
--fsize: 14px;
--lhsize: 1.43;
--mbsize: 1.43em;
--mainRadius: 2.4rem;
--icoSize: 24px;
--gapMain: 16px;
--gapMainHalf: 8px;
--min: 360px;
--max: 1500px;
--paddingContainer: 15px;
--filterBlack: brightness(0) grayscale(1);
--filterWhite: brightness(0) invert(1);
--filterAttToBase: brightness(0.2) saturate(0%);
--filterAttToBaseTitle: brightness(0.35) sepia(0.3) hue-rotate(10deg) saturate(1.5);
--filterAttToLight: brightness(0) invert(1);
font-size: 10px;
}
.sl-wrap:not(.swiper-slide) ~ .sl-wrap {
display: none;
}
.elm-hidden {
display: none;
}
/* ----------------------------------- *\
main styles
\* ----------------------------------- */
body {
color: var(--clr-base);
background: #fff;
font-size: var(--fsize);
line-height: var(--lhsize);
}
p,
ul,
ol,
table,
blockquote,
.bq-text {
position: relative;
margin-bottom: var(--mbsize);
}
p img,
ul img,
ol img,
table img,
blockquote img,
.bq-text img {
max-width: 100%;
}
p:last-child,
ul:last-child,
ol:last-child,
table:last-child,
blockquote:last-child,
.bq-text:last-child {
margin-bottom: 0 !important;
}
li {
position: relative;
padding-left: 20px;
}
li:before {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--clr-att);
position: absolute;
left: 0;
top: 0.72em;
margin-top: -3px;
}
.menu,
.list {
margin: 0;
padding: 0;
}
.menu li,
.list li {
margin: 0;
padding: 0;
}
.menu li:before,
.list li:before {
display: none;
}
.list-check li {
line-height: 1.63;
padding-left: 30px;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 10px;
}
.list-check li:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/check-text.svg) center no-repeat;
background-size: 100% auto;
top: 0.82em;
left: 12px;
margin: -12px 0 0 -12px;
}
.list-ok {
font-size: 14px;
line-height: 135%;
letter-spacing: 0.03em;
}
.list-ok li {
padding-left: 58px;
margin-bottom: 15px;
}
.list-ok li:last-child {
margin-bottom: 0;
}
.list-ok li:before {
content: "";
display: block;
width: 32px;
height: 32px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/ok.svg) center no-repeat;
background-size: 100% auto;
top: 0.68em;
left: 16px;
margin: -16px 0 0 -16px;
}
.list-arrows li {
padding-left: 18px;
}
.list-arrows li:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-toggle.svg) center no-repeat;
background-size: 100% auto;
top: 0.71em;
left: 4px;
margin: -12px 0 0 -12px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
a {
text-decoration: none;
color: var(--clr-att);
}
a:hover {
text-decoration: none;
color: var(--clr-att-second);
}
[href^="tel"],
[href^="mailto"] {
white-space: nowrap;
position: relative;
overflow: hidden;
}
a.link-main,
.link-main {
text-decoration: none;
border-bottom: 1px solid;
}
.link-phone,
.link-email {
display: inline;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
a.link-phone:hover,
a.link-email:hover,
a.link-location:hover {
color: var(--clr-att);
}
.section-title,
.page-title,
.page-title-main,
.page-subtitle,
h1,
.h1-title,
h2,
.h2-title,
h3,
.h3-title,
h4,
.h4-title,
h5,
.h5-title,
h6,
.h6-title {
display: block;
position: relative;
font-weight: bold;
margin: 1em 0;
word-wrap: break-word;
}
.section-title:first-child,
.page-title:first-child,
.page-title-main:first-child,
.page-subtitle:first-child,
h1:first-child,
.h1-title:first-child,
h2:first-child,
.h2-title:first-child,
h3:first-child,
.h3-title:first-child,
h4:first-child,
.h4-title:first-child,
h5:first-child,
.h5-title:first-child,
h6:first-child,
.h6-title:first-child {
margin-top: 0;
}
.section-title:last-child,
.page-title:last-child,
.page-title-main:last-child,
.page-subtitle:last-child,
h1:last-child,
.h1-title:last-child,
h2:last-child,
.h2-title:last-child,
h3:last-child,
.h3-title:last-child,
h4:last-child,
.h4-title:last-child,
h5:last-child,
.h5-title:last-child,
h6:last-child,
.h6-title:last-child {
margin-bottom: 0;
}
.h2-title,
h2 {
font-weight: 600;
font-size: 20px;
line-height: 135%;
color: var(--clr-base-title);
margin: 15px 0;
}
.h3-title,
h3 {
margin: 15px 0 0 0;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
font-weight: 600;
}
.page-title,
.page-title-main {
font-size: 24px;
line-height: 1.35;
letter-spacing: normal;
font-weight: bold;
color: var(--clr-base-title);
margin: 15px 0;
}
.text-base {
color: var(--clr-base) !important;
}
.text-base-light {
color: var(--clr-base-light) !important;
}
.text-att {
color: var(--clr-att) !important;
}
.text-alert {
color: var(--clr-alert) !important;
}
.text-succefull {
color: var(--clr-succefull) !important;
}
.text-light {
color: #727272 !important;
}
.text-line {
white-space: nowrap;
}
.text-upper {
text-transform: uppercase;
}
.text-lower {
text-transform: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
@media (max-width: 1399px) {
:root {
font-size: 9.5px;
}
}
@media (max-width: 1199px) {
:root {
font-size: 9px;
}
}
@media (max-width: 1023px) {
:root {
font-size: 8px;
}
}
@media (max-width: 767px) {
:root {
font-size: 7px;
}
}
@media (min-width: 400px) {
:root {
--paddingContainer: 20px;
}
}
@media (min-width: 768px) {
:root {
--paddingContainer: 26px;
}
.page-title-main {
font-size: 34px;
line-height: 1.29;
letter-spacing: 0.01em;
margin: 30px 0;
}
}
@media (min-width: 1024px) {
:root {
--paddingContainer: 30px;
--gapMain: 30px;
--gapMainHalf: 15px;
--sectionMargin: 9rem;
--sectionMarginSmall: 6rem;
--fsize: 16px;
--lhsize: 1.63;
--mbsize: 1.63em;
}
.list-check li {
margin-bottom: 15px;
}
.list-ok {
line-height: 1.63;
}
.list-ok li:before {
top: 0.82em;
}
li:before {
top: 0.81em;
}
.h2-title,
h2 {
font-size: 24px;
}
.h3-title,
h3 {
font-size: 20px;
letter-spacing: normal;
}
.page-title {
font-size: 3.4rem;
line-height: 1.29;
letter-spacing: 0.01em;
margin: 30px 0;
}
}
@media (min-width: 1400px) {
:root {
--paddingContainer: 46px;
}
}
/* ----------------------------------- *\
structura
\* ----------------------------------- */
html {
scroll-behavior: smooth;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-width: var(--min);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
max-width: 100%;
}
body {
width: 100vw;
overflow-x: hidden;
}
html {
scrollbar-gutter: stable;
}
html.with-fancybox body.hide-scrollbar {
overflow: inherit !important;
overflow-x: hidden !important;
margin-right: 0 !important;
}
.cnt-full-wrap {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
padding-left: var(--paddingContainer);
padding-right: var(--paddingContainer);
}
.inner-wrap,
.page-full {
position: relative;
clear: both;
margin: 0 auto;
padding-left: var(--paddingContainer);
padding-right: var(--paddingContainer);
min-width: var(--min);
max-width: var(--max);
width: 100%;
}
.inner-wrap .inner-wrap,
.page-full .inner-wrap {
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.inner-wrap .cnt-section,
.page-full .cnt-section {
min-width: 0;
}
.page-full {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.wrap,
.header,
.nav,
.footer,
.cnt-section {
position: relative;
clear: both;
min-width: var(--min);
width: 100%;
}
.wrap {
overflow: hidden;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrap > .cnt-section {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.nav,
.header,
.footer {
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1;
text-align: left;
}
.nav ul,
.header ul,
.footer ul,
.nav li,
.header li,
.footer li,
.nav p,
.header p,
.footer p {
margin: 0;
padding: 0;
}
.nav ul:before,
.header ul:before,
.footer ul:before,
.nav li:before,
.header li:before,
.footer li:before,
.nav p:before,
.header p:before,
.footer p:before {
display: none;
}
.nav a,
.header a,
.footer a {
text-decoration: none;
position: relative;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.header {
z-index: 199;
}
.header-main-panel {
padding-top: 0;
padding-bottom: 12px;
}
.header-main-panel .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-main-panel .logo-inner-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 6rem 0 0;
}
.header-main-panel .actions-inner-wrap {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.header-main-panel .download-inner-wrap {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 6rem;
}
.header-main-panel .panel-inner-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.header-main-panel .search-inner-wrap {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.header-main-panel .action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-main-panel .action-phone,
.header-main-panel .action-search {
display: none;
}
.header-main-panel .btn {
height: 40px;
font-size: 10px;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 500;
}
.header-main-panel .button-border:not(:hover) .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.header-main-panel .btn-action {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
position: relative;
gap: 5px;
font-size: 12px;
line-height: 1.33;
letter-spacing: 0.03em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.header-main-panel .btn-action[data-count]:after {
opacity: 1;
left: 16px;
}
.header-main-panel .btn-action[data-count="0"]:after {
opacity: 0;
transition: opacity .3s;
}
.header-main-panel .btn-action:hover {
color: var(--clr-att);
}
.header-main-panel .btn-action:hover .button-ico {
background: var(--clr-bg-att-light);
}
.header-main-panel .btn-action:hover .elm-photo {
color: var(--clr-base-white);
}
.header-main-panel .btn-action .elm-photo {
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--clr-att);
-ms-flex-negative: 0;
flex-shrink: 0;
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: 400;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.04em;
color: var(--clr-base-white);
}
.header-main-panel .btn-action .elm-photo img,
.header-main-panel .btn-action .elm-photo svg {
z-index: 4;
}
.header-main-panel .btn-action .elm-photo:hover {
color: var(--clr-base-white);
}
.header-main-panel .btn-action .button-ico {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--clr-bg-att-light);
-webkit-filter: none;
filter: none;
}
.header-main-panel .btn-action.button-logined .button-title-inner {
display: block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
width: 120px;
}
.header-main-panel .btn-action:not(:hover, .active) .btn-action-ico:before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.header-main-panel .btn-action a {
color: var(--clr-base-title);
}
.header-main-panel .btn-action a:hover {
color: var(--clr-att);
}
.header-main-panel .btn-action .button-title {
display: block;
min-width: 105px;
}
.header-main-panel .btn-action .button-title-inner {
display: block;
font-size: 10px;
line-height: 1.4;
letter-spacing: 0.04em;
}
.header-main-panel .btn-action .button-title-inner a:not(:hover) {
color: inherit;
}
.header-top-panel {
display: none;
font-size: 14px;
line-height: 24px;
color: var(--clr-base);
letter-spacing: 0.02em;
padding: 8px 0;
}
.header-top-panel .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
}
.header-top-panel .menu-inner-wrap:first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.header-top-panel .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -28px;
}
.header-top-panel .menu li {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
padding: 0 1px 0 0;
}
.header-top-panel .menu li:last-child {
padding-right: 0;
}
.header-top-panel .menu li:last-child:after {
display: none;
}
.header-top-panel .menu li:after {
content: "";
display: block;
width: 1px;
background: var(--clr-border);
height: 20px;
position: absolute;
top: 50%;
left: 100%;
margin-top: -10px;
}
.header-top-panel .btn-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
position: relative;
color: inherit;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
letter-spacing: 0.02em;
gap: 8px;
padding: 0 28px;
}
.header-top-panel .btn-menu:hover {
color: var(--clr-att);
}
.header-top-panel .btn-menu:hover .button-ico {
-webkit-filter: none;
filter: none;
}
.header-top-panel .btn-menu:hover .button-title:after {
-webkit-filter: none;
filter: none;
}
.header-top-panel .btn-menu .button-ico {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
width: var(--icoSize);
height: var(--icoSize);
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.header-top-panel .btn-menu .button-title:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.header-nav-panel .mobile-inner-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
position: relative;
padding: 13px 30px 30px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 11px;
}
.header-nav-panel .mobile-inner-wrap:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 30px;
right: 30px;
height: 1px;
background: var(--clr-border);
}
.header-nav-panel .mobile-inner-wrap .btn {
height: 40px;
font-size: 10px;
letter-spacing: 0.15em;
font-weight: 500;
gap: 4px;
}
.header-nav-panel .mobile-inner-wrap .btn.button-border:not(:hover) .button-ico {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.header-nav-panel .mobile-inner-wrap .btn-menu {
padding: 0;
font-size: 14px;
line-height: 24px;
color: var(--clr-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
width: 100%;
}
.header-nav-panel .mobile-inner-wrap .btn-menu .button-ico {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.header-nav-panel .mobile-inner-wrap .btn-menu:hover {
color: var(--clr-att);
}
.header-nav-panel .mobile-inner-wrap .btn-menu:hover .button-ico {
-webkit-filter: none;
filter: none;
}
.footer {
background: #001e26;
color: var(--clr-base-white);
padding: 15px 0;
}
.footer .frm-main-button .form-inner-wrap {
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
}
.footer-main-panel {
display: block;
position: relative;
padding: 15px 0;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
}
.footer-main-panel .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.footer-main-panel .info-inner-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.footer-main-panel .logo-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-main-panel .logo-inner-wrap .logo {
-webkit-filter: var(--filterWhite);
filter: var(--filterWhite);
}
.footer-main-panel .contacts-inner-wrap,
.footer-main-panel .contacts-column-wrap,
.footer-main-panel .menu-column-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
width: 100%;
}
.footer-main-panel .menu-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
width: 100%;
}
.footer-main-panel .menu-column-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.footer-main-panel .menu-second {
width: 50%;
}
.footer-main-panel .menu-second .menu {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.footer-main-panel .menu-third {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-main-panel .cnt-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
padding-left: 35px;
}
.footer-main-panel .cnt-wrap .elm-ico {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 10px;
margin: -12px 0 0 -12px;
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.footer-main-panel .cnt-wrap p {
margin-bottom: 3px;
}
.footer-main-panel .cnt-wrap .link-main {
font-size: 14px;
line-height: 1.35;
font-weight: 400;
border-bottom: none;
letter-spacing: normal;
}
.footer-main-panel .cnt-wrap .link-phone {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1.35;
font-weight: bold;
color: var(--clr-base-white);
-ms-flex-negative: 0;
flex-shrink: 0;
letter-spacing: normal;
margin: 0 10px 0 0;
}
.footer-main-panel .cnt-wrap .link-phone:hover {
color: var(--clr-att);
}
.footer-main-panel .cnt-wrap .button-soc {
display: inline-block;
vertical-align: middle;
width: 28px;
height: 28px;
margin: 0 5px 0 0;
}
.footer-main-panel .cnt-wrap .link-email {
color: var(--clr-base-white);
}
.footer-main-panel .cnt-wrap .link-email:hover {
color: var(--clr-att);
}
.footer-main-panel .cnt-title {
font-size: 14px;
line-height: 1.43;
font-weight: 400;
letter-spacing: 0.02em;
color: var(--clr-base-light);
margin: 0 0 5px 0;
}
.footer-main-panel .cnt-title:last-child {
margin-bottom: 0;
}
.footer-main-panel .menu-title {
margin-bottom: 10px;
display: block;
}
.footer-main-panel .menu-title:last-child {
margin-bottom: 0;
}
.footer-main-panel .menu-title a {
color: var(--clr-base-white);
}
.footer-main-panel .menu-title a:hover {
color: var(--clr-att);
}
.footer-main-panel .menu {
font-size: 12px;
line-height: 1.33;
color: var(--clr-base-light);
}
.footer-main-panel .menu li {
margin-bottom: 5px;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
width: 100%;
}
.footer-main-panel .menu a {
color: inherit;
}
.footer-main-panel .menu a:hover {
color: var(--clr-att);
}
.footer-info-panel {
font-size: 12px;
line-height: 1.67;
letter-spacing: 0.02em;
color: var(--clr-base-light);
}
.footer-info-panel .inner-wrap {
padding-top: 31px;
padding-bottom: 15px;
}
.footer-info-panel .inner-wrap:before {
content: "";
display: block;
position: absolute;
top: 0;
left: var(--paddingContainer);
right: var(--paddingContainer);
height: 1px;
background: var(--clr-bg-white);
}
.footer-info-panel .info-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.footer-info-panel .info-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.footer-info-panel .info-wrap:last-child {
font-size: 1.16666667em;
}
.footer-info-panel a:not(:hover) {
color: inherit;
}
.footer-info-panel p {
max-width: 60em;
}
.footer-form-panel {
position: relative;
}
.footer-form-panel .inner-wrap {
padding-top: 14px;
padding-bottom: 15px;
}
.footer-form-panel .inner-wrap:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: var(--paddingContainer);
right: var(--paddingContainer);
height: 1px;
background: var(--clr-bg-white);
}
.footer-form-panel .form-title-wrap {
margin-bottom: 10px;
}
.footer-form-panel .form-title {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
font-weight: 400;
}
.popup-catalog-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.popup-catalog-wrap .js-btn-popup-toggle.active + .js-popup-block {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.popup-catalog-wrap .catalog-content-block {
position: absolute;
top: 100%;
left: 0;
width: 360px;
z-index: 29;
display: none;
max-height: calc(100dvh - 200px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 20px 0 20px;
background: var(--clr-bg-white);
border: 1px solid #c9c9c9;
gap: 0;
margin-top: 10px;
}
.popup-catalog-wrap .catalog-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.popup-catalog-wrap .catalog-title-wrap .btn-popup-close {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
}
.popup-catalog-wrap .catalog-menu-wrap {
padding: 20px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup-catalog-wrap .catalog-menu-wrap::-webkit-scrollbar {
width: 0;
height: 0;
}
.popup-catalog-wrap .catalog-menu-wrap > .menu > li {
border-bottom: 1px solid var(--clr-bg-gray);
}
.popup-catalog-wrap .catalog-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-base-title);
}
.popup-catalog-wrap .catalog-submenu-wrap {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.popup-catalog-wrap .btn-catalog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0.03em;
color: var(--clr-base-title);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
gap: 10px;
padding: 10px 30px 10px 15px;
}
.popup-catalog-wrap .btn-catalog.active ~ .catalog-submenu-wrap {
height: auto;
}
.popup-catalog-wrap .btn-catalog:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-toggle.svg) center no-repeat;
background-size: 100% auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
top: 50%;
right: 20px;
margin: -12px -12px 0 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.popup-catalog-wrap .btn-catalog .button-ico {
width: 32px;
height: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.popup-catalog-wrap .btn-catalog:hover,
.popup-catalog-wrap .btn-catalog.active {
background: var(--clr-bg-att-light);
color: var(--clr-base-title);
}
.popup-catalog-wrap .btn-catalog.active:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.popup-catalog-wrap .btn-catalog-submenu {
display: block;
font-size: 14px;
line-height: 20px;
color: var(--clr-base);
letter-spacing: 0.02em;
padding: 3px 15px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
background: var(--clr-bg-att-light);
}
.popup-catalog-wrap .btn-catalog-submenu:hover,
.popup-catalog-wrap .btn-catalog-submenu.active {
color: var(--clr-base);
background: var(--clr-bg-white);
}
.popup-catalog-wrap .btn-popup.active .button-ico img,
.popup-catalog-wrap .btn-popup.active .button-ico svg {
opacity: 0;
}
.popup-catalog-wrap .btn-popup.active .button-ico:before {
opacity: 1;
}
.popup-catalog-wrap .btn-popup .button-ico:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(/local/templates/main/css/../img/icons/delete.svg) center no-repeat;
background-size: 100% auto;
opacity: 0;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4em;
font-size: 20px;
position: relative;
overflow: hidden;
line-height: 1;
text-decoration: none;
width: auto;
letter-spacing: normal;
font-weight: 400;
}
.logo:hover {
text-decoration: none;
}
.logo img {
display: block;
width: 100%;
}
.logo .logo-image {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 3.8em;
}
.logo .logo-image-title {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 5.75em;
}
.content-outer-wrap,
.page-outer-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-content-wrap,
.page-side-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.page-side-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.side-wrap,
.content-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.content-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.side-wrap .popup-catalog-wrap .btn-catalog.menu-active {
background: var(--clr-bg-att-light);
}
@media (max-width: 1399px) {
.header-main-panel .logo-inner-wrap {
padding-right: 30px;
}
.header-main-panel .download-inner-wrap {
padding-left: 30px;
}
.header-main-panel .download-inner-wrap .btn {
width: 40px;
min-width: 0;
padding: 0;
}
.header-main-panel .download-inner-wrap .btn .button-ico {
margin: 0 auto;
}
.header-main-panel .download-inner-wrap .btn .button-title {
display: none;
}
}
@media (max-width: 1199px) {
.header-main-panel .btn-action .button-title {
min-width: 0;
}
}
@media (max-width: 1023px) {
.wrap {
overflow: hidden;
}
.section-mobile-full {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
}
.header-main-panel .logo-inner-wrap {
padding-right: 20px;
}
.header-main-panel .download-inner-wrap {
padding-left: 20px;
}
.header-main-panel .actions-inner-wrap {
gap: 10px;
}
.header-main-panel .action-fav {
padding-right: 18px;
}
.header-main-panel .action-reorder {
display: none;
}
.header-main-panel .btn-action .button-title {
display: none;
}
.header-main-panel .btn {
padding: 0 11px;
}
.header-main-panel .logo {
font-size: 12px;
}
.popup-catalog-wrap .catalog-menu-wrap .open .catalog-submenu-wrap {
height: auto;
}
.popup-catalog-wrap .catalog-menu-wrap .open .btn-catalog {
background: var(--clr-bg-att-light);
}
.popup-catalog-wrap .catalog-menu-wrap .open .btn-catalog:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.side-wrap > * {
display: none;
}
.side-wrap > .menu-catalog-box,
.side-wrap > .popup-catalog-wrap {
display: block;
margin-bottom: 0;
}
.side-wrap .popup-catalog-wrap {
width: 100%;
position: relative;
}
.side-wrap .popup-catalog-wrap .btn-popup {
width: 40px;
height: 40px;
padding: 0;
}
.side-wrap .popup-catalog-wrap .btn-popup .button-ico {
margin: 0 auto;
}
.side-wrap .popup-catalog-wrap .btn-popup .button-title {
display: none;
}
.section-lk .page-side-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.section-lk .page-content-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 767px) {
.menu-show {
overflow: hidden;
}
.wrap {
padding-top: 70px;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
background: var(--clr-bg-white);
border-bottom: 1px solid var(--clr-bg-att-light);
margin: 0;
}
.header-main-panel {
padding: 0;
}
.header-main-panel .inner-wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 70px;
padding-top: 8px;
padding-bottom: 8px;
}
.header-main-panel .logo-inner-wrap {
padding-right: 0;
}
.header-main-panel .actions-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 65px;
padding-left: 0;
}
.header-main-panel .download-inner-wrap {
display: none;
}
.header-main-panel .panel-inner-wrap {
display: none;
}
.header-main-panel .search-inner-wrap {
display: none;
}
.header-main-panel .catalog-inner-wrap {
display: none;
}
.header-main-panel .action-phone,
.header-main-panel .action-search {
display: block;
}
.header-main-panel .action-phone {
padding-right: 15px;
}
.header-main-panel .action-fav {
padding-right: 0;
}
.header-main-panel .action-user .btn-action {
cursor: pointer;
}
.header-main-panel .logo {
font-size: 15px;
}
.header-main-panel .logo .logo-image-title {
display: none;
}
.header-nav-panel {
position: static;
}
.header-nav-panel .js-btn-popup-toggle.active + .js-popup-block {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.header-nav-panel .inner-wrap {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
top: 70px;
bottom: 0;
left: 0;
right: 0;
background: var(--clr-bg-gray);
padding: 0;
}
.header-nav-panel .menu-inner-wrap {
padding: 15px 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.header-nav-panel .menu-inner-wrap::-webkit-scrollbar {
width: 0;
height: 0;
}
.header-nav-panel .menu .menu {
padding: 0;
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.header-nav-panel .menu .menu-more {
display: none;
}
.header-nav-panel .open .btn-menu {
color: var(--clr-att);
}
.header-nav-panel .open .btn-menu .button-title:after {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-filter: none;
filter: none;
}
.header-nav-panel .open .menu {
height: auto;
padding-bottom: 15px;
}
.header-nav-panel .btn-submenu,
.header-nav-panel .btn-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
gap: 8px;
color: var(--clr-base);
text-align: left;
padding: 13px 13px 13px 30px;
}
.header-nav-panel .btn-submenu .button-ico,
.header-nav-panel .btn-menu .button-ico {
width: var(--icoSize);
height: var(--icoSize);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-nav-panel .btn-submenu:hover,
.header-nav-panel .btn-menu:hover,
.header-nav-panel .btn-submenu.active,
.header-nav-panel .btn-menu.active {
color: var(--clr-att);
}
.header-nav-panel .btn-submenu:hover .button-title:after,
.header-nav-panel .btn-menu:hover .button-title:after,
.header-nav-panel .btn-submenu.active .button-title:after,
.header-nav-panel .btn-menu.active .button-title:after {
-webkit-filter: none;
filter: none;
}
.header-nav-panel .btn-submenu .button-title:after,
.header-nav-panel .btn-menu .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.header-nav-panel .btn-submenu {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.header-nav-panel .btn-popup {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: var(--paddingContainer);
background: var(--clr-att);
overflow: visible;
margin-top: -20px;
}
.header-nav-panel .btn-popup:before,
.header-nav-panel .btn-popup:after {
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
z-index: 3;
}
.header-nav-panel .btn-popup span {
display: block;
width: 57px;
aspect-ratio: 57/50;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url("data:image/svg+xml,%3Csvg width='57' height='50' viewBox='0 0 57 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2674 1.27606L0.348929 23.7334C-0.116432 24.542 -0.116432 25.4664 0.348929 26.2729L13.2674 48.7239C13.7349 49.5346 14.5393 50 15.4742 50H41.0396C41.9766 50 42.781 49.5346 43.2464 48.7239L56.1649 26.2729C56.6303 25.4643 56.6303 24.542 56.1649 23.7334L43.2485 1.27606C42.781 0.463255 41.9766 0 41.0417 0H15.4763C14.5393 0 13.7349 0.465361 13.2695 1.27606M16.2154 6.36976L6.22806 23.7313C5.7627 24.5399 5.7627 25.4643 6.22806 26.2708L16.2154 43.6281C16.6829 44.4388 17.4873 44.9042 18.4222 44.9042H38.0958C39.0329 44.9042 39.8372 44.4388 40.3026 43.6281L50.29 26.2708C50.7553 25.4622 50.7553 24.5378 50.29 23.7313L40.3026 6.36976C39.8351 5.55696 39.0308 5.0937 38.0958 5.0937H18.4222C17.4852 5.0937 16.6808 5.55906 16.2154 6.36976Z' fill='%230095BF'/%3E%3Cpath d='M16.2154 6.36976L6.22806 23.7313C5.7627 24.5399 5.7627 25.4643 6.22806 26.2708L16.2154 43.6281C16.6829 44.4388 17.4873 44.9042 18.4222 44.9042H38.0958C39.0329 44.9042 39.8372 44.4388 40.3026 43.6281L50.29 26.2708C50.7553 25.4622 50.7553 24.5378 50.29 23.7313L40.3026 6.36976C39.8351 5.55696 39.0308 5.0937 38.0958 5.0937H18.4222C17.4852 5.0937 16.6808 5.55906 16.2154 6.36976Z' fill='%230095BF'/%3E%3C/svg%3E%0A")
center no-repeat;
background-size: 100% auto;
}
}
@media (max-width: 399px) {
.header-main-panel .action-phone {
padding-right: 0;
}
.header-main-panel .logo {
font-size: 12px;
}
}
@media (min-width: 768px) {
.wrap:has(.page-full > .breadcrumbs-box:first-child) .header {
margin-bottom: 15px;
}
.header-fixed .header-main-panel {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
border-bottom: 1px solid var(--clr-bg-att-light);
}
.header-fixed .header-top-panel {
margin-bottom: 68px;
}
.header {
margin-bottom: 15px;
}
.header-top-panel {
display: block;
padding-bottom: 0;
}
.header-nav-panel {
background: var(--clr-bg-gray);
}
.header-nav-panel:has(.menu-more.active) .menu-main {
padding-right: 72px;
}
.header-nav-panel:has(.menu-more.active) .menu-more {
position: absolute;
top: 0;
right: 0;
}
.header-nav-panel .mobile-inner-wrap {
display: none;
}
.header-nav-panel .menu-inner-wrap {
position: relative;
}
.header-nav-panel .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-nav-panel .menu .menu {
display: none;
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
border: 1px solid #c9c9c9;
position: absolute;
top: 100%;
left: 0;
width: 365px;
min-width: 100%;
padding: 30px 0;
background: var(--clr-bg-white);
border-top: none;
z-index: 20;
}
.header-nav-panel .menu .menu li {
padding: 0;
margin: 0;
}
.header-nav-panel .menu .menu li:after {
display: none;
}
.header-nav-panel .menu.menu-main > li:not(.menu-more) {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.header-nav-panel:not(:has(.menu-more.active)) .menu.menu-main > li:not(.menu-more) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header-nav-panel .menu li {
padding: 0 1px 0 0;
position: relative;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.header-nav-panel .menu li.menu-more {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.header-nav-panel .menu li:has(+ li:hover):after {
opacity: 0;
}
.header-nav-panel .menu li:hover .menu {
display: block;
}
.header-nav-panel .menu li:after {
content: "";
display: block;
width: 1px;
background: var(--clr-border);
height: 20px;
position: absolute;
top: 50%;
left: 100%;
margin-top: -10px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.header-nav-panel .menu li:last-child {
padding-right: 0;
}
.header-nav-panel .menu li:last-child:after {
display: none;
}
.header-nav-panel li:hover:after {
opacity: 0;
}
.header-nav-panel li:hover .menu {
display: block;
}
.header-nav-panel li:hover .btn-menu {
color: var(--clr-att);
background: var(--clr-bg-att-light);
}
.header-nav-panel li:hover .btn-menu .button-title:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-filter: none;
filter: none;
}
.header-nav-panel .menu-more-ul {
display: none;
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
white-space: normal;
max-width: 200px;
padding: 20px 0 20px 0;
position: absolute;
top: 100%;
left: 50%;
margin-left: -92px;
z-index: 120;
}
.header-nav-panel .menu-more-ul .menu {
display: none !important;
}
.header-nav-panel .menu-more-ul .btn-submenu {
padding-left: 15px;
padding-right: 15px;
}
.header-nav-panel .menu-more {
display: none;
position: relative;
}
.header-nav-panel .menu-more:has(.menu:empty) {
display: none !important;
}
.header-nav-panel .menu-more.active {
display: block;
}
.header-nav-panel .menu-more .btn-menu {
white-space: normal;
}
.header-nav-panel .menu-more .btn-menu:not(:hover) .button-ico {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.header-nav-panel .menu-more .menu {
left: auto;
right: 0;
}
.header-nav-panel .menu-more .btn-submenu .button-title:after {
display: none;
}
.header-nav-panel .btn-menu {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.03em;
color: var(--clr-base);
font-weight: 400;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
padding: 0 24px;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 56px;
gap: 8px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-nav-panel .btn-menu .button-ico {
width: var(--icoSize);
height: var(--icoSize);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-nav-panel .btn-menu .button-title:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.header-nav-panel .btn-menu:hover {
background: var(--clr-bg-att-light);
color: var(--clr-att);
}
.header-nav-panel .btn-menu:hover .button-title:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-filter: none;
filter: none;
}
.header-nav-panel .btn-submenu,
.header-nav-panel .menu .menu .btn-menu {
display: block;
position: relative;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.02em;
font-weight: 600;
color: var(--clr-base);
padding: 10px 20px 10px 30px;
}
.header-nav-panel .btn-submenu:hover,
.header-nav-panel .menu .menu .btn-menu:hover,
.header-nav-panel .btn-submenu.active,
.header-nav-panel .menu .menu .btn-menu.active {
color: var(--clr-att);
}
.header-nav-panel .btn-popup {
display: none;
}
.header-main-panel {
padding-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 68px;
background: var(--clr-bg-white);
}
.footer-main-panel .logo-inner-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer-main-panel .contacts-inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.footer-main-panel .contacts-column-wrap {
width: calc(50% - 7px);
}
.footer-main-panel .menu-column-wrap {
width: calc(50% - 7px);
}
.footer-main-panel .menu-second,
.footer-main-panel .menu-third {
width: calc(25% - 7px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.header-nav-panel .btn-menu {
padding: 0 24px;
height: 44px;
font-size: 14px;
}
}
@media (min-width: 1024px) {
.header-fixed .header-top-panel {
margin-bottom: 95px;
}
.header {
margin-bottom: 30px;
}
.header-main-panel {
min-height: 95px;
}
.header-main-panel .catalog-inner-wrap .menu {
position: static;
}
.header-main-panel .catalog-inner-wrap .menu li {
position: static;
}
.header-main-panel .catalog-inner-wrap .menu li:hover .catalog-submenu-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
.header-main-panel .catalog-inner-wrap .menu li:hover .btn-catalog {
background: var(--clr-bg-att-light);
}
.header-main-panel .catalog-inner-wrap .menu li:hover .btn-catalog .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header-main-panel .catalog-submenu-wrap {
position: absolute;
top: -1px;
bottom: -1px;
left: 100%;
width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer) - 290px - 260px);
max-width: 858px;
background: var(--clr-bg-white);
padding: 0;
border: 1px solid var(--clr-bg-att-light);
border-top: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-main-panel .catalog-submenu-wrap:before {
content: attr(data-title);
font-size: 20px;
line-height: 27px;
font-weight: 600;
color: var(--clr-base-title);
padding: 40px 30px 10px 30px;
display: block;
border-bottom: 1px solid var(--clr-bg-att-light);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-main-panel .catalog-submenu-wrap .menu {
width: 100%;
max-height: calc(100% - 78px);
padding: 30px 30px 30px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.header-main-panel .catalog-submenu-wrap .menu::-webkit-scrollbar {
width: 0;
height: 0;
}
.header-main-panel .catalog-submenu-wrap .menu li {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50%;
margin: 0;
padding: 0;
}
.header-main-panel .catalog-content-block {
width: 290px;
padding: 0;
border-color: var(--clr-bg-att-light);
}
.header-main-panel .catalog-title-wrap {
display: none;
}
.header-main-panel .catalog-menu-wrap {
padding: 30px 0;
}
.header-main-panel .btn-catalog.active:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.header-main-panel .btn-catalog-submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base-title);
padding: 15px;
min-height: 100%;
background: var(--clr-bg-white);
}
.header-main-panel .btn-catalog-submenu:hover,
.header-main-panel .btn-catalog-submenu.active {
background: var(--clr-bg-gray);
}
.footer {
padding: 6rem 0;
}
.footer-main-panel {
padding: 30px 0;
}
.footer-main-panel .inner-wrap {
gap: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.footer-main-panel .info-inner-wrap {
width: 30%;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 360px;
gap: 4.5rem;
}
.footer-main-panel .menu-inner-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.footer-main-panel .contacts-inner-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.footer-main-panel .contacts-column-wrap {
width: 100%;
}
.footer-main-panel .menu-column-wrap {
width: 35%;
}
.footer-main-panel .menu-second {
width: 35%;
}
.footer-main-panel .menu-third {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-main-panel .menu-title {
font-size: 20px;
line-height: 1.55;
margin-bottom: 15px;
}
.footer-main-panel .menu {
font-size: 14px;
line-height: 1.43;
}
.footer-main-panel .menu li {
margin-bottom: 10px;
}
.footer-info-panel {
font-size: 14px;
}
.footer-info-panel .inner-wrap {
padding-top: 30px;
padding-bottom: 30px;
}
.footer-info-panel .info-inner-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 30px;
}
.footer-info-panel .info-wrap {
width: auto;
}
.footer-info-panel .info-wrap:first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer-info-panel .info-wrap:last-child {
text-align: right;
font-size: 1em;
}
.footer-form-panel .inner-wrap {
padding-top: 30px;
padding-bottom: 30px;
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;
gap: 10px 30px;
}
.footer-form-panel .form-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 525px;
}
.footer-form-panel .form-title-wrap {
margin: 0;
}
.footer-form-panel .form-title {
font-size: 20px;
line-height: 1.35;
letter-spacing: normal;
}
.content-outer-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.content-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 330px - 30px);
}
.side-wrap {
width: 330px;
}
.side-wrap .popup-catalog-wrap .catalog-title-wrap {
margin-bottom: 20px;
}
.side-wrap .popup-catalog-wrap .catalog-content-block {
width: 100%;
display: block;
max-height: inherit;
position: relative;
margin: 0;
top: auto;
bottom: auto;
left: auto;
right: auto;
padding: 0;
border: none;
}
.side-wrap .popup-catalog-wrap .catalog-menu-wrap {
padding: 0;
}
.side-wrap .popup-catalog-wrap .catalog-menu-wrap .open .catalog-submenu-wrap {
height: auto;
}
.side-wrap .popup-catalog-wrap .catalog-menu-wrap .open .btn-catalog {
background: var(--clr-bg-att-light);
}
.side-wrap .popup-catalog-wrap .catalog-menu-wrap .open .btn-catalog:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.side-wrap .popup-catalog-wrap .btn-popup,
.side-wrap .popup-catalog-wrap .btn-popup-close {
display: none;
}
.page-outer-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.page-content-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
max-width: calc(100% - 45rem);
}
.page-side-wrap {
width: 45rem;
}
.section-lk .page-content-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
max-width: calc(100% - 33rem - 30px);
}
.section-lk .page-side-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 33rem;
}
}
@media (min-width: 1024px) and (max-width: 1499px) {
.header-main-panel .action-reorder {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.footer-form-panel .form-title-wrap {
max-width: 50%;
}
.side-wrap {
width: 280px;
}
.content-wrap {
max-width: calc(100% - 280px - 30px);
}
.page-content-wrap {
max-width: calc(100% - 30rem);
}
.page-side-wrap {
width: 30rem;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.header-main-panel .catalog-submenu-wrap {
width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer) - 290px - 227px);
}
}
@media (min-width: 1200px) {
.header-main-panel .catalog-submenu-wrap .menu li {
width: 33.33%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.page-content-wrap {
max-width: calc(100% - 36rem);
}
.page-side-wrap {
width: 36rem;
}
}
@media (min-width: 1400px) {
.header-main-panel .catalog-submenu-wrap .menu li {
width: 25%;
}
}
@media (min-width: 1500px) {
.header-main-panel .catalog-submenu-wrap {
max-width: 1118px;
width: calc(858px + 50dvw - (var(--max) / 2));
}
}
@media (min-width: 1600px) {
.header-main-panel .catalog-submenu-wrap .menu li {
width: 20%;
}
}
/* ----------------------------------- *\
items styles
\* ----------------------------------- */
.elm-panel-value {
display: block;
position: relative;
}
.elm-panel-value .panel-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1.35;
}
.elm-panel-value .panel-title {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
margin: 0;
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.elm-panel-value .panel-value {
display: block;
margin: 0;
}
.elm-panel-value .elm-price {
display: inline;
}
.elm-panel-card .panel-counter-selected-wrap {
margin: 0 -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.elm-panel-card .panel-actions-wrap {
margin: 0 -4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px 0;
}
.elm-panel-card .panel-order-wrap,
.elm-panel-card .panel-cart-wrap {
padding: 0 4px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.elm-panel-card .panel-order-wrap .btn,
.elm-panel-card .panel-cart-wrap .btn {
width: 100%;
padding: 0 12px;
height: 50px;
font-size: 14px;
letter-spacing: 0.11em;
text-transform: uppercase;
font-weight: 500;
}
.elm-panel-card .panel-inner-prices-wrap {
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;
gap: 8px;
margin-bottom: 15px;
}
.elm-panel-card .panel-prices-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
}
.elm-panel-card .panel-prices-wrap .elm-price {
display: inline;
font-weight: 700;
font-size: 24px;
line-height: 135%;
color: var(--clr-base-title);
margin: 0 5px 0 0;
}
.elm-panel-card .panel-prices-wrap .elm-price:last-child {
margin: 0;
}
.elm-panel-card .panel-prices-wrap .price-old {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
vertical-align: top;
color: var(--clr-base-light);
}
.elm-panel-card .panel-discount-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.elm-panel-card .panel-discount-wrap .elm-price {
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-att);
margin: 0;
}
.elm-panel-card .panel-discount-wrap .btn {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 24px;
padding: 0 8px;
font-size: 12px;
letter-spacing: 0.03em;
text-transform: none;
font-weight: 400;
}
.elm-panel-card .panel-discount-wrap .btn .button-title {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-panel-card .panel-discount-wrap .btn .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.elm-panel-card .panel-counter-wrap,
.elm-panel-card .panel-counter-unit {
width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 4px;
}
.elm-panel-card .panel-counter-unit .form-input {
border-color: var(--clr-bg-white);
height: 42px;
}
.elm-panel-card .panel-counter-total,
.elm-panel-card .panel-counter-info {
padding: 0 4px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-panel-card .panel-counter-total .elm-price,
.elm-panel-card .panel-counter-info .elm-price {
font-weight: 600;
display: inline;
}
.elm-panel-card .panel-counter-info {
color: var(--clr-alert);
}
.elm-panel-card .frm-field-counter {
width: 100%;
border-color: var(--clr-bg-white);
height: 42px;
}
.elm-panel-card .frm-field-counter .form-input {
height: 40px;
}
.elm-row-ico {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--clr-base-title);
gap: 15px;
}
.elm-row-ico .elm-ico {
width: var(--icoSize);
height: var(--icoSize);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-row-ico .row-title {
width: 10em;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-row-ico .row-value {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 500;
letter-spacing: 0.01em;
}
.elm-panel-helper {
display: block;
position: relative;
background: var(--clr-bg-gray);
padding: 15px 20px;
overflow: hidden;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
}
.elm-panel-helper .panel-action-wrap {
margin-top: 10px;
}
.elm-panel-helper .panel-title {
font-size: 20px;
line-height: 1.35;
font-weight: 600;
letter-spacing: normal;
color: var(--clr-base-title);
margin: 0 0 10px 0;
}
.elm-panel-helper p {
margin-bottom: 10px;
}
.elm-panel-helper .btn {
width: 100%;
font-size: 14px;
letter-spacing: 0.11em;
}
:is([class^="item-tile"]):hover .elm-photo.photo-cover img,
:is([class^="item-tile"]):hover .tile-photo.photo-cover img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.elm-photo {
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
line-height: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-photo.photo-play:hover:after {
background-color: rgba(0, 0, 0, 0.5);
}
.elm-photo.photo-play:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
background: rgba(0, 0, 0, 0.7) url(/local/templates/main/css/../img/icons/play.svg) center no-repeat;
background-size: 24px auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.elm-photo.photo-zoom:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--clr-att) url(/local/templates/main/css/../../img/icons/zoom.svg);
background-size: 24px auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.elm-photo.photo-zoom:hover:after {
opacity: 1;
}
.elm-photo:before {
content: "";
display: none;
padding-top: 100%;
}
.elm-photo img {
display: block;
position: relative;
width: 100%;
-webkit-transition: all ease-out 1s;
transition: all ease-out 1s;
}
.elm-photo.photo-cover:hover img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.elm-photo.photo-cover:before {
display: block;
}
.elm-photo.photo-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.elm-photo.photo-contain:before {
display: block;
}
.elm-photo.photo-contain img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
@supports (aspect-ratio: 1) {
.elm-photo:not(.photo-cover, .photo-contain) {
aspect-ratio: inherit !important;
}
.photo-cover,
.photo-contain {
aspect-ratio: 1;
}
.photo-cover:before,
.photo-contain:before {
display: none !important;
}
}
.elm-price {
white-space: nowrap;
}
.elm-price.price-old {
text-decoration: line-through;
color: var(--clr-base-light);
}
[data-unit]:after {
content: attr(data-unit);
font-family: "Arial", "Roboto", "Open Sans", sans-serif;
}
.elm-ico,
.button-ico,
.menu-ico,
.frm-ico,
.tab-ico,
.lbl-ico {
display: block;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.elm-ico img,
.button-ico img,
.menu-ico img,
.frm-ico img,
.tab-ico img,
.lbl-ico img,
.elm-ico svg,
.button-ico svg,
.menu-ico svg,
.frm-ico svg,
.tab-ico svg,
.lbl-ico svg,
.elm-ico .icon,
.button-ico .icon,
.menu-ico .icon,
.frm-ico .icon,
.tab-ico .icon,
.lbl-ico .icon {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.elm-overlay {
display: none;
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 120;
}
.elm-overlay.active {
display: block;
}
.elm-sticker {
display: inline-block;
vertical-align: middle;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 24px;
line-height: 24px;
min-width: 52px;
text-align: center;
padding: 0 12px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.03em;
color: var(--clr-base-white);
background: #000;
padding: 0 8px;
}
.elm-sticker.type-text {
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.15em;
}
.elm-sticker.bg-red {
background-color: #ff383c;
}
.elm-sticker.bg-orange {
background-color: #ff7e27;
}
.elm-sticker.bg-green {
background-color: #00bf1d;
}
.elm-stock,
.elm-stock-order,
.elm-stock-out {
position: relative;
}
.elm-stock:before,
.elm-stock-order:before,
.elm-stock-out:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: -2px 3px 0 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00bf1d;
}
.elm-stock-order:before {
background-color: #ffb700;
}
.elm-stock-out:before {
background-color: #ff383c;
}
.elm-row {
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;
gap: 10px;
}
.elm-row .row-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: var(--clr-base-light);
}
.elm-row .row-value {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 50%;
text-align: right;
}
@media (min-width: 768px) and (max-width: 1023px) {
@supports (display: contents) {
.elm-panel-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.63;
gap: 8px 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.elm-panel-value .panel-title-wrap,
.elm-panel-value .panel-info-wrap {
display: contents;
}
.elm-panel-value .panel-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.elm-panel-value .panel-action {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.elm-panel-value .panel-value {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
}
}
}
/* ----------------------------------- *\
items styles
\* ----------------------------------- */
.item-tile-man-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
background: var(--clr-bg-gray);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
padding: 10px;
min-height: 100%;
gap: 15px;
color: var(--clr-base-title);
}
.item-tile-man-main:hover {
color: var(--clr-base-title);
background: var(--clr-bg-att-light);
}
.item-tile-man-main .tile-photo-wrap {
width: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-man-main .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 20px;
position: relative;
}
.item-tile-man-main .tile-info-wrap:before {
content: "";
display: block;
width: 49px;
height: 10px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-main.svg) center no-repeat;
background-size: 100% auto;
bottom: 0;
left: 0;
}
.item-tile-man-main .elm-photo {
aspect-ratio: 1;
}
.item-tile-man-main .tile-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
display: block;
margin: 0;
}
.item-tile-step {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
position: relative;
color: var(--clr-base);
}
.item-tile-step .tile-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
margin: 0 0 10px 0;
color: inherit;
}
.item-tile-step .tile-number {
font-weight: 600;
font-size: 48px;
color: var(--clr-bg-att-light);
-ms-flex-negative: 0;
flex-shrink: 0;
width: 55px;
line-height: 1.16666667;
}
.item-tile-step .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-order {
background: var(--clr-bg-gray);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
padding: 20px;
position: relative;
overflow: hidden;
}
.item-tile-order .tile-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.item-tile-order .tile-actions-wrap .tile-action-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
}
.item-tile-order .tile-actions-wrap .tile-action-wrap .btn {
width: 100%;
padding: 0 10px;
height: 40px;
font-weight: 500;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.15em;
}
.item-tile-order .tile-actions-wrap .tile-action-wrap .btn .button-ico {
margin: 0;
}
.item-tile-order .tile-actions-wrap .tile-action-wrap .btn .button-title {
display: block;
}
.item-tile-order .tile-buttons-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-order .tile-status-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 15px;
}
.item-tile-order .tile-total-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%;
}
.item-tile-order .tile-total-value {
font-weight: 600;
font-size: 20px;
line-height: 135%;
text-align: right;
color: var(--clr-base-title);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-order .tile-status-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 600;
font-size: 14px;
line-height: 135%;
letter-spacing: 0.03em;
}
.item-tile-order .tile-title-wrap .tile-status-title {
width: 100%;
margin-bottom: 5px;
}
.item-tile-order .tile-title-wrap .tile-title {
margin: 0;
}
.item-tile-order .tile-title-wrap a:not(:hover) {
color: inherit;
}
.item-tile-order .tile-content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-order .tile-side-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.item-tile-order .tile-photos-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-tile-order .tile-photo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80px;
text-align: center;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-order .tile-photo-wrap:hover {
color: var(--clr-att);
}
.item-tile-order .tile-action-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-order .elm-photo {
aspect-ratio: 1;
background: var(--clr-bg-white);
}
.item-tile-order .tile-title {
margin: 0;
color: var(--clr-base-title);
}
.item-tile-order .btn {
height: 40px;
font-weight: 500;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.15em;
text-transform: uppercase;
width: 100%;
padding: 0 10px;
}
.item-tile-order .btn-action-ico {
width: 40px;
height: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-order .btn-action-ico:not(:hover) .button-ico,
.item-tile-order .btn-action-ico:not(:hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.item-tile-order .button-att:not(:hover) {
color: var(--clr-base-title);
}
.item-tile-order .button-att:not(:hover) .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.item-tile-mission {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
background: var(--clr-bg-gray);
padding: 10px;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
min-height: 100%;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-mission:hover {
color: var(--clr-base-title);
background: var(--clr-bg-att-light);
}
.item-tile-mission .tile-photo-wrap {
width: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-mission .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-mission .elm-photo {
aspect-ratio: 60/70;
}
.item-tile-mission b {
font-weight: 600;
}
.item-tile-article-info {
display: block;
position: relative;
min-height: 100%;
background: var(--clr-bg-gray);
padding: 20px;
--mbsize: 10px;
}
.item-tile-article-info .tile-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.item-tile-article-info .tile-title-wrap .elm-ico {
width: 42px;
height: 42px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-article-info .tile-title-wrap .tile-title {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-article-info p .elm-ico {
display: inline-block;
vertical-align: middle;
margin: -0.1em 0.5em 0 0;
width: 42px;
height: 42px;
}
.item-tile-article-info .h3-title {
margin-bottom: 10px;
color: var(--clr-base-title);
}
.item-tile-article-info .h3-title:last-child {
margin-bottom: 0;
}
.item-tile-catalog-small {
display: block;
position: relative;
height: 100%;
min-height: 90px;
background: var(--clr-bg-gray);
overflow: hidden;
padding: 15px 90px 15px 15px;
font-weight: 400;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-catalog-small:hover {
color: var(--clr-base);
}
.item-tile-catalog-small .tile-photo-wrap {
width: 80px;
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
top: 15px;
left: 15px;
display: none;
}
.item-tile-catalog-small .tile-photo-wrap .elm-photo {
aspect-ratio: 1;
background: var(--clr-bg-white);
}
.item-tile-catalog-small .tile-stickers-wrap {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 22px;
overflow: hidden;
gap: 4px;
position: absolute;
top: 15px;
left: 15px;
width: 80px;
z-index: 3;
pointer-events: none;
}
.item-tile-catalog-small .tile-stickers-wrap:last-child {
margin-bottom: 0;
}
.item-tile-catalog-small .tile-stickers-wrap .elm-ico {
width: auto;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-catalog-small .tile-stickers-wrap .elm-ico img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto;
height: 24px;
}
.item-tile-catalog-small .tile-stickers-wrap .elm-sticker {
height: 22px;
line-height: 22px;
padding: 0 6px;
font-size: 8px;
}
.item-tile-catalog-small .tile-stickers-wrap .elm-sticker.type-text {
font-weight: 500;
font-size: 7px;
letter-spacing: 0.21em;
}
.item-tile-catalog-small .tile-title-wrap {
display: block;
}
.item-tile-catalog-small .tile-title-wrap a:not(:hover) {
color: inherit;
}
.item-tile-catalog-small .tile-prices-wrap {
margin-top: 5px;
display: block;
}
.item-tile-catalog-small .tile-cart-wrap {
width: 60px;
position: absolute;
top: 15px;
right: 15px;
}
.item-tile-catalog-small .tile-cart-wrap .btn {
width: 60px;
height: 60px;
padding: 0;
min-width: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0;
}
.item-tile-catalog-small .tile-cart-wrap .btn .button-ico {
margin: 0 auto;
width: 32px;
height: 32px;
}
.item-tile-catalog-small .tile-cart-wrap .btn .button-ico img,
.item-tile-catalog-small .tile-cart-wrap .btn .button-ico svg {
width: 100%;
}
.item-tile-catalog-small .tile-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
margin: 0 0 4px 0;
display: block;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-tile-catalog-small .tile-title:last-child {
margin-bottom: 0;
}
.item-tile-catalog-small .elm-price {
display: inline;
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-base-title);
margin: 0 5px 0 0;
vertical-align: middle;
}
.item-tile-catalog-small .elm-price:last-child {
margin: 0;
}
.item-tile-catalog-small .price-old {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
vertical-align: top;
color: var(--clr-base-light);
}
.item-tile-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
background: var(--clr-bg-gray);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
color: var(--clr-base);
padding: 15px;
border: 1px solid var(--clr-bg-gray);
font-weight: 400;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
overflow: hidden;
gap: 10px;
}
.item-tile-cart .tile-main-wrap {
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%;
gap: 10px;
}
.item-tile-cart .tile-prices-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.item-tile-cart .tile-photo-wrap {
display: none;
}
.item-tile-cart .tile-discount-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-tile-cart .tile-discount-wrap .elm-price {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
font-weight: 600;
color: var(--clr-att);
margin: 0;
}
.item-tile-cart .tile-discount-wrap .btn {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 24px;
padding: 0 8px;
font-size: 12px;
letter-spacing: 0.03em;
text-transform: none;
font-weight: 400;
}
.item-tile-cart .tile-discount-wrap .btn .button-title {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-discount-wrap .btn .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.item-tile-cart .tile-discount-total-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 5px 0 0 0;
}
.item-tile-cart .tile-info-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 35px;
}
.item-tile-cart .tile-actions-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.item-tile-cart .tile-counter-selected-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 8px - 24px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 8px;
}
.item-tile-cart .tile-counter-wrap,
.item-tile-cart .tile-counter-unit {
width: calc(50% - 4px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-delivery-wrap {
width: 100%;
display: block;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
}
.item-tile-cart .tile-stock-wrap {
width: 100%;
display: block;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
margin-top: 4px;
}
.item-tile-cart .tile-stock-line + .tile-stock-line {
margin-top: 2px;
}
.item-tile-cart .tile-stock-qty--in {
color: #007a65;
font-weight: 600;
}
.item-tile-cart .tile-stock-qty--order {
color: #f1962e;
font-weight: 600;
}
.item-tile-cart .tile-delivery-title,
.item-tile-cart .tile-delivery-value {
display: inline;
}
.item-tile-cart .tile-delivery-title {
color: var(--clr-base-light);
margin-right: 8px;
}
.item-tile-cart .tile-del-wrap {
width: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-tile-cart .tile-del-wrap .btn {
width: 24px;
height: 24px;
padding: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-del-wrap .button-att-light:not(:hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.item-tile-cart .tile-del-wrap .btn-action-ico:before {
background-size: 16px auto;
}
.item-tile-cart .tile-stickers-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 5px;
}
.item-tile-cart .tile-stickers-wrap:last-child {
margin-bottom: 0;
}
.item-tile-cart .tile-stickers-wrap .elm-ico {
width: auto;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-stickers-wrap .elm-ico img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto;
height: 24px;
}
.item-tile-cart .tile-stickers-wrap .elm-sticker {
height: 22px;
line-height: 22px;
padding: 0 6px;
font-size: 8px;
}
.item-tile-cart .tile-stickers-wrap .elm-sticker.type-text {
font-weight: 500;
font-size: 7px;
letter-spacing: 0.21em;
}
.item-tile-cart .tile-info {
display: block;
}
.item-tile-cart .tile-info a:not(:hover) {
color: inherit;
}
.item-tile-cart .tile-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
margin: 0 0 5px 0;
display: block;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-tile-cart .tile-title a:not(:hover) {
color: inherit;
}
.item-tile-cart .tile-title:last-child {
margin-bottom: 0;
}
.item-tile-cart .tile-counter-info {
display: none;
}
.item-tile-cart .tile-counter-total {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
color: var(--clr-base-title);
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-counter-total .elm-price {
font-weight: 600;
font-size: 20px;
line-height: 1.35;
letter-spacing: normal;
color: inherit;
margin: 0;
display: inline;
}
.item-tile-cart .elm-price {
display: inline;
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-base-title);
margin: 0 5px 0 0;
vertical-align: middle;
}
.item-tile-cart .elm-price:last-child {
margin: 0;
}
.item-tile-cart .price-old {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
vertical-align: top;
color: var(--clr-base-light);
}
.item-tile-cart .frm-field-counter {
height: 40px;
width: 100%;
background: var(--clr-bg-white);
border-color: var(--clr-bg-white);
}
.item-tile-cart .frm-field-counter .form-input {
height: 40px;
}
.item-tile-cart .form-input {
height: 40px;
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
font-size: 14px;
text-transform: none;
letter-spacing: 0.02em;
font-weight: 400;
}
.item-tile-cart .elm-photo {
aspect-ratio: 1;
background: var(--clr-bg-white);
}
.item-tile-cart .frm-select {
width: 24px;
height: 24px;
position: absolute;
top: 25px;
left: 25px;
z-index: 5;
margin: -12px 0 0 -12px;
}
.item-tile-cart .frm-select label {
padding: 0;
width: 24px;
height: 24px;
}
.item-tile-cart .frm-select label:before,
.item-tile-cart .frm-select label:after {
left: 50%;
top: 50%;
}
.item-tile-cart .frm-select label:before {
background-color: var(--clr-bg-white);
}
.item-tile-faq {
display: block;
position: relative;
background: var(--clr-bg-gray);
}
.item-tile-faq:has(.tile-title-wrap) .tile-content-wrap {
height: 0;
padding-bottom: 0;
}
.item-tile-faq:has(.tile-title-wrap.active) .tile-content-wrap {
height: auto;
padding-bottom: 10px;
}
.item-tile-faq .tile-content-wrap {
padding: 0 34px 10px 10px;
position: relative;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-faq .tile-title-wrap {
display: block;
position: relative;
cursor: pointer;
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base);
padding: 10px 40px 10px 10px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-faq .tile-title-wrap:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-down.svg) center no-repeat;
background-size: 100% auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
top: 22px;
right: 22px;
margin: -12px -12px 0 0;
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.item-tile-faq .tile-title-wrap:hover {
color: var(--clr-att);
}
.item-tile-faq .tile-title-wrap:hover:before {
-webkit-filter: none;
filter: none;
}
.item-tile-faq .tile-title-wrap.active:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.item-tile-question {
padding-bottom: 15px;
display: block;
position: relative;
}
.item-tile-question .tile-header-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 20px;
gap: 10px;
margin-bottom: 10px;
}
.item-tile-question .tile-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 30px;
font-size: 12px;
line-height: 1.33;
font-weight: 400;
letter-spacing: 0.03em;
margin-top: 10px;
color: var(--clr-base-title);
}
.item-tile-question .tile-actions-wrap .btn {
font-size: 1em;
line-height: inherit;
letter-spacing: inherit;
font-weight: inherit;
text-transform: none;
}
.item-tile-question .tile-actions-wrap .btn .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.item-tile-question .tile-actions-wrap .btn:hover {
color: var(--clr-att);
}
.item-tile-question .tile-actions-wrap .btn:hover .button-title:after {
-webkit-filter: none;
filter: none;
}
.item-tile-question .tile-actions-wrap .btn.active .button-title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.item-tile-question .tile-date {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
}
.item-tile-question .tile-name,
.item-tile-question .tile-name-admin {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
letter-spacing: 0.03em;
color: var(--clr-base-title);
font-weight: 600;
}
.item-tile-question .tile-name a:not(:hover),
.item-tile-question .tile-name-admin a:not(:hover) {
color: inherit;
}
.item-tile-question .tile-name-admin {
color: var(--clr-att);
}
.item-tile-question .tile-action:has([data-counter="0"]) {
display: none;
}
.item-tile-article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: 15px;
width: 100%;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.02em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
min-height: 100%;
padding-bottom: 40px;
}
.item-tile-article:before {
content: "";
display: block;
width: 49px;
height: 10px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-main.svg) center no-repeat;
background-size: 100% auto;
bottom: 0;
left: 0;
}
.item-tile-article:hover {
color: var(--clr-att);
}
.item-tile-article .tile-date {
font-weight: 600;
}
.item-tile-about {
display: block;
position: relative;
min-height: 100%;
background: var(--clr-bg-gray);
padding: 93px 20px 20px 20px;
color: var(--clr-base);
overflow: hidden;
}
.item-tile-about .tile-number {
font-weight: 400;
font-size: 150px;
line-height: 107px;
letter-spacing: 0em;
color: var(--clr-bg-att-light);
position: absolute;
top: 6px;
left: -30px;
opacity: 0.6;
}
.item-tile-about p {
position: relative;
z-index: 2;
margin-bottom: 5px;
}
.item-tile-info {
background: var(--clr-bg-gray);
display: block;
position: relative;
min-height: 100%;
padding: 30px 30px 50px 30px;
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.02em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-info:hover {
color: var(--clr-base);
background: var(--clr-bg-att-light);
}
.item-tile-info .tile-action {
position: absolute;
bottom: 30px;
left: 30px;
}
.item-tile-info .tile-action .elm-ico {
width: 49px;
height: 10px;
}
.item-tile-info .elm-ico {
width: 100%;
height: 24px;
}
.item-tile-info .elm-ico img,
.item-tile-info .elm-ico svg {
width: auto;
height: 100%;
margin: 0 auto 0 0;
}
.item-tile-info .tile-title {
display: block;
font-size: 20px;
line-height: 1.35;
font-weight: 600;
letter-spacing: normal;
margin: 10px 0 10px 0;
}
.item-tile-info .tile-title:last-child {
margin-bottom: 0;
}
.item-tile-info .list-arrows li {
margin-bottom: 5px;
}
.item-tile-info .list-arrows li:last-child {
margin-bottom: 0;
}
.item-tile-info .list-arrows li:before {
top: 0.71em;
}
.item-tile-catalog {
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%;
min-height: 100%;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
position: relative;
}
.item-tile-catalog:hover {
z-index: 20;
}
.item-tile-catalog:hover .tile-content-wrap {
background-color: var(--clr-bg-white);
-webkit-box-shadow:
0 8px 18px 0 rgba(0, 0, 0, 0.1),
0 32px 32px 0 rgba(0, 0, 0, 0.09),
0 73px 44px 0 rgba(0, 0, 0, 0.05),
0 130px 52px 0 rgba(0, 0, 0, 0.01),
0 203px 57px 0 rgba(0, 0, 0, 0);
box-shadow:
0 8px 18px 0 rgba(0, 0, 0, 0.1),
0 32px 32px 0 rgba(0, 0, 0, 0.09),
0 73px 44px 0 rgba(0, 0, 0, 0.05),
0 130px 52px 0 rgba(0, 0, 0, 0.01),
0 203px 57px 0 rgba(0, 0, 0, 0);
}
.item-tile-catalog:hover .tile-counter-info {
opacity: 1;
}
.item-tile-catalog:hover .tile-cart-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-catalog:hover .tile-cart-wrap .btn {
background-color: var(--clr-att);
border-color: var(--clr-att);
}
.item-tile-catalog:hover .tile-cart-wrap .btn:hover {
background-color: var(--clr-base-title);
border-color: var(--clr-base-title);
}
.item-tile-catalog:hover .frm-field-counter,
.item-tile-catalog:hover select.form-input {
background-color: var(--clr-bg-gray);
border-color: var(--clr-bg-gray);
}
.item-tile-catalog:not(.cat-active) {
height: auto !important;
}
.item-tile-catalog.cat-active:hover .elm-row:nth-child(3) ~ .elm-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-tile-catalog.cat-active .tile-content-wrap {
position: absolute;
min-height: 100%;
top: 0;
left: 0;
right: 0;
}
.item-tile-catalog .tile-inner-prices-wrap,
.item-tile-catalog .tile-inner-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
}
.item-tile-catalog .tile-counter-total,
.item-tile-catalog .tile-discount-total-wrap {
display: none;
font-size: 12px;
line-height: 1.33;
letter-spacing: 0.03em;
margin: 5px 0 0 0;
color: var(--clr-base);
}
.item-tile-catalog .tile-counter-total .elm-price,
.item-tile-catalog .tile-discount-total-wrap .elm-price {
display: inline;
font-size: 1em;
line-height: inherit;
font-weight: bold;
color: inherit;
letter-spacing: inherit;
}
.item-tile-catalog .tile-prices-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-tile-catalog .tile-discount-total-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 15px;
}
.item-tile-catalog .tile-discount-total-wrap b {
font-weight: 600;
}
.item-tile-catalog .tile-content-wrap {
background: var(--clr-bg-gray);
border: 1px solid var(--clr-bg-gray);
position: relative;
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-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-catalog .tile-photo-wrap {
background: var(--clr-bg-white);
}
.item-tile-catalog .tile-main-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
padding: 15px 20px 10px 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-catalog .tile-bottom-wrap {
padding: 0 20px 15px 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.item-tile-catalog .tile-stickers-wrap {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
right: 0;
z-index: 4;
pointer-events: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.item-tile-catalog .tile-stickers-wrap:has(.type-text:only-child) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.item-tile-catalog .tile-stickers-wrap .elm-ico {
width: auto;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-catalog .tile-stickers-wrap .elm-ico img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto;
height: 24px;
}
.item-tile-catalog .tile-counter-selected-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin: 0 -4px;
padding-bottom: 7px;
}
.item-tile-catalog .tile-counter-wrap,
.item-tile-catalog .tile-counter-unit {
padding: 0 4px;
width: 50%;
}
.item-tile-catalog .tile-counter-info {
height: 22px;
line-height: 22px;
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
color: #f00;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 500;
margin-top: -7px;
opacity: 0;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.item-tile-catalog .tile-counter-info:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background: url(/local/templates/main/css/../img/icons/info-alert.svg) center no-repeat;
background-size: 12px auto;
margin: -1px 5px 0 0;
}
.item-tile-catalog .tile-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.item-tile-catalog .tile-fav-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
}
.item-tile-catalog .tile-fav-wrap .btn {
width: 36px;
height: 36px;
border-radius: 50%;
}
.item-tile-catalog .tile-fav-wrap .button-att-light:before,
.item-tile-catalog .tile-fav-wrap .button-att-light:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.item-tile-catalog .tile-fav-wrap .button-att-light:hover:before,
.item-tile-catalog .tile-fav-wrap .button-att-light:hover:after {
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.item-tile-catalog .tile-fav-wrap .button-att-light.active {
background-color: var(--clr-bg-att-light);
border-color: var(--clr-bg-att-light);
}
.item-tile-catalog .tile-fav-wrap .button-att-light.active:before,
.item-tile-catalog .tile-fav-wrap .button-att-light.active:after {
-webkit-filter: none;
filter: none;
}
.item-tile-catalog .tile-cart-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-catalog .tile-cart-wrap .btn {
height: 36px;
width: 100%;
}
.item-tile-catalog .tile-discount-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-tile-catalog .tile-discount-wrap .elm-price {
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-att);
margin: 0;
}
.item-tile-catalog .tile-discount-wrap .btn {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 24px;
padding: 0 8px;
font-size: 12px;
letter-spacing: 0.03em;
text-transform: none;
font-weight: 400;
}
.item-tile-catalog .tile-discount-wrap .btn .button-title {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-catalog .tile-discount-wrap .btn .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.item-tile-catalog .tile-title,
.item-tile-catalog .tile-info {
display: block;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
letter-spacing: 0.03em;
color: var(--clr-base);
}
.item-tile-catalog .tile-title a:not(:hover),
.item-tile-catalog .tile-info a:not(:hover) {
color: inherit;
}
.item-tile-catalog .tile-title {
font-size: 16px;
line-height: 1.63;
font-weight: 600;
color: var(--clr-base-title);
margin: 0 0 10px 0;
}
.item-tile-catalog .tile-title:last-child {
margin-bottom: 0;
}
.item-tile-catalog .tile-info {
font-size: 12px;
line-height: 1.33;
font-weight: 400;
}
.item-tile-catalog .elm-photo {
aspect-ratio: inherit;
height: 200px;
}
.item-tile-catalog .elm-row {
padding-bottom: 3px;
font-size: 12px;
line-height: 1.33;
letter-spacing: 0.03em;
}
.item-tile-catalog .elm-row:nth-child(3) ~ .elm-row {
display: none;
}
.item-tile-catalog .elm-price {
display: inline-block;
vertical-align: middle;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 24px;
line-height: 1.35;
font-weight: bold;
color: var(--clr-base-title);
margin: 0 5px 0 0;
}
.item-tile-catalog .elm-price:last-child {
margin: 0;
}
.item-tile-catalog .price-old {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
vertical-align: top;
color: var(--clr-base-light);
}
.item-tile-catalog .frm-field-counter {
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
}
.item-tile-catalog select.form-input {
height: 36px;
padding-left: 14px;
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
font-size: 14px;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.item-tile-slider-action {
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%;
min-height: 360px;
background: var(--clr-bg-att-light) url(/local/templates/main/css/../img/bg-month.jpg) center no-repeat;
background-size: cover;
font-size: 20px;
line-height: 1.55;
color: var(--clr-base-title);
padding: 30px 15px 115px 15px;
}
.item-tile-slider-action:hover {
color: var(--clr-base-title);
}
.item-tile-slider-action .tile-title-wrap {
position: static;
}
.item-tile-slider-action .tile-subtitle {
font-size: 24px;
line-height: 1.29;
text-transform: uppercase;
font-weight: 400;
margin: 0;
position: relative;
z-index: 4;
}
.item-tile-slider-action .tile-title {
font-size: 62px;
text-transform: uppercase;
font-weight: bold;
line-height: normal;
margin: -8px 0 2px 0;
position: relative;
z-index: 4;
}
.item-tile-slider-action .tile-title:first-child {
margin-top: 0;
}
.item-tile-slider-action .tile-info {
line-height: 1.35;
font-weight: 600;
text-transform: uppercase;
position: relative;
z-index: 4;
}
.item-tile-slider-action .tile-text {
position: relative;
z-index: 4;
}
.item-tile-slider-action .btn {
margin-top: 20px;
height: 36px;
padding: 0 24px;
min-width: 107px;
z-index: 4;
-webkit-box-shadow:
0 2px 5px 0 rgba(0, 0, 0, 0.1),
0 9px 9px 0 rgba(0, 0, 0, 0.09),
0 21px 13px 0 rgba(0, 0, 0, 0.05),
0 38px 15px 0 rgba(0, 0, 0, 0.01),
0 59px 16px 0 rgba(0, 0, 0, 0);
box-shadow:
0 2px 5px 0 rgba(0, 0, 0, 0.1),
0 9px 9px 0 rgba(0, 0, 0, 0.09),
0 21px 13px 0 rgba(0, 0, 0, 0.05),
0 38px 15px 0 rgba(0, 0, 0, 0.01),
0 59px 16px 0 rgba(0, 0, 0, 0);
}
.item-tile-slider-action .elm-photo {
aspect-ratio: 1;
position: absolute;
z-index: 3;
bottom: 16px;
right: 16px;
width: 200px;
overflow: visible;
}
.item-tile-slider-action .elm-photo img {
position: relative;
z-index: 2;
}
.item-tile-slider-action .elm-photo:after {
content: "";
display: block;
width: 100%;
aspect-ratio: 1;
position: absolute;
bottom: 10%;
left: 10%;
border-radius: 50%;
}
.item-tile-catalog-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
color: var(--clr-base);
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
text-align: left;
gap: 15px;
padding: 20px;
height: 100%;
min-height: 172px;
background: var(--clr-bg-gray);
}
.item-tile-catalog-menu:hover {
background: var(--clr-bg-att-light);
color: var(--clr-base);
}
.item-tile-catalog-menu .tile-photo-wrap {
width: 100px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-catalog-menu .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-catalog-menu .elm-photo {
aspect-ratio: 1;
}
.item-tile-catalog-menu .tile-title {
font-size: 20px;
line-height: 1.35;
letter-spacing: normal;
font-weight: 600;
margin: 0 0 5px 0;
color: var(--clr-base-title);
}
.item-tile-catalog-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 172px;
background: var(--clr-bg-gray);
padding: 15px 10px 15px 15px;
gap: 15px;
color: var(--clr-base);
}
.item-tile-catalog-button:hover {
background: var(--clr-bg-att-light);
color: var(--clr-base);
}
.item-tile-catalog-button .tile-photo-wrap {
width: 140px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-catalog-button .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.item-tile-catalog-button .tile-title {
display: block;
font-size: 20px;
line-height: 1.35;
font-weight: 600;
color: var(--clr-base-title);
margin: 0;
width: 100%;
}
.item-tile-catalog-button .elm-ico {
width: 49px;
height: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
.item-tile-order .tile-side-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.item-tile-order .tile-action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 32px;
}
.item-tile-order .tile-action-wrap .btn {
width: 32px;
height: 32px;
padding: 0;
min-width: 0;
}
.item-tile-order .tile-action-wrap .btn .button-ico {
margin: 0 auto;
}
.item-tile-order .tile-action-wrap .btn .button-title {
display: none;
}
.item-tile-order .wrap-main {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-order .wrap-main .btn {
width: 100%;
padding: 0 10px;
}
.item-tile-order .wrap-main .btn .button-ico {
margin: 0;
}
.item-tile-order .wrap-main .btn .button-title {
display: block;
}
.view-tiles .item-tile-catalog,
.view-rows .item-tile-catalog,
.slider-mobile-grid .item-tile-catalog,
.items-mobile-grid .item-tile-catalog {
height: auto !important;
}
.view-tiles .item-tile-catalog .tile-content-wrap,
.view-rows .item-tile-catalog .tile-content-wrap,
.slider-mobile-grid .item-tile-catalog .tile-content-wrap,
.items-mobile-grid .item-tile-catalog .tile-content-wrap {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.view-tiles .item-tile-catalog .tile-photo-wrap,
.view-rows .item-tile-catalog .tile-photo-wrap,
.slider-mobile-grid .item-tile-catalog .tile-photo-wrap,
.items-mobile-grid .item-tile-catalog .tile-photo-wrap,
.view-tiles .item-tile-catalog .tile-rows-wrap,
.view-rows .item-tile-catalog .tile-rows-wrap,
.slider-mobile-grid .item-tile-catalog .tile-rows-wrap,
.items-mobile-grid .item-tile-catalog .tile-rows-wrap,
.view-tiles .item-tile-catalog .tile-counter-info,
.view-rows .item-tile-catalog .tile-counter-info,
.slider-mobile-grid .item-tile-catalog .tile-counter-info,
.items-mobile-grid .item-tile-catalog .tile-counter-info {
display: none;
}
.view-tiles .item-tile-catalog .tile-stickers-wrap,
.view-rows .item-tile-catalog .tile-stickers-wrap,
.slider-mobile-grid .item-tile-catalog .tile-stickers-wrap,
.items-mobile-grid .item-tile-catalog .tile-stickers-wrap {
position: relative;
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.view-tiles .item-tile-catalog .tile-main-wrap,
.view-rows .item-tile-catalog .tile-main-wrap,
.slider-mobile-grid .item-tile-catalog .tile-main-wrap,
.items-mobile-grid .item-tile-catalog .tile-main-wrap {
padding: 10px;
}
.view-tiles .item-tile-catalog .tile-bottom-wrap,
.view-rows .item-tile-catalog .tile-bottom-wrap,
.slider-mobile-grid .item-tile-catalog .tile-bottom-wrap,
.items-mobile-grid .item-tile-catalog .tile-bottom-wrap {
padding: 0 10px 10px 10px;
position: relative;
}
.view-tiles .item-tile-catalog .tile-bottom-wrap .tile-stickers-wrap,
.view-rows .item-tile-catalog .tile-bottom-wrap .tile-stickers-wrap,
.slider-mobile-grid .item-tile-catalog .tile-bottom-wrap .tile-stickers-wrap,
.items-mobile-grid .item-tile-catalog .tile-bottom-wrap .tile-stickers-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
top: 0;
right: 0;
left: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 27px;
}
.view-tiles .item-tile-catalog .tile-bottom-wrap .tile-prices-wrap,
.view-rows .item-tile-catalog .tile-bottom-wrap .tile-prices-wrap,
.slider-mobile-grid .item-tile-catalog .tile-bottom-wrap .tile-prices-wrap,
.items-mobile-grid .item-tile-catalog .tile-bottom-wrap .tile-prices-wrap {
padding-right: 140px;
}
.view-tiles .item-tile-catalog .tile-prices-wrap .elm-price,
.view-rows .item-tile-catalog .tile-prices-wrap .elm-price,
.slider-mobile-grid .item-tile-catalog .tile-prices-wrap .elm-price,
.items-mobile-grid .item-tile-catalog .tile-prices-wrap .elm-price {
font-size: 20px;
}
.view-tiles .item-tile-catalog .tile-prices-wrap .price-old,
.view-rows .item-tile-catalog .tile-prices-wrap .price-old,
.slider-mobile-grid .item-tile-catalog .tile-prices-wrap .price-old,
.items-mobile-grid .item-tile-catalog .tile-prices-wrap .price-old {
font-size: 12px;
}
.view-tiles .item-tile-catalog .tile-counter-selected-wrap,
.view-rows .item-tile-catalog .tile-counter-selected-wrap,
.slider-mobile-grid .item-tile-catalog .tile-counter-selected-wrap,
.items-mobile-grid .item-tile-catalog .tile-counter-selected-wrap {
padding-bottom: 0;
padding-right: 97px;
}
.view-tiles .item-tile-catalog .tile-actions-wrap,
.view-rows .item-tile-catalog .tile-actions-wrap,
.slider-mobile-grid .item-tile-catalog .tile-actions-wrap,
.items-mobile-grid .item-tile-catalog .tile-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 82px;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 2;
margin: 0;
padding: 0;
}
.view-tiles .item-tile-catalog .tile-cart-wrap,
.view-rows .item-tile-catalog .tile-cart-wrap,
.slider-mobile-grid .item-tile-catalog .tile-cart-wrap,
.items-mobile-grid .item-tile-catalog .tile-cart-wrap {
width: 36px;
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 auto !important;
flex: 0 0 auto !important;
}
.view-tiles .item-tile-catalog .tile-cart-wrap .btn,
.view-rows .item-tile-catalog .tile-cart-wrap .btn,
.slider-mobile-grid .item-tile-catalog .tile-cart-wrap .btn,
.items-mobile-grid .item-tile-catalog .tile-cart-wrap .btn {
width: 36px;
padding: 0;
min-width: 0;
}
.view-tiles .item-tile-catalog .tile-cart-wrap .btn .button-title,
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-title,
.slider-mobile-grid .item-tile-catalog .tile-cart-wrap .btn .button-title,
.items-mobile-grid .item-tile-catalog .tile-cart-wrap .btn .button-title {
display: none;
}
.view-tiles .item-tile-catalog .tile-cart-wrap .btn .button-ico,
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-ico,
.slider-mobile-grid .item-tile-catalog .tile-cart-wrap .btn .button-ico,
.items-mobile-grid .item-tile-catalog .tile-cart-wrap .btn .button-ico {
margin: 0 auto;
}
.view-tiles .item-tile-catalog .tile-discount-wrap .elm-price,
.view-rows .item-tile-catalog .tile-discount-wrap .elm-price,
.slider-mobile-grid .item-tile-catalog .tile-discount-wrap .elm-price,
.items-mobile-grid .item-tile-catalog .tile-discount-wrap .elm-price {
font-size: 16px;
}
.view-tiles .item-tile-catalog .tile-discount-wrap .btn,
.view-rows .item-tile-catalog .tile-discount-wrap .btn,
.slider-mobile-grid .item-tile-catalog .tile-discount-wrap .btn,
.items-mobile-grid .item-tile-catalog .tile-discount-wrap .btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 10px;
}
.view-tiles .item-tile-catalog:hover .tile-content-wrap,
.view-rows .item-tile-catalog:hover .tile-content-wrap,
.slider-mobile-grid .item-tile-catalog:hover .tile-content-wrap,
.items-mobile-grid .item-tile-catalog:hover .tile-content-wrap {
-webkit-box-shadow: none;
box-shadow: none;
background: var(--clr-bg-gray);
}
.view-tiles .item-tile-catalog:hover .tile-cart-wrap,
.view-rows .item-tile-catalog:hover .tile-cart-wrap,
.slider-mobile-grid .item-tile-catalog:hover .tile-cart-wrap,
.items-mobile-grid .item-tile-catalog:hover .tile-cart-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.view-tiles .item-tile-catalog:hover .tile-cart-wrap .btn,
.view-rows .item-tile-catalog:hover .tile-cart-wrap .btn,
.slider-mobile-grid .item-tile-catalog:hover .tile-cart-wrap .btn,
.items-mobile-grid .item-tile-catalog:hover .tile-cart-wrap .btn {
background-color: var(--clr-att);
border-color: var(--clr-att);
}
.view-tiles .item-tile-catalog:hover .tile-cart-wrap .btn:hover,
.view-rows .item-tile-catalog:hover .tile-cart-wrap .btn:hover,
.slider-mobile-grid .item-tile-catalog:hover .tile-cart-wrap .btn:hover,
.items-mobile-grid .item-tile-catalog:hover .tile-cart-wrap .btn:hover {
background-color: var(--clr-base-title);
border-color: var(--clr-base-title);
}
.view-tiles .item-tile-catalog:hover .frm-field-counter,
.view-rows .item-tile-catalog:hover .frm-field-counter,
.slider-mobile-grid .item-tile-catalog:hover .frm-field-counter,
.items-mobile-grid .item-tile-catalog:hover .frm-field-counter,
.view-tiles .item-tile-catalog:hover select.form-input,
.view-rows .item-tile-catalog:hover select.form-input,
.slider-mobile-grid .item-tile-catalog:hover select.form-input,
.items-mobile-grid .item-tile-catalog:hover select.form-input {
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
}
}
@media (min-width: 768px) {
.item-tile-man-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
gap: 15px;
}
.item-tile-man-main .elm-photo {
aspect-ratio: 210/160;
}
.item-tile-man-main .tile-photo-wrap {
width: 100%;
}
.item-tile-man-main .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-order {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.item-tile-order.type-small {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.item-tile-order.type-small .tile-actions-wrap {
width: 280px;
padding: 0 0 0 100px;
position: relative;
min-height: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-tile-order.type-small .tile-buttons-wrap {
width: 90px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
bottom: 0;
left: 0;
}
.item-tile-order.type-small .tile-buttons-wrap:first-child {
left: auto;
right: 0;
}
.item-tile-order .tile-status-wrap {
width: 100%;
}
.item-tile-order .tile-side-wrap {
width: 180px;
}
.item-tile-order .tile-content-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100 - 180px);
}
.item-tile-order .tile-status-title {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.item-tile-order .tile-title {
font-size: 24px;
line-height: 135%;
}
.item-tile-catalog-small {
padding-left: 110px;
min-height: 110px;
}
.item-tile-catalog-small .tile-photo-wrap {
display: block;
}
.item-tile-catalog-small .tile-stickers-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.item-tile-cart {
padding-left: 50px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.item-tile-cart:before {
content: "";
display: block;
position: absolute;
top: 15px;
bottom: 15px;
left: 318px;
width: 1px;
background: var(--clr-bg-white);
}
.item-tile-cart .tile-counter-selected-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.item-tile-cart .tile-counter-wrap,
.item-tile-cart .tile-counter-unit {
width: 116px;
}
.item-tile-cart .tile-counter-total {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-cart .tile-photo-wrap {
width: 80px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .tile-info-wrap {
width: 173px;
padding: 0 10px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.item-tile-cart .frm-select {
top: 50%;
}
.view-rows .item-tile-catalog {
height: auto !important;
position: relative;
padding: 0;
}
.view-rows .item-tile-catalog:before {
content: "";
display: block;
position: absolute;
top: 15px;
bottom: 15px;
left: 370px;
width: 1px;
background: var(--clr-bg-white);
z-index: 4;
pointer-events: none;
}
.view-rows .item-tile-catalog.cat-active:hover .elm-row:nth-child(3) ~ .elm-row {
display: none;
}
.view-rows .item-tile-catalog.cat-active .tile-content-wrap {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.view-rows .item-tile-catalog .tile-content-wrap {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
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-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
padding: 15px;
}
.view-rows .item-tile-catalog .tile-bottom-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
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;
gap: 10px 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.view-rows .item-tile-catalog .tile-inner-prices-wrap,
.view-rows .item-tile-catalog .tile-inner-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-rows .item-tile-catalog .tile-main-wrap {
padding: 0 15px 0 0;
width: 239px;
-webkit-box-flex: 0;
-ms-flex: 0 0 239px;
flex: 0 0 239px;
gap: 5px;
}
.view-rows .item-tile-catalog .tile-prices-wrap {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
}
.view-rows .item-tile-catalog .tile-prices-wrap .elm-price {
font-size: 20px;
}
.view-rows .item-tile-catalog .tile-prices-wrap .price-old {
font-size: 14px;
}
.view-rows .item-tile-catalog .tile-counter-selected-wrap {
width: calc(100% - 92px);
margin: 0;
gap: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 0;
}
.view-rows .item-tile-catalog .tile-counter-wrap,
.view-rows .item-tile-catalog .tile-counter-unit {
padding: 0;
width: calc(50% - 8px);
}
.view-rows .item-tile-catalog .tile-counter-total {
display: block;
}
.view-rows .item-tile-catalog .tile-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 82px;
-ms-flex-negative: 0;
flex-shrink: 0;
z-index: 2;
margin: 0;
padding: 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.view-rows .item-tile-catalog .tile-counter-info {
display: block;
position: relative;
width: calc(100% + 92px);
max-width: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: normal;
height: auto;
line-height: 1.1;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: -8px 0 0 0;
opacity: 1;
}
.view-rows .item-tile-catalog .tile-cart-wrap {
width: 36px;
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 auto !important;
flex: 0 0 auto !important;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn {
width: 36px;
padding: 0;
min-width: 0;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-title {
display: none;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-ico {
margin: 0 auto;
}
.view-rows .item-tile-catalog .tile-discount-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.view-rows .item-tile-catalog .tile-discount-wrap .btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 12px;
}
.view-rows .item-tile-catalog .tile-discount-wrap .btn .button-title:after {
width: 16px;
height: 16px;
}
.view-rows .item-tile-catalog .tile-discount-wrap .elm-price {
font-size: 16px;
}
.view-rows .item-tile-catalog .tile-photo-wrap {
width: 120px;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 120px;
position: relative;
}
.view-rows .item-tile-catalog .tile-photo-wrap .elm-photo {
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.view-rows .item-tile-catalog .tile-stickers-wrap {
top: 50%;
left: 15px;
width: 120px;
margin-top: -60px;
padding: 0;
}
.view-rows .item-tile-catalog .tile-stickers-wrap .elm-ico {
height: 22px;
}
.view-rows .item-tile-catalog .tile-title {
font-size: 16px;
line-height: 1.63;
margin-bottom: 7px;
}
.view-rows .item-tile-catalog .elm-sticker {
height: 22px;
padding: 0 6px;
min-width: 35px;
font-size: 9px;
}
.view-rows .item-tile-catalog .elm-sticker.type-text {
font-size: 7px;
}
.view-rows .item-tile-catalog:hover .tile-content-wrap {
-webkit-box-shadow:
0 3px 6px 0 rgba(0, 0, 0, 0.1),
0 11px 11px 0 rgba(0, 0, 0, 0.09),
0 25px 15px 0 rgba(0, 0, 0, 0.05),
0 45px 18px 0 rgba(0, 0, 0, 0.01),
0 70px 20px 0 rgba(0, 0, 0, 0);
box-shadow:
0 3px 6px 0 rgba(0, 0, 0, 0.1),
0 11px 11px 0 rgba(0, 0, 0, 0.09),
0 25px 15px 0 rgba(0, 0, 0, 0.05),
0 45px 18px 0 rgba(0, 0, 0, 0.01),
0 70px 20px 0 rgba(0, 0, 0, 0);
background: var(--clr-bg-gray);
}
.view-rows .item-tile-catalog:hover .tile-cart-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.view-rows .item-tile-catalog:hover .tile-cart-wrap .btn {
background-color: var(--clr-att);
border-color: var(--clr-att);
}
.view-rows .item-tile-catalog:hover .tile-cart-wrap .btn:hover {
background-color: var(--clr-base-title);
border-color: var(--clr-base-title);
}
.view-rows .item-tile-catalog:hover .frm-field-counter,
.view-rows .item-tile-catalog:hover select.form-input {
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
}
.item-tile-slider-action {
padding: 30px;
text-align: center;
}
.item-tile-slider-action .tile-title-wrap {
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-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-slider-action .tile-text {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.item-tile-slider-action .elm-photo {
aspect-ratio: 1;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0 auto;
width: 260px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.view-rows .item-tile-catalog .tile-main-wrap {
width: 220px;
-webkit-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
}
@media (min-width: 1024px) {
.item-tile-man-main .tile-title {
font-size: 20px;
line-height: 135%;
letter-spacing: normal;
}
.item-tile-man-main .tile-info-wrap {
padding-bottom: 40px;
}
.item-tile-man-main {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
padding: 0;
height: 100%;
min-height: 200px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.item-tile-man-main .tile-photo-wrap {
width: 200px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.item-tile-man-main .tile-photo-wrap .elm-photo {
aspect-ratio: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.item-tile-man-main .tile-info-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: static;
padding: 40px 20px 40px 0;
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;
}
.item-tile-man-main .tile-info-wrap:before {
left: 215px;
bottom: 20px;
}
.item-tile-step {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.item-tile-step .tile-title {
margin-bottom: 15px;
font-size: 20px;
line-height: 135%;
letter-spacing: normal;
}
.item-tile-step .tile-number {
font-weight: 800;
font-size: 96px;
line-height: 100%;
letter-spacing: 0.03em;
width: 100%;
line-height: 1;
}
.item-tile-mission {
gap: 15px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0;
min-height: 200px;
height: 100%;
font-size: 20px;
line-height: 135%;
letter-spacing: normal;
}
.item-tile-mission .tile-photo-wrap {
width: 200px;
}
.item-tile-mission .tile-photo-wrap .elm-photo {
aspect-ratio: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.item-tile-mission .tile-info-wrap {
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;
padding: 20px 20px 20px 0;
}
.item-tile-order {
padding: 20px 40px;
}
.item-tile-faq .tile-title-wrap {
padding: 20px 60px 20px 40px;
font-size: 20px;
letter-spacing: normal;
line-height: 1.35;
}
.item-tile-faq .tile-title-wrap:before {
top: 32px;
right: 52px;
}
.item-tile-faq .tile-content-wrap {
padding: 0 60px 20px 40px;
}
.item-tile-faq:has(.tile-title-wrap.active) .tile-content-wrap {
padding-bottom: 20px;
margin-top: -10px;
}
.item-tile-article-info {
padding: 30px;
--mbsize: 15px;
}
.item-tile-article-info .tile-title-wrap {
margin-bottom: 15px;
}
.item-tile-cart:before {
left: auto;
right: 464px;
}
.item-tile-cart .tile-info-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 50px - 15px - 15px - 15px - 15px - 434px);
}
.item-tile-cart .tile-main-wrap {
width: 434px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.item-tile-question {
padding-bottom: 30px;
}
.item-tile-article {
font-size: 20px;
gap: 30px;
padding-bottom: 70px;
}
.item-tile-about {
padding: 18rem 30px 30px 30px;
}
.item-tile-about .tile-number {
font-size: 32rem;
line-height: 22.8rem;
left: -9rem;
top: -8px;
}
.item-tile-catalog-button {
padding: 15px 30px;
}
.item-tile-catalog-button .tile-photo-wrap {
width: 19.7rem;
}
.item-tile-catalog-button .tile-info-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.item-tile-catalog-button .tile-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2.4rem;
}
.view-rows .item-tile-catalog:before {
left: calc(150px + 41% - 15px);
}
.view-rows .item-tile-catalog .tile-main-wrap {
width: 41%;
-webkit-box-flex: 0;
-ms-flex: 0 0 41%;
flex: 0 0 41%;
max-width: 416px;
}
.view-rows .item-tile-catalog .tile-inner-actions-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.view-rows .item-tile-catalog .tile-counter-selected-wrap {
width: 100%;
}
.view-rows .item-tile-catalog .tile-actions-wrap {
width: 100%;
gap: 8px;
}
.view-rows .item-tile-catalog .tile-counter-info {
width: 100%;
}
.view-rows .item-tile-catalog .tile-cart-wrap {
width: auto;
-webkit-box-flex: 1 !important;
-ms-flex: 1 !important;
flex: 1 !important;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn {
width: 100%;
padding: 0 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-title {
display: block;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn .button-ico {
margin: 0;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.item-tile-cart:before {
right: 314px;
}
.item-tile-cart .tile-info-wrap {
max-width: calc(100% - 50px - 15px - 15px - 15px - 15px - 284px);
}
.item-tile-cart .tile-main-wrap {
width: 284px;
}
}
@media (min-width: 1115px) {
.content-wrap .view-rows .item-tile-catalog:before {
left: calc(150px + 41% - 15px);
}
.view-rows .item-tile-catalog:before {
left: 567px;
}
}
@media (min-width: 1200px) {
.item-tile-article-info {
padding: 40px;
}
.view-rows .item-tile-catalog:after {
content: "";
display: block;
position: absolute;
top: 15px;
bottom: 15px;
left: 815px;
width: 1px;
background: var(--clr-bg-white);
}
.view-rows .item-tile-catalog .tile-bottom-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 15px;
}
.view-rows .item-tile-catalog .tile-inner-actions-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0 0 97px;
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-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.view-rows .item-tile-catalog .tile-actions-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
-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;
max-width: calc(46% - 10px);
}
.view-rows .item-tile-catalog .tile-cart-wrap .btn {
height: 60px;
}
.view-rows .item-tile-catalog .tile-counter-selected-wrap {
width: 54%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.view-rows .item-tile-catalog .tile-counter-info {
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 5px;
}
.view-rows .item-tile-catalog .tile-discount-total-wrap {
width: 67px;
text-align: center;
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
margin: 0 0 0 15px;
}
.view-rows .item-tile-catalog .tile-discount-total-wrap b {
font-weight: 600;
margin-top: 15px;
display: block;
}
.view-rows .item-tile-catalog .tile-inner-prices-wrap {
width: 235px;
-ms-flex-negative: 0;
flex-shrink: 0;
-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;
padding-right: 15px;
position: relative;
}
.content-wrap .view-rows .item-tile-catalog:after {
display: none;
}
.content-wrap .view-rows .item-tile-catalog .tile-bottom-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-wrap .view-rows .item-tile-catalog .tile-discount-total-wrap {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
-webkit-transform: none;
transform: none;
width: 100%;
margin-left: 0;
text-align: left;
margin-top: 15px;
}
.content-wrap .view-rows .item-tile-catalog .tile-discount-total-wrap b {
display: inline;
margin: 0;
}
.content-wrap .view-rows .item-tile-catalog .tile-inner-actions-wrap {
padding-left: 0;
}
.content-wrap .view-rows .item-tile-catalog .tile-actions-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.content-wrap .view-rows .item-tile-catalog .tile-cart-wrap .btn {
height: 36px;
}
.content-wrap .view-rows .item-tile-catalog .tile-inner-prices-wrap {
padding: 0;
width: 100%;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.view-rows .item-tile-catalog .tile-inner-actions-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.view-rows .item-tile-catalog .tile-counter-selected-wrap {
width: 100%;
}
.view-rows .item-tile-catalog .tile-inner-actions-wrap {
padding-left: 82px;
}
.view-rows .item-tile-catalog .tile-actions-wrap {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.item-tile-cart:before {
right: 404px;
}
.item-tile-cart .tile-info-wrap {
max-width: calc(100% - 50px - 15px - 15px - 15px - 15px - 374px);
}
.item-tile-cart .tile-main-wrap {
width: 374px;
}
}
@media (min-width: 1400px) {
.item-tile-slider-action.tile-content {
padding: 4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.item-tile-slider-action.tile-content .tile-title-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
text-align: left;
position: relative;
}
.item-tile-slider-action.tile-content .elm-photo {
width: 110%;
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (min-width: 1500px) {
.content-wrap .view-rows .item-tile-catalog:after {
display: block;
left: 776px;
}
.content-wrap .view-rows .item-tile-catalog .tile-counter-selected-wrap {
width: 100%;
}
.content-wrap .view-rows .item-tile-catalog .tile-counter-info {
margin-top: 0;
}
.content-wrap .view-rows .item-tile-catalog .tile-actions-wrap {
max-width: 100%;
width: 100%;
}
.content-wrap .view-rows .item-tile-catalog .tile-bottom-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.content-wrap .view-rows .item-tile-catalog .tile-inner-prices-wrap {
width: 193px;
padding: 0 5px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.content-wrap .view-rows .item-tile-catalog .tile-inner-actions-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 193px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* ----------------------------------- *\
content styles
\* ----------------------------------- */
.info-quality-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.info-quality-box .photo-inner-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.info-quality-box .box-inner-wrap {
background: var(--clr-bg-gray);
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.info-quality-box p {
margin-bottom: 15px;
}
.info-quality-box .section-title {
margin-bottom: 15px;
text-align: center;
font-weight: 600;
font-size: 20px;
line-height: 135%;
}
.info-quality-box .elm-photo {
width: 100px;
margin: 0 auto;
}
.info-about-man-box {
position: relative;
margin-bottom: var(--mbsize);
}
.info-about-man-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.info-about-man-box b {
font-weight: 600;
}
.info-about-man-box p {
margin-bottom: 15px;
}
.info-about-man-box .elm-photo {
aspect-ratio: inherit;
height: 264px;
}
.info-partners-box {
margin-bottom: var(--sectionMargin);
position: relative;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.info-partners-box .photo-inner-wrap {
display: none;
}
.info-partners-box .box-inner-wrap {
background: var(--clr-bg-gray);
padding: 20px;
}
.info-partners-box li {
font-size: 14px;
}
.info-partners-box li a:not(:hover) {
color: var(--clr-base-title);
}
.info-partners-box b {
font-weight: 600;
}
.info-partners-box .section-title {
margin-bottom: 15px;
color: var(--clr-base-title);
font-size: 24px;
line-height: 1.35;
letter-spacing: normal;
}
.info-partners-box .btn {
height: 56px;
padding: 0 40px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.info-product-box {
margin-bottom: var(--sectionMargin);
position: relative;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.info-product-box .photos-column-wrap .delivery-inner-wrap {
display: none;
}
.info-product-box .photos-inner-wrap,
.info-product-box .desc-inner-wrap,
.info-product-box .documents-inner-wrap,
.info-product-box .features-inner-wrap,
.info-product-box .select-inner-wrap,
.info-product-box .cart-inner-wrap,
.info-product-box .delivery-inner-wrap {
margin-bottom: 15px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-product-box .photos-inner-wrap:last-child,
.info-product-box .desc-inner-wrap:last-child,
.info-product-box .documents-inner-wrap:last-child,
.info-product-box .features-inner-wrap:last-child,
.info-product-box .select-inner-wrap:last-child,
.info-product-box .cart-inner-wrap:last-child,
.info-product-box .delivery-inner-wrap:last-child {
margin-bottom: 0;
}
.info-product-box .content-hidden-wrap {
margin: 15px 0 0 0;
}
.info-product-box .content-hidden-wrap:last-child {
margin-bottom: 0;
}
.info-product-box .content-hidden-wrap:first-child {
margin-top: 0;
}
.info-product-box .content-toggle-action-wrap {
display: none;
font-size: 12px;
line-height: 1.33;
font-weight: 400;
letter-spacing: 0.03em;
color: var(--clr-att);
text-align: center;
margin: 0 0 0 0;
}
.info-product-box .content-toggle-action-wrap .button-link {
font-size: 1em;
line-height: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: none;
font-weight: inherit;
}
.info-product-box .content-toggle-action-wrap .button-link:hover {
color: var(--clr-base-title);
}
.info-product-box .content-toggle-action-wrap .button-link .button-title:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.info-product-box .content-toggle-action-wrap .button-link.active .button-title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.info-product-box .section-inner-wrap {
background: var(--clr-bg-gray);
display: block;
padding: 15px 20px;
position: relative;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 100%;
margin-bottom: 15px;
}
.info-product-box .section-inner-wrap:last-child {
margin-bottom: 0;
}
.info-product-box .section-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
position: relative;
margin: 10px 0;
}
.info-product-box .section-title:first-child {
margin-top: 0;
}
.info-product-box .section-title:last-child {
margin-bottom: 0;
}
.info-product-box p {
margin-bottom: 10px;
}
.info-product-box .list:has(.elm-row-ico) li {
margin-bottom: 10px;
}
.info-product-box .list:has(.elm-row-ico) li:last-child {
margin-bottom: 0;
}
.info-product-box .list li {
margin-bottom: 2px;
}
.info-product-box .list li:last-child {
margin-bottom: 0;
}
.info-product-box .list .button-link {
font-size: 1em;
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.57;
font-weight: 500;
letter-spacing: 0.01em;
color: var(--clr-base-title);
text-transform: none;
}
.info-product-box .list .button-link:hover {
color: var(--clr-att);
}
.info-product-box .list .button-link:hover .button-title:before {
-webkit-filter: none;
filter: none;
}
.info-product-box .list .button-link .button-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
.info-product-box .list .button-link .button-title:before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.info-product-box .elm-row-ico {
font-size: 12px;
line-height: 1.33;
}
.info-product-box .elm-row {
margin-bottom: 5px;
}
.info-product-box .elm-row:last-child {
margin-bottom: 0;
}
.info-product-box .elm-row .row-value {
max-width: 80%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-product-box .elm-row .row-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.info-product-box .frm-row {
margin: 0;
}
.info-product-box .frm-field {
width: 100%;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.info-product-box .frm-field .form-input {
height: 42px;
border-color: var(--clr-bg-white);
}
.title-cart-box {
margin-bottom: 15px;
}
.title-cart-box .form-inner-wrap {
margin-bottom: 15px;
}
.title-cart-box .actions-inner-wrap {
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;
gap: 10px 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
}
.title-cart-box .select-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.title-cart-box .action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.title-cart-box .share-wrap {
position: relative;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.title-cart-box .share-wrap .button-link {
font-size: inherit;
text-transform: none;
font-weight: inherit;
color: inherit;
letter-spacing: inherit;
}
.title-cart-box .share-wrap .button-link .button-ico {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.title-cart-box .share-wrap .button-link:hover {
color: var(--clr-att);
}
.title-cart-box .share-wrap .button-link:hover .button-ico {
-webkit-filter: none;
filter: none;
}
.title-cart-box .frm-select label {
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
.contacts-outer-box {
margin-bottom: var(--sectionMargin);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px 0;
}
.contacts-outer-box .form-inner-wrap,
.contacts-outer-box .items-inner-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contacts-outer-box .items-wrap {
gap: 15px 0;
margin: 0;
}
.contacts-outer-box .item-wrap {
width: 100%;
padding: 0;
}
.tiles-cart-box {
margin-bottom: 15px;
}
.tiles-cart-box .items-wrap {
margin: 0;
gap: 10px 0;
}
.tiles-cart-box .item-wrap {
width: 100%;
padding: 0;
}
.tiles-thumbs-slider-box {
position: relative;
margin-bottom: var(--sectionMargin);
}
.tiles-thumbs-slider-box:has(.swiper-button-disabled ~ .swiper-button-disabled) .swiper-button-disabled {
display: none;
}
.tiles-thumbs-slider-box:has(.swiper-button-disabled ~ .swiper-button-disabled) .slider-actions-wrap {
display: none;
}
.tiles-thumbs-slider-box:has(.swiper-button-disabled ~ .swiper-button-disabled) .slider-outer-wrap {
padding-bottom: 0;
}
.tiles-thumbs-slider-box:last-child {
margin-bottom: 0;
}
.tiles-thumbs-slider-box .slider-outer-wrap {
position: relative;
padding-bottom: 43px;
}
.tiles-thumbs-slider-box .slider-stickers-wrap {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tiles-thumbs-slider-box .slider-stickers-wrap .elm-ico {
width: auto;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tiles-thumbs-slider-box .slider-stickers-wrap .elm-ico img {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: auto;
height: 24px;
}
.tiles-thumbs-slider-box .slider-photos-main {
overflow: visible;
position: static;
}
.tiles-thumbs-slider-box .slider-photos-main .slider-actions-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
}
.tiles-thumbs-slider-box .slider-photos-main .slider-wrap {
margin: 0;
overflow: hidden;
border: 1px solid var(--clr-bg-gray);
}
.tiles-thumbs-slider-box .slider-photos-main .sl-wrap {
padding: 0;
}
.tiles-thumbs-slider-box .slider-photos-thumbs {
margin: 15px 0 0 0;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .slider-wrap {
margin: 0 -8px;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .sl-wrap {
padding: 0 8px;
width: 25%;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo {
aspect-ratio: 79/64;
border: 1px solid var(--clr-bg-gray);
}
.tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo:hover {
border-color: var(--clr-att);
}
.tiles-thumbs-slider-box .slider-photos-thumbs .swiper-slide-thumb-active .elm-photo {
border-color: var(--clr-att);
}
.tiles-thumbs-slider-box .elm-photo {
aspect-ratio: 362/287;
cursor: pointer;
}
.tiles-thumbs-slider-box .slider-actions-wrap {
margin-top: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.catalog-actions-box {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 15px;
}
.catalog-actions-box .actions-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.02em;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog-actions-box .buttons-inner-wrap {
display: none;
gap: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: -5px;
}
.catalog-actions-box .buttons-inner-wrap .btn-action-ico {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 34px;
height: 40px;
}
.catalog-actions-box .action-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 132px;
max-width: 300px;
}
.catalog-actions-box .action-wrap:first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.catalog-actions-box .form-input {
font-size: 1em;
letter-spacing: inherit;
line-height: inherit;
height: 40px;
background-color: var(--clr-bg-gray);
border-color: var(--clr-bg-gray);
padding-left: 9px;
text-transform: none;
font-weight: 400;
}
.catalog-actions-box select.form-input {
background-position: right 6px center;
padding-right: 30px;
}
.catalog-actions-box .action-title {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.breadcrumbs-box {
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.04em;
color: var(--clr-base);
padding-top: 10px;
margin-bottom: 30px;
}
.breadcrumbs-box .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -28px 0 0;
}
.breadcrumbs-box .menu li {
padding: 0 28px 0 0;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
}
.breadcrumbs-box .menu li:last-child {
color: var(--clr-att);
}
.breadcrumbs-box .menu li:last-child:after {
display: none;
}
.breadcrumbs-box .menu li:after {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-toggle.svg) center no-repeat;
background-size: 100% auto;
top: 0.6em;
right: 2px;
margin-top: -12px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.breadcrumbs-box a:not(:hover) {
color: inherit;
}
.title-box {
margin-bottom: 15px;
}
.title-box .title-info {
display: inline;
vertical-align: middle;
font-size: 16px;
line-height: 1.63;
font-weight: 400;
color: var(--clr-base-light);
letter-spacing: 0.03em;
position: relative;
}
.title-box:has(.title-info) {
margin-bottom: 30px;
}
.title-box:has(.title-info) .section-title {
display: inline;
margin: 0 10px 0 0;
vertical-align: middle;
}
.info-faq-box {
position: relative;
margin-bottom: var(--sectionMargin);
}
.info-faq-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.info-faq-box .box-content-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.info-faq-box .box-side-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info-faq-box .item-wrap {
width: 100%;
border-bottom: 1px solid var(--clr-bg-gray);
}
.info-faq-box .items-wrap {
gap: 15px;
}
.info-faq-box .item-wrap:has(.button-action-view) .item-tile-question ~ .item-tile-question {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
padding-bottom: 0;
}
.info-faq-box .item-wrap:has(.button-action-view.active) .item-tile-question ~ .item-tile-question {
height: auto;
padding-bottom: 15px;
}
.info-faq-box .item-wrap .item-tile-question:has(.button-action-form) + .form-answer-box {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.info-faq-box .item-wrap .item-tile-question:has(.button-action-form.active) + .form-answer-box {
height: auto;
padding-bottom: 15px;
}
.info-faq-box .form-answer-box {
margin: 0;
}
.info-contacts-box {
margin-bottom: var(--sectionMarginSmall);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
gap: 15px 0;
}
.info-contacts-box .cnt-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.info-contacts-box .cnt-title-wrap .section-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
}
.info-contacts-box .cnt-title-wrap .action-wrap {
font-weight: 400;
font-size: 14px;
line-height: 135%;
letter-spacing: normal;
color: var(--clr-att);
}
.info-contacts-box .cnt-title-wrap .action-wrap .button-link {
color: inherit;
text-transform: none;
font-weight: inherit;
letter-spacing: inherit;
font-size: inherit;
line-height: inherit;
}
.info-contacts-box .cnt-title-wrap .action-wrap .button-link .button-ico {
-webkit-filter: none;
filter: none;
}
.info-contacts-box .cnt-title-wrap .action-wrap .button-link:hover {
color: var(--clr-base-title);
}
.info-contacts-box .cnt-title-wrap .action-wrap .button-link:hover .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.info-contacts-box:last-child {
margin-bottom: var(--sectionMargin);
}
.info-contacts-box .info-inner-wrap,
.info-contacts-box .map-inner-wrap,
.info-contacts-box .subinfo-inner-wrap {
min-height: 100%;
background: var(--clr-bg-gray);
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-contacts-box .info-inner-wrap,
.info-contacts-box .subinfo-inner-wrap {
padding: 20px 10px 20px 20px;
}
.info-contacts-box .map-inner-wrap {
position: relative;
overflow: hidden;
height: 443px;
}
.info-contacts-box .contacts-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
width: 100%;
}
.info-contacts-box .contacts-column-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.info-contacts-box .cnt-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
padding-left: 35px;
}
.info-contacts-box .cnt-wrap .elm-ico {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 10px;
margin: -12px 0 0 -12px;
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.info-contacts-box .cnt-wrap p {
margin-bottom: 3px;
}
.info-contacts-box .cnt-wrap .link-main {
font-size: 14px;
line-height: 1.35;
font-weight: 400;
border-bottom: none;
letter-spacing: normal;
}
.info-contacts-box .cnt-wrap .link-phone {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1.35;
font-weight: bold;
color: var(--clr-base);
-ms-flex-negative: 0;
flex-shrink: 0;
letter-spacing: normal;
margin: 0 10px 0 0;
}
.info-contacts-box .cnt-wrap .link-phone:hover {
color: var(--clr-att);
}
.info-contacts-box .cnt-wrap .button-soc {
display: inline-block;
vertical-align: middle;
width: 28px;
height: 28px;
margin: 0 5px 0 0;
}
.info-contacts-box .cnt-wrap .link-email {
color: var(--clr-base);
}
.info-contacts-box .cnt-wrap .link-email:hover {
color: var(--clr-att);
}
.info-contacts-box .cnt-title {
font-size: 14px;
line-height: 1.43;
font-weight: 400;
letter-spacing: 0.02em;
color: var(--clr-base-light);
margin: 0 0 5px 0;
}
.info-contacts-box .cnt-title:last-child {
margin-bottom: 0;
}
.info-contacts-box .section-title {
margin-bottom: 15px;
font-size: 24px;
line-height: 1.35;
font-weight: bold;
color: var(--clr-base);
}
.info-contacts-box p {
margin-bottom: 10px;
}
.form-contacts-box {
position: relative;
background: var(--clr-bg-gray);
padding: 20px;
}
.form-contacts-box .frm-title-wrap {
text-align: center;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
margin-bottom: 15px;
}
.form-contacts-box .frm-title {
margin: 0 0 5px 0;
font-weight: 700;
font-size: 24px;
line-height: 135%;
text-align: center;
letter-spacing: normal;
}
.form-contacts-box .frm-row,
.form-contacts-box .frm-row-submit {
margin: 0 -5px 10px -5px;
gap: 10px 0;
}
.form-contacts-box .frm-row:last-child,
.form-contacts-box .frm-row-submit:last-child {
margin-bottom: 0;
}
.form-contacts-box .frm-field {
padding: 0 5px;
width: 100%;
}
.form-contacts-box .frm-row-submit {
padding-top: 5px;
}
.form-contacts-box .frm-row-submit .frm-field {
width: 100%;
}
.form-contacts-box .frm-row-submit .field-submit {
text-align: center;
}
.form-contacts-box .frm-row-submit .btn {
height: 46px;
padding: 0 30px;
font-size: 14px;
letter-spacing: 0.11em;
text-transform: uppercase;
font-weight: 500;
}
.form-contacts-box .form-input {
height: 44px;
border-color: var(--clr-border);
padding-left: 19px;
font-size: 14px;
line-height: 1.43;
}
.form-contacts-box textarea.form-input {
padding-top: 10px;
height: 123px;
}
.form-contacts-box [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.form-contacts-box [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.form-contacts-box [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.form-contacts-box [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.form-contacts-box .frm-select label {
font-size: 12px;
line-height: 1.33;
letter-spacing: 0.03em;
}
.form-contacts-box .frm-select label:before,
.form-contacts-box .frm-select label:after {
top: 50%;
}
.form-contacts-box .frm-select label:before {
background-color: var(--clr-bg-white);
}
.form-contacts-box .js-contacts-global-error,
.form-contacts-box .js-contacts-field-error,
.form-contacts-box .frm-error-text {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-alert);
text-align: left;
}
.form-contacts-box .js-contacts-success,
.form-contacts-box .frm-success-wrap p {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-succefull);
text-align: left;
}
.form-contacts-box .frm-field.is-error .form-input {
border-color: var(--clr-alert);
}
.form-contacts-box .js-pdn-consent-wrap.is-error label:before {
border-color: var(--clr-alert);
}
.form-order-box {
margin-bottom: var(--sectionMargin);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.form-order-box .map-inner-wrap {
position: relative;
overflow: hidden;
background: var(--clr-bg-white);
height: 320px;
}
.form-order-box .field-map-info {
font-weight: 400;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base);
}
.form-order-box .field-map-info .text-info {
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base-light);
}
.form-order-box .field-map-info p {
margin-bottom: 10px;
}
.form-order-box .frm-content {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.form-order-box .frm-content.active {
height: auto;
margin-bottom: 15px;
}
.form-order-box .frm-content .field-third {
width: 33.33%;
}
.form-order-box .frm-content .btn {
height: 46px;
padding: 0 30px;
font-size: 14px;
letter-spacing: 0.11em;
font-weight: 500;
}
.form-order-box .frm-content-title {
font-weight: 600;
font-size: 20px;
line-height: 135%;
color: var(--clr-base-title);
margin-bottom: 10px;
margin-top: 10px;
}
.form-order-box .frm-content-title:first-child {
margin-top: 0;
}
.form-order-box .section-inner-wrap {
background: var(--clr-bg-gray);
padding: 20px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form-order-box .section-inner-wrap:last-child {
margin-bottom: 0;
}
.form-order-box .section-title-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.form-order-box .section-title {
font-weight: 600;
font-size: 20px;
line-height: 135%;
color: var(--clr-base-title);
display: block;
margin: 0;
}
.form-order-box .js-tab-block:not(.active) {
display: none;
}
.form-order-box .location-inner-wrap {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.form-order-box .location-inner-wrap .elm-ico {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
margin: -2px 1px 0 0;
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.form-order-box .tabs-inner-wrap {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-att);
height: 24px;
position: relative;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form-order-box .tabs-inner-wrap .menu {
display: block;
margin: 0;
}
.form-order-box .tabs-inner-wrap .menu li {
margin: 0;
padding: 0;
line-height: 0;
}
.form-order-box .tabs-inner-wrap .btn {
font-size: inherit;
letter-spacing: inherit;
height: 24px;
line-height: 24px;
gap: 6px;
font-weight: inherit;
text-transform: none;
color: inherit;
}
.form-order-box .tabs-inner-wrap .btn .button-ico {
-webkit-filter: none;
filter: none;
}
.form-order-box .tabs-inner-wrap .btn.active {
display: none;
}
.form-order-box .tabs-inner-wrap .btn:hover {
color: var(--clr-base-title);
}
.form-order-box .tabs-inner-wrap .btn:hover .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.form-order-box .frm-row {
margin: 0 -8px 16px -8px;
gap: 16px 0;
}
.form-order-box .frm-row:last-child {
margin-bottom: 0;
}
.form-order-box .frm-row.row-period {
margin: 0 -5px 10px -5px;
}
.form-order-box .frm-row.row-period:last-child {
margin-bottom: 0;
}
.form-order-box .frm-row.row-period .frm-field {
padding: 0 5px;
width: 50%;
}
.form-order-box .frm-row.row-period .frm-field:last-child {
width: 100%;
text-align: center;
}
.form-order-box .frm-field {
width: 100%;
padding: 0 8px;
}
.form-order-box .field-title {
font-weight: 600;
font-size: 14px;
line-height: 135%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
margin-bottom: 10px;
}
.form-order-box .field-title span {
display: inline;
font-weight: 400;
color: var(--clr-base-light);
}
.form-order-box .form-input {
height: 44px;
padding-left: 19px;
font-size: 14px;
line-height: 1.43;
}
.form-order-box textarea.form-input {
height: 117px;
padding-top: 10px;
}
.form-order-box .frm-select {
font-weight: 500;
}
.form-order-box .frm-select label {
font-size: 14px;
letter-spacing: 0.01em;
line-height: 20px;
}
.form-order-box .frm-select label:before,
.form-order-box .frm-select label:after {
top: 10px;
}
.form-order-box .row-period .frm-select-panel label,
.form-order-box .row-pay .frm-select-panel label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 44px;
}
.form-order-box .row-period .frm-select-panel label:before,
.form-order-box .row-pay .frm-select-panel label:before,
.form-order-box .row-period .frm-select-panel label:after,
.form-order-box .row-pay .frm-select-panel label:after {
top: 50%;
}
.form-order-box [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.form-order-box [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.form-order-box [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.form-order-box [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.form-answer-box {
margin-bottom: var(--sectionMargin);
position: relative;
font-size: 12px;
line-height: 1.33;
}
.form-answer-box .field-title {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
color: var(--clr-base);
font-weight: 600;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 0 10px 0;
}
.form-answer-box .frm-row,
.form-answer-box .frm-row-submit {
margin: 0 -15px;
}
.form-answer-box .frm-row > .field-title,
.form-answer-box .frm-row-submit > .field-title {
padding: 0 15px;
}
.form-answer-box .frm-row-submit {
margin: 0 -5px;
}
.form-answer-box .frm-row-submit .frm-field {
padding: 0 5px;
}
.form-answer-box .frm-row-submit .field-submit {
width: 50%;
}
.form-answer-box .frm-row-submit .btn {
width: 100%;
font-size: 14px;
letter-spacing: 0.11em;
font-weight: 500;
}
.form-answer-box .frm-field {
width: 100%;
padding: 0 15px;
margin-bottom: 10px;
}
.form-answer-box .form-input {
font-size: 14px;
line-height: 1.43;
}
.form-answer-box textarea.form-input {
height: 98px;
padding-top: 11px;
}
.form-answer-box [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.form-answer-box [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.form-answer-box [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.form-answer-box [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.info-about-box,
.info-text-box,
.info-services-list-box {
display: block;
position: relative;
margin-bottom: var(--sectionMargin);
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.02em;
}
.info-about-box .action-wrap,
.info-text-box .action-wrap,
.info-services-list-box .action-wrap {
margin-top: 0;
}
.info-about-box b,
.info-text-box b,
.info-services-list-box b {
font-weight: 500;
}
.info-about-box p,
.info-text-box p,
.info-services-list-box p {
margin-bottom: 15px;
}
.info-services-list-box {
font-size: 16px;
line-height: 1.63;
}
.info-services-list-box ul li {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
margin-bottom: 10px;
}
.info-services-list-box ul li:before {
top: 50%;
}
.info-services-list-box .list-check li {
margin-bottom: 10px;
}
.info-services-list-box a:not(:hover) {
color: inherit;
}
.info-about-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
margin-bottom: 30px;
}
.info-about-box .item-wrap {
width: 100%;
}
.info-about-box .item-tile-about p {
margin-bottom: 5px;
}
.info-services-box {
position: relative;
margin-bottom: var(--sectionMargin);
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
}
.info-services-box .box-inner-wrap {
background: var(--clr-bg-att-light);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
position: relative;
padding: 20px 15px;
}
.info-services-box .list-arrows li {
margin-bottom: 15px;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.info-services-box .list-arrows li:last-child {
margin-bottom: 0;
}
.info-services-box .section-title {
font-size: 62px;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
color: var(--clr-base-title);
letter-spacing: normal;
}
.info-services-box .section-subtitle {
display: block;
font-size: 24px;
letter-spacing: 0.01em;
line-height: 1;
font-weight: 400;
}
.tabs-buttons-box {
margin-bottom: 30px;
}
.tabs-buttons-box .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
}
.tabs-buttons-box .menu li {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.tabs-buttons-box .btn {
height: 40px;
padding: 0 11px;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: none;
font-weight: 400;
}
.article-box {
margin-bottom: var(--sectionMarginSmall);
--mbsize: 15px;
}
.article-box:last-child {
margin-bottom: var(--sectionMargin);
}
.article-box .article-title-wrap {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.article-box .article-title-wrap .elm-ico {
width: 42px;
height: 42px;
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.article-box .article-title-wrap .h2-title,
.article-box .article-title-wrap .section-title {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.article-box .article-section-wrap {
color: var(--clr-base-title);
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid var(--clr-bg-gray);
}
.article-box .article-bg-wrap {
margin-bottom: 15px;
padding: 15px 20px;
background: var(--clr-bg-att-light);
}
.article-box li {
padding-left: 1em;
margin: 0;
}
.article-box li:before {
width: 4px;
height: 4px;
margin-top: -2px;
background: currentColor;
}
table.bordered {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
}
table.bordered th,
table.bordered td {
border: 1px solid #ddd;
padding: 8px 12px;
text-align: left;
vertical-align: top;
}
table.bordered th {
font-weight: 600;
background: var(--clr-bg-gray);
}
.info-lead-box {
margin-bottom: 30px;
font-weight: 400;
font-size: 16px;
line-height: 113%;
letter-spacing: 0.02em;
color: var(--clr-base-white);
position: relative;
}
.info-lead-box .type-pay .sl-photo-wrap {
right: -10px;
bottom: -60px;
}
.info-lead-box .type-pay .sl-photo-wrap .elm-photo {
width: 230px;
}
.info-lead-box .type-pay .sl-inner-wrap {
padding-top: 80px;
padding-bottom: 134px;
}
.info-lead-box .type-pay .slider-pagination {
bottom: 74px !important;
}
.info-lead-box .photo-inner-wrap {
position: relative;
}
.info-lead-box .photo-inner-wrap .elm-photo {
aspect-ratio: inherit;
height: 300px;
}
.info-lead-box .sl-inner-wrap {
overflow: hidden;
padding: 36px var(--paddingContainer) 96px var(--paddingContainer);
font-weight: 700;
font-size: 24px;
line-height: 135%;
color: var(--clr-base-white);
position: relative;
}
.info-lead-box .sl-title-wrap {
position: relative;
z-index: 2;
max-width: 256px;
font-weight: 400;
}
.info-lead-box .sl-wrap {
overflow: hidden;
}
.info-lead-box .sl-photo-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.info-lead-box .sl-photo-wrap .elm-photo {
width: 280px;
max-width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-lead-box .sl-title {
display: block;
margin: 0 0 10px 0;
font-weight: 700;
font-size: 34px;
line-height: 129%;
letter-spacing: 0.01em;
color: inherit;
}
.info-lead-box .sl-title:last-child {
margin-bottom: 0;
}
.info-lead-box .slider-pagination {
position: absolute;
bottom: 36px !important;
top: auto !important;
left: var(--paddingContainer);
right: var(--paddingContainer);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.info-lead-box .slider-outer-wrap {
background: -webkit-gradient(linear, left top, right top, from(#0091c1), color-stop(40%, #00bdd9), to(#00bbd8));
background: linear-gradient(to right, #0091c1 0%, #00bdd9 40%, #00bbd8 100%);
min-height: 100%;
position: relative;
overflow: hidden;
}
.info-lead-box .box-inner-wrap {
background: var(--clr-base-title);
position: relative;
overflow: hidden;
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
}
.info-lead-box .info-inner-wrap {
padding: 30px var(--paddingContainer);
}
.info-lead-box .section-title {
font-weight: 700;
font-size: 24px;
line-height: 129%;
letter-spacing: 0.01em;
text-transform: uppercase;
color: inherit;
margin: 0 0 15px 0;
}
.info-lead-box p {
margin-bottom: 10px;
}
.info-lead-box p a:not(:hover) {
color: inherit;
}
.info-lead-box .btn {
margin-top: 5px;
height: 40px;
padding: 0 40px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
}
.info-lead-box .link-phone {
display: inline-block;
position: relative;
margin: 0 0px 0 0;
padding: 0 0 0 30px;
white-space: nowrap;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
font-weight: 700;
font-size: 18px;
line-height: 135%;
letter-spacing: 0em;
}
.info-lead-box .link-phone:first-child {
/* padding-left: 0; */
}
.info-lead-box .link-phone:first-child:before {
/* display: none; */
}
.info-lead-box .link-phone:hover {
color: var(--clr-att);
}
.info-lead-box .link-phone:hover:before {
-webkit-filter: none;
filter: none;
}
.info-lead-box .link-phone:before {
content: "";
display: block;
width: 24px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/phone-main.svg) center no-repeat;
background-size: 100% auto;
top: 50%;
left: 0;
margin-top: -12px;
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.info-lead-box .link-phone:last-child {
margin-right: 0;
}
.main-lead-box {
margin-bottom: var(--sectionMarginSmall);
}
.main-lead-box .form-inner-wrap,
.main-lead-box .action-slider-inner-wrap {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
}
.main-lead-box .login-form-box {
margin-bottom: 0;
}
.main-lead-box .tiles-actions-slider-box {
margin-bottom: 0;
}
.main-lead-box .slider-pagination .swiper-pagination-bullet {
z-index: 15;
}
.middle-lead-box {
position: relative;
margin-bottom: var(--sectionMargin);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.middle-lead-box .actions-slider-inner-wrap {
position: relative;
z-index: 4;
}
.middle-lead-box .actions-slider-inner-wrap,
.middle-lead-box .tiles-slider-inner-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.middle-lead-box .tiles-actions-slider-inner-box {
margin-bottom: 0;
}
.middle-lead-box .tiles-box {
margin-bottom: 0;
}
.middle-lead-box .tiles-box .slider-actions-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 0;
}
.middle-lead-box .tiles-box .slider-actions-wrap .slider-pagination {
display: none;
}
.middle-lead-box .tiles-box .slider-actions-wrap:has(.button-slider-next) .button-slider-prev {
display: none;
}
.middle-lead-box .tiles-box .slider-actions-wrap:has(.button-slider-next.swiper-button-disabled) .button-slider-next {
display: none;
}
.middle-lead-box .tiles-box .slider-actions-wrap:has(.button-slider-next.swiper-button-disabled) .button-slider-prev {
display: block;
}
.middle-lead-box .tiles-box .slider-actions-wrap .btn-action-ico.ico-arrow:not(:hover) {
border-color: var(--clr-bg-white);
}
.tiles-steps-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.tiles-steps-box .box-inner-wrap {
background: var(--clr-bg-gray);
padding: 20px;
position: relative;
overflow: hidden;
}
.tiles-steps-box .title-inner-wrap {
margin-bottom: 15px;
}
.tiles-steps-box .item-wrap {
width: 100%;
}
.tiles-man-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.tiles-man-box .item-wrap {
width: 100%;
}
.page-outer-wrap .tiles-box .slider-wrap {
overflow: hidden;
}
.page-outer-wrap .tiles-box .sl-wrap {
width: 100%;
}
.tiles-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.tiles-box.view-rows .item-wrap {
width: 100%;
min-width: 100%;
}
.tiles-box .item-wrap {
width: 100%;
}
.tiles-box .item-wrap.wrap-full {
width: 100% !important;
}
.tiles-box:has(.item-tile-order.type-small) .items-wrap {
gap: 15px 0;
}
.tiles-box .sl-wrap {
width: 344px;
min-height: 100%;
}
.tiles-box .slider-wrap {
overflow: visible;
}
.tiles-box .slider-inner-wrap {
position: relative;
z-index: 2;
}
.tiles-box .slider-inner-wrap:has(.item-tile-info) .sl-wrap {
width: 320px;
}
.tiles-box .slider-inner-wrap:has(.item-tile-info) .sl-wrap:has(.tile-long) {
width: 475px;
}
.tiles-box:has(.item-tile-catalog) {
position: relative;
z-index: 4;
}
.tiles-box:has(.item-tile-article) .slider-wrap {
overflow: hidden;
}
.tiles-box:has(.item-tile-article) .sl-wrap {
width: 100%;
}
.filter-form-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.filter-form-box.type-catalog {
margin-bottom: 15px;
}
.filter-form-box.type-catalog .frm-title-wrap {
margin-bottom: 15px;
}
.filter-form-box.type-catalog .frm-title {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
font-weight: 600;
}
.filter-form-box.type-catalog .box-inner-wrap {
background: none;
padding: 0;
}
.filter-form-box.type-catalog .form-input {
height: 40px;
padding-left: 14px;
font-size: 12px;
text-transform: none;
font-weight: 400;
letter-spacing: 0.03em;
background-color: var(--clr-bg-gray);
border-color: var(--clr-bg-gray);
}
.filter-form-box.type-catalog select.form-input {
background-position: right 6px center;
padding-right: 30px;
}
.filter-form-box.type-catalog .field-submit {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.filter-form-box.type-catalog .bx-filter-button-box .frm-field-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
width: 100%;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.filter-form-box.type-catalog .field-submit .btn {
width: auto;
min-width: 0;
height: 40px;
padding: 0 16px;
font-size: 12px;
letter-spacing: normal;
text-transform: none;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.filter-form-box.type-catalog .field-submit .btn#set_filter {
-webkit-box-flex: 1;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter-form-box.type-catalog .field-submit .btn#del_filter {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter-form-box.type-catalog .field-submit .btn .button-ico {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20px;
height: 20px;
margin: 0;
}
.filter-form-box.type-catalog .field-submit .btn .button-ico.btn-action-ico {
position: relative;
min-width: 20px;
min-height: 20px;
width: 20px;
height: 20px;
font-size: inherit;
line-height: 20px;
}
.filter-form-box.type-catalog .field-submit .btn .button-ico.ico-search:before {
background-size: 20px auto;
}
.filter-form-box.type-catalog .field-submit .btn .button-ico.ico-close:before {
background-size: 16px auto;
}
.filter-form-box.type-catalog .field-submit .btn .button-title {
display: block;
}
.filter-form-box.type-catalog .field-submit .btn.button-link .button-ico {
-webkit-filter: none;
filter: none;
}
.filter-form-box .box-inner-wrap {
background: var(--clr-bg-att-light);
padding: 30px 15px 30px 15px;
}
.filter-form-box .frm-title-wrap {
margin-bottom: 15px;
text-align: center;
}
.filter-form-box .frm-title {
font-size: 20px;
line-height: 1.35;
font-weight: 600;
max-width: 12.5em;
margin-left: auto;
margin-right: auto;
}
.filter-form-box .frm-row {
margin: 0;
gap: 3px;
}
.filter-form-box .frm-field {
width: 100%;
padding: 0;
margin: 0;
}
.filter-form-box .frm-field-range {
display: flex;
flex-wrap: wrap;
gap: 3px;
width: 100%;
align-items: flex-end;
}
.filter-form-box .frm-field-range-item {
flex: 1 1 0;
min-width: 0;
}
.filter-form-box .frm-field-range-item .bx-ft-sub {
display: block;
margin-bottom: 4px;
}
.filter-form-box .field-submit .btn {
width: 100%;
height: 60px;
}
.filter-form-box .form-input {
height: 60px;
border-color: var(--clr-bg-white);
background-color: var(--clr-bg-white);
font-size: 14px;
font-weight: 400;
letter-spacing: 0.02em;
}
.filter-form-box .btn-popup {
display: none;
}
.login-form-box {
background: var(--clr-bg-att-light);
padding: 30px 30px 30px 30px;
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.02em;
margin-bottom: var(--sectionMargin);
}
.login-form-box .frm-row,
.login-form-box .frm-row-submit {
margin: 0 -5px;
}
.login-form-box .frm-field {
padding: 0 5px;
width: 100%;
margin-bottom: 15px;
}
.login-form-box .frm-row-submit {
/* padding-top: 20px; */
}
.login-form-box .frm-row-submit .frm-field {
margin-bottom: 30px;
text-align: center;
}
.login-form-box .frm-row-submit .frm-field:last-child {
margin-bottom: 0;
}
.login-form-box .field-text {
text-align: center;
}
.login-form-box .field-title {
display: block;
margin-bottom: 8px;
}
.login-form-box .frm-field.field-confirm {
text-align: left;
margin-bottom: 15px;
}
.login-form-box .form-input {
padding-left: 14px;
height: 42px;
border-color: var(--clr-bg-white);
background-color: var(--clr-bg-white);
font-size: 14px;
letter-spacing: 0.02em;
color: var(--clr-base);
text-transform: none;
font-weight: 400;
}
.login-form-box .btn {
height: 40px;
padding: 0 19px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
}
.login-form-box input.btn {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
}
.login-form-box [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.login-form-box [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.login-form-box [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.login-form-box [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.login-form-box .frm-select {
margin-top: 10px;
}
.login-form-box .frm-select:first-child {
margin-top: 0;
}
.login-form-box .login-form-pdn-error,
.login-form-box .login-form-global-error,
.login-form-box .login-form-field-error,
.frm-popup .login-form-global-error,
.frm-popup .login-form-field-error {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-alert);
text-align: left;
}
.login-form-box .login-form-notice {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-succefull);
text-align: left;
}
.login-form-box .field-text--hint {
margin: 8px 0 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-base-light);
}
.login-form-box .login-form-password-policy {
margin: 0;
font-size: 13px;
line-height: 1.4;
color: var(--clr-alert);
text-align: left;
}
.auth-page-box {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.login-form-box .frm-field.is-error .form-input,
.frm-popup .frm-field.is-error .form-input {
border-color: var(--clr-alert);
}
.login-form-box .js-pdn-consent-wrap.is-error label:before {
border-color: var(--clr-alert);
}
.login-form-box .field-half {
width: 50%;
}
.tabs-box {
border-bottom: 1px solid var(--clr-att);
position: relative;
line-height: 1;
}
.tabs-box .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tabs-box .menu li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tabs-box .btn {
width: 100%;
padding: 0 15px;
height: 50px;
font-size: 16px;
letter-spacing: 0.03em;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
}
.tiles-catalog-slider-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.tiles-catalog-slider-box .sl-wrap {
width: 100%;
}
.tiles-catalog-slider-box .slider-item-wrap {
margin-top: 30px;
}
.tiles-catalog-slider-box .sl-desktop.sl-wrap {
width: 400px;
}
.side-menu-box {
margin-bottom: var(--sectionMargin);
position: relative;
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.side-menu-box .btn-popup {
display: none;
}
.side-menu-box .menu li {
border-bottom: 1px solid var(--clr-bg-gray);
}
.side-menu-box .menu li:last-child {
border-bottom: none;
}
.side-menu-box .btn-menu {
color: var(--clr-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
min-height: 52px;
padding: 10px 30px 10px 15px;
gap: 10px;
}
.side-menu-box .btn-menu.button-delete {
padding-right: 15px;
color: #f00;
}
.side-menu-box .btn-menu.button-delete .button-ico {
-webkit-filter: none;
filter: none;
}
.side-menu-box .btn-menu.button-delete:hover {
color: #f00;
}
.side-menu-box .btn-menu .button-ico {
width: 32px;
height: 32px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.side-menu-box .btn-menu .button-title:after {
position: absolute;
top: 50%;
right: 19px;
margin: -12px -12px 0 0;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.side-menu-box .btn-menu:hover {
color: var(--clr-att);
}
.side-menu-box .btn-menu:hover .button-ico {
-webkit-filter: none;
filter: none;
}
.side-menu-box .btn-menu:hover .button-title:after {
-webkit-filter: none;
filter: none;
}
.side-menu-box .btn-menu.active {
color: var(--clr-base);
background: var(--clr-bg-att-light);
}
.side-menu-box .btn-menu.active .button-ico,
.side-menu-box .btn-menu.active .button-title:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.side-menu-box .btn-menu.active .button-title:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.side-info-box {
margin-bottom: 15px;
padding: 20px;
background: var(--clr-bg-gray);
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.side-info-box:last-child {
margin-bottom: var(--sectionMargin);
}
.side-info-box .section-inner-wrap {
margin-bottom: 10px;
}
.side-info-box .section-inner-wrap:last-child {
margin-bottom: 0;
}
.side-info-box .section-border {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--clr-bg-att-light);
}
.side-info-box .section-credit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 15px;
}
.side-info-box .section-credit .section-title {
font-size: 16px;
line-height: 1.63;
font-weight: 600;
margin: 0;
}
.side-info-box .section-credit .title-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.side-info-box .section-credit .action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
}
.side-info-box.bg-att {
background: var(--clr-bg-att-light);
}
.side-info-box.padding-small {
padding: 12px 20px;
}
.side-info-box .action-wrap {
margin-bottom: 15px;
line-height: 1.35;
letter-spacing: normal;
}
.side-info-box .elm-row {
margin-bottom: 5px;
font-size: 1em;
line-height: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.side-info-box .elm-row:last-child {
margin-bottom: 0;
}
.side-info-box .elm-row .row-title {
font-weight: inherit;
color: inherit;
}
.side-info-box .elm-row .row-value {
color: inherit;
font-weight: 600;
text-align: right;
}
.side-info-box .row-main {
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.03em;
font-weight: 600;
}
.side-info-box .row-main .row-value {
font-size: 20px;
line-height: 1.35;
}
.side-info-box .row-total {
font-size: 20px;
line-height: 1.35;
letter-spacing: 0.03em;
font-weight: 600;
}
.side-info-box .row-total .row-value {
font-size: 24px;
line-height: 1.35;
font-weight: bold;
}
.side-info-box .row-total .row-title {
text-transform: uppercase;
}
.side-info-box .elm-panel-value {
margin-bottom: 15px;
}
.side-info-box .elm-panel-value:last-child {
margin-bottom: 0;
}
.side-info-box .section-info {
display: block;
position: relative;
font-weight: 500;
font-size: 14px;
line-height: 114%;
letter-spacing: 0.11em;
text-transform: uppercase;
text-align: center;
color: var(--clr-base);
padding: 10px 20px;
margin-left: -20px;
margin-right: -20px;
background: var(--clr-bg-att-light);
margin-bottom: 10px;
}
.side-info-box .section-info:last-child {
margin-bottom: 0;
}
.side-info-box .section-info-text {
text-align: center;
margin-bottom: 10px;
}
.side-info-box .section-info-text:last-child {
margin-bottom: 0;
}
.side-info-box .section-checkout-actions {
margin-bottom: 0;
}
.side-info-box .section-checkout-actions .frm-row {
margin-top: 1.43em;
padding-top: 0;
}
.side-info-box .frm-row {
margin: 0 -8px;
gap: 15px 0;
padding-top: 6px;
}
.side-info-box .frm-row.row-2 {
gap: 8px 0;
}
.side-info-box .frm-field {
width: 100%;
margin: 0;
padding: 0 8px;
}
.side-info-box .frm-field .btn {
width: 100%;
height: 46px;
font-size: 14px;
letter-spacing: 0.11em;
font-weight: 500;
}
.side-info-box .field-half {
width: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.side-info-box .field-half .btn {
padding: 0 15px;
font-weight: 500;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.15em;
height: 40px;
}
.side-wrap .tiles-actions-slider-inner-box {
margin-bottom: 30px;
}
.tiles-actions-slider-inner-box {
margin-bottom: var(--sectionMargin);
position: relative;
}
.tiles-actions-slider-inner-box .slider-wrap {
margin: 0;
}
.tiles-actions-slider-inner-box .sl-wrap {
padding: 0;
}
.tiles-actions-slider-inner-box .slider-pagination {
position: absolute;
bottom: 0 !important;
left: 0;
right: 0;
padding: 10px;
}
.tiles-actions-slider-box {
margin-bottom: var(--sectionMargin);
position: relative;
letter-spacing: normal;
}
.tiles-actions-slider-box .slider-wrap {
margin: 0;
}
.tiles-actions-slider-box .sl-wrap {
padding: 0;
}
.tiles-actions-slider-box .slider-pagination {
bottom: 0 !important;
left: 0;
right: 0;
padding: 0 30px 87px 30px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: absolute;
}
.tiles-actions-slider-box .sl-info-wrap {
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
padding: 30px 30px 147px 30px;
color: var(--clr-base-white);
z-index: 3;
min-height: 420px;
}
.tiles-actions-slider-box .sl-bg-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #00bbd8;
overflow: hidden;
}
.tiles-actions-slider-box .sl-bg-wrap .elm-photo {
aspect-ratio: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 684px;
}
.tiles-actions-slider-box .sl-title {
font-weight: 700;
font-size: 34px;
line-height: 129%;
letter-spacing: 0.01em;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.tiles-actions-slider-box .sl-info {
margin: 0 0 10px 0;
font-size: 24px;
line-height: 1.35;
font-weight: bold;
}
.tiles-actions-slider-box .btn {
height: 46px;
}
.menu-catalog-box {
display: block;
position: relative;
margin-bottom: 30px;
}
.more-box {
text-align: center;
font-size: 12px;
line-height: 1.33;
color: var(--clr-base-title);
letter-spacing: 0.03em;
margin: 15px 0 0 0;
}
.more-box .button-link {
font-size: 1em;
line-height: inherit;
letter-spacing: inherit;
text-transform: none;
font-weight: 400;
color: inherit;
}
.more-box .button-link .button-title:after {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.more-box .button-link:hover {
color: var(--clr-att);
}
.more-box .button-link:hover .button-title:after {
-webkit-filter: none;
filter: none;
}
.lk-action-box {
margin-bottom: 15px;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.lk-action-box .button-link {
text-transform: none;
letter-spacing: inherit;
font-size: inherit;
font-weight: inherit;
color: var(--clr-base-title);
}
.lk-action-box .button-link .button-title:before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.lk-action-box .button-link:hover {
color: var(--clr-att);
}
.lk-action-box .button-link:hover .button-title:before {
-webkit-filter: none;
filter: none;
}
.lk-order-box {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: 15px;
}
.lk-order-box .section-inner-wrap {
background: var(--clr-bg-gray);
padding: 20px;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lk-order-box:last-child {
margin-bottom: var(--sectionMargin);
}
.lk-order-box .frm-row {
margin: 0;
gap: 15px;
}
.lk-order-box .frm-field {
padding: 0;
width: 100%;
margin: 0;
}
.lk-order-box .frm-field .btn {
width: 100%;
height: 40px;
font-weight: 500;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.lk-order-box .button-att.button-border:not(:hover) {
color: var(--clr-base-title);
}
.lk-order-box .button-att.button-border:not(:hover) .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.lk-order-box .title-inner-wrap {
margin-bottom: 15px;
}
.lk-order-box .pay-status-wrap {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
gap: 15px;
}
.lk-order-box .pay-title {
font-weight: 600;
line-height: 135%;
letter-spacing: 0.03em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lk-order-box .pay-total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.lk-order-box .pay-total-value {
font-weight: 600;
font-size: 20px;
line-height: 135%;
text-align: right;
color: var(--clr-base-title);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lk-order-box .elm-row {
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
margin: 0;
}
.lk-order-box .elm-row .row-title {
font-size: 1em;
line-height: inherit;
color: inherit;
letter-spacing: inherit;
font-weight: inherit;
}
.lk-order-box .elm-row .row-value {
font-weight: 600;
font-size: 20px;
line-height: 1.35;
letter-spacing: normal;
text-align: right;
}
.lk-order-box .row-main {
margin-top: 15px;
}
.lk-order-box .row-main:first-child {
margin-top: 0;
}
.lk-order-box .row-main .row-title {
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.lk-order-box .row-main .row-title a {
font-weight: 400;
font-size: 14px;
line-height: 135%;
margin-left: 5px;
}
.lk-order-box .row-total {
font-weight: 600;
font-size: 20px;
line-height: 135%;
color: var(--clr-base-title);
text-transform: uppercase;
margin-top: 18px;
}
.lk-order-box .row-total .row-value {
font-size: 24px;
font-weight: bold;
}
.lk-outer-box {
margin-bottom: 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px 0;
}
.lk-outer-box .frm-content {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.lk-outer-box .frm-content.active {
height: auto;
}
.lk-outer-box .section-form-wrap {
max-width: 930px;
margin: 0 auto;
padding: 10px 0;
}
.lk-outer-box .section-form-wrap .frm-row {
margin-bottom: 15px;
}
.lk-outer-box .section-form-wrap .frm-row-submit .frm-field {
width: 100%;
}
.lk-outer-box .section-form-wrap .frm-row-submit .field-info {
margin-bottom: 15px;
}
.lk-outer-box .section-form-wrap .frm-row-submit .field-submit {
text-align: center;
}
.lk-outer-box .section-form-wrap .frm-row-submit .field-submit .btn {
width: 100%;
max-width: 370px;
height: 56px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.lk-outer-box:last-child {
margin-bottom: var(--sectionMargin);
}
.lk-outer-box .title-info {
display: inline;
font-weight: 400;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-light);
}
.lk-outer-box .frm-row-submit {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
}
.lk-outer-box .frm-row-submit .frm-field {
margin: 0;
padding: 0;
width: 100%;
}
.lk-outer-box .section-inner-wrap {
background: var(--clr-bg-gray);
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
position: relative;
padding: 20px;
}
.lk-outer-box .section-title-wrap {
margin-bottom: 15px;
}
.lk-outer-box .section-title {
font-weight: 600;
font-size: 20px;
line-height: 135%;
color: var(--clr-base-title);
letter-spacing: normal;
margin: 0;
}
.lk-outer-box .field-title {
font-weight: 600;
font-size: 14px;
line-height: 135%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
display: block;
margin: 0 0 12px 0;
}
.lk-outer-box .form-input {
height: 44px;
padding-left: 19px;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.lk-outer-box .frm-row-section {
margin-bottom: 15px;
}
.lk-outer-box .frm-row-section:last-child {
margin-bottom: 0;
}
.lk-outer-box .frm-row-section .form-input[disabled] {
background-color: var(--clr-bg-white);
cursor: default;
color: var(--clr-base);
}
.lk-outer-box .frm-field-action-info {
padding-top: 5px;
}
.lk-outer-box .frm-row {
margin: 0 -5px;
gap: 10px 0;
}
.lk-outer-box .frm-field {
width: 100%;
padding: 0 5px;
margin: 0;
}
.lk-outer-box .row-selects .frm-select {
margin-bottom: 15px;
}
.lk-outer-box .row-selects .frm-select:last-child {
margin-bottom: 0;
}
.lk-outer-box .frm-select label {
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
padding-left: 34px;
}
.lk-outer-box .frm-select label:before {
background-color: var(--clr-bg-white);
}
.lk-outer-box .frm-select label:before,
.lk-outer-box .frm-select label:after {
top: 0.71em;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
left: 12px;
}
.lk-outer-box .frm-select label:after {
background-size: 24px auto;
}
.lk-outer-box .btn {
height: 50px;
padding: 0 19px;
font-weight: 500;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.lk-outer-box .field-action-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 44px;
gap: 15px;
}
.lk-outer-box .field-action-buttons .button-form {
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lk-outer-box .field-action-buttons .button-form:not(:hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.lk-outer-box .field-action-buttons .button-form.active:before {
-webkit-filter: none;
filter: none;
}
.search-box {
display: block;
position: relative;
margin-bottom: 20px;
}
.search-box:last-child {
margin-bottom: 0;
}
.catalog-search-empty {
margin-bottom: 20px;
}
.search-box .search-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.search-box .action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
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;
gap: 10px;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
margin-top: 15px;
}
.bg-full-wrap {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100dvw;
min-width: var(--min);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
}
.bg-box {
position: relative;
z-index: 2;
}
.bg-box:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100dvw;
min-width: var(--min);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
background: var(--clr-bg-light);
}
.bg-box > *:last-child {
margin-bottom: 0;
}
@media (max-width: 1023px) {
.side-menu-box {
margin: 0;
}
.side-menu-box .btn-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: -37px;
left: 0;
z-index: 21;
margin: -20px 0 0 0;
}
.side-menu-box .menu-content-block {
display: none;
width: 360px;
max-width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer));
border: 1px solid #c9c9c9;
background: var(--clr-bg-white);
z-index: 20;
padding: 20px 20px 20px 20px;
position: absolute;
top: 0;
left: 0;
}
.title-box.title-catalog-toggle,
.title-box.title-menu-toggle {
padding-left: 50px;
}
.title-box.title-catalog-toggle .title-wrap,
.title-box.title-menu-toggle .title-wrap {
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.title-box.title-menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 44px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-catalog-box {
position: relative;
margin: 0;
}
.menu-catalog-box .popup-catalog-wrap .catalog-content-block {
margin-top: 0;
max-width: calc(100dvw - var(--paddingContainer) - var(--paddingContainer));
max-height: 1000px;
}
.menu-catalog-box .popup-catalog-wrap .btn-popup {
position: absolute;
top: -55px;
z-index: 20;
}
.tiles-catalog-slider-box {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
overflow: hidden;
}
.tiles-catalog-slider-box .slider-item-wrap {
padding-left: var(--paddingContainer);
padding-right: var(--paddingContainer);
}
.tiles-catalog-slider-box .slider-content-wrap {
margin: 0 auto;
}
.tiles-catalog-slider-box .slider-actions-wrap {
padding: 0 var(--paddingContainer);
}
.tiles-catalog-slider-box .slider-wrap {
overflow: visible;
}
.tiles-catalog-slider-box .swiper-slide-active .item-tile-catalog-menu {
background: var(--clr-bg-att-light);
}
.tiles-catalog-slider-box .sl-wrap {
width: 345px;
max-width: 100%;
}
.scroll-mobile-wrap {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
padding-left: var(--paddingContainer);
padding-right: var(--paddingContainer);
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.scroll-mobile-wrap::-webkit-scrollbar {
width: 0;
height: 0;
}
.scroll-mobile-wrap .menu,
.scroll-mobile-wrap .items-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (max-width: 767px) {
.tiles-man-box .item-tile-catalog-button {
min-height: 0;
}
.tiles-man-box .item-tile-catalog-button .tile-photo-wrap {
width: 100px;
}
.tiles-man-box .item-tile-catalog-button .tile-title {
font-size: 16px;
line-height: 1.63;
}
.tiles-man-box .item-tile-catalog-button .tile-info-wrap {
gap: 5px;
}
.info-quality-box .box-inner-wrap,
.tiles-steps-box .box-inner-wrap,
.info-partners-box .box-inner-wrap {
margin-left: calc(var(--paddingContainer) * -1);
margin-right: calc(var(--paddingContainer) * -1);
padding-left: var(--paddingContainer);
padding-right: var(--paddingContainer);
}
.info-product-box:has(.button-content-toggle) .content-toggle-action-wrap {
display: block;
}
.info-product-box:has(.button-content-toggle) .content-hidden-wrap {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.info-product-box:has(.button-content-toggle.active) .content-hidden-wrap {
height: auto;
padding-bottom: 15px;
}
.info-product-box .section-content-outer-wrap:has(.section-title-button) .section-content-wrap {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.info-product-box .section-content-outer-wrap:has(.section-title-button.active) .section-content-wrap {
height: auto;
padding-bottom: 15px;
}
.info-product-box .section-title-button {
position: relative;
cursor: pointer;
padding-right: 30px;
}
.info-product-box .section-title-button:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/arrow-toggle.svg) center no-repeat;
background-size: 100% auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
top: 50%;
right: 0;
margin-top: -12px;
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.info-product-box .section-title-button.active:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.tabs-mobile-show-all {
display: none;
}
.tabs-mobile-show-all ~ .js-tab-block.active,
.tabs-mobile-show-all ~ .js-tab-block:not(.active) {
display: block;
height: auto;
visibility: visible;
pointer-events: auto;
overflow: visible;
margin-bottom: var(--sectionMargin);
}
.tabs-mobile-show-all ~ .js-tab-block.active .title-box.elm-hidden,
.tabs-mobile-show-all ~ .js-tab-block:not(.active) .title-box.elm-hidden {
display: block !important;
}
.filter-form-box.type-catalog {
margin-bottom: 15px;
}
.filter-form-box.type-catalog .active ~ .frm-inner-wrap {
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}
.filter-form-box.type-catalog .frm-inner-wrap {
position: relative;
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.filter-form-box.type-catalog .frm-title-wrap {
margin-bottom: 0;
}
.filter-form-box.type-catalog .frm-field:has(+ .field-submit) {
width: 100%;
}
.filter-form-box.type-catalog .frm-field:has(+ .field-submit) + .field-submit {
width: 100%;
}
.filter-form-box.type-catalog .bx-filter-button-box .frm-field-input {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.filter-form-box.type-catalog .field-submit .btn {
width: 100%;
height: 44px;
}
.filter-form-box.type-catalog .form-input {
height: 44px;
font-size: 14px;
}
.filter-form-box.type-catalog .frm-title-wrap {
text-align: left;
padding-right: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 40px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.filter-form-box.type-catalog .frm-title {
max-width: 100%;
width: 100%;
}
.filter-form-box.type-catalog .btn-popup {
width: 40px;
height: 40px;
padding: 0;
position: absolute;
top: 0;
right: 0;
z-index: 3;
display: block;
}
.filter-form-box .frm-field:has(+ .field-submit) {
width: 100%;
}
.filter-form-box .frm-field.field-submit {
width: 100%;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid {
padding: 0;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid .slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px 0;
-webkit-transform: none !important;
transform: none !important;
height: auto !important;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid .sl-wrap {
margin: 0;
width: 100%;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid .sl-wrap:last-child {
margin-bottom: 0;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid .swiper-slide:not(.swiper-slide-active) {
opacity: 1;
pointer-events: auto;
width: 100%;
}
.tiles-box .slider-inner-wrap.slider-mobile-grid .slider-actions-wrap {
display: none;
}
.tiles-catalog-slider-box .sl-desktop {
display: none;
}
@supports (display: contents) {
.info-product-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info-product-box .photos-column-wrap {
display: contents;
}
.info-product-box .photos-inner-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info-product-box .documents-inner-wrap {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.info-product-box .features-column-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.info-product-box .info-column-wrap {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
}
@media (max-width: 639px) {
.tiles-box.view-tiles .item-wrap,
.tiles-box.view-rows .item-wrap {
width: 100%;
min-width: 100%;
}
@supports (display: contents) {
.lk-outer-box .frm-row-section:has(.field-action-buttons) {
position: relative;
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-left: 0;
margin-right: 0;
gap: 10px 10px;
}
.lk-outer-box .frm-row-section:has(.field-action-buttons) .frm-row,
.lk-outer-box .frm-row-section:has(.field-action-buttons) .frm-field {
display: contents;
}
.lk-outer-box .frm-row-section:has(.field-action-buttons) .field-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
margin: 0;
}
.lk-outer-box .frm-row-section:has(.field-action-buttons) .field-action-buttons {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
min-height: 24px;
}
.lk-outer-box .frm-row-section:has(.field-action-buttons) .frm-field-input {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lk-outer-box .frm-row-section:has(.field-action-buttons) .frm-field-action-info {
padding: 0;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
}
@media (min-width: 640px) {
.catalog-actions-box .buttons-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-actions-box .actions-inner-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.catalog-actions-box .action-field {
min-width: 132px;
}
.page-outer-wrap .tiles-box .slider-wrap {
overflow: hidden;
margin: 0 -15px;
}
.page-outer-wrap .tiles-box .sl-wrap {
width: 50%;
padding: 0 15px;
}
.tiles-box .item-wrap {
width: 50%;
}
.tiles-box:has(.item-tile-article) .sl-wrap {
width: 50%;
}
.lk-outer-box .section-title-wrap {
margin-bottom: 15px;
}
.lk-outer-box .section-inner-wrap.section-main {
padding: 40px;
}
.lk-outer-box .section-inner-wrap.section-main .section-title-wrap {
margin-bottom: 30px;
}
.lk-outer-box .section-title {
font-size: 24px;
}
.lk-outer-box .field-title {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.lk-outer-box .form-input {
height: 50px;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.lk-outer-box .field-action-buttons {
min-height: 50px;
}
.lk-outer-box .btn {
height: 50px;
}
.lk-outer-box .field-short {
width: 296px;
}
.lk-outer-box .field-main {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 456px;
}
.lk-outer-box .field-action {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
padding-left: 10px;
font-size: 13px;
}
.lk-outer-box .frm-field-action-info {
padding: 0;
}
.lk-outer-box .frm-row-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: -5px;
margin-right: -5px;
}
.lk-outer-box .frm-row-section .frm-row {
margin: 0;
width: auto;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lk-outer-box .frm-row-section .frm-row:has(.field-short:only-child) {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.lk-outer-box .frm-row-section .field-buttons {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 20px;
}
.lk-outer-box .frm-row-section .field-action-buttons {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-left: 10px;
}
.lk-outer-box .frm-select label {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.lk-outer-box .frm-select label:before,
.lk-outer-box .frm-select label:after {
top: 0.82em;
}
.lk-outer-box .field-third {
width: 33.33%;
}
.lk-outer-box .field-half {
width: 50%;
}
}
@media (min-width: 768px) {
.tiles-man-box .item-wrap {
width: 33.33%;
}
.info-quality-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.info-quality-box .photo-inner-wrap {
width: 150px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-quality-box .info-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-quality-box .section-title {
text-align: left;
font-size: 24px;
}
.info-quality-box .elm-photo {
width: 100%;
}
.info-about-man-box .box-inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.info-about-man-box .photo-inner-wrap {
width: 309px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.info-about-man-box .info-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-about-man-box .elm-photo {
aspect-ratio: inherit;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tiles-steps-box .item-wrap {
width: 50%;
}
.info-partners-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: relative;
gap: 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 0;
}
.info-partners-box .info-inner-wrap {
width: auto;
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 20px;
}
.info-partners-box .photo-inner-wrap {
display: block;
width: 270px;
}
.info-partners-box .photo-inner-wrap .elm-photo {
width: 370px;
margin-left: -15px;
max-width: inherit;
}
.info-partners-box .text-center {
text-align: left;
}
.info-lead-box .type-pay .sl-photo-wrap {
right: 0;
bottom: 0;
}
.info-lead-box .type-pay .sl-photo-wrap .elm-photo {
width: 320px;
}
.info-lead-box .type-pay .sl-inner-wrap {
padding-top: 40px;
padding-bottom: 196px;
}
.info-lead-box .type-pay .slider-pagination {
bottom: 136px !important;
}
.info-lead-box .slider-inner-wrap,
.info-lead-box .slider-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info-lead-box .sl-inner-wrap {
padding: 30px 20px 159px 20px;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
}
.info-lead-box .slider-pagination {
bottom: 99px !important;
}
.info-lead-box .sl-photo-wrap .elm-photo {
width: 400px;
}
.info-lead-box .slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-lead-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
margin-right: 0;
min-height: 420px;
}
.info-lead-box .slider-outer-wrap,
.info-lead-box .photo-inner-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 64.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info-lead-box .photo-inner-wrap {
position: relative;
}
.info-lead-box .photo-inner-wrap .elm-photo {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
margin: 0;
}
.info-lead-box .info-inner-wrap {
width: 35.5%;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 20px;
}
.info-contacts-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px 30px;
}
.info-contacts-box .info-inner-wrap,
.info-contacts-box .map-inner-wrap {
width: calc(50% - 15px);
height: auto;
}
.info-contacts-box .map-inner-wrap {
min-height: 200px;
}
.title-cart-box .actions-inner-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 10px 30px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.title-cart-box .share-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.info-product-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px 0;
margin-left: -8px;
margin-right: -8px;
}
.info-product-box .section-title-button {
pointer-events: none;
}
.info-product-box .section-content-outer-wrap:last-child .section-content-wrap {
padding-bottom: 0;
}
.info-product-box .section-content-wrap {
padding-bottom: 15px;
}
.info-product-box .select-inner-wrap {
margin-bottom: 30px;
}
.info-product-box .select-inner-wrap:last-child {
margin-bottom: 0;
}
.info-product-box .photos-column-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 8px;
}
.info-product-box .features-column-wrap,
.info-product-box .info-column-wrap {
width: 42%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 8px;
}
.info-product-box .info-column-wrap {
width: 58%;
}
.info-product-box .elm-row-ico {
font-size: 14px;
}
.info-product-box .list:has(.elm-row-ico) li {
margin-bottom: 4px;
}
.catalog-actions-box .actions-inner-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 12px;
}
.catalog-actions-box .action-field {
min-width: 82px;
}
.catalog-actions-box .action-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
min-width: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: inherit;
gap: 10px;
}
.catalog-actions-box .action-wrap:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.catalog-actions-box .action-wrap:first-child .action-field {
min-width: 200px;
}
.breadcrumbs-box {
padding-top: 0;
}
.form-contacts-box {
padding-left: 60px;
padding-right: 60px;
}
.form-contacts-box .field-half {
width: 50%;
}
.form-order-box .section-inner-wrap {
padding: 20px;
}
.form-order-box .section-title-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.form-order-box .section-title {
font-size: 24px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.form-order-box .field-third {
width: 33.33%;
}
.form-order-box .field-title {
font-size: 16px;
line-height: 1.63;
margin-bottom: 10px;
}
.form-order-box .frm-row {
gap: 15px 0;
}
.form-order-box .form-input {
height: 50px;
font-size: 16px;
}
.form-order-box .frm-select label {
font-size: 16px;
}
.form-order-box .field-map {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-order-box .field-map-info {
width: 287px;
}
.form-order-box .frm-row.row-period {
margin: 0 -8px 15px -8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-order-box .frm-row.row-period .frm-field {
padding: 0 8px;
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-order-box .frm-row.row-period .frm-field:last-child {
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 95px;
}
.form-order-box .frm-row.row-period .frm-field-date .btn {
-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: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.form-order-box .frm-row.row-period .frm-field-date .btn .button-ico {
margin: 0;
}
.form-order-box .row-period .frm-select-panel label,
.form-order-box .row-pay .frm-select-panel label {
min-height: 64px;
}
.form-order-box .field-half {
width: 50%;
}
.form-answer-box .field-half {
width: 50%;
}
.form-answer-box .frm-row-submit {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.form-answer-box .frm-row-submit .frm-field {
width: 163px;
margin: 0;
}
.form-answer-box .frm-row-submit .frm-field:first-child {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-answer-box .frm-row-submit .frm-select {
max-width: 440px;
}
.form-answer-box .frm-row-submit .frm-select label:before,
.form-answer-box .frm-row-submit .frm-select label:after {
top: 50%;
}
.info-faq-box .form-answer-box {
padding-left: 30px;
}
.info-faq-box .item-tile-question ~ .item-tile-question {
padding-left: 30px;
}
.info-services-list-box ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 90px;
-moz-column-gap: 90px;
column-gap: 90px;
}
.info-about-box .box-inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.info-about-box .photo-inner-wrap {
width: 50%;
max-width: calc(50% - 15px);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-about-box .info-inner-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-about-box .item-wrap {
width: 50%;
}
.info-services-box .box-inner-wrap {
padding: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-services-box .title-inner-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-services-box .info-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-services-box .list-arrows li {
margin-bottom: 5px;
}
.tabs-buttons-box .btn {
height: 50px;
padding: 0 19px;
font-size: 16px;
}
.tiles-box .slider-mobile-grid .sl-wrap {
width: 33.33%;
}
.tiles-box .slider-mobile-grid:has(.item-tile-catalog) .sl-wrap {
padding: 0 8px;
}
.tiles-box .slider-mobile-grid:has(.item-tile-catalog) .slider-wrap {
margin: 0 -8px;
}
.tiles-box .items-wrap:has(.item-tile-mission) .item-wrap,
.tiles-box .items-wrap.col-2 .item-wrap {
width: 50%;
}
.tiles-box .item-wrap {
width: 33.33%;
}
.tiles-box:has(.item-tile-article) .sl-wrap {
width: 33.33%;
padding: 0 15px;
}
.tiles-box:has(.item-tile-article) .slider-wrap {
margin: 0 -15px;
}
.tiles-box:has(.item-tile-catalog) .slider-wrap {
margin: 0 -15px;
}
.tiles-box:has(.item-tile-catalog) .sl-wrap {
padding: 0 15px;
}
.tiles-box .sl-wrap {
width: 360px;
}
.main-lead-box .form-inner-wrap,
.main-lead-box .action-slider-inner-wrap {
margin-left: 0;
margin-right: 0;
}
.middle-lead-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.middle-lead-box .actions-slider-inner-wrap {
width: 330px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.middle-lead-box .tiles-slider-inner-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 330px - 30px);
}
.middle-lead-box .tiles-slider-inner-wrap .slider-inner-wrap:has(.item-tile-catalog) .slider-wrap {
overflow: visible;
}
.middle-lead-box .tiles-slider-inner-wrap .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap {
opacity: 0;
pointer-events: none;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.middle-lead-box .tiles-slider-inner-wrap .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active {
opacity: 1;
pointer-events: auto;
}
.middle-lead-box
.tiles-slider-inner-wrap
.slider-inner-wrap:has(.item-tile-catalog)
.sl-wrap.swiper-slide-active
+ .sl-wrap {
opacity: 1;
pointer-events: auto;
}
.middle-lead-box
.tiles-slider-inner-wrap
.slider-inner-wrap:has(.item-tile-catalog)
.sl-wrap.swiper-slide-active
+ .sl-wrap
+ .sl-wrap,
.middle-lead-box
.tiles-slider-inner-wrap
.slider-inner-wrap:has(.item-tile-catalog)
.sl-wrap.swiper-slide-active
+ .sl-wrap
+ .sl-wrap
+ .sl-wrap {
opacity: 0;
pointer-events: none;
}
.middle-lead-box .tiles-slider-inner-wrap .slider-inner-wrap {
padding-right: 84px;
position: relative;
}
.middle-lead-box .tiles-slider-inner-wrap .slider-actions-wrap {
width: 69px;
height: 25px;
padding: 0;
position: absolute;
top: 50%;
right: 0;
margin: -13px 0 0 0;
}
.middle-lead-box .tiles-actions-slider-inner-box {
height: 100%;
}
.middle-lead-box .tiles-actions-slider-inner-box .slider-inner-wrap,
.middle-lead-box .tiles-actions-slider-inner-box .slider-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
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%;
}
.middle-lead-box .tiles-actions-slider-inner-box .slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tiles-actions-slider-box .slider-pagination {
padding-bottom: 36px;
}
.tiles-actions-slider-box .sl-info-wrap {
padding-bottom: 96px;
}
.tiles-actions-slider-box .sl-title {
font-size: 50px;
}
.tiles-actions-slider-box .sl-info {
font-size: 34px;
}
.tiles-actions-slider-box .sl-bg-wrap .elm-photo {
left: 67%;
}
.tiles-catalog-slider-box .slider-item-wrap {
display: none;
}
.filter-form-box .box-inner-wrap {
padding: 20px;
}
.filter-form-box .frm-title-wrap {
text-align: left;
}
.filter-form-box .frm-title {
max-width: 100%;
}
.filter-form-box .frm-field {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 1px 0 2px;
}
.filter-form-box .field-submit {
width: 60px;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
}
.filter-form-box .frm-row {
gap: 3px 0;
margin: 0 1px 0 -2px;
}
.filter-form-box.type-catalog .frm-field {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter-form-box.type-catalog .frm-field:has(+ .field-submit) {
width: 25%;
}
.filter-form-box.type-catalog .frm-field:has(+ .field-submit) + .field-submit {
width: 100%;
}
.filter-form-box.type-catalog .field-submit {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.more-box {
margin-top: 30px;
}
.lk-order-box {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.lk-order-box .section-form-wrap .frm-select label {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.lk-order-box .section-form-wrap .frm-select label:before,
.lk-order-box .section-form-wrap .frm-select label:after {
top: 0.82em;
}
.lk-order-box .section-inner-wrap {
width: 330px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.lk-order-box .section-content {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 15px - 330px);
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tiles-man-box .wrap-main:last-child {
width: 66.66%;
}
.tiles-man-box .item-tile-catalog-button {
min-height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tiles-man-box .item-tile-catalog-button .tile-photo-wrap {
width: 100%;
}
.tiles-man-box .item-tile-catalog-button .tile-info-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
max-width: 100%;
}
.tiles-man-box .item-tile-catalog-button .tile-title {
font-size: 20px;
line-height: 135%;
}
.info-lead-box .link-phone {
margin-bottom: 5px;
}
.info-lead-box .link-phone:first-child {
padding-left: 32px;
}
.info-lead-box .link-phone:first-child:before {
display: block;
}
.info-contacts-box .cnt-columns-wrap {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.info-contacts-box .cnt-columns-wrap p {
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.tiles-thumbs-slider-box {
margin-bottom: 15px;
position: relative;
}
.tiles-thumbs-slider-box .slider-outer-wrap {
padding-right: 157px;
}
.tiles-thumbs-slider-box .slider-photos-main .elm-photo {
aspect-ratio: inherit;
height: 502px;
}
.tiles-thumbs-slider-box .slider-photos-thumbs {
width: 142px;
position: absolute;
top: 0;
right: 0;
bottom: -15px;
margin: 0;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .sl-wrap {
width: 100%;
padding: 0 0 15px 0;
height: 25%;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .elm-photo {
aspect-ratio: inherit;
height: 115px;
}
.tiles-thumbs-slider-box .slider-photos-thumbs .slider-wrap {
margin: 0;
height: 520px;
}
.info-faq-box .elm-panel-helper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 15px;
}
.info-faq-box .elm-panel-helper .panel-title-wrap {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.info-faq-box .elm-panel-helper .panel-action-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
}
.info-faq-box .elm-panel-helper p {
max-width: 25em;
}
.info-faq-box .elm-panel-helper .btn {
min-width: 193px;
}
.info-about-box .box-inner-wrap {
position: relative;
display: block;
}
.info-about-box .action-wrap {
position: absolute;
top: 100%;
left: 0;
width: 50%;
margin: 30px 0 0 0;
padding: 0 15px 0 0;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
z-index: 3;
height: 240px;
}
.info-about-box .photo-inner-wrap {
position: absolute;
top: 100%;
left: 0;
margin-top: 30px;
width: 50%;
padding: 0 15px;
height: 240px;
}
.info-about-box .photo-inner-wrap .elm-photo {
aspect-ratio: inherit;
position: absolute;
top: 0;
bottom: 0;
left: -30px;
right: 0;
}
.info-about-box .photo-inner-wrap .elm-photo img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.info-about-box .item-tile-about {
min-height: 240px;
height: 100%;
}
.info-about-box .item-wrap {
padding: 0 15px;
}
.info-about-box .items-wrap {
margin: 0 -15px;
gap: 30px 0;
}
.info-about-box .items-wrap:before {
content: "";
display: block;
width: 50%;
padding: 0 15px;
}
@supports (display: contents) {
.info-product-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info-product-box .photos-column-wrap {
display: contents;
}
.info-product-box .photos-column-wrap .delivery-inner-wrap {
display: block;
}
.info-product-box .photos-inner-wrap {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.info-product-box .features-column-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.info-product-box .info-column-wrap {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.info-product-box .info-column-wrap .delivery-inner-wrap {
display: none;
}
.info-product-box .delivery-inner-wrap {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 58%;
padding: 0 8px;
min-height: 100%;
margin-bottom: 0;
}
.info-product-box .delivery-inner-wrap .section-inner-wrap {
min-height: 100%;
}
.info-product-box .documents-inner-wrap {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 42%;
padding: 0 8px;
min-height: 100%;
margin-bottom: 0;
}
.info-product-box .documents-inner-wrap .section-inner-wrap {
min-height: 100%;
}
.info-product-box .cart-inner-wrap {
margin-bottom: 0;
}
}
.side-info-box .section-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-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;
}
.side-info-box .section-form .action-wrap {
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
}
.side-info-box .section-form .form-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 325px;
margin: 0;
}
.side-info-box .row-3 .frm-field {
width: 33.33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.side-info-box .row-3 .frm-field .btn {
height: 46px;
}
.side-info-box .row-3 .field-half {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.side-info-box .row-3 .field-half:last-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.side-info-box .row-2 .field-half {
width: 50%;
}
.side-info-box .section-info {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1024px) {
.tiles-man-box .item-wrap {
width: 50%;
}
.info-quality-box {
letter-spacing: 0.03em;
}
.info-quality-box .box-inner-wrap {
padding: 40px;
}
.info-quality-box .photo-inner-wrap {
width: 220px;
}
.info-quality-box .section-title {
font-size: 34px;
margin-bottom: 30px;
}
.info-about-man-box .photo-inner-wrap {
width: 49%;
}
.info-about-man-box .section-title {
margin-bottom: 15px;
}
.info-about-man-box .list-check li {
margin-bottom: 10px;
}
.tiles-steps-box .box-inner-wrap {
padding: 40px;
}
.tiles-steps-box .title-inner-wrap {
margin-bottom: 30px;
}
.info-partners-box {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
}
.info-partners-box .box-inner-wrap {
padding: 40px 40px 0 40px;
}
.info-partners-box .info-inner-wrap {
padding-bottom: 40px;
}
.info-partners-box .photo-inner-wrap {
width: 38.6%;
}
.info-partners-box .photo-inner-wrap .elm-photo {
width: 87%;
margin-left: 5%;
}
.info-partners-box ul,
.info-partners-box .list-ok,
.info-partners-box li {
font-size: 16px;
letter-spacing: 0.03em;
}
.info-partners-box .section-title {
font-size: 34px;
line-height: 129%;
letter-spacing: 0.01em;
margin-bottom: 24px;
}
.info-lead-box .type-pay .sl-photo-wrap {
right: auto;
width: 100%;
max-width: 760px;
bottom: 0;
}
.info-lead-box .type-pay .sl-photo-wrap .elm-photo {
width: 310px;
}
.info-lead-box .type-pay .sl-inner-wrap {
padding-top: 40px;
padding-bottom: 142px;
}
.info-lead-box .type-pay .slider-pagination {
bottom: 40px !important;
}
.info-lead-box .sl-title-wrap {
font-size: 3.4rem;
line-height: 129%;
letter-spacing: 0.01em;
max-width: 11.76470588em;
}
.info-lead-box .slider-pagination {
bottom: 42px !important;
left: 30px;
}
.info-lead-box .sl-photo-wrap {
right: -80px;
}
.info-lead-box .sl-photo-wrap .elm-photo {
width: 500px;
}
.info-lead-box .sl-inner-wrap {
padding: 30px 30px 102px 30px;
}
.info-lead-box .sl-title {
font-weight: 700;
font-size: 5rem;
margin-bottom: 10px;
text-transform: uppercase;
}
.info-lead-box .info-inner-wrap {
width: 31.5%;
padding: 30px;
}
.info-lead-box .slider-outer-wrap,
.info-lead-box .photo-inner-wrap {
width: 68.5%;
}
.info-lead-box .section-title {
font-weight: 700;
font-size: 3.4rem;
margin-bottom: 30px;
line-height: 129%;
letter-spacing: 0.01em;
text-transform: uppercase;
}
.info-lead-box p {
margin-bottom: 10px;
}
.info-lead-box .btn {
margin-top: 15px;
}
.info-contacts-box .info-inner-wrap,
.info-contacts-box .subinfo-inner-wrap {
width: 418px;
padding: 40px 30px;
}
.info-contacts-box .map-inner-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contacts-outer-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.contacts-outer-box .items-inner-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.contacts-outer-box .form-inner-wrap {
width: 50%;
max-width: 57.2rem;
background: var(--clr-bg-gray);
}
.article-box .article-section-wrap {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 40px;
}
.title-cart-box {
margin-bottom: 30px;
}
.tiles-cart-box {
margin-bottom: 30px;
}
.tiles-cart-box:last-child {
margin-bottom: var(--sectionMargin);
}
.info-product-box {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-left: -15px;
margin-right: -15px;
}
.info-product-box .photos-column-wrap {
width: 42%;
padding: 0 15px;
}
.info-product-box .features-column-wrap {
width: 25%;
padding: 0 15px;
}
.info-product-box .info-column-wrap {
width: 33%;
padding: 0 15px;
}
.info-product-box .desc-inner-wrap,
.info-product-box .documents-inner-wrap,
.info-product-box .features-inner-wrap,
.info-product-box .select-inner-wrap,
.info-product-box .cart-inner-wrap,
.info-product-box .delivery-inner-wrap {
margin-bottom: 30px;
}
.info-product-box .section-inner-wrap {
margin-bottom: 30px;
}
.info-product-box .section-title {
margin: 15px 0;
}
.info-faq-box .box-inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.info-faq-box .box-content-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: calc(100% - 45rem - 30px);
}
.info-faq-box .box-side-wrap {
width: 45rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.info-faq-box .items-wrap {
gap: 30px;
}
.info-faq-box .item-wrap .item-tile-question:has(.button-action-form.active) + .form-answer-box {
padding-bottom: 30px;
}
.info-faq-box .item-wrap:has(.button-action-view.active) .item-tile-question {
padding-bottom: 15px;
}
.info-faq-box .item-wrap:has(.button-action-view.active) .item-tile-question ~ .item-tile-question {
padding-bottom: 30px;
}
.info-faq-box .form-answer-box {
padding-left: 6rem;
}
.info-faq-box .item-tile-question ~ .item-tile-question {
padding-left: 6rem;
}
.info-about-box .item-wrap {
width: 33.33%;
}
.info-about-box .action-wrap {
margin-top: 30px;
}
.info-services-list-box ul {
gap: 30px;
}
.info-services-list-box ul li {
margin-bottom: 3px;
}
.info-services-list-box .list-check li {
margin-bottom: 15px;
}
.info-services-box .box-inner-wrap {
min-height: 204px;
padding: 30px;
}
.info-services-box .list-arrows {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.form-contacts-box {
padding: 30px;
}
.form-contacts-box textarea.form-input {
height: 180px;
}
.form-order-box {
gap: 30px;
}
.form-order-box .frm-content.active {
padding: 15px 0;
}
.form-order-box .section-title-wrap {
margin-bottom: 30px;
}
.form-order-box .section-inner-wrap {
padding: 30px;
}
.form-order-box .section-small-space .frm-row {
margin-left: -8px;
margin-right: -8px;
margin-bottom: 10px;
}
.form-order-box .section-small-space .frm-row:last-child {
margin-bottom: 0;
}
.form-order-box .section-small-space .frm-field {
padding: 0 8px;
}
.form-order-box .frm-row {
margin: 0 -15px 15px -15px;
gap: 15px 0;
}
.form-order-box .frm-field {
padding: 0 15px;
}
.form-order-box .row-sep {
padding-top: 15px;
}
.tabs-buttons-box {
margin-bottom: 5rem;
}
.title-box {
margin-bottom: 30px;
}
.content-wrap .tiles-box .sl-wrap,
.page-content-wrap .tiles-box .sl-wrap,
.content-wrap .tiles-box .item-wrap,
.page-content-wrap .tiles-box .item-wrap {
width: 50%;
}
.tiles-cart-content {
max-width: calc(100% - 30rem);
position: relative;
}
.tiles-cart-content .tiles-box .sl-wrap,
.tiles-cart-content .tiles-box .item-wrap {
width: 50%;
}
.tiles-cart-content .tiles-box .swiper-slide {
opacity: 0;
pointer-events: none;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.tiles-cart-content .tiles-box .swiper-slide.swiper-slide-active {
opacity: 1;
pointer-events: auto;
}
.tiles-cart-content .tiles-box .swiper-slide.swiper-slide-active + .swiper-slide {
opacity: 1;
pointer-events: auto;
}
.tiles-box .items-wrap:has(.item-tile-article-info) .item-wrap.wrap-full {
width: 33.33%;
}
.tiles-box .items-wrap:has(.item-tile-article-info) .item-wrap.wrap-full-half {
width: 50%;
}
.tiles-box .slider-inner-wrap:has(.title-box) .title-box {
padding-right: 120px;
}
.tiles-box .slider-inner-wrap:has(.title-box) .slider-actions-wrap {
position: absolute;
top: 0;
right: 0;
margin: 0;
min-height: 43px;
}
.tiles-box .slider-inner-wrap:has(.title-box) .slider-actions-wrap .slider-pagination {
display: none;
}
.tiles-box .sl-wrap {
width: 33.33%;
}
.tiles-box .slider-inner-wrap.slider-dgrid {
padding: 0;
}
.tiles-box .slider-inner-wrap.slider-dgrid .slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: none !important;
transform: none !important;
height: auto !important;
gap: 30px 0;
}
.tiles-box .slider-inner-wrap.slider-dgrid .swiper-slide:not(.swiper-slide-active) {
opacity: 1;
pointer-events: auto;
}
.tiles-box .slider-inner-wrap.slider-dgrid .slider-actions-wrap {
display: none;
}
.tiles-actions-slider-box .slider-pagination {
padding: 0 30px 9rem 30px;
}
.tiles-actions-slider-box .sl-info-wrap {
padding-bottom: 15rem;
padding-left: 30px;
padding-right: 30px;
}
.tiles-actions-slider-box .sl-bg-wrap .elm-photo {
left: 72%;
}
.tiles-catalog-slider-box .slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--gapMain) 0;
width: calc(100% + var(--gapMain));
-webkit-transform: none !important;
transform: none !important;
height: auto !important;
margin: 0 calc(-1 * var(--gapMainHalf));
}
.tiles-catalog-slider-box .sl-wrap {
width: 50%;
padding: 0 var(--gapMainHalf);
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
}
.tiles-catalog-slider-box .swiper-slide:not(.swiper-slide-active) {
opacity: 1;
pointer-events: auto;
}
.tiles-catalog-slider-box .slider-actions-wrap {
display: none;
}
.tiles-catalog-slider-box .slider-inner-wrap {
padding: 0;
}
.tiles-catalog-slider-box .sl-desktop.sl-wrap {
width: 100%;
}
.main-lead-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-lead-box .form-inner-wrap {
width: 44rem;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--clr-bg-att-light);
}
.main-lead-box .action-slider-inner-wrap {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: calc(100% - 44rem);
}
.main-lead-box .tiles-actions-slider-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
}
.main-lead-box .tiles-actions-slider-box .slider-inner-wrap,
.main-lead-box .tiles-actions-slider-box .slider-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-lead-box .tiles-actions-slider-box .slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.middle-lead-box .tiles-box .button-slider {
z-index: 20;
}
.middle-lead-box .tiles-box .slider-inner-wrap:has(.item-tile-catalog) .slider-wrap {
overflow: visible;
}
.middle-lead-box .tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap {
opacity: 0;
pointer-events: none;
}
.middle-lead-box .tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active {
opacity: 1;
pointer-events: auto;
}
.middle-lead-box .tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active + .sl-wrap {
opacity: 1;
pointer-events: auto;
}
.middle-lead-box
.tiles-box
.slider-inner-wrap:has(.item-tile-catalog)
.sl-wrap.swiper-slide-active
+ .sl-wrap
+ .sl-wrap,
.middle-lead-box
.tiles-box
.slider-inner-wrap:has(.item-tile-catalog)
.sl-wrap.swiper-slide-active
+ .sl-wrap
+ .sl-wrap
+ .sl-wrap {
opacity: 0;
pointer-events: none;
}
.middle-lead-box .actions-slider-inner-wrap {
width: 43.8%;
}
.middle-lead-box .tiles-slider-inner-wrap {
max-width: calc(100% - 43.8% - 30px);
}
.middle-lead-box .tiles-box .sl-wrap {
width: 360px;
}
.filter-form-box .box-inner-wrap {
padding: 30px;
}
.side-info-box {
padding: 3rem;
margin-bottom: 30px;
}
.side-info-box.padding-small {
padding: 20px 3rem;
}
.side-info-box .section-info {
margin-left: -3rem;
margin-right: -3rem;
padding-left: 3rem;
padding-right: 3rem;
margin-bottom: 15px;
}
.side-info-box .section-info-text {
margin-bottom: 15px;
}
.side-info-box .row-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.side-info-box .row-2 .field-half {
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 190px;
}
.lk-outer-box {
gap: 15px 0;
margin-bottom: 30px;
}
.lk-outer-box .section-form-wrap .frm-row-submit {
padding-top: 15px;
}
.lk-outer-box .section-inner-wrap {
padding: 30px;
}
.lk-outer-box .section-title-wrap {
margin-bottom: 30px;
}
.lk-outer-box .section-title {
font-size: 24px;
}
.lk-action-box {
margin-bottom: 30px;
}
.lk-order-box {
gap: 30px;
margin-bottom: 30px;
}
.lk-order-box .section-content {
max-width: calc(100% - 30px - 330px);
}
.lk-order-box .section-inner-wrap {
padding: 20px;
}
.lk-order-box .section-content {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.info-contacts-box .info-inner-wrap,
.info-contacts-box .subinfo-inner-wrap {
width: 340px;
padding-left: 20px;
padding-right: 20px;
}
.info-product-box {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.info-product-box .photos-column-wrap {
width: 32%;
}
.info-product-box .features-column-wrap {
width: 32%;
}
.info-product-box .info-column-wrap {
width: 36%;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.tiles-man-box .wrap-main {
width: 100%;
}
.info-partners-box .box-inner-wrap {
padding-left: 0;
}
.info-partners-box .photo-inner-wrap .elm-photo {
width: 120%;
}
.lk-order-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lk-order-box .section-inner-wrap {
width: 100%;
max-width: 100%;
padding: 20px;
}
.info-contacts-box .info-inner-wrap,
.info-contacts-box .subinfo-inner-wrap {
width: 300px;
}
}
@media (min-width: 1200px) {
.info-partners-box .box-inner-wrap,
.tiles-steps-box .box-inner-wrap,
.info-quality-box .box-inner-wrap {
padding-left: 60px;
padding-right: 60px;
}
.tiles-steps-box .item-wrap {
width: 25%;
}
.info-lead-box .sl-photo-wrap {
right: 0;
}
.info-lead-box .sl-photo-wrap .elm-photo {
width: 500px;
}
.info-lead-box .sl-inner-wrap {
padding: 30px 30px 102px 6rem;
}
.info-lead-box .slider-pagination {
left: 6rem;
}
.form-contacts-box {
padding: 40px;
}
.form-contacts-box .frm-row-submit {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.form-contacts-box .frm-row-submit .field-info {
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.form-contacts-box .frm-row-submit .field-submit {
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
}
.article-box .article-section-wrap {
padding-left: 6rem;
padding-right: 6rem;
}
.form-order-box .section-inner-wrap {
padding: 40px;
}
.form-order-box .field-main {
width: 66.66%;
}
.info-services-box .box-inner-wrap {
padding-left: 6rem;
padding-right: 6rem;
gap: 6rem;
}
.tiles-actions-slider-box .slider-pagination {
padding: 0 6rem 9rem 6rem;
}
.tiles-actions-slider-box .sl-info-wrap {
padding-left: 6rem;
padding-right: 6rem;
}
.tiles-catalog-slider-box .sl-wrap {
width: 33.33%;
}
.filter-form-box .box-inner-wrap {
padding: 30px 6rem;
}
.lk-outer-box .section-inner-wrap {
padding: 40px;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.tiles-catalog-slider-box .sl-desktop.sl-wrap {
width: 33.33%;
}
.tiles-catalog-slider-box .item-tile-catalog-button {
padding: 15px;
}
.tiles-catalog-slider-box .item-tile-catalog-button .tile-info-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.tiles-catalog-slider-box .item-tile-catalog-button .tile-photo-wrap {
width: 100px;
}
}
@media (min-width: 1400px) {
.catalog-actions-box .actions-inner-wrap {
font-size: 14px;
gap: 30px;
}
.filter-form-box.type-catalog .form-input {
height: 44px;
font-size: 14px;
}
.filter-form-box.type-catalog .field-submit .btn {
height: 44px;
}
.content-wrap .tiles-box .sl-wrap,
.page-content-wrap .tiles-box .sl-wrap,
.content-wrap .tiles-box .item-wrap,
.page-content-wrap .tiles-box .item-wrap {
width: 33.33%;
}
.tiles-box .slider-mobile-grid .sl-wrap {
width: 25%;
}
.tiles-box .slider-mobile-grid:has(.item-tile-catalog) .sl-wrap {
padding: 0 15px;
}
.tiles-box .slider-mobile-grid:has(.item-tile-catalog) .slider-wrap {
margin: 0 -15px;
}
.tiles-box .sl-wrap {
width: 25%;
}
.tiles-box .item-wrap {
width: 25%;
}
.side-info-box {
padding: 4rem;
}
.side-info-box .section-info {
margin-left: -4rem;
margin-right: -4rem;
padding-left: 4rem;
padding-right: 4rem;
}
.side-info-box.padding-small {
padding: 20px 4rem;
}
.lk-outer-box .field-main {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
justify-self: flex-end;
}
.lk-outer-box .frm-row:has(.field-main) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (min-width: 1500px) {
.tiles-man-box .item-wrap {
width: 33.33%;
}
.tiles-man-box .wrap-main {
width: 50%;
}
.tiles-box .slider-wrap {
overflow: hidden;
}
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .slider-wrap {
overflow: visible;
}
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap {
opacity: 0;
pointer-events: none;
}
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active {
opacity: 1;
pointer-events: auto;
}
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active + .sl-wrap,
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active + .sl-wrap + .sl-wrap,
.tiles-box .slider-inner-wrap:has(.item-tile-catalog) .sl-wrap.swiper-slide-active + .sl-wrap + .sl-wrap + .sl-wrap {
opacity: 1;
pointer-events: auto;
}
.tiles-catalog-slider-box .sl-wrap {
width: 25%;
}
.tiles-catalog-slider-box .sl-desktop.sl-wrap {
width: 50%;
}
}
/* ----------------------------------- *\
inputs elements styles
\* ----------------------------------- */
[placeholder]::-webkit-input-placeholder {
color: var(--clr-base);
}
[placeholder]:-moz-placeholder {
color: var(--clr-base);
}
[placeholder]::-moz-placeholder {
color: var(--clr-base);
}
[placeholder]:-ms-input-placeholder {
color: var(--clr-base);
}
/* autofill icons delete */
.form-input[placeholder] {
text-overflow: ellipsis;
}
.form-input {
text-overflow: ellipsis;
height: 43px;
border: 1px solid var(--clr-border);
padding: 0 10px 0 19px;
font-size: 16px;
letter-spacing: normal;
color: var(--clr-base-title);
}
select.form-input,
input.form-input-select {
display: block;
text-overflow: ellipsis;
width: 100%;
padding-right: 40px;
background-image: url(/local/templates/main/css/../img/icons/arrow-select.svg);
background-position: right 12px center;
background-size: 24px auto;
background-color: #fff;
background-repeat: no-repeat;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none !important;
line-height: 1em;
text-indent: 0.01px;
outline: none;
cursor: pointer;
}
select.form-input.form-input-link,
input.form-input-select.form-input-link,
select.form-input.form-input-clear,
input.form-input-select.form-input-clear {
height: auto;
border: none;
min-height: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
display: inline-block;
vertical-align: middle;
font-size: 1em;
line-height: inherit;
padding: 0 16px 0 0;
color: inherit;
font-weight: bold;
background-image: url(/local/templates/main/css/../../img/icons/arrow-select.png);
background-size: 8px auto;
background-repeat: no-repeat;
background-position: right center;
}
select.form-input.form-input-link,
input.form-input-select.form-input-link {
background: url(/local/templates/main/css/../img/icons/arrow-select-link.svg) right center no-repeat;
background-size: 24px auto;
padding-right: 30px;
font-weight: 400;
color: var(--clr-att);
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
}
select::-ms-expand {
display: none;
}
select.form-input:required:invalid {
color: var(--clr-light);
}
.btn {
background: var(--clr-base-title);
border: 1px solid var(--clr-base-title);
color: var(--clr-base-white);
height: 50px;
padding: 0 20px;
font-size: 10px;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 500;
gap: 8px;
}
.btn:hover,
.btn.aqctive {
background: var(--clr-att);
border-color: var(--clr-att);
color: var(--clr-base-white);
}
.btn .button-ico,
.btn:before,
.btn:after {
width: var(--icoSize);
height: var(--icoSize);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.btn .button-title-border {
border-bottom: 1px solid;
line-height: 1;
}
.btn .button-title[data-title]:before {
content: attr(data-title);
}
.btn .button-title[data-show]:before {
content: attr(data-show);
}
.btn.active .button-title[data-title-active]:before {
content: attr(data-title-active);
}
.btn.active .button-title[data-hide]:before {
content: attr(data-hide);
}
.btn .button-active-add .button-title:before,
.btn .button-active-toggle .button-title:before {
content: attr(data-title);
}
.btn .button-active-add .button-ico-active,
.btn .button-active-toggle .button-ico-active {
display: none;
}
.btn .button-active-add.active .button-title:before,
.btn .button-active-toggle.active .button-title:before {
content: attr(data-title-active);
}
.btn .button-active-add.active:has(.button-ico-active) .button-ico,
.btn .button-active-toggle.active:has(.button-ico-active) .button-ico {
display: none;
}
.btn .button-active-add.active:has(.button-ico-active) .button-ico-active,
.btn .button-active-toggle.active:has(.button-ico-active) .button-ico-active {
display: block;
}
.btn .button-ico:only-child {
margin: 0 auto;
}
.btn:has(.button-ico:only-child) {
aspect-ratio: 1;
width: auto;
padding: 0;
}
.button-tab {
border: none;
background: var(--clr-bg-att-light);
color: var(--clr-base-title);
}
.button-tab:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: var(--clr-att);
opacity: 0;
width: 100%;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-filter: none;
filter: none;
}
.button-tab:hover,
.button-tab.active {
color: var(--clr-base);
background-color: var(--clr-bg-white);
}
.button-tab:hover:before,
.button-tab.active:before {
opacity: 1;
}
.button-att {
background-color: var(--clr-att);
border-color: var(--clr-att);
}
.button-att:hover,
.button-att.active {
background-color: var(--clr-base-title);
border-color: var(--clr-base-title);
}
.button-att-light {
background-color: var(--clr-bg-att-light);
border-color: var(--clr-bg-att-light);
color: var(--clr-base);
}
.button-att-light .button-title:after {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.button-att-light:hover,
.button-att-light.active {
background-color: var(--clr-att);
border-color: var(--clr-att);
color: var(--clr-base-white);
}
.button-att-light:hover .button-title:after,
.button-att-light.active .button-title:after {
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.button-white {
background-color: var(--clr-bg-white);
border-color: var(--clr-bg-white);
color: var(--clr-base);
}
.button-white:hover {
background: var(--clr-bg-white);
border-color: var(--clr-bg-white);
color: var(--clr-att);
}
.button-white.button-border:not(:hover) {
background-color: transparent;
color: var(--clr-base-white);
}
.button-white.button-border:not(:hover) .button-ico,
.button-white.button-border:not(:hover):before,
.button-white.button-border:not(:hover):after {
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.button-white.button-border:hover {
color: var(--clr-base);
background-color: var(--clr-bg-white);
}
.button-white.button-border:hover .button-ico,
.button-white.button-border:hover:before,
.button-white.button-border:hover:after {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.button-download .button-title {
position: relative;
padding-right: 39px;
}
.button-download .button-title:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../img/icons/download.svg) center no-repeat;
background-size: 100% auto;
top: 50%;
right: 0;
margin-top: -12px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.button-arrow-back .button-title:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: -2px 4px 0 0;
width: 24px;
height: 24px;
position: relative;
background: url(/local/templates/main/css/../img/icons/arrow-back.svg) center no-repeat;
background-size: 100% auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.button-arrow-toggle .button-title:after {
content: "";
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 4px;
width: 24px;
height: 24px;
background: url(/local/templates/main/css/../img/icons/arrow-toggle.svg) center no-repeat;
background-size: 24px auto;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.button-arrow-toggle.active .button-title:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn.active .button-active-toggle:before {
opacity: 0;
}
.btn.active .button-active-toggle:after {
opacity: 1;
-webkit-filter: none;
filter: none;
}
.btn.active .button-active-toggle.button-ico {
-webkit-filter: none;
filter: none;
}
.button-border:not(:hover) {
color: var(--clr-base-title);
background-color: transparent;
}
.button-border:not(:hover) .button-ico {
-webkit-filter: none;
filter: none;
}
.button-full {
width: 100%;
padding: 0 15px;
}
.button-link {
width: auto;
height: auto;
line-height: 24px;
color: inherit;
white-space: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
min-width: 0;
background: none;
border: none;
border-radius: 0;
font-weight: inherit;
}
.button-link:hover {
border: none;
background: none;
color: var(--clr-att);
}
.button-link .button-ico {
-webkit-filter: none;
filter: none;
}
.button-light {
border-color: var(--clr-border-light);
background-color: var(--clr-bg-light);
color: var(--clr-att);
}
.button-light .button-ico {
-webkit-filter: none;
filter: none;
}
.button-light:hover {
background-color: var(--clr-bg-light);
border-color: var(--clr-border-light);
color: var(--clr-base);
}
.button-light:hover .button-ico {
-webkit-filter: var(--filterAttToBase);
filter: var(--filterAttToBase);
}
.button-light.button-border:not(:hover) {
background-color: transparent;
}
.btn-action-ico {
min-width: 0;
border-radius: 0;
padding: 0;
margin: 0;
font-size: 0;
display: block;
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
text-decoration: none;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.btn-action-ico:not(.btn) {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-action-ico.btn {
min-width: 0;
min-height: 0;
padding: 0;
}
.btn-action-ico:before,
.btn-action-ico:after,
.btn-action-ico [class*="icon-"],
.btn-action-ico img,
.btn-action-ico svg {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.btn-action-ico img,
.btn-action-ico svg {
max-width: var(--icoSize);
max-height: var(--icoSize);
width: auto;
height: auto;
}
.btn-action-ico:before,
.btn-action-ico:after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: var(--icoSize) auto;
}
.btn-action-ico:hover {
text-decoration: none;
}
.btn-action-ico:hover:not(.btn) {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-action-ico.ico-search:before {
background-image: url(/local/templates/main/css/../img/icons/search.svg);
}
.btn-action-ico.ico-download:before {
background-image: url(/local/templates/main/css/../img/icons/download.svg);
}
.btn-action-ico.ico-reorder:before {
background-image: url(/local/templates/main/css/../img/icons/reorder.svg);
}
.btn-action-ico.ico-print:before {
background-image: url(/local/templates/main/css/../img/icons/print.svg);
}
.btn-action-ico.ico-edit:before {
background-image: url(/local/templates/main/css/../img/icons/edit.svg);
}
.btn-action-ico.ico-add:before {
background-image: url(/local/templates/main/css/../img/icons/add.svg);
}
.btn-action-ico.ico-date:before {
background-image: url(/local/templates/main/css/../img/icons/date.svg);
}
.btn-action-ico.ico-send:before {
background-image: url(/local/templates/main/css/../img/icons/send.svg);
}
.btn-action-ico.ico-phone:before {
background-image: url(/local/templates/main/css/../img/icons/phone.svg);
}
.btn-action-ico.ico-email:before {
background-image: url(/local/templates/main/css/../img/icons/email.svg);
}
.btn-action-ico.ico-fav-toggle:before {
background-image: url(/local/templates/main/css/../img/icons/fav.svg);
}
.btn-action-ico.ico-fav-toggle:after {
background-image: url(/local/templates/main/css/../img/icons/fav-active.svg);
}
.btn-action-ico.ico-password-toggle:before {
background-image: url(/local/templates/main/css/../img/icons/password.svg);
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.btn-action-ico.ico-password-toggle:after {
background-image: url(/local/templates/main/css/../img/icons/password-active.svg);
}
.btn-action-ico.ico-cart-toggle:before {
background-image: url(/local/templates/main/css/../img/icons/cart.svg);
}
.btn-action-ico.ico-cart-toggle:after {
background-image: url(/local/templates/main/css/../img/icons/cart-active.svg);
}
.btn-action-ico.ico-plus:before,
.btn-action-ico.ico-minus:before,
.btn-action-ico.ico-plus:after,
.btn-action-ico.ico-minus:after {
width: 10px;
height: 2px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
margin: -1px 0 0 -5px;
background: var(--clr-att);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.btn-action-ico.ico-plus:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.btn-action-ico.ico-arrow {
cursor: pointer;
width: 26px;
height: 26px;
border: 1px solid var(--clr-att);
}
.btn-action-ico.ico-arrow:before {
background-image: url(/local/templates/main/css/../img/icons/arrow-slider.svg);
}
.btn-action-ico.ico-arrow:hover {
background-color: var(--clr-att);
border-color: var(--clr-att);
}
.btn-action-ico.ico-arrow:hover:before {
-webkit-filter: var(--filterAttToLight);
filter: var(--filterAttToLight);
}
.btn-action-ico.ico-arrow.swiper-button-disabled {
border-color: var(--clr-border);
pointer-events: none;
}
.btn-action-ico.ico-arrow.swiper-button-disabled:before {
-webkit-filter: grayscale(100%) opacity(0.5);
filter: grayscale(100%) opacity(0.5);
}
.btn-action-ico.ico-arrow-next {
width: 69px;
}
.btn-action-ico.ico-arrow-next:before {
background-image: url(/local/templates/main/css/../img/icons/arrow-main.svg);
background-size: 49px auto;
}
.btn-action-ico.ico-user:before {
background-image: url(/local/templates/main/css/../img/icons/user.svg);
}
.btn-action-ico.ico-view-tiles:before {
background-image: url(/local/templates/main/css/../img/icons/view-tiles.svg);
}
.btn-action-ico.ico-view-tiles:not(.active, :hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.btn-action-ico.ico-view-rows:before {
background-image: url(/local/templates/main/css/../img/icons/view-rows.svg);
}
.btn-action-ico.ico-view-rows:not(.active, :hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.btn-action-ico.ico-menu:before {
background-image: url(/local/templates/main/css/../img/icons/menu.svg);
}
.btn-action-ico.ico-menu-catalog:before {
background-image: url(/local/templates/main/css/../img/icons/menu-catalog.svg);
}
.btn-action-ico.ico-close:before {
background-image: url(/local/templates/main/css/../img/icons/close.svg);
}
.btn-action-ico.ico-del:before {
background-image: url(/local/templates/main/css/../img/icons/close.svg);
}
.btn-action-ico.button-soc img,
.btn-action-ico.button-soc svg {
max-width: 100%;
max-height: 100%;
}
.btn-action-ico.button-soc:hover {
opacity: 0.8;
}
.btn-action-ico.button-active-close:after,
.btn-action-ico.button-active-toggle:after,
.btn-action-ico.ico-cart-toggle:after,
.btn-action-ico.ico-fav-toggle:after,
.btn-action-ico.ico-password-toggle:after,
.btn-action-ico.ico-menu:after,
.btn-action-ico.ico-menu-catalog:after {
opacity: 0;
}
.btn-action-ico.button-active-close.active:before,
.btn-action-ico.button-active-toggle.active:before,
.btn-action-ico.ico-cart-toggle.active:before,
.btn-action-ico.ico-fav-toggle.active:before,
.btn-action-ico.ico-password-toggle.active:before,
.btn-action-ico.ico-menu.active:before,
.btn-action-ico.ico-menu-catalog.active:before {
opacity: 0;
}
.btn-action-ico.button-active-close.active:after,
.btn-action-ico.button-active-toggle.active:after,
.btn-action-ico.ico-cart-toggle.active:after,
.btn-action-ico.ico-fav-toggle.active:after,
.btn-action-ico.ico-password-toggle.active:after,
.btn-action-ico.ico-menu.active:after,
.btn-action-ico.ico-menu-catalog.active:after {
opacity: 1;
}
.btn-action-ico.button-active-close:after,
.btn-action-ico.ico-menu:after,
.btn-action-ico.ico-menu-catalog:after {
background-image: url(/local/templates/main/css/../img/icons/close.svg);
}
.active > .button-active-close:before,
.active > .button-active-toggle:before,
.active > .ico-cart-toggle:before,
.active > .ico-fav-toggle:before,
.active > .ico-password-toggle:before {
opacity: 0;
}
.active > .button-active-close:after,
.active > .button-active-toggle:after,
.active > .ico-cart-toggle:after,
.active > .ico-fav-toggle:after,
.active > .ico-password-toggle:after {
opacity: 1;
}
[data-count] {
overflow: visible;
}
[data-count]:after {
content: attr(data-count);
min-width: 20px;
height: 20px;
line-height: 18px;
background: var(--clr-bg-white) !important;
border: 1px solid var(--clr-bg-att-light) !important;
border-radius: 10px;
z-index: 3;
padding: 0 2px;
font-size: 10px;
color: #000;
white-space: nowrap;
font-weight: 400;
text-align: center;
bottom: 50%;
left: 50%;
top: auto;
right: auto;
position: absolute;
}
@media (min-width: 1024px) {
.form-input {
height: 50px;
}
}
.btn.popup-basket-notify-cart,
.btn.popup-basket-notify-continue {
width: 100%;
}
/* ----------------------------------- *\
forms elements styles
\* ----------------------------------- */
.frm-popup .frm-row {
margin: 0;
}
.frm-popup .frm-field {
width: 100%;
padding: 0;
margin-bottom: 15px;
}
.frm-popup .field-title {
margin-bottom: 10px;
font-weight: 600;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
}
.frm-popup .field-submit .btn {
width: 100%;
height: 56px;
padding: 0 10px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.frm-popup .frm-row-submit .frm-field:last-child {
margin-bottom: 0;
}
.frm-popup .frm-row-submit .field-info {
margin-bottom: 30px;
}
.frm-popup .frm-row-submit .frm-select label {
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
padding-left: 39px;
}
.frm-popup .frm-row-submit .frm-select label:before,
.frm-popup .frm-row-submit .frm-select label:after {
top: 0.82em;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
left: 12px;
}
.frm-popup .frm-row-submit .field-actions {
padding-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 400;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
gap: 15px;
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;
}
.frm-popup .frm-row-submit .field-actions .link-second:not(:hover) {
color: var(--clr-base-title);
}
.frm-field-action-info {
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;
gap: 10px 15px;
}
.frm-field-action-info .btn {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.frm-field-action-info .action-info {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 256px;
max-width: 100%;
font-weight: 400;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
color: var(--clr-base-light);
}
.frm-field-date {
position: relative;
}
.frm-field-date .btn {
font-weight: 400;
font-size: 14px;
line-height: 114%;
letter-spacing: 0.02em;
color: var(--clr-base-title);
text-transform: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
.frm-field-date .btn .button-ico {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.frm-field-date .btn:hover {
color: var(--clr-att);
}
.frm-field-date .btn:hover .button-ico {
-webkit-filter: none;
filter: none;
}
.frm-info {
display: block;
position: relative;
color: var(--clr-base-title);
letter-spacing: 0.03em;
line-height: 1.33;
font-size: 12px;
margin: 10px 0;
padding-left: 26px;
}
.frm-info:first-child {
margin-top: 0;
}
.frm-info:last-child {
margin-bottom: 0;
}
.frm-info:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
position: absolute;
top: 0.66em;
left: 8px;
margin: -8px 0 0 -8px;
background: url(/local/templates/main/css/../img/icons/info-att.svg) center no-repeat;
background-size: 100% auto;
}
.frm-field-counter {
display: block;
position: relative;
width: 100%;
overflow: hidden;
height: 36px;
padding: 0 34px;
background: var(--clr-bg-white);
border: 1px solid var(--clr-border);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.frm-field-counter .button-plus,
.frm-field-counter .button-minus {
width: 36px;
height: 34px;
position: absolute;
top: 50%;
left: 0;
margin-top: -17px;
}
.frm-field-counter .button-plus {
left: auto;
right: 0;
}
.frm-field-counter .form-input {
padding: 0;
height: 34px;
text-align: center;
border: none;
background: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.frm-field-counter .button-disabled {
pointer-events: none;
opacity: 0.2;
}
.frm-field-counter .btn-action-ico.ico-plus:not(:hover):before,
.frm-field-counter .btn-action-ico.ico-minus:not(:hover):before,
.frm-field-counter .btn-action-ico.ico-plus:not(:hover):after,
.frm-field-counter .btn-action-ico.ico-minus:not(:hover):after {
background-color: var(--clr-base);
}
.frm-field-input {
position: relative;
}
.frm-field-input:has(.button-form) .form-input {
padding-right: 50px;
}
.frm-field-input .button-form {
width: 40px;
height: 40px;
z-index: 3;
position: absolute;
top: 50%;
right: 24px;
margin: -20px -20px 0 0;
}
.frm-main-text {
display: block;
position: relative;
line-height: 1;
}
.frm-main-text .form-input {
height: 48px;
padding-left: 19px;
padding-right: 50px;
font-size: 14px;
letter-spacing: 0.02em;
text-transform: none;
}
.frm-main-text .button-form {
width: 40px;
height: 40px;
z-index: 3;
position: absolute;
top: 50%;
right: 32px;
margin: -20px -20px 0 0;
}
.frm-main-text [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.frm-main-text [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.frm-main-text [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.frm-main-text [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.frm-main-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
position: relative;
}
.frm-main-button .field-button {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.frm-main-button .field-input {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.frm-main-button .form-input {
height: 46px;
padding-left: 14px;
font-size: 14px;
color: var(--clr-base);
letter-spacing: 0.02em;
font-weight: 400;
text-transform: none;
}
.frm-main-button .btn {
height: 46px;
}
.frm-main-button [placeholder]::-webkit-input-placeholder {
color: var(--clr-base-light);
}
.frm-main-button [placeholder]:-moz-placeholder {
color: var(--clr-base-light);
}
.frm-main-button [placeholder]::-moz-placeholder {
color: var(--clr-base-light);
}
.frm-main-button [placeholder]:-ms-input-placeholder {
color: var(--clr-base-light);
}
.frm-main-search {
display: block;
position: relative;
line-height: 1;
height: 40px;
border: 1px solid var(--clr-att);
}
.frm-main-search .form-input {
height: 38px;
border: none;
padding: 0 60px 0 14px;
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.15em;
}
.frm-main-search .button-form {
width: 40px;
height: 40px;
z-index: 3;
position: absolute;
top: 50%;
right: 24px;
margin: -20px -20px 0 0;
}
.frm-main-search .button-form:not(:hover):before {
-webkit-filter: var(--filterAttToBaseTitle);
filter: var(--filterAttToBaseTitle);
}
.frm-row,
.frm-field,
.frm-row-submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
line-height: 1;
}
.frm-field {
display: block;
width: 100%;
}
.frm-select,
.frm-select-button,
.frm-select-photo,
.frm-select-panel,
.frm-select-toggle {
position: relative;
display: block;
overflow: hidden;
line-height: 1;
}
.frm-select input,
.frm-select-button input,
.frm-select-photo input,
.frm-select-panel input,
.frm-select-toggle input {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
margin: 0;
padding: 0;
}
.frm-select input:checked ~ label:after,
.frm-select-button input:checked ~ label:after,
.frm-select-button label.active:after,
.frm-select-photo input:checked ~ label:after,
.frm-select-panel input:checked ~ label:after,
.frm-select-toggle input:checked ~ label:after,
.frm-select-toggle label.active:after {
opacity: 1;
}
.frm-select label,
.frm-select-button label,
.frm-select-photo label,
.frm-select-panel label,
.frm-select-toggle label {
display: block;
position: relative;
cursor: pointer;
}
.frm-select label:before,
.frm-select-button label:before,
.frm-select-photo label:before,
.frm-select-panel label:before,
.frm-select-toggle label:before,
.frm-select label:after,
.frm-select-button label:after,
.frm-select-photo label:after,
.frm-select-panel label:after,
.frm-select-toggle label:after {
content: "";
display: block;
position: absolute;
}
.frm-select label:after,
.frm-select-button label:after,
.frm-select-photo label:after,
.frm-select-panel label:after,
.frm-select-toggle label:after {
opacity: 0;
}
.frm-select-panel {
min-height: 100%;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.frm-select-panel input:checked ~ label:before {
border-color: var(--clr-att);
}
.frm-select-panel label {
display: block;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
background: var(--clr-bg-white);
min-height: 100%;
padding: 10px 10px 10px 44px;
font-weight: 400;
font-size: 14px;
line-height: 143%;
letter-spacing: 0.02em;
}
.frm-select-panel label:before,
.frm-select-panel label:after {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid var(--clr-border);
background: var(--clr-bg-white);
position: absolute;
top: 22px;
left: 22px;
margin: -12px 0 0 -12px;
}
.frm-select-panel label:after {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--clr-att);
margin: -7px 0 0 -7px;
}
.frm-select-panel .lbl-title {
display: block;
line-height: 1.35;
letter-spacing: 0.03em;
font-weight: 600;
}
.frm-select {
overflow: visible;
}
.frm-select.type-radio label:before {
border-radius: 50%;
}
.frm-select.type-radio label:after {
width: 10px;
height: 10px;
background: var(--clr-att);
margin: -5px 0 0 -5px;
border-radius: 50%;
}
.frm-select input[type="radio"] ~ label:before {
border-radius: 50%;
}
.frm-select input[type="radio"] ~ label:after {
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
border-radius: 50%;
background: #000;
}
.frm-select input:checked ~ label:after {
opacity: 1;
}
.frm-select input:checked ~ label:before {
border-color: var(--clr-att);
}
.frm-select label {
padding-left: 30px;
font-weight: 400;
font-size: 12px;
line-height: 133%;
letter-spacing: 0.03em;
color: var(--clr-base-title);
}
.frm-select label:before,
.frm-select label:after {
width: 20px;
height: 20px;
border: 1px solid var(--clr-bg-light);
top: 0.62em;
left: 10px;
margin: -10px 0 0 -10px;
background: var(--clr-bg-white);
}
.frm-select label:after {
border-radius: 0;
border: none;
background: url(/local/templates/main/css/../img/icons/check.svg) center / 16px auto no-repeat;
opacity: 0;
}
.frm-select a {
color: inherit;
}
.frm-select a:hover {
color: var(--clr-att);
}
.frm-select-button {
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1;
}
.frm-select-button label {
display: block;
padding: 0 4px;
min-width: 36px;
width: 100%;
height: 36px;
line-height: 36px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.02em;
color: var(--clr-base);
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
background: var(--clr-bg-white);
}
.frm-select-button label:hover {
color: var(--clr-att);
}
.frm-select-button label a,
.frm-select-button label span {
display: block;
color: inherit;
}
.frm-select-button input:checked ~ label,
.frm-select-button label.active {
color: var(--clr-base);
background: var(--clr-bg-att-light);
}
.frm-select-photo {
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1;
width: 62px;
}
.frm-select-photo label {
width: 100%;
text-align: center;
font-weight: 400;
font-size: 10px;
line-height: 160%;
letter-spacing: 0.04em;
color: var(--clr-base-title);
overflow: hidden;
border: 2px solid transparent;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.frm-select-photo label a,
.frm-select-photo label span {
display: block;
}
.frm-select-photo label:hover {
border-color: var(--clr-att);
}
.frm-select-photo .elm-photo {
aspect-ratio: 1;
background: var(--clr-bg-white);
}
.frm-select-photo .lbl-title {
height: 24px;
line-height: 26px;
text-align: center;
width: 100%;
display: block;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 3px;
}
.frm-select-photo input:checked ~ label {
border-color: var(--clr-att);
}
.frm-select-photo label.active {
border-color: var(--clr-att);
}
@media (max-width: 639px) {
.frm-select-toggle input:checked ~ label .lbl-title:first-child,
.frm-select-toggle label.active .lbl-title:first-child {
pointer-events: auto;
}
.frm-select-toggle input:checked ~ label .lbl-title:last-child,
.frm-select-toggle label.active .lbl-title:last-child {
pointer-events: none;
}
.frm-select-toggle input:checked ~ label .lbl-title:last-child:before,
.frm-select-toggle label.active .lbl-title:last-child:before {
border-color: var(--clr-att);
}
.frm-select-toggle input:checked ~ label .lbl-title:last-child:after,
.frm-select-toggle label.active .lbl-title:last-child:after {
opacity: 1;
}
.frm-select-toggle input:not(:checked) ~ label .lbl-title:last-child,
.frm-select-toggle label:not(.active) .lbl-title:last-child {
pointer-events: auto;
}
.frm-select-toggle input:not(:checked) ~ label .lbl-title:first-child,
.frm-select-toggle label:not(.active) .lbl-title:first-child {
pointer-events: none;
}
.frm-select-toggle input:not(:checked) ~ label .lbl-title:first-child:before,
.frm-select-toggle label:not(.active) .lbl-title:first-child:before {
border-color: var(--clr-att);
}
.frm-select-toggle input:not(:checked) ~ label .lbl-title:first-child:after,
.frm-select-toggle label:not(.active) .lbl-title:first-child:after {
opacity: 1;
}
.frm-select-toggle label {
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.03em;
color: var(--clr-base);
}
.frm-select-toggle .lbl-title {
display: block;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 0 0 39px;
position: relative;
}
.frm-select-toggle .lbl-title:before,
.frm-select-toggle .lbl-title:after {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--clr-bg-white);
border: 1px solid var(--clr-border);
position: absolute;
top: 50%;
left: 12px;
margin-top: -12px;
margin-left: -12px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.frm-select-toggle .lbl-title:after {
width: 14px;
height: 14px;
margin: -7px 0 0 -7px;
background: var(--clr-att);
opacity: 0;
}
}
@media (min-width: 640px) {
.frm-select-toggle {
font-weight: 400;
font-size: 16px;
line-height: 163%;
letter-spacing: 0.03em;
overflow: visible;
}
.frm-select-toggle input:checked ~ label .lbl-title:first-child:after,
.frm-select-toggle label.active .lbl-title:first-child:after {
margin-left: 0px;
}
.frm-select-toggle label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.frm-select-toggle .lbl-title {
display: block;
position: relative;
padding: 0 38px 0 0;
}
.frm-select-toggle .lbl-title:last-child {
padding: 0 0 0 38px;
}
.frm-select-toggle .lbl-title:first-child:before,
.frm-select-toggle .lbl-title:first-child:after {
content: "";
display: block;
width: 44px;
height: 24px;
border-radius: 12px;
margin-top: -12px;
background: var(--clr-att);
position: absolute;
top: 50%;
left: 100%;
margin-left: -22px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.frm-select-toggle .lbl-title:first-child:after {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--clr-bg-white);
margin-left: -19px;
margin-top: -9px;
}
}
@media (min-width: 768px) {
.frm-select-panel .lbl-title {
font-size: 16px;
line-height: 1.63;
}
}
@media (min-width: 1024px) {
.frm-select-panel label {
padding: 20px 10px 20px 49px;
}
.frm-select-panel label:before,
.frm-select-panel label:after {
top: 32px;
left: 27px;
}
}
/* ----------------------------------- *\
common styles
\* ----------------------------------- */
@-webkit-keyframes flash {
0% {
opacity: 0.55;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 0.55;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeinslide {
from {
opacity: 0;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
to {
opacity: 1;
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
}
@keyframes fadeinslide {
from {
opacity: 0;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
to {
opacity: 1;
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
}
.border-style-dashed {
border-style: dashed !important;
}
.border-style-dotted {
border-style: dotted !important;
}
.border-style-solid {
border-style: solid !important;
}
table:has(col.text-line:nth-child(1)) th:nth-child(1),
table:has(col.text-line:nth-child(1)) td:nth-child(1) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(2)) th:nth-child(2),
table:has(col.text-line:nth-child(2)) td:nth-child(2) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(3)) th:nth-child(3),
table:has(col.text-line:nth-child(3)) td:nth-child(3) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(4)) th:nth-child(4),
table:has(col.text-line:nth-child(4)) td:nth-child(4) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(5)) th:nth-child(5),
table:has(col.text-line:nth-child(5)) td:nth-child(5) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(6)) th:nth-child(6),
table:has(col.text-line:nth-child(6)) td:nth-child(6) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(7)) th:nth-child(7),
table:has(col.text-line:nth-child(7)) td:nth-child(7) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(8)) th:nth-child(8),
table:has(col.text-line:nth-child(8)) td:nth-child(8) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(9)) th:nth-child(9),
table:has(col.text-line:nth-child(9)) td:nth-child(9) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(10)) th:nth-child(10),
table:has(col.text-line:nth-child(10)) td:nth-child(10) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(11)) th:nth-child(11),
table:has(col.text-line:nth-child(11)) td:nth-child(11) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(12)) th:nth-child(12),
table:has(col.text-line:nth-child(12)) td:nth-child(12) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(13)) th:nth-child(13),
table:has(col.text-line:nth-child(13)) td:nth-child(13) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(14)) th:nth-child(14),
table:has(col.text-line:nth-child(14)) td:nth-child(14) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(15)) th:nth-child(15),
table:has(col.text-line:nth-child(15)) td:nth-child(15) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(16)) th:nth-child(16),
table:has(col.text-line:nth-child(16)) td:nth-child(16) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(17)) th:nth-child(17),
table:has(col.text-line:nth-child(17)) td:nth-child(17) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(18)) th:nth-child(18),
table:has(col.text-line:nth-child(18)) td:nth-child(18) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(19)) th:nth-child(19),
table:has(col.text-line:nth-child(19)) td:nth-child(19) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(20)) th:nth-child(20),
table:has(col.text-line:nth-child(20)) td:nth-child(20) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(21)) th:nth-child(21),
table:has(col.text-line:nth-child(21)) td:nth-child(21) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(22)) th:nth-child(22),
table:has(col.text-line:nth-child(22)) td:nth-child(22) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(23)) th:nth-child(23),
table:has(col.text-line:nth-child(23)) td:nth-child(23) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(24)) th:nth-child(24),
table:has(col.text-line:nth-child(24)) td:nth-child(24) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(25)) th:nth-child(25),
table:has(col.text-line:nth-child(25)) td:nth-child(25) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(26)) th:nth-child(26),
table:has(col.text-line:nth-child(26)) td:nth-child(26) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(27)) th:nth-child(27),
table:has(col.text-line:nth-child(27)) td:nth-child(27) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(28)) th:nth-child(28),
table:has(col.text-line:nth-child(28)) td:nth-child(28) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(29)) th:nth-child(29),
table:has(col.text-line:nth-child(29)) td:nth-child(29) {
white-space: nowrap;
}
table:has(col.text-line:nth-child(30)) th:nth-child(30),
table:has(col.text-line:nth-child(30)) td:nth-child(30) {
white-space: nowrap;
}
table:has(col.col-att:nth-child(1)) th:nth-child(1),
table:has(col.col-att:nth-child(1)) td:nth-child(1) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(2)) th:nth-child(2),
table:has(col.col-att:nth-child(2)) td:nth-child(2) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(3)) th:nth-child(3),
table:has(col.col-att:nth-child(3)) td:nth-child(3) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(4)) th:nth-child(4),
table:has(col.col-att:nth-child(4)) td:nth-child(4) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(5)) th:nth-child(5),
table:has(col.col-att:nth-child(5)) td:nth-child(5) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(6)) th:nth-child(6),
table:has(col.col-att:nth-child(6)) td:nth-child(6) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(7)) th:nth-child(7),
table:has(col.col-att:nth-child(7)) td:nth-child(7) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(8)) th:nth-child(8),
table:has(col.col-att:nth-child(8)) td:nth-child(8) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(9)) th:nth-child(9),
table:has(col.col-att:nth-child(9)) td:nth-child(9) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(10)) th:nth-child(10),
table:has(col.col-att:nth-child(10)) td:nth-child(10) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(11)) th:nth-child(11),
table:has(col.col-att:nth-child(11)) td:nth-child(11) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(12)) th:nth-child(12),
table:has(col.col-att:nth-child(12)) td:nth-child(12) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(13)) th:nth-child(13),
table:has(col.col-att:nth-child(13)) td:nth-child(13) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(14)) th:nth-child(14),
table:has(col.col-att:nth-child(14)) td:nth-child(14) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(15)) th:nth-child(15),
table:has(col.col-att:nth-child(15)) td:nth-child(15) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(16)) th:nth-child(16),
table:has(col.col-att:nth-child(16)) td:nth-child(16) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(17)) th:nth-child(17),
table:has(col.col-att:nth-child(17)) td:nth-child(17) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(18)) th:nth-child(18),
table:has(col.col-att:nth-child(18)) td:nth-child(18) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(19)) th:nth-child(19),
table:has(col.col-att:nth-child(19)) td:nth-child(19) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(20)) th:nth-child(20),
table:has(col.col-att:nth-child(20)) td:nth-child(20) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(21)) th:nth-child(21),
table:has(col.col-att:nth-child(21)) td:nth-child(21) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(22)) th:nth-child(22),
table:has(col.col-att:nth-child(22)) td:nth-child(22) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(23)) th:nth-child(23),
table:has(col.col-att:nth-child(23)) td:nth-child(23) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(24)) th:nth-child(24),
table:has(col.col-att:nth-child(24)) td:nth-child(24) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(25)) th:nth-child(25),
table:has(col.col-att:nth-child(25)) td:nth-child(25) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(26)) th:nth-child(26),
table:has(col.col-att:nth-child(26)) td:nth-child(26) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(27)) th:nth-child(27),
table:has(col.col-att:nth-child(27)) td:nth-child(27) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(28)) th:nth-child(28),
table:has(col.col-att:nth-child(28)) td:nth-child(28) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(29)) th:nth-child(29),
table:has(col.col-att:nth-child(29)) td:nth-child(29) {
background: var(--clr-bg);
}
table:has(col.col-att:nth-child(30)) th:nth-child(30),
table:has(col.col-att:nth-child(30)) td:nth-child(30) {
background: var(--clr-bg);
}
table:has(col.text-left:nth-child(1)) th:nth-child(1),
table:has(col.text-left:nth-child(1)) td:nth-child(1) {
text-align: left;
}
table:has(col.text-right:nth-child(1)) th:nth-child(1),
table:has(col.text-right:nth-child(1)) td:nth-child(1) {
text-align: right;
}
table:has(col.text-center:nth-child(1)) th:nth-child(1),
table:has(col.text-center:nth-child(1)) td:nth-child(1) {
text-align: center;
}
table:has(col.text-left:nth-child(2)) th:nth-child(2),
table:has(col.text-left:nth-child(2)) td:nth-child(2) {
text-align: left;
}
table:has(col.text-right:nth-child(2)) th:nth-child(2),
table:has(col.text-right:nth-child(2)) td:nth-child(2) {
text-align: right;
}
table:has(col.text-center:nth-child(2)) th:nth-child(2),
table:has(col.text-center:nth-child(2)) td:nth-child(2) {
text-align: center;
}
table:has(col.text-left:nth-child(3)) th:nth-child(3),
table:has(col.text-left:nth-child(3)) td:nth-child(3) {
text-align: left;
}
table:has(col.text-right:nth-child(3)) th:nth-child(3),
table:has(col.text-right:nth-child(3)) td:nth-child(3) {
text-align: right;
}
table:has(col.text-center:nth-child(3)) th:nth-child(3),
table:has(col.text-center:nth-child(3)) td:nth-child(3) {
text-align: center;
}
table:has(col.text-left:nth-child(4)) th:nth-child(4),
table:has(col.text-left:nth-child(4)) td:nth-child(4) {
text-align: left;
}
table:has(col.text-right:nth-child(4)) th:nth-child(4),
table:has(col.text-right:nth-child(4)) td:nth-child(4) {
text-align: right;
}
table:has(col.text-center:nth-child(4)) th:nth-child(4),
table:has(col.text-center:nth-child(4)) td:nth-child(4) {
text-align: center;
}
table:has(col.text-left:nth-child(5)) th:nth-child(5),
table:has(col.text-left:nth-child(5)) td:nth-child(5) {
text-align: left;
}
table:has(col.text-right:nth-child(5)) th:nth-child(5),
table:has(col.text-right:nth-child(5)) td:nth-child(5) {
text-align: right;
}
table:has(col.text-center:nth-child(5)) th:nth-child(5),
table:has(col.text-center:nth-child(5)) td:nth-child(5) {
text-align: center;
}
table:has(col.text-left:nth-child(6)) th:nth-child(6),
table:has(col.text-left:nth-child(6)) td:nth-child(6) {
text-align: left;
}
table:has(col.text-right:nth-child(6)) th:nth-child(6),
table:has(col.text-right:nth-child(6)) td:nth-child(6) {
text-align: right;
}
table:has(col.text-center:nth-child(6)) th:nth-child(6),
table:has(col.text-center:nth-child(6)) td:nth-child(6) {
text-align: center;
}
table:has(col.text-left:nth-child(7)) th:nth-child(7),
table:has(col.text-left:nth-child(7)) td:nth-child(7) {
text-align: left;
}
table:has(col.text-right:nth-child(7)) th:nth-child(7),
table:has(col.text-right:nth-child(7)) td:nth-child(7) {
text-align: right;
}
table:has(col.text-center:nth-child(7)) th:nth-child(7),
table:has(col.text-center:nth-child(7)) td:nth-child(7) {
text-align: center;
}
table:has(col.text-left:nth-child(8)) th:nth-child(8),
table:has(col.text-left:nth-child(8)) td:nth-child(8) {
text-align: left;
}
table:has(col.text-right:nth-child(8)) th:nth-child(8),
table:has(col.text-right:nth-child(8)) td:nth-child(8) {
text-align: right;
}
table:has(col.text-center:nth-child(8)) th:nth-child(8),
table:has(col.text-center:nth-child(8)) td:nth-child(8) {
text-align: center;
}
table:has(col.text-left:nth-child(9)) th:nth-child(9),
table:has(col.text-left:nth-child(9)) td:nth-child(9) {
text-align: left;
}
table:has(col.text-right:nth-child(9)) th:nth-child(9),
table:has(col.text-right:nth-child(9)) td:nth-child(9) {
text-align: right;
}
table:has(col.text-center:nth-child(9)) th:nth-child(9),
table:has(col.text-center:nth-child(9)) td:nth-child(9) {
text-align: center;
}
table:has(col.text-left:nth-child(10)) th:nth-child(10),
table:has(col.text-left:nth-child(10)) td:nth-child(10) {
text-align: left;
}
table:has(col.text-right:nth-child(10)) th:nth-child(10),
table:has(col.text-right:nth-child(10)) td:nth-child(10) {
text-align: right;
}
table:has(col.text-center:nth-child(10)) th:nth-child(10),
table:has(col.text-center:nth-child(10)) td:nth-child(10) {
text-align: center;
}
table:has(col.text-left:nth-child(11)) th:nth-child(11),
table:has(col.text-left:nth-child(11)) td:nth-child(11) {
text-align: left;
}
table:has(col.text-right:nth-child(11)) th:nth-child(11),
table:has(col.text-right:nth-child(11)) td:nth-child(11) {
text-align: right;
}
table:has(col.text-center:nth-child(11)) th:nth-child(11),
table:has(col.text-center:nth-child(11)) td:nth-child(11) {
text-align: center;
}
table:has(col.text-left:nth-child(12)) th:nth-child(12),
table:has(col.text-left:nth-child(12)) td:nth-child(12) {
text-align: left;
}
table:has(col.text-right:nth-child(12)) th:nth-child(12),
table:has(col.text-right:nth-child(12)) td:nth-child(12) {
text-align: right;
}
table:has(col.text-center:nth-child(12)) th:nth-child(12),
table:has(col.text-center:nth-child(12)) td:nth-child(12) {
text-align: center;
}
table:has(col.text-left:nth-child(13)) th:nth-child(13),
table:has(col.text-left:nth-child(13)) td:nth-child(13) {
text-align: left;
}
table:has(col.text-right:nth-child(13)) th:nth-child(13),
table:has(col.text-right:nth-child(13)) td:nth-child(13) {
text-align: right;
}
table:has(col.text-center:nth-child(13)) th:nth-child(13),
table:has(col.text-center:nth-child(13)) td:nth-child(13) {
text-align: center;
}
table:has(col.text-left:nth-child(14)) th:nth-child(14),
table:has(col.text-left:nth-child(14)) td:nth-child(14) {
text-align: left;
}
table:has(col.text-right:nth-child(14)) th:nth-child(14),
table:has(col.text-right:nth-child(14)) td:nth-child(14) {
text-align: right;
}
table:has(col.text-center:nth-child(14)) th:nth-child(14),
table:has(col.text-center:nth-child(14)) td:nth-child(14) {
text-align: center;
}
table:has(col.text-left:nth-child(15)) th:nth-child(15),
table:has(col.text-left:nth-child(15)) td:nth-child(15) {
text-align: left;
}
table:has(col.text-right:nth-child(15)) th:nth-child(15),
table:has(col.text-right:nth-child(15)) td:nth-child(15) {
text-align: right;
}
table:has(col.text-center:nth-child(15)) th:nth-child(15),
table:has(col.text-center:nth-child(15)) td:nth-child(15) {
text-align: center;
}
table:has(col.text-left:nth-child(16)) th:nth-child(16),
table:has(col.text-left:nth-child(16)) td:nth-child(16) {
text-align: left;
}
table:has(col.text-right:nth-child(16)) th:nth-child(16),
table:has(col.text-right:nth-child(16)) td:nth-child(16) {
text-align: right;
}
table:has(col.text-center:nth-child(16)) th:nth-child(16),
table:has(col.text-center:nth-child(16)) td:nth-child(16) {
text-align: center;
}
table:has(col.text-left:nth-child(17)) th:nth-child(17),
table:has(col.text-left:nth-child(17)) td:nth-child(17) {
text-align: left;
}
table:has(col.text-right:nth-child(17)) th:nth-child(17),
table:has(col.text-right:nth-child(17)) td:nth-child(17) {
text-align: right;
}
table:has(col.text-center:nth-child(17)) th:nth-child(17),
table:has(col.text-center:nth-child(17)) td:nth-child(17) {
text-align: center;
}
table:has(col.text-left:nth-child(18)) th:nth-child(18),
table:has(col.text-left:nth-child(18)) td:nth-child(18) {
text-align: left;
}
table:has(col.text-right:nth-child(18)) th:nth-child(18),
table:has(col.text-right:nth-child(18)) td:nth-child(18) {
text-align: right;
}
table:has(col.text-center:nth-child(18)) th:nth-child(18),
table:has(col.text-center:nth-child(18)) td:nth-child(18) {
text-align: center;
}
table:has(col.text-left:nth-child(19)) th:nth-child(19),
table:has(col.text-left:nth-child(19)) td:nth-child(19) {
text-align: left;
}
table:has(col.text-right:nth-child(19)) th:nth-child(19),
table:has(col.text-right:nth-child(19)) td:nth-child(19) {
text-align: right;
}
table:has(col.text-center:nth-child(19)) th:nth-child(19),
table:has(col.text-center:nth-child(19)) td:nth-child(19) {
text-align: center;
}
table:has(col.text-left:nth-child(20)) th:nth-child(20),
table:has(col.text-left:nth-child(20)) td:nth-child(20) {
text-align: left;
}
table:has(col.text-right:nth-child(20)) th:nth-child(20),
table:has(col.text-right:nth-child(20)) td:nth-child(20) {
text-align: right;
}
table:has(col.text-center:nth-child(20)) th:nth-child(20),
table:has(col.text-center:nth-child(20)) td:nth-child(20) {
text-align: center;
}
table:has(col.text-left:nth-child(21)) th:nth-child(21),
table:has(col.text-left:nth-child(21)) td:nth-child(21) {
text-align: left;
}
table:has(col.text-right:nth-child(21)) th:nth-child(21),
table:has(col.text-right:nth-child(21)) td:nth-child(21) {
text-align: right;
}
table:has(col.text-center:nth-child(21)) th:nth-child(21),
table:has(col.text-center:nth-child(21)) td:nth-child(21) {
text-align: center;
}
table:has(col.text-left:nth-child(22)) th:nth-child(22),
table:has(col.text-left:nth-child(22)) td:nth-child(22) {
text-align: left;
}
table:has(col.text-right:nth-child(22)) th:nth-child(22),
table:has(col.text-right:nth-child(22)) td:nth-child(22) {
text-align: right;
}
table:has(col.text-center:nth-child(22)) th:nth-child(22),
table:has(col.text-center:nth-child(22)) td:nth-child(22) {
text-align: center;
}
table:has(col.text-left:nth-child(23)) th:nth-child(23),
table:has(col.text-left:nth-child(23)) td:nth-child(23) {
text-align: left;
}
table:has(col.text-right:nth-child(23)) th:nth-child(23),
table:has(col.text-right:nth-child(23)) td:nth-child(23) {
text-align: right;
}
table:has(col.text-center:nth-child(23)) th:nth-child(23),
table:has(col.text-center:nth-child(23)) td:nth-child(23) {
text-align: center;
}
table:has(col.text-left:nth-child(24)) th:nth-child(24),
table:has(col.text-left:nth-child(24)) td:nth-child(24) {
text-align: left;
}
table:has(col.text-right:nth-child(24)) th:nth-child(24),
table:has(col.text-right:nth-child(24)) td:nth-child(24) {
text-align: right;
}
table:has(col.text-center:nth-child(24)) th:nth-child(24),
table:has(col.text-center:nth-child(24)) td:nth-child(24) {
text-align: center;
}
table:has(col.text-left:nth-child(25)) th:nth-child(25),
table:has(col.text-left:nth-child(25)) td:nth-child(25) {
text-align: left;
}
table:has(col.text-right:nth-child(25)) th:nth-child(25),
table:has(col.text-right:nth-child(25)) td:nth-child(25) {
text-align: right;
}
table:has(col.text-center:nth-child(25)) th:nth-child(25),
table:has(col.text-center:nth-child(25)) td:nth-child(25) {
text-align: center;
}
table:has(col.text-left:nth-child(26)) th:nth-child(26),
table:has(col.text-left:nth-child(26)) td:nth-child(26) {
text-align: left;
}
table:has(col.text-right:nth-child(26)) th:nth-child(26),
table:has(col.text-right:nth-child(26)) td:nth-child(26) {
text-align: right;
}
table:has(col.text-center:nth-child(26)) th:nth-child(26),
table:has(col.text-center:nth-child(26)) td:nth-child(26) {
text-align: center;
}
table:has(col.text-left:nth-child(27)) th:nth-child(27),
table:has(col.text-left:nth-child(27)) td:nth-child(27) {
text-align: left;
}
table:has(col.text-right:nth-child(27)) th:nth-child(27),
table:has(col.text-right:nth-child(27)) td:nth-child(27) {
text-align: right;
}
table:has(col.text-center:nth-child(27)) th:nth-child(27),
table:has(col.text-center:nth-child(27)) td:nth-child(27) {
text-align: center;
}
table:has(col.text-left:nth-child(28)) th:nth-child(28),
table:has(col.text-left:nth-child(28)) td:nth-child(28) {
text-align: left;
}
table:has(col.text-right:nth-child(28)) th:nth-child(28),
table:has(col.text-right:nth-child(28)) td:nth-child(28) {
text-align: right;
}
table:has(col.text-center:nth-child(28)) th:nth-child(28),
table:has(col.text-center:nth-child(28)) td:nth-child(28) {
text-align: center;
}
table:has(col.text-left:nth-child(29)) th:nth-child(29),
table:has(col.text-left:nth-child(29)) td:nth-child(29) {
text-align: left;
}
table:has(col.text-right:nth-child(29)) th:nth-child(29),
table:has(col.text-right:nth-child(29)) td:nth-child(29) {
text-align: right;
}
table:has(col.text-center:nth-child(29)) th:nth-child(29),
table:has(col.text-center:nth-child(29)) td:nth-child(29) {
text-align: center;
}
table:has(col.text-left:nth-child(30)) th:nth-child(30),
table:has(col.text-left:nth-child(30)) td:nth-child(30) {
text-align: left;
}
table:has(col.text-right:nth-child(30)) th:nth-child(30),
table:has(col.text-right:nth-child(30)) td:nth-child(30) {
text-align: right;
}
table:has(col.text-center:nth-child(30)) th:nth-child(30),
table:has(col.text-center:nth-child(30)) td:nth-child(30) {
text-align: center;
}
.i,
[class*="icon-"] {
display: block;
-webkit-transition: none;
transition: none;
}
.img-bg-cover,
.img-bg-contain {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.img-bg-contain {
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.img-bg-cover {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
.img-bg-contain {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
max-width: inherit;
max-height: inherit;
right: auto;
bottom: auto;
}
}
.js-btn-popup-toggle.active + .js-popup-block {
display: block !important;
}
.js-popup-block {
-webkit-animation: fadein ease 0.3s;
animation: fadein ease 0.3s;
}
.js-tab-block {
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
}
.js-tab-block:not(.active) {
height: 0;
margin: 0;
visibility: hidden;
pointer-events: none;
padding: 0;
overflow: hidden;
position: relative;
}
.js-tab-block.tab-slider:not(.active) {
display: block;
width: 100%;
margin: 0;
padding: 0;
opacity: 0;
pointer-events: none;
height: 0;
position: relative;
overflow: hidden;
}
.slider-wrap {
margin: 0 calc(-1 * var(--gapMainHalf));
}
.sl-wrap {
padding: 0 var(--gapMainHalf);
}
.items-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
gap: var(--gapMain) 0;
margin: 0 calc(-1 * var(--gapMainHalf));
}
.item-wrap {
width: 100%;
position: relative;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
display: block;
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
padding: 0 var(--gapMainHalf);
}
.items-wrap:has(.item-wrap:nth-child(4)) + .items-actions-wrap {
display: block;
}
.items-wrap:has(+ .items-actions-wrap) .item-wrap {
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
}
.items-wrap:has(+ .items-actions-wrap) .item-wrap:nth-child(3) ~ .item-wrap {
display: none;
}
.items-wrap:has(+ .items-actions-wrap .active) .item-wrap:nth-child(3) ~ .item-wrap {
display: block;
}
.items-actions-wrap {
display: none;
font-size: 15px;
line-height: 1.6;
text-align: center;
color: var(--clr-base);
}
.items-actions-wrap .btn {
padding: 0 30px 0 0;
}
.items-actions-wrap .btn.active:before {
rotate: -180deg;
}
.items-actions-wrap .btn:before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
background: url(/local/templates/main/css/../../img/icons/arrow-menu.svg) center no-repeat;
background-size: 100% auto;
top: 50%;
right: 0;
margin-top: -12px;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
}
/*
*/
.item-tile,
.tile-outer-wrap,
.tile-inner-wrap,
.tile-photo-wrap,
.tile-photos-wrap,
.tile-info-wrap,
.tile-text-wrap,
.tile-title-wrap,
.tile-desc-wrap,
.tile-actions-wrap,
.tile-action-wrap,
.tile-ico,
.tile-photo,
.tile-info,
.tile-text,
.tile-title,
.tile-desc {
display: block;
position: relative;
}
.tile-link {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
overflow: hidden;
text-indent: -999px;
font-size: 0;
color: transparent;
}
.mb-section {
margin-bottom: var(--sectionMargin) !important;
}
.mb-section-small {
margin-bottom: var(--sectionMarginSmall) !important;
}
.mb-section-small:last-child {
margin-bottom: var(--sectionMargin) !important;
}
.page-outer-wrap:not(:last-child) .mb-section-small:last-child {
margin-bottom: var(--sectionMarginSmall) !important;
}
.mt-section {
margin-top: var(--sectionMargin) !important;
}
.mt-section-small {
margin-top: var(--sectionMarginSmall) !important;
}
.no-mbottom {
margin-bottom: 0 !important;
}
.no-mtop {
margin-top: 0 !important;
}
.no-pbottom {
padding-bottom: 0 !important;
}
.no-ptop {
padding-top: 0 !important;
}
.elm-hidden {
display: none !important;
}
input.form-clear-autofill::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}
.slider-wrap,
.slider-inner-wrap,
.sl-wrap {
position: relative;
}
.sl-wrap.swiper-slide {
height: auto;
}
.swiper,
.swiper-wrapper {
position: relative;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
top: auto;
bottom: auto;
}
[class*="button-slider-"]:not([aria-label]) {
display: none;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: none !important;
transform: none !important;
}
.slider-inner-wrap:has(.swiper-button-disabled ~ .swiper-button-disabled) .swiper-button-disabled {
display: none;
}
.slider-inner-wrap:has(.swiper-button-disabled ~ .swiper-button-disabled) .slider-actions-wrap {
display: none;
}
.slider-actions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 15px;
min-height: 28px;
}
.slider-actions-wrap .slider-pagination {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
padding: 0;
width: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
}
.slider-actions-wrap .button-slider {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.slider-actions-wrap .button-slider-next {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.slider-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
gap: 10px;
position: relative;
width: auto;
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-pagination.type-light .swiper-pagination-bullet {
background-color: var(--clr-bg-att-light);
}
.slider-pagination.type-light .swiper-pagination-bullet:hover,
.slider-pagination.type-light .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--clr-bg-white);
}
.slider-pagination:not(.swiper-pagination-bullets) {
display: none;
}
.slider-pagination .swiper-pagination-bullet {
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
background: var(--clr-bg-light);
border: none;
opacity: 1;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
cursor: pointer;
padding: 0;
margin: 0 !important;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 0;
text-indent: -999px;
}
.slider-pagination .swiper-pagination-bullet:hover,
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--clr-att);
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 100px;
}
.is-modern .f-thumbs__slide__button {
clip-path: inherit !important;
}
@media (max-width: 1023px) {
.elm-hidden-mobile {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(1)) th:nth-child(1),
table:has(col.col-mobile-hide:nth-child(1)) td:nth-child(1) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(2)) th:nth-child(2),
table:has(col.col-mobile-hide:nth-child(2)) td:nth-child(2) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(3)) th:nth-child(3),
table:has(col.col-mobile-hide:nth-child(3)) td:nth-child(3) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(4)) th:nth-child(4),
table:has(col.col-mobile-hide:nth-child(4)) td:nth-child(4) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(5)) th:nth-child(5),
table:has(col.col-mobile-hide:nth-child(5)) td:nth-child(5) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(6)) th:nth-child(6),
table:has(col.col-mobile-hide:nth-child(6)) td:nth-child(6) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(7)) th:nth-child(7),
table:has(col.col-mobile-hide:nth-child(7)) td:nth-child(7) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(8)) th:nth-child(8),
table:has(col.col-mobile-hide:nth-child(8)) td:nth-child(8) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(9)) th:nth-child(9),
table:has(col.col-mobile-hide:nth-child(9)) td:nth-child(9) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(10)) th:nth-child(10),
table:has(col.col-mobile-hide:nth-child(10)) td:nth-child(10) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(11)) th:nth-child(11),
table:has(col.col-mobile-hide:nth-child(11)) td:nth-child(11) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(12)) th:nth-child(12),
table:has(col.col-mobile-hide:nth-child(12)) td:nth-child(12) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(13)) th:nth-child(13),
table:has(col.col-mobile-hide:nth-child(13)) td:nth-child(13) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(14)) th:nth-child(14),
table:has(col.col-mobile-hide:nth-child(14)) td:nth-child(14) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(15)) th:nth-child(15),
table:has(col.col-mobile-hide:nth-child(15)) td:nth-child(15) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(16)) th:nth-child(16),
table:has(col.col-mobile-hide:nth-child(16)) td:nth-child(16) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(17)) th:nth-child(17),
table:has(col.col-mobile-hide:nth-child(17)) td:nth-child(17) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(18)) th:nth-child(18),
table:has(col.col-mobile-hide:nth-child(18)) td:nth-child(18) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(19)) th:nth-child(19),
table:has(col.col-mobile-hide:nth-child(19)) td:nth-child(19) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(20)) th:nth-child(20),
table:has(col.col-mobile-hide:nth-child(20)) td:nth-child(20) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(21)) th:nth-child(21),
table:has(col.col-mobile-hide:nth-child(21)) td:nth-child(21) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(22)) th:nth-child(22),
table:has(col.col-mobile-hide:nth-child(22)) td:nth-child(22) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(23)) th:nth-child(23),
table:has(col.col-mobile-hide:nth-child(23)) td:nth-child(23) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(24)) th:nth-child(24),
table:has(col.col-mobile-hide:nth-child(24)) td:nth-child(24) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(25)) th:nth-child(25),
table:has(col.col-mobile-hide:nth-child(25)) td:nth-child(25) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(26)) th:nth-child(26),
table:has(col.col-mobile-hide:nth-child(26)) td:nth-child(26) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(27)) th:nth-child(27),
table:has(col.col-mobile-hide:nth-child(27)) td:nth-child(27) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(28)) th:nth-child(28),
table:has(col.col-mobile-hide:nth-child(28)) td:nth-child(28) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(29)) th:nth-child(29),
table:has(col.col-mobile-hide:nth-child(29)) td:nth-child(29) {
display: none !important;
}
table:has(col.col-mobile-hide:nth-child(30)) th:nth-child(30),
table:has(col.col-mobile-hide:nth-child(30)) td:nth-child(30) {
display: none !important;
}
}
@media (min-width: 768px) {
.elm-only-mobile {
display: none !important;
}
}
@media (min-width: 1024px) {
.slider-actions-wrap {
margin-top: 5.2rem;
}
.elm-hidden-desktop {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(1)) th:nth-child(1),
table:has(col.col-desktop-hide:nth-child(1)) td:nth-child(1) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(2)) th:nth-child(2),
table:has(col.col-desktop-hide:nth-child(2)) td:nth-child(2) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(3)) th:nth-child(3),
table:has(col.col-desktop-hide:nth-child(3)) td:nth-child(3) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(4)) th:nth-child(4),
table:has(col.col-desktop-hide:nth-child(4)) td:nth-child(4) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(5)) th:nth-child(5),
table:has(col.col-desktop-hide:nth-child(5)) td:nth-child(5) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(6)) th:nth-child(6),
table:has(col.col-desktop-hide:nth-child(6)) td:nth-child(6) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(7)) th:nth-child(7),
table:has(col.col-desktop-hide:nth-child(7)) td:nth-child(7) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(8)) th:nth-child(8),
table:has(col.col-desktop-hide:nth-child(8)) td:nth-child(8) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(9)) th:nth-child(9),
table:has(col.col-desktop-hide:nth-child(9)) td:nth-child(9) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(10)) th:nth-child(10),
table:has(col.col-desktop-hide:nth-child(10)) td:nth-child(10) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(11)) th:nth-child(11),
table:has(col.col-desktop-hide:nth-child(11)) td:nth-child(11) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(12)) th:nth-child(12),
table:has(col.col-desktop-hide:nth-child(12)) td:nth-child(12) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(13)) th:nth-child(13),
table:has(col.col-desktop-hide:nth-child(13)) td:nth-child(13) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(14)) th:nth-child(14),
table:has(col.col-desktop-hide:nth-child(14)) td:nth-child(14) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(15)) th:nth-child(15),
table:has(col.col-desktop-hide:nth-child(15)) td:nth-child(15) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(16)) th:nth-child(16),
table:has(col.col-desktop-hide:nth-child(16)) td:nth-child(16) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(17)) th:nth-child(17),
table:has(col.col-desktop-hide:nth-child(17)) td:nth-child(17) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(18)) th:nth-child(18),
table:has(col.col-desktop-hide:nth-child(18)) td:nth-child(18) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(19)) th:nth-child(19),
table:has(col.col-desktop-hide:nth-child(19)) td:nth-child(19) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(20)) th:nth-child(20),
table:has(col.col-desktop-hide:nth-child(20)) td:nth-child(20) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(21)) th:nth-child(21),
table:has(col.col-desktop-hide:nth-child(21)) td:nth-child(21) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(22)) th:nth-child(22),
table:has(col.col-desktop-hide:nth-child(22)) td:nth-child(22) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(23)) th:nth-child(23),
table:has(col.col-desktop-hide:nth-child(23)) td:nth-child(23) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(24)) th:nth-child(24),
table:has(col.col-desktop-hide:nth-child(24)) td:nth-child(24) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(25)) th:nth-child(25),
table:has(col.col-desktop-hide:nth-child(25)) td:nth-child(25) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(26)) th:nth-child(26),
table:has(col.col-desktop-hide:nth-child(26)) td:nth-child(26) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(27)) th:nth-child(27),
table:has(col.col-desktop-hide:nth-child(27)) td:nth-child(27) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(28)) th:nth-child(28),
table:has(col.col-desktop-hide:nth-child(28)) td:nth-child(28) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(29)) th:nth-child(29),
table:has(col.col-desktop-hide:nth-child(29)) td:nth-child(29) {
display: none !important;
}
table:has(col.col-desktop-hide:nth-child(30)) th:nth-child(30),
table:has(col.col-desktop-hide:nth-child(30)) td:nth-child(30) {
display: none !important;
}
}
/* ----------------------------------- *\
fonts
\* ----------------------------------- */
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Regular-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Regular-cyrillic-ext.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Regular-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Regular-cyrillic.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Regular-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Regular-latin.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Medium-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Medium-cyrillic-ext.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Medium-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Medium-cyrillic.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Medium-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Medium-latin.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-SemiBold-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-SemiBold-cyrillic-ext.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-SemiBold-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-SemiBold-cyrillic.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-SemiBold-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-SemiBold-latin.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Bold-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Bold-cyrillic-ext.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Bold-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Bold-cyrillic.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Bold-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Bold-latin.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-cyrillic-ext.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-cyrillic.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-ExtraBold-latin.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Black-cyrillic-ext.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Black-cyrillic-ext.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Black-cyrillic.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Black-cyrillic.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: "Roboto";
src:
url("/local/templates/main/css/../fonts/Roboto-Black-latin.woff2") format("woff2"),
url("/local/templates/main/css/../fonts/Roboto-Black-latin.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
unicode-range:
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Базовый класс для SVG-иконок из спрайта (symbols).
Использование в HTML:
Пример:
Имена символов = prefix + имя файла без расширения (prefix: icon-). */
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: -0.1em;
}
/* popups */
body.popup-open {
overflow: hidden;
}
.popup-outer-box {
display: none;
padding: 20px var(--paddingContainer);
-webkit-animation: fadein ease 0.2s;
animation: fadein ease 0.2s;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
z-index: 200;
background: rgba(0, 0, 0, 0.7);
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup-outer-box::-webkit-scrollbar {
width: 0;
height: 0;
}
.popup-outer-box.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popup-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
overflow: hidden;
width: 520px;
max-width: 100%;
max-height: inherit;
background-color: var(--clr-bg-white);
padding: 50px 60px 40px 60px;
border-radius: 20px;
-webkit-box-shadow:
0 15px 70px 0 rgba(0, 0, 0, 0.05),
0 3px 10px 0 rgba(0, 0, 0, 0.04),
0 3px 5px 0 rgba(0, 0, 0, 0.01);
box-shadow:
0 15px 70px 0 rgba(0, 0, 0, 0.05),
0 3px 10px 0 rgba(0, 0, 0, 0.04),
0 3px 5px 0 rgba(0, 0, 0, 0.01);
z-index: 20;
}
.popup-box .popup-title-wrap,
.popup-box .popup-footer-wrap {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.popup-box .popup-title-wrap {
margin-bottom: 30px;
text-align: center;
}
.popup-box .popup-content-wrap {
width: 100%;
}
.popup-box .popup-title {
font-weight: 700;
font-size: 34px;
line-height: 129%;
letter-spacing: 0.01em;
text-align: center;
color: var(--clr-base-title);
}
.popup-box .btn-action-ico.ico-close:before {
background-size: 16px auto;
}
.popup-box .btn-action-ico.ico-close:not(:hover):before {
-webkit-filter: grayscale(100%) opacity(0.8);
filter: grayscale(100%) opacity(0.8);
}
.popup-box .btn-popup-close {
position: absolute;
top: 45px;
right: 65px;
margin: -20px -20px 0 0;
z-index: 2;
}
@media (max-width: 1023px) {
.popup-box {
padding: 30px;
width: 320px;
}
.popup-box .btn-popup-close {
right: 30px;
top: 30px;
}
.popup-box .popup-title-wrap {
margin-bottom: 15px;
}
.popup-box .popup-title {
font-size: 24px;
}
}
/* end popups */
/* ----------------------------------- *\
content-wrap full-width
\* ----------------------------------- */
.content-wrap.full-width {
width: 100%;
max-width: 100%;
}
.content-wrap.full-width .tiles-box.view-tiles .item-wrap,
.content-wrap.full-width .tiles-box.view-tiles .sl-wrap {
width: 100%;
min-width: 0;
}
@media (min-width: 768px) {
.content-wrap.full-width .tiles-box.view-tiles .item-wrap,
.content-wrap.full-width .tiles-box.view-tiles .sl-wrap {
width: 50%;
}
}
@media (min-width: 1024px) {
.content-wrap.full-width {
max-width: calc(100% - 30px);
}
.content-wrap.full-width .tiles-box.view-tiles .item-wrap,
.content-wrap.full-width .tiles-box.view-tiles .sl-wrap {
width: 33.33%;
}
}
@media (min-width: 1024px) and (max-width: 1199px) {
.content-wrap.full-width {
max-width: calc(100% - 30px);
}
}
@media (min-width: 1400px) {
.content-wrap.full-width .tiles-box.view-tiles .item-wrap,
.content-wrap.full-width .tiles-box.view-tiles .sl-wrap {
width: 25%;
}
}
.privacy-notice {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 190;
background: var(--clr-bg-white);
border-top: 1px solid var(--clr-bg-att-light);
-webkit-box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.08);
}
.privacy-notice.is-visible {
display: block;
}
.privacy-notice__inner .inner-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 36px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.privacy-notice__close {
position: absolute;
top: 12px;
right: 0;
margin: 0;
z-index: 2;
}
.privacy-notice__close.btn-action-ico.ico-close:before {
background-size: 14px auto;
}
.privacy-notice__close.btn-action-ico.ico-close:not(:hover):before {
-webkit-filter: grayscale(100%) opacity(0.8);
filter: grayscale(100%) opacity(0.8);
}
.privacy-notice__text {
margin: 0;
font-size: 12px;
line-height: 1.67;
letter-spacing: 0.02em;
color: var(--clr-base);
}
.privacy-notice__actions {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.privacy-notice__actions .btn {
width: 100%;
}
body:has(.privacy-notice.is-visible) {
padding-bottom: 129px;
}
@media (min-width: 768px) {
.privacy-notice__inner .inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 40px;
}
.privacy-notice__close {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.privacy-notice__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.privacy-notice__text {
font-size: 14px;
}
.privacy-notice__actions .btn {
width: auto;
min-width: 160px;
}
}
/* End */
/* Start:/local/templates/main/css/nprogress.min.css?17860132991146*/
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}#nprogress{pointer-events:none}#nprogress .bar{background:var(--clr-att);position:fixed;z-index:1031;top:0;left:0;width:100%;height:4px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--clr-att),0 0 5px var(--clr-att);opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:var(--clr-att);border-left-color:var(--clr-att);border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}
/* End */
/* Start:/local/templates/main/components/bitrix/sale.location.selector.search/site/style.min.css?17860135525976*/
.bx-sls .dropdown-block{position:relative;background:#fff;width:auto;padding:12px 18px 10px 24px;font-size:14px;line-height:17px;border:1px solid var(--clr-att)}.bx-sls .dropdown-block-ui{font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-top:5px}.bx-sls .dropdown-arrow{background:url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png)no-repeat center center;height:100%;top:0;right:0;position:absolute;width:22px}.bx-sls .bx-ui-sls-container{overflow:hidden;min-height:25px}.bx-sls .bx-ui-sls-pane{border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;overflow-y:auto;left:0;top:58px;padding:5px 5px 3px;position:absolute;width:100%}.bx-sls .dropdown-active .bx-ui-sls-pane{display:block}.bx-sls .bx-ui-sls-variants{list-style:none;margin:0;padding:0}.bx-sls .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-sls .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-sls .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-sls .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-sls .dropdown-item-text span{color:#25282c}.bx-sls .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px}.bx-sls .dropdown-icon{background:url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png)no-repeat center center;height:14px;left:10px;position:absolute;top:20px;width:14px;display:none}.bx-sls .quick-locations{margin-bottom:5px}.bx-sls .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;padding:0 14px;text-decoration:none;margin:0 3px 10px}.bx-sls .quick-location-tag:hover{background-color:#fafafa}.bx-sls .dropdown-fade2white{width:46px;height:31px;position:absolute;top:2px;right:0;display:none;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,#fff 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(30%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,#fff 30%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,#fff 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 30%);background:linear-gradient(to right,rgba(255,255,255,0)0,#fff 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)}.bx-sls .bx-ui-sls-clear{background:url(/bitrix/panel/main/images/bx-admin-sprite-small.png)6px -3386px no-repeat;width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:7px;right:12px;display:block;z-index:30}.bx-sls .bx-ui-sls-clear:hover{background-position:6px -3418px}.bx-sls .bx-ui-sls-loader{background-image:url(/bitrix/panel/main/images/waiter-white.gif)!important;background-repeat:no-repeat!important;background-position:right -1px!important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-sls .bx-ui-sls-go-edit{display:none}.bx-sls .bx-ui-sls-pane{max-height:300px}.bx-sls input::-ms-clear{display:none}.bx-sls input[type=text]{position:relative}.bx-sls .bx-ui-sls-fake{color:#000!important;z-index:10}.bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route{position:absolute!important;top:0;left:0;opacity:1!important;background:0 0!important;border:0!important;box-shadow:none!important;padding:0 22px 0 0!important;background-position:right 1px;background-repeat:no-repeat;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:22px;width:100%;outline:0}.bx-sls .bx-ui-sls-fake::placeholder{color:#bdbdbd}.bx-sls .bx-ui-sls-route{color:#495057!important;z-index:5}.bx-sls .bx-ui-sls-pane{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant{padding:10px}.bx-sls .bx-ui-sls-error{color:#f22;padding:10px 10px 10px 30px;position:relative}.bx-sls .bx-ui-sls-error div{position:absolute;top:0;left:0;width:25px;height:25px;background:url(/bitrix/panel/main/images/bx-admin-sprite-small.png)6px -2895px no-repeat}.bx-sls .bx-ui-sls-variant-active,.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,.3),0 2px 2px -1px rgba(180,188,191,.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,.3),0 2px 2px -1px rgba(180,188,191,.7) inset;height:25px}.bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route{height:25px}.bx-admin-mode .dropdown-icon{top:7px}.bx-admin-mode .dropdown-fade2white{height:22px;right:1px}.bx-admin-mode .bx-ui-sls-clear{background-position:6px -3389px;height:22px}.bx-admin-mode .bx-ui-sls-clear:hover{background-position:6px -3421px}.bx-admin-mode .bx-ui-sls-loader{background-position:right -4px!important;height:21px}.bx-admin-mode .bx-ui-sls-pane{top:27px}.form-order-box .bx-sls .dropdown-field,.popup-outer-box .bx-sls .dropdown-field{border:1px solid var(--clr-border, #b0afaf);border-radius:var(--mainRadius, 2.4rem);padding:12px 18px;font-size:var(--fsize, 14px);width:100%;box-sizing:border-box}.form-order-box .bx-sls .quick-location-tag,.popup-outer-box .bx-sls .quick-location-tag{color:#0095bf;border-color:#0095bf}.form-order-box .bx-sls .dropdown-item:hover,.form-order-box .bx-sls .quick-location-tag:hover,.popup-outer-box .bx-sls .dropdown-item:hover,.popup-outer-box .bx-sls .quick-location-tag:hover{background-color:#d6edf4}.form-order-box .bx-sls .dropdown-item-text span,.popup-outer-box .bx-sls .dropdown-item-text span{color:#0095bf}
/* End */
/* Start:/local/templates/main/template_styles.min.css?17860133064278*/
@keyframes favorites-spin{to{transform:rotate(360deg)}}[id^=bx_incl_area]{display:inherit}[disabled]{opacity:.25;touch-action:none;pointer-events:none}.bx-pagination li:before{content:none}.bx-filter-button-box .frm-field-input{display:flex;gap:8px}.bx-filter-button-box .frm-field-input [name=del_filter].is-hidden{display:none}font.tablebodytext{display:none!important}#popup-basket-notify .popup-basket-notify-title{font-size:1.25em}#popup-basket-notify .popup-basket-notify-message{text-align:center}#popup-basket-notify .frm-row-submit{gap:15px 0}#popup-quick-order .js-quick-order-error,#popup-quick-order .js-quick-order-loading,#popup-quick-order .js-quick-order-success{text-align:center;margin:0}#popup-contacts-feedback .popup-box{padding:24px 20px 20px}#popup-contacts-feedback .popup-box .btn-popup-close{top:12px;right:12px;margin:0}#popup-contacts-feedback .popup-title-wrap{margin-bottom:16px}#popup-contacts-feedback .popup-title-wrap p{margin:6px 0 0;font-size:14px;line-height:1.5;letter-spacing:.03em}#popup-contacts-feedback .popup-title{font-size:22px;line-height:1.3}#popup-contacts-feedback .form-contacts-box{padding:0;background:0 0}#popup-contacts-feedback .form-contacts-box .frm-row{margin-left:0;margin-right:0;margin-bottom:8px;gap:8px 10px}#popup-contacts-feedback .form-contacts-box .frm-row-submit{margin-left:0;margin-right:0;margin-bottom:8px}#popup-contacts-feedback .form-contacts-box .frm-row-submit:last-child,#popup-contacts-feedback .form-contacts-box .frm-row:last-child{margin-bottom:0}#popup-contacts-feedback .form-contacts-box .frm-field{padding:0;width:100%}#popup-contacts-feedback .form-contacts-box .field-half{width:100%}#popup-contacts-feedback .form-contacts-box .frm-row-submit{padding-top:4px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:12px}#popup-contacts-feedback .form-contacts-box .frm-row-submit .field-info,#popup-contacts-feedback .form-contacts-box .frm-row-submit .field-submit{width:100%;flex:none}#popup-contacts-feedback .form-contacts-box .frm-row-submit .field-submit{text-align:center}#popup-contacts-feedback .form-contacts-box textarea.form-input{height:100px}@media (min-width:768px){#popup-contacts-feedback .popup-box{padding:32px 28px 28px}#popup-contacts-feedback .popup-box .btn-popup-close{top:20px;right:20px}#popup-contacts-feedback .popup-title{font-size:28px}}@media (min-width:1024px){#popup-contacts-feedback .form-contacts-box .field-half{width:calc(50% - 5px)}#popup-contacts-feedback .form-contacts-box .frm-row-submit{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:16px}#popup-contacts-feedback .form-contacts-box .frm-row-submit .field-info{flex:1;width:auto}#popup-contacts-feedback .form-contacts-box .frm-row-submit .field-submit{width:auto;flex-shrink:0;text-align:center}}#popup-contacts-feedback.is-sent .popup-box{padding-top:48px;padding-bottom:36px}#popup-contacts-feedback .contacts-feedback-popup-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}#popup-contacts-feedback .contacts-feedback-popup-success[hidden]{display:none!important}#popup-contacts-feedback .contacts-feedback-popup-success__icon{width:72px;height:72px;margin-bottom:20px;border-radius:50%;background-color:var(--clr-bg-att-light);background-image:url(/local/templates/main/img/icons/check.svg);background-position:center;background-repeat:no-repeat;background-size:32px auto}#popup-contacts-feedback .contacts-feedback-popup-success__title{margin:0 0 10px;font-weight:700;font-size:24px;line-height:1.3;letter-spacing:.01em;color:var(--clr-base-title)}#popup-contacts-feedback .contacts-feedback-popup-success__text{margin:0;max-width:340px;font-size:15px;line-height:1.5;letter-spacing:.03em;color:var(--clr-base);text-align:center}.page-404{margin-bottom:40px}.favorites-catalog-loader{min-height:120px;position:relative}.favorites-catalog-loader.is-loading .favorites-catalog-loader__spinner{display:block}.favorites-catalog-loader__spinner{display:none;width:40px;height:40px;margin:40px auto;border:3px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:favorites-spin .8s linear infinite}.favorites-empty__title{font-size:2.25rem;margin-bottom:1rem}.favorites-empty__hint{color:#666;padding-bottom:3rem!important}
/* End */
/* /local/templates/main/css/reset.min.css?17860132993360 */
/* /local/templates/main/css/fancybox.min.css?178601329924839 */
/* /local/templates/main/css/swiper-bundle.min.css?177640159118432 */
/* /local/templates/main/css/style.css?1786015484347284 */
/* /local/templates/main/css/nprogress.min.css?17860132991146 */
/* /local/templates/main/components/bitrix/sale.location.selector.search/site/style.min.css?17860135525976 */
/* /local/templates/main/template_styles.min.css?17860133064278 */